udp-react-enterprise-component-library 25.19.0-alpha.2 → 26.0.0-beta.66

package/README.md

@@ -72,7 +72,7 @@ This export map is the source of truth the plugin uses to rewrite barrel imports
 
 ### Vite Plugin Integration
 
-The `udp-monorepo-plugin` reads the export map and automatically transforms barrel imports into modular imports during the build process. This transformation happens transparently, so developers can write convenient barrel imports while still achieving optimal bundle sizes.
+The previous monorepo plugin-based barrel rewrite flow has been superseded by the library bundler output. Modular exports are now produced by the package build itself.
 
 **Example Transformation:**
 ```js
@@ -100,7 +100,7 @@ This build system also enables effective code splitting so the bundler can place
 
 Key points:
 - Use dynamic `import()` (or framework-level lazy loading) to load routes/pages and large components on demand.
-- The `export-map.json` + `udp-monorepo-plugin` let you write convenient barrel imports while the plugin rewrites them to module-level imports. That makes it much easier for the bundler to identify module boundaries and emit smaller, more focused chunks.
+- The package build now emits modular exports directly, which gives downstream bundlers clearer module boundaries and better chunking control.
 - Smaller chunks mean faster initial loads and better cache behavior: only code required for the first screen downloads immediately.
 
 Example (developer code):

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.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.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.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.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.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UdpLineChart.mjs","names":["UdpLineChart","StencilLineChart"],"sources":["../../../../src/UI/charts/amcharts/UdpLineChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UdpLineChart as StencilLineChart } from '@univerus/udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpLineChartProps extends XyChartBaseProps{\n  xAxisField: string\n  yAxisField: string\n};\nexport const UdpLineChart: React.FC<UdpLineChartProps> = (props: UdpLineChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilLineChart {...props} />;\n};\n"],"mappings":";;;AASA,MAAaA,kBAA6C,UACrD;AAEH,QAAO,sBAAA,cAACC,cAAqB,MAAS"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UdpSankeyChart.mjs","names":["UdpSankeyChart","StencilSankeyChart"],"sources":["../../../../src/UI/charts/amcharts/UdpSankeyChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UdpSankeyChart as StencilSankeyChart } from '@univerus/udp-react-stencil-component-library';\nimport { BaseProps } from '../types';\n\nexport interface SankeyChartBaseProps extends BaseProps {\n  valueField: string;\n  targetIdField: string;\n  sourceIdField: string;\n  labelFormat?: string;\n  tooltipTextFormat?: string;\n  nodeTooltipTextFormat?: string;\n  paddingRight?: number | string;\n}\n\nexport const UdpSankeyChart = (props: SankeyChartBaseProps) => {\n  {/* @ts-ignore */}\n  return <StencilSankeyChart {...props} kpisPosition=\"top\"/>;\n};\n"],"mappings":";;;AAeA,MAAaA,oBAAkB,UAAgC;AAE7D,QAAO,sBAAA,cAACC,gBAAD;EAAoB,GAAI;EAAO,cAAa;EAAO,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UdpXYMultiSeriesChart.mjs","names":["StencilXYMultiSeriesChart"],"sources":["../../../../src/UI/charts/amcharts/UdpXYMultiSeriesChart.tsx"],"sourcesContent":["import React from 'react';\nimport { UdpXyMultiSeriesChart as StencilXYMultiSeriesChart } from '@univerus/udp-react-stencil-component-library';\nimport {\n  BaseProps,\n  XYMultiSeriesSeriesProps,\n  XYMultiSeriesXAxisProps,\n  XYMultiSeriesYAxisProps\n} from '../types';\n\nexport interface UdpXYMultiSeriesChartProps extends BaseProps {\n  hideLegend: boolean;\n  xAxes: XYMultiSeriesXAxisProps[];\n  yAxes: XYMultiSeriesYAxisProps[];\n  series: XYMultiSeriesSeriesProps[];\n}\n\nexport const UdpXYMultiSeriesChart = (props: UdpXYMultiSeriesChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilXYMultiSeriesChart {...props} />;\n};\n"],"mappings":";;;AAgBA,MAAa,yBAAyB,UAAsC;AAE1E,QAAO,sBAAA,cAACA,uBAA8B,MAAS"}

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

@@ -0,0 +1,20 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.mjs";
+import { UdpDistributionChart } from "./UdpDistributionChart.mjs";
+import { UdpDonutChart } from "./UdpDonutChart.mjs";
+import { UdpLineChart } from "./UdpLineChart.mjs";
+import { UdpSankeyChart } from "./UdpSankeyChart.mjs";
+import { UdpXYMultiSeriesChart } from "./UdpXYMultiSeriesChart.mjs";
+import { UdpBarChart } from "./UdpBarChart.mjs";
+//#region src/UI/charts/amcharts/index.ts
+var amcharts_exports = /* @__PURE__ */ __exportAll({
+	UdpBarChart: () => UdpBarChart,
+	UdpDistributionChart: () => UdpDistributionChart,
+	UdpDonutChart: () => UdpDonutChart,
+	UdpLineChart: () => UdpLineChart,
+	UdpSankeyChart: () => UdpSankeyChart,
+	UdpXYMultiSeriesChart: () => UdpXYMultiSeriesChart
+});
+//#endregion
+export { amcharts_exports };
+
+//# sourceMappingURL=index.mjs.map