udp-react-enterprise-component-library 0.0.0-feature-20260331195615

package/dist/AGLicense.mjs

@@ -0,0 +1,6 @@
+//#region src/AGLicense.js
+const LicenseKey = "Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694";
+//#endregion
+export { LicenseKey };
+
+//# sourceMappingURL=AGLicense.mjs.map

package/dist/AGLicense.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AGLicense.mjs","names":[],"sources":["../src/AGLicense.js"],"sourcesContent":["export const LicenseKey =\n  'Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694';\n"],"mappings":";AAAA,MAAa,aACX"}

package/dist/UI/AlertContainer.mjs

@@ -0,0 +1,44 @@
+import { evaluateRule, mapRule } from "../utilities/rules/RuleUtilities.mjs";
+import React, { useEffect, useState } from "react";
+import { Chip, makeStyles, useTheme } from "@material-ui/core";
+//#region src/UI/AlertContainer.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "grid",
+		gridTemplateColumns: "auto auto"
+	},
+	alertContainer: { margin: "0.3em" },
+	chipStyle: {
+		maxWidth: "150px",
+		textOverflow: "ellipsis"
+	}
+}));
+const AlertContainer = (props) => {
+	const { data } = props;
+	const theme = useTheme();
+	const [alertData, setAlertData] = useState([]);
+	const classes = useStyles(props);
+	useEffect(() => {
+		if (data?.properties?.alerts) {
+			let tempData = [];
+			data.properties.alerts.forEach((alert) => {
+				if (evaluateRule(mapRule(alert.propertyMapping, alert.jsonLogic), data.nodeObj, data.properties?.joiningEntityCatalogObjectKey, data.wasLazyLoaded)) tempData.push(alert);
+			});
+			setAlertData(tempData);
+		}
+	}, [data]);
+	if (alertData.length > 0) return /* @__PURE__ */ React.createElement("div", { className: classes.root }, alertData.filter((item, i) => i % 2 === 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+		label: alert.label,
+		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
+		className: classes.chipStyle
+	}))), alertData.filter((item, i) => i % 2 !== 0 && i !== 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+		label: alert.label,
+		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
+		className: classes.chipStyle
+	}))));
+	else return null;
+};
+//#endregion
+export { AlertContainer };
+
+//# sourceMappingURL=AlertContainer.mjs.map

package/dist/UI/AlertContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContainer.mjs","names":[],"sources":["../../src/UI/AlertContainer.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { evaluateRule, mapRule } from '../utilities/rules/RuleUtilities';\nimport { Chip, useTheme, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto'\n  },\n  alertContainer: {\n    margin: '0.3em'\n  },\n  chipStyle: {\n    maxWidth: '150px',\n    textOverflow: 'ellipsis'\n  }\n}));\n\nexport const AlertContainer = (props) => {\n  const { data } = props;\n\n  const theme = useTheme();\n  const [alertData, setAlertData] = useState([]);\n  const classes = useStyles(props);\n\n  useEffect(() => {\n    if (data?.properties?.alerts) {\n      let tempData = [];\n      data.properties.alerts.forEach((alert) => {\n        let res = mapRule(alert.propertyMapping, alert.jsonLogic);\n        if (\n          evaluateRule(\n            res,\n            data.nodeObj,\n            data.properties?.joiningEntityCatalogObjectKey,\n            data.wasLazyLoaded\n          )\n        ) {\n          tempData.push(alert);\n        }\n      });\n      setAlertData(tempData);\n    }\n  }, [data]);\n\n  if (alertData.length > 0) {\n    return (\n      <div className={classes.root}>\n        {alertData\n          .filter((item, i) => i % 2 === 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n\n        {alertData\n          .filter((item, i) => i % 2 !== 0 && i !== 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n"],"mappings":";;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,qBAAqB;EACtB;CACD,gBAAgB,EACd,QAAQ,SACT;CACD,WAAW;EACT,UAAU;EACV,cAAc;EACf;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,EAAE,SAAS;CAEjB,MAAM,QAAQ,UAAU;CACxB,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE,CAAC;CAC9C,MAAM,UAAU,UAAU,MAAM;AAEhC,iBAAgB;AACd,MAAI,MAAM,YAAY,QAAQ;GAC5B,IAAI,WAAW,EAAE;AACjB,QAAK,WAAW,OAAO,SAAS,UAAU;AAExC,QACE,aAFQ,QAAQ,MAAM,iBAAiB,MAAM,UAAU,EAIrD,KAAK,SACL,KAAK,YAAY,+BACjB,KAAK,cACN,CAED,UAAS,KAAK,MAAM;KAEtB;AACF,gBAAa,SAAS;;IAEvB,CAAC,KAAK,CAAC;AAEV,KAAI,UAAU,SAAS,EACrB,QACE,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,MAgClB,EA/BH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,EAAE,CAChC,KAAK,UACJ,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,gBAUlB,EATJ,sBAAA,cAAC,MAAD;EACE,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;EACnB,CAAA,CACE,CACN,EAEH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAC3C,KAAK,UACJ,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,gBAUlB,EATJ,sBAAA,cAAC,MAAD;EACE,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;EACnB,CAAA,CACE,CACN,CACA;KAGR,QAAO"}

package/dist/UI/Box.mjs

@@ -0,0 +1,10 @@
+import React from "react";
+import { Box } from "@material-ui/core";
+//#region src/UI/Box.jsx
+const Box$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(Box, props);
+};
+//#endregion
+export { Box$1 as Box };
+
+//# sourceMappingURL=Box.mjs.map

package/dist/UI/Box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.mjs","names":["Box","MuiBox"],"sources":["../../src/UI/Box.jsx"],"sourcesContent":["import React from \"react\";\nimport { Box as MuiBox } from \"@material-ui/core\";\n\n// Please confirm with UI/UX team before using this as this is not recomended\nexport const Box = props => {\n  return (<MuiBox {...props}/>)\n}"],"mappings":";;;AAIA,MAAaA,SAAM,UAAS;AAC1B,QAAQ,sBAAA,cAACC,KAAW,MAAQ"}

package/dist/UI/Grid.mjs

@@ -0,0 +1,16 @@
+import React from "react";
+import { Grid } from "@material-ui/core";
+//#region src/UI/Grid.jsx
+const Grid$1 = (props) => {
+	const { container, item, spacing, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(Grid, {
+		container,
+		item,
+		spacing,
+		...otherProps
+	});
+};
+//#endregion
+export { Grid$1 as Grid };
+
+//# sourceMappingURL=Grid.mjs.map

package/dist/UI/Grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.mjs","names":["Grid","MuiGrid"],"sources":["../../src/UI/Grid.jsx"],"sourcesContent":["import React from 'react';\nimport { Grid as MuiGrid } from '@material-ui/core';\n\nexport const Grid = props => {\n  const { container, item, spacing, ...otherProps } = props;\n\n  return (\n    <MuiGrid\n      container={container}\n      item={item}\n      spacing={spacing}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":";;;AAGA,MAAaA,UAAO,UAAS;CAC3B,MAAM,EAAE,WAAW,MAAM,SAAS,GAAG,eAAe;AAEpD,QACE,sBAAA,cAACC,MAAD;EACa;EACL;EACG;EACT,GAAI;EACJ,CAAA"}

package/dist/UI/SuccessAction.mjs

@@ -0,0 +1,17 @@
+import React from "react";
+import { Button } from "@material-ui/core";
+//#region src/UI/SuccessAction.jsx
+const getSuccessAction = (closeSnackbar) => {
+	const successAction = (key) => /* @__PURE__ */ React.createElement(Button, {
+		color: "secondary",
+		size: "small",
+		onClick: () => {
+			closeSnackbar(key);
+		}
+	}, "OK");
+	return successAction;
+};
+//#endregion
+export { getSuccessAction };
+
+//# sourceMappingURL=SuccessAction.mjs.map

package/dist/UI/SuccessAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessAction.mjs","names":[],"sources":["../../src/UI/SuccessAction.jsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@material-ui/core';\n\nexport const getSuccessAction = (closeSnackbar) => {\n  const successAction = (key) => (\n    <Button\n      color='secondary'\n      size='small'\n      onClick={() => {\n        closeSnackbar(key);\n      }}\n    >\n      OK\n    </Button>\n  );\n  return successAction;\n};\n"],"mappings":";;;AAGA,MAAa,oBAAoB,kBAAkB;CACjD,MAAM,iBAAiB,QACrB,sBAAA,cAAC,QAAD;EACE,OAAM;EACN,MAAK;EACL,eAAe;AACb,iBAAc,IAAI;;EAIb,EAFR,KAEQ;AAEX,QAAO"}

package/dist/UI/accordion/Accordion.mjs

@@ -0,0 +1,191 @@
+import { FluentIcon } from "../../utilities/iconLibrary/FluentIcon.mjs";
+import { FluentIconButton } from "../inputs/buttons/FluentIconButton.mjs";
+import { getIconFromName } from "../../utilities/tree/TreeUtilities.mjs";
+import { StatusChip } from "../dataDisplay/status/StatusChip.mjs";
+import { IconButtonWithTooltip } from "../inputs/buttons/IconButtonWithToolTip.mjs";
+import React, { useCallback } from "react";
+import { ButtonBase, Collapse, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { ChevronUpIcon } from "@fluentui/react-icons";
+//#region src/UI/accordion/Accordion.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		width: "100%",
+		height: "100%"
+	},
+	rootBorder: {
+		borderStyle: "solid",
+		borderColor: (props) => theme.palette[props?.color]?.main,
+		borderWidth: "1px 1px 1px 6px"
+	},
+	headerWrapper: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		backgroundColor: (props) => props?.simpleAccordion && props?.color && props?.color !== "default" ? props?.color === "paper" ? theme.palette.background.paper : lighten(theme.palette[props?.color]?.light, .8) : theme.palette.background.default,
+		overflow: "hidden",
+		width: (props) => props?.headerWidth ?? "100%"
+	},
+	secondaryButtonsWrapper: {
+		display: "flex",
+		gap: theme.spacing(2),
+		borderRadius: theme.spacing(2),
+		backgroundColor: "white",
+		padding: `2px ${theme.spacing(1)}px`,
+		width: "fit-content"
+	},
+	primaryButtonWrapper: {
+		minWidth: "68px",
+		maxWidth: (props) => props?.primaryActionMaxWidth,
+		height: "auto",
+		color: "white",
+		backgroundColor: (props) => theme.palette[props?.color]?.main,
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		alignSelf: "normal"
+	},
+	headerColor: { backgroundColor: (props) => props?.color !== "default" && props?.color !== "paper" && lighten(theme.palette[props?.color]?.light, .85) },
+	buttonWrapper: {
+		display: "flex",
+		gap: theme.spacing(.5)
+	},
+	titleWrapper: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		flexGrow: 2,
+		margin: (props) => props.removeHeaderMargin ? "0px" : theme.spacing(.8),
+		color: theme.palette.text.primary
+	},
+	closeButtonWrapper: {
+		display: "flex",
+		justifyContent: "flex-end",
+		marginTop: theme.spacing(1)
+	},
+	unexpandedIconButton: {
+		width: "68px",
+		height: "40px",
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		alignSelf: "normal",
+		borderTop: `solid 1px lightgrey`,
+		borderLeft: `solid 1px lightgrey`,
+		overflow: "hidden",
+		border: (props) => props?.removeBorder && "0px"
+	},
+	rightIconButton: {
+		backgroundColor: "white",
+		padding: theme.spacing(1),
+		borderRadius: "50%"
+	},
+	primaryActionLabel: {
+		marginRight: theme.spacing(.5),
+		marginLeft: theme.spacing(.5)
+	},
+	expand: {
+		transform: "rotate(0deg)",
+		marginLeft: "auto",
+		marginRight: theme.spacing(1),
+		transition: theme.transitions.create("transform", { duration: theme.transitions.duration.shortest })
+	},
+	expandOpen: { transform: "rotate(180deg)" },
+	titleStatusWrapper: {
+		display: "flex",
+		alignItems: "center",
+		gap: theme.spacing(1)
+	}
+}));
+const Accordion = (props) => {
+	const { title, subtitle, subtitleVariant, status, statusIcon, statusLabel, secondaryIconButtons, overriddenSecondaryContainer, rightIcon, rightIconAction, rightIconTooltip, disableRightIconButton = false, primaryActionIcon, primaryActionLabel, primaryAction, primaryActionMaxWidth, disablePrimaryActionButton = false, color = "info", children, expand, setExpand, additionalEvent, hideCloseButton = false, hideRightIconButton = false, hidePrimaryAction = false, noWrapTitle = false, simpleAccordion = false, recordId = 0, removeBorder = false, headerWidth, removeHeaderMargin, titleVariant = "subtitle2", chevronIconSize = "medium", unmountOnExit = true } = props;
+	const classes = useStyles({
+		color,
+		primaryActionMaxWidth,
+		simpleAccordion,
+		headerWidth,
+		removeHeaderMargin,
+		removeBorder
+	});
+	const handleOnClickAccordion = useCallback(() => {
+		if (setExpand) setExpand(!expand);
+		if (additionalEvent) additionalEvent();
+	}, [
+		additionalEvent,
+		expand,
+		setExpand
+	]);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, { [classes.rootBorder]: !simpleAccordion & !removeBorder }) }, /* @__PURE__ */ React.createElement("div", {
+		className: clsx(classes.headerWrapper, { [classes.headerColor]: simpleAccordion ? false : expand }),
+		onClick: handleOnClickAccordion
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.titleStatusWrapper }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: titleVariant,
+		noWrap: noWrapTitle
+	}, title), statusLabel && /* @__PURE__ */ React.createElement(StatusChip, {
+		status: status ?? color,
+		label: statusLabel,
+		icon: statusIcon
+	})), subtitle && /* @__PURE__ */ React.createElement(Typography, {
+		variant: subtitleVariant,
+		noWrap: noWrapTitle
+	}, subtitle), overriddenSecondaryContainer ? { overriddenSecondaryContainer } : /* @__PURE__ */ React.createElement("div", null, secondaryIconButtons?.length > 0 && /* @__PURE__ */ React.createElement("div", { className: classes.secondaryButtonsWrapper }, secondaryIconButtons?.map((item) => /* @__PURE__ */ React.createElement("div", { className: classes.buttonWrapper }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+		...item,
+		title: item?.title,
+		icon: item.icon,
+		onClick: (event) => {
+			event.stopPropagation();
+			item.onClick();
+		},
+		size: "small",
+		id: `udpRecord-Accordion-${item?.title}-${recordId}`,
+		udprecordid: `udpRecord-Accordion-${item?.title}-${recordId}`
+	}), item?.value && /* @__PURE__ */ React.createElement(Typography, null, item?.value)))))), !hideRightIconButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+		title: rightIconTooltip,
+		icon: rightIcon,
+		onClick: (event) => {
+			event.stopPropagation();
+			rightIconAction();
+		},
+		className: classes.rightIconButton,
+		size: "small",
+		disabled: disableRightIconButton,
+		id: `udpRecord-Accordion-RightButton-${recordId}`,
+		udprecordid: `udpRecord-Accordion-RightButton-${recordId}`
+	}))), !hidePrimaryAction && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.primaryButtonWrapper }, primaryActionIcon ? /* @__PURE__ */ React.createElement(Tooltip, { title: primaryActionLabel }, /* @__PURE__ */ React.createElement(ButtonBase, {
+		onClick: (event) => {
+			event.stopPropagation();
+			primaryAction();
+		},
+		className: classes.primaryButtonWrapper,
+		disabled: disablePrimaryActionButton,
+		id: `udpRecord-Accordion-ButtonBase-${recordId}`,
+		udprecordid: `udpRecord-Accordion-ButtonBase-${recordId}`
+	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: primaryActionIcon }))) : /* @__PURE__ */ React.createElement(ButtonBase, {
+		onClick: primaryAction,
+		className: classes.primaryButtonWrapper,
+		disabled: disablePrimaryActionButton
+	}, /* @__PURE__ */ React.createElement(Typography, { className: classes.primaryActionLabel }, primaryActionLabel))), simpleAccordion && /* @__PURE__ */ React.createElement(FluentIconButton, {
+		icon: getIconFromName("ChevronDownIcon"),
+		onClick: handleOnClickAccordion,
+		className: clsx(classes.expand, { [classes.expandOpen]: expand }),
+		size: chevronIconSize,
+		disabled: disableRightIconButton,
+		id: `udpRecord-Accordion-ExpandButton-${recordId}`,
+		udprecordid: `udpRecord-Accordion-ExpandButton-${recordId}`
+	})), /* @__PURE__ */ React.createElement(Collapse, {
+		in: expand,
+		timeout: "auto",
+		unmountOnExit
+	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), !hideCloseButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.closeButtonWrapper }, /* @__PURE__ */ React.createElement(ButtonBase, {
+		onClick: () => {
+			if (setExpand) setExpand(false);
+		},
+		className: classes.unexpandedIconButton,
+		id: `udpRecord-Accordion-CloseButton-${recordId}`,
+		udprecordid: `udpRecord-Accordion-CloseButton-${recordId}`
+	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: ChevronUpIcon }))))));
+};
+//#endregion
+export { Accordion };
+
+//# sourceMappingURL=Accordion.mjs.map

package/dist/UI/accordion/Accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","names":[],"sources":["../../../src/UI/accordion/Accordion.jsx"],"sourcesContent":["import {\n  ButtonBase,\n  Collapse,\n  Tooltip,\n  Typography,\n  lighten,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { useCallback } from 'react';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { IconButtonWithTooltip } from '../inputs/buttons/IconButtonWithToolTip';\nimport { ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: '100%'\n  },\n  rootBorder: {\n    borderStyle: 'solid',\n    borderColor: (props) => theme.palette[props?.color]?.main,\n    borderWidth: '1px 1px 1px 6px'\n  },\n  headerWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: (props) =>\n      props?.simpleAccordion && props?.color && props?.color !== 'default'\n        ? props?.color === 'paper'\n          ? theme.palette.background.paper\n          : lighten(theme.palette[props?.color]?.light, 0.8)\n        : theme.palette.background.default,\n    overflow: 'hidden',\n    width: (props) => props?.headerWidth ?? '100%'\n  },\n  secondaryButtonsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(2),\n    borderRadius: theme.spacing(2),\n    backgroundColor: 'white',\n    padding: `2px ${theme.spacing(1)}px`,\n    width: 'fit-content'\n  },\n  primaryButtonWrapper: {\n    minWidth: '68px',\n    maxWidth: (props) => props?.primaryActionMaxWidth,\n    height: 'auto',\n    color: 'white',\n    backgroundColor: (props) => theme.palette[props?.color]?.main,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal'\n  },\n  headerColor: {\n    backgroundColor: (props) =>\n      props?.color !== 'default' &&\n      props?.color !== 'paper' &&\n      lighten(theme.palette[props?.color]?.light, 0.85)\n  },\n  buttonWrapper: {\n    display: 'flex',\n    gap: theme.spacing(0.5)\n  },\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexGrow: 2,\n    margin: (props) => (props.removeHeaderMargin ? '0px' : theme.spacing(0.8)),\n    color: theme.palette.text.primary\n  },\n  closeButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginTop: theme.spacing(1)\n  },\n  unexpandedIconButton: {\n    width: '68px',\n    height: '40px',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal',\n    borderTop: `solid 1px lightgrey`,\n    borderLeft: `solid 1px lightgrey`,\n    overflow: 'hidden',\n    border: (props) => props?.removeBorder && '0px'\n  },\n  rightIconButton: {\n    backgroundColor: 'white',\n    padding: theme.spacing(1),\n    borderRadius: '50%'\n  },\n  primaryActionLabel: {\n    marginRight: theme.spacing(0.5),\n    marginLeft: theme.spacing(0.5)\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    marginLeft: 'auto',\n    marginRight: theme.spacing(1),\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  titleStatusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }\n}));\n\nexport const Accordion = (props) => {\n  const {\n    title,\n    subtitle,\n    subtitleVariant,\n    status,\n    statusIcon,\n    statusLabel,\n    secondaryIconButtons,\n    overriddenSecondaryContainer,\n    rightIcon,\n    rightIconAction,\n    rightIconTooltip,\n    disableRightIconButton = false,\n    primaryActionIcon,\n    primaryActionLabel,\n    primaryAction,\n    primaryActionMaxWidth,\n    disablePrimaryActionButton = false,\n    color = 'info',\n    children,\n    expand,\n    setExpand,\n    additionalEvent,\n    hideCloseButton = false,\n    hideRightIconButton = false,\n    hidePrimaryAction = false,\n    noWrapTitle = false,\n    simpleAccordion = false,\n    recordId = 0,\n    removeBorder = false,\n    headerWidth,\n    removeHeaderMargin,\n    titleVariant = 'subtitle2',\n    chevronIconSize = 'medium',\n    unmountOnExit = true\n  } = props;\n  const classes = useStyles({\n    color,\n    primaryActionMaxWidth,\n    simpleAccordion,\n    headerWidth,\n    removeHeaderMargin,\n    removeBorder,\n  });\n\n  const handleOnClickAccordion = useCallback(() => {\n    if (setExpand) {\n      setExpand(!expand);\n    }\n\n    if (additionalEvent) {\n      additionalEvent();\n    }\n  }, [additionalEvent, expand, setExpand]);\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.rootBorder]: !simpleAccordion & !removeBorder\n      })}\n    >\n      <div\n        className={clsx(classes.headerWrapper, {\n          [classes.headerColor]: simpleAccordion ? false : expand\n        })}\n        onClick={handleOnClickAccordion}\n      >\n        <div className={classes.titleWrapper}>\n          <div>\n            <div className={classes.titleStatusWrapper}>\n              <Typography variant={titleVariant} noWrap={noWrapTitle}>\n                {title}\n              </Typography>\n              {statusLabel && <StatusChip\n                status={status ?? color}\n                label={statusLabel}\n                icon={statusIcon}\n              />}\n            </div>\n\n            {subtitle && (\n              <Typography variant={subtitleVariant} noWrap={noWrapTitle}>\n                {subtitle}\n              </Typography>\n            )}\n\n            {overriddenSecondaryContainer ? (\n              { overriddenSecondaryContainer }\n            ) : (\n              <div>\n                {secondaryIconButtons?.length > 0 && (\n                  <div className={classes.secondaryButtonsWrapper}>\n                    {secondaryIconButtons?.map((item) => (\n                      <div className={classes.buttonWrapper}>\n                        <IconButtonWithTooltip\n                          {...item}\n                          title={item?.title}\n                          icon={item.icon}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            item.onClick();\n                          }}\n                          size='small'\n                          id={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                          udprecordid={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                        />\n                        {item?.value && <Typography>{item?.value}</Typography>}\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n          {!hideRightIconButton && !simpleAccordion && (\n            <div>\n              <IconButtonWithTooltip\n                title={rightIconTooltip}\n                icon={rightIcon}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  rightIconAction();\n                }}\n                className={classes.rightIconButton}\n                size='small'\n                disabled={disableRightIconButton}\n                id={`udpRecord-Accordion-RightButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-RightButton-${recordId}`}\n              />\n            </div>\n          )}\n        </div>\n        {!hidePrimaryAction && !simpleAccordion && (\n          <div className={classes.primaryButtonWrapper}>\n            {primaryActionIcon ? (\n              <Tooltip title={primaryActionLabel}>\n                <ButtonBase\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    primaryAction();\n                  }}\n                  className={classes.primaryButtonWrapper}\n                  disabled={disablePrimaryActionButton}\n                  id={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                  udprecordid={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                >\n                  <FluentIcon component={primaryActionIcon} />\n                </ButtonBase>\n              </Tooltip>\n            ) : (\n              <ButtonBase\n                onClick={primaryAction}\n                className={classes.primaryButtonWrapper}\n                disabled={disablePrimaryActionButton}\n              >\n                <Typography className={classes.primaryActionLabel}>\n                  {primaryActionLabel}\n                </Typography>\n              </ButtonBase>\n            )}\n          </div>\n        )}\n        {simpleAccordion && (\n          <FluentIconButton\n            icon={getIconFromName('ChevronDownIcon')}\n            onClick={handleOnClickAccordion}\n            className={clsx(classes.expand, {\n              [classes.expandOpen]: expand\n            })}\n            size={chevronIconSize}\n            disabled={disableRightIconButton}\n            id={`udpRecord-Accordion-ExpandButton-${recordId}`}\n            udprecordid={`udpRecord-Accordion-ExpandButton-${recordId}`}\n          />\n        )}\n      </div>\n      <Collapse in={expand} timeout='auto' unmountOnExit={unmountOnExit}>\n        <div>\n          <div>{children}</div>\n          {!hideCloseButton && !simpleAccordion && (\n            <div className={classes.closeButtonWrapper}>\n              <ButtonBase\n                onClick={() => {\n                  if (setExpand) {\n                    setExpand(false);\n                  }\n                }}\n                className={classes.unexpandedIconButton}\n                id={`udpRecord-Accordion-CloseButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-CloseButton-${recordId}`}\n              >\n                <FluentIcon component={ChevronUpIcon} />\n              </ButtonBase>\n            </div>\n          )}\n        </div>\n      </Collapse>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.d.ts
+declare const UdpAdvancedSearchBuilder: React.FC<any>;
+//#endregion
+export { UdpAdvancedSearchBuilder };
+//# sourceMappingURL=UdpAdvancedSearchBuilder.d.mts.map

package/dist/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAdvancedSearchBuilder.d.mts","names":[],"sources":["../../../src/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.tsx"],"mappings":";;;cAIa,wBAAA,EAA0B,KAAA,CAAM,EAAA"}

package/dist/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.mjs

@@ -0,0 +1,18 @@
+import { useCatalogStore } from "../../stores/catalogStore.mjs";
+import React, { useMemo } from "react";
+import { UdpAdvancedSearchBuilder } from "udp-react-stencil-component-library";
+//#region src/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.tsx
+const UdpAdvancedSearchBuilder$1 = (props) => {
+	const { catalogsMap, currentApiCatalogId } = useCatalogStore();
+	const catalogObjectList = useMemo(() => {
+		if (catalogsMap && currentApiCatalogId && catalogsMap[currentApiCatalogId]) return catalogsMap[currentApiCatalogId]?.ctlg?.catalogObjectList;
+	}, [catalogsMap, currentApiCatalogId]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UdpAdvancedSearchBuilder, {
+		...props,
+		catalogObjectList
+	}));
+};
+//#endregion
+export { UdpAdvancedSearchBuilder$1 as UdpAdvancedSearchBuilder };
+
+//# sourceMappingURL=UdpAdvancedSearchBuilder.mjs.map

package/dist/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAdvancedSearchBuilder.mjs","names":["UdpAdvancedSearchBuilder","UdpAdvancedSearchBuilderStencil"],"sources":["../../../src/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { UdpAdvancedSearchBuilder as UdpAdvancedSearchBuilderStencil } from '@univerus/udp-react-stencil-component-library';\nimport { useCatalogStore } from '../../stores/catalogStore';\n\nexport const UdpAdvancedSearchBuilder: React.FC<any> = (props) => {\n  const { catalogsMap, currentApiCatalogId } = useCatalogStore();\n\n  const catalogObjectList = useMemo(() => {\n    if (\n      catalogsMap &&\n      currentApiCatalogId &&\n      catalogsMap[currentApiCatalogId]\n    ) {\n      return catalogsMap[currentApiCatalogId]?.ctlg?.catalogObjectList;\n    }\n  }, [catalogsMap, currentApiCatalogId]);\n\n  return (\n    <div>\n      {/* @ts-ignore */}\n      <UdpAdvancedSearchBuilderStencil\n        {...props}\n        catalogObjectList={catalogObjectList}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;AAIA,MAAaA,8BAA2C,UAAU;CAChE,MAAM,EAAE,aAAa,wBAAwB,iBAAiB;CAE9D,MAAM,oBAAoB,cAAc;AACtC,MACE,eACA,uBACA,YAAY,qBAEZ,QAAO,YAAY,sBAAsB,MAAM;IAEhD,CAAC,aAAa,oBAAoB,CAAC;AAEtC,QACE,sBAAA,cAAC,OAAA,MAEC,sBAAA,cAACC,0BAAD;EACE,GAAI;EACe;EACnB,CAAA,CACE"}

package/dist/UI/charts/InsightRenderer.d.mts

@@ -0,0 +1,25 @@
+import { Insight } from "./types.mjs";
+import { QueryResult } from "../../models/QueryResult.mjs";
+import React from "react";
+
+//#region src/UI/charts/InsightRenderer.d.ts
+type UdpChart = 'UdpBarChart' | 'UdpDonutChart' | 'UdpLineChart' | 'UdpDistributionChart';
+interface InsightRendererProps {
+  insight: Insight | undefined;
+  data: QueryResult | undefined;
+  insightId: string | undefined;
+}
+/**
+ * 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.
+ */
+declare const InsightRenderer: React.FC<InsightRendererProps>;
+//#endregion
+export { InsightRenderer, InsightRendererProps, UdpChart };
+//# sourceMappingURL=InsightRenderer.d.mts.map

package/dist/UI/charts/InsightRenderer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightRenderer.d.mts","names":[],"sources":["../../../src/UI/charts/InsightRenderer.tsx"],"mappings":";;;;;KAOY,QAAA;AAAA,UAKK,oBAAA;EACf,OAAA,EAAS,OAAA;EACT,IAAA,EAAM,WAAA;EACN,SAAA;AAAA;;AAHF;;;;;;;;;cAwBa,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,oBAAA"}

package/dist/UI/charts/InsightRenderer.mjs

@@ -0,0 +1,82 @@
+import { ConfigService } from "../../configService/index.mjs";
+import { useUser } from "../../utilities/auth/useUser.mjs";
+import { useAxiosGet } from "../../utilities/useAxiosGet.mjs";
+import { amcharts_exports } from "./amcharts/index.mjs";
+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 };
+
+//# sourceMappingURL=InsightRenderer.mjs.map

package/dist/UI/charts/InsightRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightRenderer.mjs","names":["UdpCharts"],"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,MAAa,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,IAAI;AACJ,MAAI,OAAO,SAAS,oBAAoB,eAAe,SACrD,cAAa,KAAK,MAChB,SAAS,oBAAoB,WAC9B;MAED,cAAa,SAAS,oBAAoB;AAG5C,SAAOA,mBAAY,YAAY;IAC9B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAM,OAEU,cAAc;AAC5B,MAAI,WAAW,KAAM,QAAO,KAAA;AAC5B,SAAO,SAAS,mBAAmB,OAAO,QAAQ;GAChD,MAAM,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,MAAM,aAA4C,cAAc;AAC9D,MAAI,WAAW,KAAM,QAAO;EAC5B,MAAM,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,KAAA,EAC3B,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,sBAAA,cAAC,OAAD;EACE,MAAM;EACN,OAAO,SAAS;EAChB,WAAW,SAAS;EACpB,GAAI;EACJ,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO;EACvC,CAAA"}

package/dist/UI/charts/amcharts/UdpBarChart.d.mts

@@ -0,0 +1,12 @@
+import { XyChartBaseProps } from "../types.mjs";
+import React from "react";
+
+//#region src/UI/charts/amcharts/UdpBarChart.d.ts
+interface UdpBarChartProps extends XyChartBaseProps {
+  valueField: string;
+  labelField: string;
+}
+declare const UdpBarChart: React.FC<UdpBarChartProps>;
+//#endregion
+export { UdpBarChart, UdpBarChartProps };
+//# sourceMappingURL=UdpBarChart.d.mts.map

package/dist/UI/charts/amcharts/UdpBarChart.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpBarChart.d.mts","names":[],"sources":["../../../../src/UI/charts/amcharts/UdpBarChart.tsx"],"mappings":";;;;UAKiB,gBAAA,SAAyB,gBAAA;EACxC,UAAA;EACA,UAAA;AAAA;AAAA,cAGW,WAAA,EAAa,KAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/UI/charts/amcharts/UdpBarChart.mjs

@@ -0,0 +1,10 @@
+import React from "react";
+import { UdpBarChart } from "udp-react-stencil-component-library";
+//#region src/UI/charts/amcharts/UdpBarChart.tsx
+const UdpBarChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpBarChart, props);
+};
+//#endregion
+export { UdpBarChart$1 as UdpBarChart };
+
+//# sourceMappingURL=UdpBarChart.mjs.map

package/dist/UI/charts/amcharts/UdpBarChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpBarChart.mjs","names":["UdpBarChart","StencilBarChart"],"sources":["../../../../src/UI/charts/amcharts/UdpBarChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UdpBarChart as StencilBarChart } from '@univerus/udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpBarChartProps extends XyChartBaseProps{\n  valueField: string;\n  labelField: string;\n};\n\nexport const UdpBarChart: React.FC<UdpBarChartProps> = (props: UdpBarChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilBarChart {...props} />;\n};\n"],"mappings":";;;AAUA,MAAaA,iBAA2C,UAA4B;AAElF,QAAO,sBAAA,cAACC,aAAoB,MAAS"}

package/dist/UI/charts/amcharts/UdpDistributionChart.mjs

@@ -0,0 +1,10 @@
+import React from "react";
+import { UdpDistributionChart } from "udp-react-stencil-component-library";
+//#region src/UI/charts/amcharts/UdpDistributionChart.tsx
+const UdpDistributionChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDistributionChart, props);
+};
+//#endregion
+export { UdpDistributionChart$1 as UdpDistributionChart };
+
+//# sourceMappingURL=UdpDistributionChart.mjs.map

package/dist/UI/charts/amcharts/UdpDistributionChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpDistributionChart.mjs","names":["UdpDistributionChart","StencilDistributionChart"],"sources":["../../../../src/UI/charts/amcharts/UdpDistributionChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UdpDistributionChart as StencilDistributionChart } from '@univerus/udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpDistributionChartProps extends XyChartBaseProps{\n  valueField: string;\n};\n\nexport const UdpDistributionChart = (props: UdpDistributionChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilDistributionChart {...props} />;\n};\n"],"mappings":";;;AASA,MAAaA,0BAAwB,UAAqC;AAExE,QAAO,sBAAA,cAACC,sBAA6B,MAAS"}

package/dist/UI/charts/amcharts/UdpDonutChart.d.mts

@@ -0,0 +1,13 @@
+import { BaseProps } from "../types.mjs";
+import React from "react";
+
+//#region src/UI/charts/amcharts/UdpDonutChart.d.ts
+interface UdpDonutChartProps extends BaseProps {
+  valueField: string;
+  labelField: string;
+  hideLegend: boolean;
+}
+declare const UdpDonutChart: React.FC<UdpDonutChartProps>;
+//#endregion
+export { UdpDonutChart, UdpDonutChartProps };
+//# sourceMappingURL=UdpDonutChart.d.mts.map

package/dist/UI/charts/amcharts/UdpDonutChart.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpDonutChart.d.mts","names":[],"sources":["../../../../src/UI/charts/amcharts/UdpDonutChart.tsx"],"mappings":";;;;UAKiB,kBAAA,SAA2B,SAAA;EAC1C,UAAA;EACA,UAAA;EACA,UAAA;AAAA;AAAA,cAEW,aAAA,EAAe,KAAA,CAAM,EAAA,CAAG,kBAAA"}

package/dist/UI/charts/amcharts/UdpDonutChart.mjs

@@ -0,0 +1,10 @@
+import React from "react";
+import { UdpDonutChart } from "udp-react-stencil-component-library";
+//#region src/UI/charts/amcharts/UdpDonutChart.tsx
+const UdpDonutChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDonutChart, props);
+};
+//#endregion
+export { UdpDonutChart$1 as UdpDonutChart };
+
+//# sourceMappingURL=UdpDonutChart.mjs.map

package/dist/UI/charts/amcharts/UdpDonutChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpDonutChart.mjs","names":["UdpDonutChart","StencilDonutChart"],"sources":["../../../../src/UI/charts/amcharts/UdpDonutChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UdpDonutChart as StencilDonutChart } from '@univerus/udp-react-stencil-component-library';\nimport { BaseProps } from '../types';\n\nexport interface UdpDonutChartProps extends BaseProps{\n  valueField: string;\n  labelField: string;\n  hideLegend: boolean;\n};\nexport const UdpDonutChart: React.FC<UdpDonutChartProps> = (props: UdpDonutChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilDonutChart {...props} />;\n};\n"],"mappings":";;;AAUA,MAAaA,mBAA+C,UACvD;AAEH,QAAO,sBAAA,cAACC,eAAsB,MAAS"}

package/dist/UI/charts/amcharts/UdpLineChart.d.mts

@@ -0,0 +1,12 @@
+import { XyChartBaseProps } from "../types.mjs";
+import React from "react";
+
+//#region src/UI/charts/amcharts/UdpLineChart.d.ts
+interface UdpLineChartProps extends XyChartBaseProps {
+  xAxisField: string;
+  yAxisField: string;
+}
+declare const UdpLineChart: React.FC<UdpLineChartProps>;
+//#endregion
+export { UdpLineChart, UdpLineChartProps };
+//# sourceMappingURL=UdpLineChart.d.mts.map

package/dist/UI/charts/amcharts/UdpLineChart.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpLineChart.d.mts","names":[],"sources":["../../../../src/UI/charts/amcharts/UdpLineChart.tsx"],"mappings":";;;;UAKiB,iBAAA,SAA0B,gBAAA;EACzC,UAAA;EACA,UAAA;AAAA;AAAA,cAEW,YAAA,EAAc,KAAA,CAAM,EAAA,CAAG,iBAAA"}