udp-react-enterprise-component-library 25.18.1-beta.32 → 25.18.1-beta.33

package/dist/UI-BBL1vwiC.js

@@ -0,0 +1,45 @@
+import { i as mapRule, t as evaluateRule } from "./RuleUtilities-D5ACzikQ.js";
+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 as t };
+//# sourceMappingURL=UI-BBL1vwiC.js.map

package/dist/UI-BBL1vwiC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UI-BBL1vwiC.js","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,oCAAC,SAAI,WAAW,QAAQ,QACrB,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,EAAE,CAChC,KAAK,UACJ,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;EACC,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;GACnB,CACE,CACN,EAEH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAC3C,KAAK,UACJ,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;EACC,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;GACnB,CACE,CACN,CACA;KAGR,QAAO"}

package/dist/UdpActionCard-UM7xbcyR.js

@@ -0,0 +1,86 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import React from "react";
+import { Link } from "react-router-dom";
+import PropTypes from "prop-types";
+import "./UI/inputs/buttons/UdpActionCard/UdpActionCard.css";
+
+//#region src/UI/inputs/buttons/UdpActionCard/UdpActionCard.jsx
+/**
+* UdpActionCard - An accessible workflow card component
+*
+* @param {Object} props
+* @param {React.Component} props.icon - Fluent UI icon component
+* @param {string} props.iconColor - Icon color (CSS var, hex, or system color: info, warning, error, success, note)
+* @param {string} props.primaryText - Main heading text
+* @param {string} props.secondaryText - Description text
+* @param {string} [props.href] - External link URL
+* @param {string} [props.to] - React Router link path
+* @param {function} [props.onClick] - Click handler
+* @param {string} [props.className] - Additional CSS classes
+*/
+const UdpActionCard = ({ icon, iconColor = "info", primaryText, secondaryText, href, to, onClick, className = "", ...rest }) => {
+	const getIconColor = () => {
+		const systemColors = {
+			info: "var(--info-color-main)",
+			warning: "var(--warning-color-main)",
+			error: "var(--error-color-main)",
+			success: "var(--success-color-main)",
+			note: "var(--note-color-main)",
+			primary: "var(--primary-color-main)",
+			secondary: "var(--secondary-color-main)"
+		};
+		if (systemColors[iconColor]) return systemColors[iconColor];
+		if (iconColor.startsWith("var(--")) return iconColor;
+		return iconColor;
+	};
+	const resolvedIconColor = getIconColor();
+	if (!icon) {
+		console.error("UdpActionCard: icon prop is required");
+		return null;
+	}
+	const cardContent = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+		className: "udp-action-card__icon",
+		style: { color: resolvedIconColor }
+	}, /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: icon,
+		size: 48,
+		customSize: true
+	})), /* @__PURE__ */ React.createElement("div", { className: "udp-action-card__content" }, /* @__PURE__ */ React.createElement("div", { className: "udp-action-card__primary-text" }, primaryText), /* @__PURE__ */ React.createElement("div", { className: "udp-action-card__secondary-text" }, secondaryText)));
+	const commonProps = {
+		className: `udp-action-card ${className}`,
+		style: { "--card-border-color": resolvedIconColor },
+		...rest
+	};
+	if (href) return /* @__PURE__ */ React.createElement("a", {
+		...commonProps,
+		href,
+		rel: "noopener noreferrer"
+	}, cardContent);
+	if (to) return /* @__PURE__ */ React.createElement(Link, {
+		...commonProps,
+		to
+	}, cardContent);
+	if (onClick) return /* @__PURE__ */ React.createElement("button", {
+		...commonProps,
+		onClick,
+		type: "button"
+	}, cardContent);
+	return /* @__PURE__ */ React.createElement("div", {
+		...commonProps,
+		role: "article"
+	}, cardContent);
+};
+UdpActionCard.propTypes = {
+	icon: PropTypes.elementType.isRequired,
+	iconColor: PropTypes.string,
+	primaryText: PropTypes.string.isRequired,
+	secondaryText: PropTypes.string.isRequired,
+	href: PropTypes.string,
+	to: PropTypes.string,
+	onClick: PropTypes.func,
+	className: PropTypes.string
+};
+
+//#endregion
+export { UdpActionCard as t };
+//# sourceMappingURL=UdpActionCard-UM7xbcyR.js.map

package/dist/UdpActionCard-UM7xbcyR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpActionCard-UM7xbcyR.js","names":[],"sources":["../src/UI/inputs/buttons/UdpActionCard/UdpActionCard.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { FluentIcon } from '../../../../utilities/iconLibrary';\nimport './UdpActionCard.css';\n\n/**\n * UdpActionCard - An accessible workflow card component\n *\n * @param {Object} props\n * @param {React.Component} props.icon - Fluent UI icon component\n * @param {string} props.iconColor - Icon color (CSS var, hex, or system color: info, warning, error, success, note)\n * @param {string} props.primaryText - Main heading text\n * @param {string} props.secondaryText - Description text\n * @param {string} [props.href] - External link URL\n * @param {string} [props.to] - React Router link path\n * @param {function} [props.onClick] - Click handler\n * @param {string} [props.className] - Additional CSS classes\n */\nexport const UdpActionCard = ({\n  icon,\n  iconColor = 'info',\n  primaryText,\n  secondaryText,\n  href,\n  to,\n  onClick,\n  className = '',\n  ...rest\n}) => {\n  // Resolve icon color to CSS variable or direct value\n  const getIconColor = () => {\n    const systemColors = {\n      info: 'var(--info-color-main)',\n      warning: 'var(--warning-color-main)',\n      error: 'var(--error-color-main)',\n      success: 'var(--success-color-main)',\n      note: 'var(--note-color-main)',\n      primary: 'var(--primary-color-main)',\n      secondary: 'var(--secondary-color-main)',\n    };\n\n    // Check if it's a system color\n    if (systemColors[iconColor]) {\n      return systemColors[iconColor];\n    }\n\n    // Check if it's already a CSS variable\n    if (iconColor.startsWith('var(--')) {\n      return iconColor;\n    }\n\n    // Otherwise, treat as hex or named color\n    return iconColor;\n  };\n\n  const resolvedIconColor = getIconColor();\n\n  // Safety check: ensure icon prop is provided\n  if (!icon) {\n    console.error('UdpActionCard: icon prop is required');\n    return null;\n  }\n\n  // Card content\n  const cardContent = (\n    <>\n      <div\n        className=\"udp-action-card__icon\"\n        style={{ color: resolvedIconColor }}\n      >\n        <FluentIcon component={icon} size={48} customSize />\n      </div>\n      <div className=\"udp-action-card__content\">\n        <div className=\"udp-action-card__primary-text\">{primaryText}</div>\n        <div className=\"udp-action-card__secondary-text\">{secondaryText}</div>\n      </div>\n    </>\n  );\n\n  // Determine which element to render\n  const commonProps = {\n    className: `udp-action-card ${className}`,\n    style: { '--card-border-color': resolvedIconColor },\n    ...rest,\n  };\n\n  // External link\n  if (href) {\n    return (\n      <a {...commonProps} href={href} rel=\"noopener noreferrer\">\n        {cardContent}\n      </a>\n    );\n  }\n\n  // Router link\n  if (to) {\n    return (\n      <Link {...commonProps} to={to}>\n        {cardContent}\n      </Link>\n    );\n  }\n\n  // Button with onClick\n  if (onClick) {\n    return (\n      <button {...commonProps} onClick={onClick} type=\"button\">\n        {cardContent}\n      </button>\n    );\n  }\n\n  // Default: non-interactive div\n  return (\n    <div {...commonProps} role=\"article\">\n      {cardContent}\n    </div>\n  );\n};\n\nUdpActionCard.propTypes = {\n  icon: PropTypes.elementType.isRequired,\n  iconColor: PropTypes.string,\n  primaryText: PropTypes.string.isRequired,\n  secondaryText: PropTypes.string.isRequired,\n  href: PropTypes.string,\n  to: PropTypes.string,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,iBAAiB,EAC5B,MACA,YAAY,QACZ,aACA,eACA,MACA,IACA,SACA,YAAY,IACZ,GAAG,WACC;CAEJ,MAAM,qBAAqB;EACzB,MAAM,eAAe;GACnB,MAAM;GACN,SAAS;GACT,OAAO;GACP,SAAS;GACT,MAAM;GACN,SAAS;GACT,WAAW;GACZ;AAGD,MAAI,aAAa,WACf,QAAO,aAAa;AAItB,MAAI,UAAU,WAAW,SAAS,CAChC,QAAO;AAIT,SAAO;;CAGT,MAAM,oBAAoB,cAAc;AAGxC,KAAI,CAAC,MAAM;AACT,UAAQ,MAAM,uCAAuC;AACrD,SAAO;;CAIT,MAAM,cACJ,0DACE,oCAAC;EACC,WAAU;EACV,OAAO,EAAE,OAAO,mBAAmB;IAEnC,oCAAC;EAAW,WAAW;EAAM,MAAM;EAAI;GAAa,CAChD,EACN,oCAAC,SAAI,WAAU,8BACb,oCAAC,SAAI,WAAU,mCAAiC,YAAkB,EAClE,oCAAC,SAAI,WAAU,qCAAmC,cAAoB,CAClE,CACL;CAIL,MAAM,cAAc;EAClB,WAAW,mBAAmB;EAC9B,OAAO,EAAE,uBAAuB,mBAAmB;EACnD,GAAG;EACJ;AAGD,KAAI,KACF,QACE,oCAAC;EAAE,GAAI;EAAmB;EAAM,KAAI;IACjC,YACC;AAKR,KAAI,GACF,QACE,oCAAC;EAAK,GAAI;EAAiB;IACxB,YACI;AAKX,KAAI,QACF,QACE,oCAAC;EAAO,GAAI;EAAsB;EAAS,MAAK;IAC7C,YACM;AAKb,QACE,oCAAC;EAAI,GAAI;EAAa,MAAK;IACxB,YACG;;AAIV,cAAc,YAAY;CACxB,MAAM,UAAU,YAAY;CAC5B,WAAW,UAAU;CACrB,aAAa,UAAU,OAAO;CAC9B,eAAe,UAAU,OAAO;CAChC,MAAM,UAAU;CAChB,IAAI,UAAU;CACd,SAAS,UAAU;CACnB,WAAW,UAAU;CACtB"}

package/dist/UdpAlertsContainer-CsQfN0Cg.js

@@ -0,0 +1,80 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { k as SeverityTypeEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { r as useActionStore } from "./inquiryStore-BMYKf5MP.js";
+import { n as useActions } from "./useActions-Db2P12NS.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as AggregateChip } from "./AggregateChip-CMsjzRuS.js";
+import React, { useCallback, useMemo, useState } from "react";
+import { CircularProgress, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+
+//#region src/UI/utilityDisplay/alerts/UdpAlert.jsx
+const UdpAlert = (props) => {
+	const { alertId } = props;
+	const [status, setStatus] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const { triggerAction } = useActions();
+	const [{ data: alert, loading: loadingAlert }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `alert/${alertId}`, {}, !!!alertId);
+	const threshold = useMemo(() => {
+		if (!alert || !status) return;
+		let threshold$1 = null;
+		switch (status) {
+			case SeverityTypeEnums.Success:
+				threshold$1 = alert[`${SeverityTypeEnums.Success}Threshold`];
+				break;
+			case SeverityTypeEnums.Error:
+				threshold$1 = alert[`${SeverityTypeEnums.Error}Threshold`];
+				break;
+			case SeverityTypeEnums.Warning:
+				threshold$1 = alert[`${SeverityTypeEnums.Warning}Threshold`];
+				break;
+			case SeverityTypeEnums.Info:
+				threshold$1 = alert[`${SeverityTypeEnums.Info}Threshold`];
+				break;
+			default:
+				threshold$1 = alert[`${SeverityTypeEnums.Default}Threshold`];
+				break;
+		}
+		return threshold$1;
+	}, [status, alert]);
+	const handleAlertAction = useCallback(() => {
+		if (!threshold) return;
+		if (threshold?.actionId) triggerAction(threshold?.actionId);
+	}, [threshold, triggerAction]);
+	if (loading || loadingAlert) return /* @__PURE__ */ React.createElement(CircularProgress, { size: 18 });
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AggregateChip, {
+		aggregateThresholdId: alert?.aggregateThresholdId,
+		label: threshold?.label,
+		setStatus,
+		isActionable: threshold?.actionId || false,
+		onAlertClick: handleAlertAction,
+		isAlert: true,
+		hideAlert: threshold?.hide || false
+	}));
+};
+UdpAlert.propTypes = { alertId: PropTypes.oneOf([
+	PropTypes.string,
+	void 0,
+	null
+]) };
+
+//#endregion
+//#region src/UI/utilityDisplay/alerts/UdpAlertsContainer.jsx
+const useStyles = makeStyles((theme) => ({
+	root: { display: "flex" },
+	alertContainer: { marginRight: theme.spacing(.5) }
+}));
+const UdpAlertsContainer = (props) => {
+	const { alertList } = props;
+	const classes = useStyles(props);
+	const selectedNode = useActionStore((state) => state.selectedNode);
+	const alerts = alertList || selectedNode?.properties?.alerts || [];
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, alerts?.map((alert, i) => /* @__PURE__ */ React.createElement("div", { className: alerts.length - 1 !== i ? classes.alertContainer : "" }, /* @__PURE__ */ React.createElement(UdpAlert, {
+		key: alert?.id,
+		alertId: alert.alertId
+	}))));
+};
+
+//#endregion
+export { UdpAlert as n, UdpAlertsContainer as t };
+//# sourceMappingURL=UdpAlertsContainer-CsQfN0Cg.js.map

package/dist/UdpAlertsContainer-CsQfN0Cg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAlertsContainer-CsQfN0Cg.js","names":["threshold"],"sources":["../src/UI/utilityDisplay/alerts/UdpAlert.jsx","../src/UI/utilityDisplay/alerts/UdpAlertsContainer.jsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useAxiosGet } from '../../../utilities/useAxiosGet';\nimport { CircularProgress } from '@material-ui/core';\nimport { AggregateChip } from '../AggregateChip';\nimport { SeverityTypeEnums } from '../../../enums/unitySystemEnums';\nimport { useActions } from '../../../hooks/useActions';\nimport { ConfigService } from '../../../configService';\n\nexport const UdpAlert = (props) => {\n  const { alertId } = props;\n  const [status, setStatus] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const { triggerAction } = useActions();\n\n  const [{ data: alert, loading: loadingAlert }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `alert/${alertId}`,\n    {},\n    !!!alertId\n  );\n\n  const threshold = useMemo(() => {\n    if (!alert || !status) return;\n    let threshold = null;\n    switch (status) {\n      case SeverityTypeEnums.Success:\n        threshold = alert[`${SeverityTypeEnums.Success}Threshold`];\n        break;\n      case SeverityTypeEnums.Error:\n        threshold = alert[`${SeverityTypeEnums.Error}Threshold`];\n        break;\n      case SeverityTypeEnums.Warning:\n        threshold = alert[`${SeverityTypeEnums.Warning}Threshold`];\n        break;\n      case SeverityTypeEnums.Info:\n        threshold = alert[`${SeverityTypeEnums.Info}Threshold`];\n        break;\n      default:\n        threshold = alert[`${SeverityTypeEnums.Default}Threshold`];\n        break;\n    }\n    return threshold;\n  }, [status, alert]);\n\n  const handleAlertAction = useCallback(() => {\n    if (!threshold) return;\n\n    if (threshold?.actionId) {\n      // execute action\n      triggerAction(threshold?.actionId);\n    }\n  }, [threshold, triggerAction]);\n\n  if (loading || loadingAlert) {\n    return <CircularProgress size={18} />;\n  }\n\n  return (\n    <div>\n      <AggregateChip\n        aggregateThresholdId={alert?.aggregateThresholdId}\n        label={threshold?.label}\n        setStatus={setStatus}\n        isActionable={threshold?.actionId || false}\n        onAlertClick={handleAlertAction}\n        isAlert={true}\n        hideAlert={threshold?.hide || false}\n      />\n    </div>\n  );\n};\n\nUdpAlert.propTypes = {\n  /**\n   * Id of AggregateThreshold\n   */\n  alertId: PropTypes.oneOf([PropTypes.string, undefined, null])\n};\n","import React from 'react';\nimport { useActionStore } from '../../../stores/actionStore';\nimport { UdpAlert } from './UdpAlert';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  alertContainer: {\n    marginRight: theme.spacing(0.5)\n  }\n}));\nexport const UdpAlertsContainer = (props) => {\n  const { alertList } = props;\n  const classes = useStyles(props);\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const alerts = alertList || selectedNode?.properties?.alerts || [];\n\n  return (\n    <div className={classes.root}>\n      {alerts?.map((alert, i) => (\n        <div className={alerts.length - 1 !== i ? classes.alertContainer : ''}>\n          <UdpAlert key={alert?.id} alertId={alert.alertId} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AASA,MAAa,YAAY,UAAU;CACjC,MAAM,EAAE,YAAY;CACpB,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,EAAE,kBAAkB,YAAY;CAEtC,MAAM,CAAC,EAAE,MAAM,OAAO,SAAS,kBAAkB,YAC/C,cAAc,gBACd,SAAS,WACT,EAAE,EACF,CAAC,CAAC,CAAC,QACJ;CAED,MAAM,YAAY,cAAc;AAC9B,MAAI,CAAC,SAAS,CAAC,OAAQ;EACvB,IAAIA,cAAY;AAChB,UAAQ,QAAR;GACE,KAAK,kBAAkB;AACrB,kBAAY,MAAM,GAAG,kBAAkB,QAAQ;AAC/C;GACF,KAAK,kBAAkB;AACrB,kBAAY,MAAM,GAAG,kBAAkB,MAAM;AAC7C;GACF,KAAK,kBAAkB;AACrB,kBAAY,MAAM,GAAG,kBAAkB,QAAQ;AAC/C;GACF,KAAK,kBAAkB;AACrB,kBAAY,MAAM,GAAG,kBAAkB,KAAK;AAC5C;GACF;AACE,kBAAY,MAAM,GAAG,kBAAkB,QAAQ;AAC/C;;AAEJ,SAAOA;IACN,CAAC,QAAQ,MAAM,CAAC;CAEnB,MAAM,oBAAoB,kBAAkB;AAC1C,MAAI,CAAC,UAAW;AAEhB,MAAI,WAAW,SAEb,eAAc,WAAW,SAAS;IAEnC,CAAC,WAAW,cAAc,CAAC;AAE9B,KAAI,WAAW,aACb,QAAO,oCAAC,oBAAiB,MAAM,KAAM;AAGvC,QACE,oCAAC,aACC,oCAAC;EACC,sBAAsB,OAAO;EAC7B,OAAO,WAAW;EACP;EACX,cAAc,WAAW,YAAY;EACrC,cAAc;EACd,SAAS;EACT,WAAW,WAAW,QAAQ;GAC9B,CACE;;AAIV,SAAS,YAAY,EAInB,SAAS,UAAU,MAAM;CAAC,UAAU;CAAQ;CAAW;CAAK,CAAC,EAC9D;;;;ACzED,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,SAAS,QACV;CACD,gBAAgB,EACd,aAAa,MAAM,QAAQ,GAAI,EAChC;CACF,EAAE;AACH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,cAAc;CACtB,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,eAAe,gBAAgB,UAAU,MAAM,aAAa;CAClE,MAAM,SAAS,aAAa,cAAc,YAAY,UAAU,EAAE;AAElE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,QAAQ,KAAK,OAAO,MACnB,oCAAC,SAAI,WAAW,OAAO,SAAS,MAAM,IAAI,QAAQ,iBAAiB,MACjE,oCAAC;EAAS,KAAK,OAAO;EAAI,SAAS,MAAM;GAAW,CAChD,CACN,CACE"}

package/dist/UdpAuditEvents-CbCZ5ND-.js

@@ -0,0 +1,9 @@
+import { t as __export } from "./chunk-B4enJp2Q.js";
+import { t as UdpAuditEventsPage_default } from "./UdpAuditEventsPage-BfwuxYxk.js";
+
+//#region src/udp/pages/UdpAuditEvents/index.ts
+var UdpAuditEvents_exports = /* @__PURE__ */ __export({ default: () => UdpAuditEventsPage_default });
+
+//#endregion
+export { UdpAuditEvents_exports as t };
+//# sourceMappingURL=UdpAuditEvents-CbCZ5ND-.js.map

package/dist/UdpAuditEvents-CbCZ5ND-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAuditEvents-CbCZ5ND-.js","names":[],"sources":["../src/udp/pages/UdpAuditEvents/index.ts"],"sourcesContent":["export * from './UdpAuditEventsPage';\nexport {default} from './UdpAuditEventsPage';\n"],"mappings":""}

package/dist/UdpAuditEventsPage-BGIcCG26.js

@@ -0,0 +1,3 @@
+import { t as UdpAuditEventsPage_default } from "./UdpAuditEventsPage-BfwuxYxk.js";
+
+export { UdpAuditEventsPage_default as default };

package/dist/UdpAuditEventsPage-BfwuxYxk.js

@@ -0,0 +1,383 @@
+import { r as useAgGridApi } from "./AgTable-B2xTzAm2.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
+import { I as UdpEnums, s as GridExcelStyleEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { t as useCatalogStore } from "./catalogStore-DP2GxpTJ.js";
+import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
+import { a as getBaseMethod, i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-Cwo_kmVX.js";
+import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
+import { t as LinearProgress$1 } from "./LinearProgress-DM2DNWCe.js";
+import { n as GridUnit, t as GridRow } from "./GridRow-CPfKPnRD.js";
+import { t as FluentTextField } from "./FluentTextField-CXvZawOG.js";
+import { t as useAuthedUser } from "./useAuthedUser-CN4neRNZ.js";
+import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-QU4FZ0Gk.js";
+import { n as getLocalizedDateString, r as getLocalizedDateTimeString, t as getDateFromString } from "./dateUtils-ChKgbJ9U.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Box, makeStyles } from "@material-ui/core";
+import { DateTime, IANAZone } from "luxon";
+import { RefreshIcon, ViewIcon } from "@fluentui/react-icons";
+import { debounce } from "lodash";
+import { useTranslation } from "react-i18next";
+import ReactJson from "react-json-view";
+
+//#region src/enums/auditEventEnums.ts
+let AuditEventTypeEnums = /* @__PURE__ */ function(AuditEventTypeEnums$1) {
+	AuditEventTypeEnums$1[AuditEventTypeEnums$1["Create_Domain"] = 1] = "Create_Domain";
+	AuditEventTypeEnums$1[AuditEventTypeEnums$1["Update_Domain"] = 2] = "Update_Domain";
+	AuditEventTypeEnums$1[AuditEventTypeEnums$1["Delete_Domain"] = 3] = "Delete_Domain";
+	return AuditEventTypeEnums$1;
+}({});
+
+//#endregion
+//#region src/udp/utilities/dateLocalizationHooks.jsx
+/**
+* Gets a function that can be used to convert a date or
+* ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])
+* to a localized date string without time in the specified IANA time zone.
+* @param timeZone An IANA time zone to convert the date to before returning as a string.
+* @returns A function to convert a date to a localized string.
+*/
+const useGetLocalizedDateString = (timeZone) => {
+	const user = useAuthedUser();
+	return useCallback((date) => {
+		return getLocalizedDateString(date, timeZone !== "local" && (timeZone === user?.additionalProperties?.activeUtilityTimeZone || IANAZone.isValidZone(timeZone)) ? timeZone : "local");
+	}, [user, timeZone]);
+};
+/**
+* Gets a function that can be used to convert a date or
+* ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])
+* to a localized date time string in the specified IANA time zone.
+* @param timeZone The IANA time zone to convert the date before converting to
+* a localized string.
+* @param includeTimeZoneOffset If true, include the time zone offset in the localized string.
+* @returns A function to convert a date to a localized string.
+*/
+const useGetLocalizedDateTimeString = (timeZone, includeTimeZoneOffset = false) => {
+	const user = useAuthedUser();
+	return useCallback((date, delimiter = null) => {
+		return getLocalizedDateTimeString(date, delimiter, timeZone !== "local" && (timeZone === user?.additionalProperties?.activeUtilityTimeZone || IANAZone.isValidZone(timeZone)) ? timeZone : "local", includeTimeZoneOffset);
+	}, [
+		user,
+		timeZone,
+		includeTimeZoneOffset
+	]);
+};
+/**
+* Gets a function that can be used to convert a date or
+* ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])
+* to a localized date time string in the current user's time zone.
+* @param includeTimeZoneOffset If true, include the time zone offset in the localized string.
+* @returns A function to convert a date to a localized string.
+*/
+const useGetLocalizedUserDateTimeString = (includeTimeZoneOffset = false) => {
+	const user = useAuthedUser();
+	return useCallback((date, delimiter = null) => {
+		return getLocalizedDateTimeString(date, delimiter, user?.additionalProperties?.timeZone, includeTimeZoneOffset);
+	}, [user, includeTimeZoneOffset]);
+};
+
+//#endregion
+//#region src/udp/pages/UdpAuditEvents/UdpAuditEventSidesheet.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	textField: { marginTop: theme.spacing(0) },
+	loadingBar: {
+		top: theme.spacing(-2),
+		marginLeft: theme.spacing(-2),
+		marginRight: theme.spacing(-2)
+	}
+}));
+const UdpAuditEventSidesheet = (props) => {
+	const { auditEvent, isSideSheetOpen, handleSideSheet, promotedEntities, sheetProps } = props;
+	const { t } = useTranslation();
+	const classes = useStyles$1();
+	const getLocalizedDateTimeString$1 = useGetLocalizedUserDateTimeString();
+	const [auditEventDetail, setAuditEventDetail] = React.useState({});
+	const [loading, setLoading] = useState(false);
+	const auditEventDetailGetApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Audit_Event_Detail, "unityBaseGetMethod", promotedEntities);
+	}, [promotedEntities]);
+	const onCloseSideSheet = () => {
+		handleSideSheet(false);
+	};
+	useEffect(() => {
+		const getAuditEventDetail = async () => {
+			let auditEventDetail$1 = {};
+			const data = {};
+			try {
+				if (auditEventDetailGetApiMethod && auditEvent) {
+					setLoading(true);
+					data["{auditEventId}"] = auditEvent.id;
+					const response = await executeQueryWithParameters({ data }, auditEventDetailGetApiMethod.apiMethodId);
+					if (response?.status === 200) {
+						auditEventDetail$1 = response.data;
+						setAuditEventDetail(auditEventDetail$1);
+					}
+				}
+			} finally {
+				setLoading(false);
+			}
+		};
+		getAuditEventDetail();
+	}, [auditEvent, auditEventDetailGetApiMethod]);
+	return /* @__PURE__ */ React.createElement(SideSheet, {
+		...sheetProps,
+		open: isSideSheetOpen,
+		onClose: onCloseSideSheet,
+		title: t(`Audit Event Details`),
+		width: 800,
+		color: "primary"
+	}, loading && /* @__PURE__ */ React.createElement(LinearProgress$1, {
+		className: classes.loadingBar,
+		color: "secondary"
+	}), /* @__PURE__ */ React.createElement(GridRow, null, /* @__PURE__ */ React.createElement(GridUnit, {
+		ratio: "1:1",
+		width: "100%"
+	}, /* @__PURE__ */ React.createElement(AmbientCard, {
+		title: t("Event"),
+		fullWidth: true,
+		subCard: true
+	}, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FluentTextField, {
+		className: classes.textField,
+		id: "auditEventTypeName",
+		label: t("Event Type"),
+		value: auditEvent?.auditEventTypeName || "",
+		disabled: true
+	}), /* @__PURE__ */ React.createElement(FluentTextField, {
+		className: classes.textField,
+		id: "auditEventUserDisplayName",
+		label: t("User"),
+		value: auditEvent?.userDisplayName || "",
+		disabled: true
+	}), /* @__PURE__ */ React.createElement(FluentTextField, {
+		className: classes.textField,
+		id: "auditEventDomain",
+		label: t("Description"),
+		value: auditEvent?.domain || "",
+		disabled: true
+	}), /* @__PURE__ */ React.createElement(FluentTextField, {
+		className: classes.textField,
+		id: "auditEventCreatedOn",
+		label: t("Created On"),
+		value: getLocalizedDateTimeString$1(auditEvent?.createdOn ?? ""),
+		disabled: true
+	}), /* @__PURE__ */ React.createElement(Box, null, (auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain || auditEvent?.typeCode === AuditEventTypeEnums.Delete_Domain) && /* @__PURE__ */ React.createElement(ReactJson, {
+		src: auditEventDetail?.oldObj ? JSON.parse(auditEventDetail?.oldObj) : {},
+		name: t("Old Details"),
+		displayDataTypes: false,
+		displayObjectSize: false
+	}), (auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain || auditEvent?.typeCode === AuditEventTypeEnums.Create_Domain) && /* @__PURE__ */ React.createElement(ReactJson, {
+		src: auditEventDetail?.newObj ? JSON.parse(auditEventDetail?.newObj) : {},
+		name: t("New Details"),
+		displayDataTypes: false,
+		displayObjectSize: false
+	})))))));
+};
+var UdpAuditEventSidesheet_default = UdpAuditEventSidesheet;
+
+//#endregion
+//#region src/udp/utilities/useDateStringColumnDef.js
+const useDateStringColumnDef = (includeTime = false, timeZone = null, includeTimeZoneOffset = false) => {
+	const user = useAuthedUser();
+	const zone = useMemo(() => {
+		const tz = timeZone ?? user?.additionalProperties?.timeZone ?? "local";
+		return tz !== "local" && (tz === user?.additionalProperties?.timeZone || IANAZone.isValidZone(tz)) ? tz : "local";
+	}, [timeZone, user]);
+	const getLocalizedDateTimeString$1 = useGetLocalizedDateTimeString(zone, includeTimeZoneOffset);
+	const getLocalizedDateString$1 = useGetLocalizedDateString(zone);
+	return useMemo(() => {
+		return !user ? {} : {
+			valueFormatter: (params) => {
+				if (!params) return "";
+				if (includeTime) return getLocalizedDateTimeString$1(params.value);
+				else return getLocalizedDateString$1(params.value);
+			},
+			cellClass: includeTime ? GridExcelStyleEnums.DateTimeShortWithSeconds : GridExcelStyleEnums.DateShort,
+			filter: "agDateColumnFilter",
+			filterParams: {
+				comparator: function(filterLocalDateAtMidnight, cellValue) {
+					const cellDate = getDateFromString(cellValue);
+					if (!cellDate) return null;
+					const filterDateTimeMidnight = DateTime.fromJSDate(filterLocalDateAtMidnight).setZone(zone, { keepLocalTime: true });
+					const cellDateTimeMidnight = DateTime.fromJSDate(cellDate, { zone }).set({
+						hour: 0,
+						minute: 0,
+						second: 0,
+						millisecond: 0
+					});
+					if (cellDateTimeMidnight < filterDateTimeMidnight) return -1;
+					else if (cellDateTimeMidnight > filterDateTimeMidnight) return 1;
+					else return 0;
+				},
+				buttons: ["apply", "reset"],
+				closeOnApply: true,
+				suppressAndOrCondition: true,
+				filterOptions: [
+					"equals",
+					"lessThan",
+					"greaterThan",
+					"inRange"
+				]
+			}
+		};
+	}, [
+		includeTime,
+		getLocalizedDateString$1,
+		getLocalizedDateTimeString$1,
+		user,
+		zone
+	]);
+};
+
+//#endregion
+//#region src/udp/pages/UdpAuditEvents/UdpAuditEventsPage.jsx
+const baseSearchPayload = {
+	pageNumber: 1,
+	pageSize: 15,
+	filterElements: [],
+	filterGroups: [],
+	orderElements: [],
+	groupingType: "",
+	groupProperty: [],
+	groupOperationList: [],
+	eagerLoad: false,
+	logicalSearchOperator: 1
+};
+const useStyles = makeStyles((theme) => ({ loadingBar: {
+	bottom: theme.spacing(-.5),
+	marginLeft: theme.spacing(.5),
+	marginRight: theme.spacing(.5)
+} }));
+const UdpAuditEventsPage = (props) => {
+	const { params } = props;
+	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
+	const { t } = useTranslation();
+	const classes = useStyles();
+	const dateStringColumnDef = useDateStringColumnDef(true);
+	const { handleErrorSnackbar } = useHandleAxiosSnackbar();
+	const gridApiRef = useRef(null);
+	const [searchQuery, setSearchQuery] = useState("");
+	const [displayProgressBar, setDisplayProgressBar] = useState(false);
+	const [selectedAuditEvent, setSelectedAuditEvent] = useState(null);
+	const [viewSideSheetOpen, setViewSideSheetOpen] = useState(false);
+	const [auditEventTypes, setAuditEventTypes] = useState([]);
+	const [searchObject, setSearchObject] = useState(baseSearchPayload);
+	const currentApiCatalogId = useCatalogStore((state) => state.currentApiCatalogId);
+	const promotedMethodEntitiesMap = useCatalogStore((state) => state.promotedMethodEntitiesMap);
+	const promotedEntities = useMemo(() => {
+		if (!currentApiCatalogId || !promotedMethodEntitiesMap) return null;
+		return promotedMethodEntitiesMap[currentApiCatalogId] || [];
+	}, [promotedMethodEntitiesMap, currentApiCatalogId]);
+	const auditEventTypeGetAllApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Audit_Event_Type, "unityBaseGetAllMethod", promotedEntities);
+	}, [promotedEntities]);
+	const auditEventSearchApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Audit_Event, "unityBaseSearchMethod", promotedEntities);
+	}, [promotedEntities]);
+	const getAuditEventTypeName = useCallback((auditEventTypeCode) => {
+		if (!auditEventTypes) return "";
+		return auditEventTypes.find((auditEventType) => auditEventType.code === auditEventTypeCode)?.name || "";
+	}, [auditEventTypes]);
+	const handleSideSheet = useCallback((isOpen, auditEvent) => {
+		setViewSideSheetOpen(isOpen);
+		setSelectedAuditEvent(auditEvent);
+	}, []);
+	const columnDefs = useMemo(() => {
+		return [
+			{
+				headerName: t("Event Type"),
+				field: "UdpAuditEventUdpAuditEventType.Name",
+				valueGetter: (params$1) => getAuditEventTypeName(params$1.data.typeCode),
+				resizable: true,
+				sortable: false
+			},
+			{
+				headerName: t("User"),
+				field: "userDisplayName",
+				resizable: true,
+				sortable: false
+			},
+			{
+				headerName: t("Description"),
+				field: "domain",
+				resizable: true,
+				sortable: false
+			},
+			{
+				headerName: t("Created On"),
+				field: "createdOn",
+				resizable: true,
+				sortable: true,
+				...dateStringColumnDef
+			},
+			{
+				field: "actions",
+				headerName: t("Details"),
+				cellRenderer: "actionsRenderer",
+				cellRendererParams: { actionList: [{
+					id: 0,
+					title: t("View"),
+					iconName: "view",
+					handleOnClick: (e, auditEvent) => handleSideSheet(true, {
+						...auditEvent?.data,
+						auditEventTypeName: getAuditEventTypeName(auditEvent?.data?.typeCode)
+					}),
+					disabled: false
+				}] },
+				suppressMenu: true,
+				sortable: false,
+				filter: false
+			}
+		];
+	}, [getAuditEventTypeName]);
+	const gridFunctions = [
+		{ name: "chipFilter" },
+		{ name: "agGridExport" },
+		{ name: "agGridSizeColumnsToFit" },
+		{ name: "agGridAutoSizeColumns" },
+		{ name: "agGridResetColumns" },
+		{ name: "agGridHideShowColumns" }
+	];
+	const gridOptions = useMemo(() => {
+		return { pagination: true };
+	}, []);
+	useEffect(() => {
+		const getAuditEventTypes = async () => {
+			let types = [];
+			if (auditEventTypeGetAllApiMethod) {
+				const response = await executeQueryAdHoc({ data: {} }, auditEventTypeGetAllApiMethod.apiMethodId);
+				if (response?.status === 200) types = response.data;
+			}
+			setAuditEventTypes(types);
+		};
+		getAuditEventTypes();
+	}, [auditEventTypeGetAllApiMethod]);
+	const handleGridApiCallback = (api) => {
+		gridApiRef.current = api;
+	};
+	const searchMethodConfig = useMemo(() => {
+		return {
+			apiMethodId: auditEventSearchApiMethod?.apiMethodId,
+			customSearchObject: searchObject
+		};
+	}, [auditEventSearchApiMethod]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, displayProgressBar && /* @__PURE__ */ React.createElement(LinearProgress$1, {
+		className: classes.loadingBar,
+		color: "secondary"
+	}), /* @__PURE__ */ React.createElement(SearchMethodUdpGrid, {
+		searchMethodConfig,
+		columnDefs,
+		gridHeaderConfig: { title: t("Audit Events") },
+		gridOptions,
+		gridApiCallback: handleGridApiCallback,
+		gridFunctions
+	}), /* @__PURE__ */ React.createElement(UdpAuditEventSidesheet_default, {
+		auditEvent: selectedAuditEvent,
+		isSideSheetOpen: viewSideSheetOpen,
+		handleSideSheet,
+		promotedEntities
+	}));
+};
+var UdpAuditEventsPage_default = UdpAuditEventsPage;
+
+//#endregion
+export { UdpAuditEventsPage_default as t };
+//# sourceMappingURL=UdpAuditEventsPage-BfwuxYxk.js.map