udp-react-enterprise-component-library 25.18.1-beta.24 → 25.18.1-beta.26

package/dist/UdpAlertsContainer-Bsb0CsGV.js

@@ -0,0 +1,80 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { k as SeverityTypeEnums } from "./unitySystemEnums-DtVX3A-I.js";
+import { r as useActionStore } from "./inquiryStore-BMYKf5MP.js";
+import { n as useActions } from "./useActions-C4vaudH3.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as AggregateChip } from "./AggregateChip-CyVLcLQh.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-Bsb0CsGV.js.map

package/dist/UdpAlertsContainer-Bsb0CsGV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAlertsContainer-Bsb0CsGV.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-BNstrkn2.js

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

package/dist/UdpAuditEvents-BNstrkn2.js.map

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

package/dist/UdpAuditEventsPage-B2vbY_jP.js

@@ -0,0 +1,86 @@
+import "./AgTable-B2xTzAm2.js";
+import "./Form-DbOA5j38.js";
+import "./Field-Cda5rJe2.js";
+import "./form-Dj1zVw6K.js";
+import "./FluentButton-BexKrnAp.js";
+import "./FormButtons-BTCO-pzW.js";
+import "./CrudBrowserUtilities-C9nVmUR3.js";
+import "./configService-C4uoG3wj.js";
+import "./apiHelpers-B_cn3sZo.js";
+import "./pageEnums-DHCYa0ey.js";
+import "./UnitySessionStorage-CUDx9YWR.js";
+import "./axiosInterceptors-FQ3b5kjr.js";
+import "./useUser-wpHGo6jU.js";
+import "./useAxiosMutate-DcLxzykX.js";
+import "./DateTimeField-CUzs3MIq.js";
+import "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import "./FluentToggle-B1DqTfua.js";
+import "./propertyTypeEnums-Dys-84NL.js";
+import "./InputFieldTypeEnums-Mg684vvi.js";
+import "./StringUtilities-u-cxAW6-.js";
+import "./FluentIcon-DQ6nSDJg.js";
+import "./FluentIconButton-Dc95mE3v.js";
+import "./FluentColorPicker-Wi2o3JqX.js";
+import "./entityUtilities-_8w-Zjs3.js";
+import "./crudActions-DXyHKaN8.js";
+import "./unitySystemEnums-DtVX3A-I.js";
+import "./ActionLoadingDispatchContext-XEU8GWlw.js";
+import "./actionUtils-BEMs2nQ4.js";
+import "./inquiryStore-BMYKf5MP.js";
+import "./catalogStore-DP2GxpTJ.js";
+import "./shellStore-C8zfPsZ-.js";
+import "./useActions-C4vaudH3.js";
+import "./PrimaryActionButton-Dk8zvDAW.js";
+import "./colors-BONxjrOE.js";
+import "./colorConverter-x64WSLsF.js";
+import "./Typography-BMsa1JYd.js";
+import "./SearchUtilities-LooYyhu6.js";
+import "./LayoutUnit-D4jJvonh.js";
+import "./StandardTitle-DJ9zcNBA.js";
+import "./SideSheetHeader-DgnkLGmv.js";
+import "./SideSheet-C-rILQqR.js";
+import "./useAxiosGet-vvPjwB4W.js";
+import "./useId-I-OmRBmB.js";
+import "./StatusChip-DZAN88VU.js";
+import "./useSetLocationState-Kvcc9BTb.js";
+import "./methodUtils-Cwo_kmVX.js";
+import "./AmbientCardButton-DGhpVDRV.js";
+import "./Adornment-Ciq1X7he.js";
+import "./AmbientCard-DK9abODq.js";
+import "./AmbientCardTitle-CvXW2qf0.js";
+import "./usePromotedMethodEntity-Bi2neP26.js";
+import "./LibraryData-D8Uai7Yd.js";
+import "./FluentDialog-B5ZxvX1E.js";
+import "./useDynamicListCalculation-BzXkwt1u.js";
+import "./IconButtonWithToolTip-DswviiJB.js";
+import "./ActionsRenderer-B1ImXko3.js";
+import "./useApiCatalog-Yi_KDPot.js";
+import "./useFluentIcon-Dy-hy_aD.js";
+import "./QuickViewCard-odqSWVkJ.js";
+import "./useItemSubCard-CJ3DL7fz.js";
+import "./hooks-CxLP2j70.js";
+import "./lookupsStore-DPI8oD9R.js";
+import "./usePromotedMethodEntities-vVQQqHwx.js";
+import "./QueryResult-CNLmUNN4.js";
+import "./useQueryExecutors-UWa24-Mf.js";
+import "./searchEnums-BTFUwf6v.js";
+import "./useSearchFilterParamsMap-bkogr9GV.js";
+import "./useSplitDecimal-CsxaeRaU.js";
+import "./workflowStore-flVBWM0f.js";
+import "./LinearProgress-DM2DNWCe.js";
+import "./GridRow-CPfKPnRD.js";
+import "./FluentTextField-CXvZawOG.js";
+import "./useAuthedUser-CN4neRNZ.js";
+import "./SearchMethodUdpGrid-QU4FZ0Gk.js";
+import "./FluentCheckbox-CW8pHQ21.js";
+import { t as UdpAuditEventsPage_default } from "./UdpAuditEventsPage-DJ6WbPGj.js";
+import "./newGrid-nbEL11Vp.js";
+import "./ExportSidesheet-DBww0zIt.js";
+import "./FluentListItem-CUy9SYvA.js";
+import "./AmbientAlert-LVJtZhxz.js";
+import "./EmptyStateDisplay-CVeCBelv.js";
+import "./ClientSideUdpGrid-D--quAtb.js";
+import "./virtualActions-BrXVKweh.js";
+import "./useUpdateSearchParams-sZqx_zVu.js";
+
+export { UdpAuditEventsPage_default as default };

package/dist/UdpAuditEventsPage-DJ6WbPGj.js

@@ -0,0 +1,424 @@
+import { r as useAgGridApi } from "./AgTable-B2xTzAm2.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
+import { F as UdpEnums, s as GridExcelStyleEnums } from "./unitySystemEnums-DtVX3A-I.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-DK9abODq.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 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/UI/widgets/utils/dateUtils.js
+/**
+* Creates a Date object based on an ISO 8601 date string.
+* @param dateString A ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
+* @returns A date object, or null if the format was invalid.
+*/
+const getDateFromString = (dateString) => {
+	if (!dateString || dateString.length === 0) return null;
+	const date = DateTime.fromISO(dateString);
+	return date ? date.toJSDate() : null;
+};
+/**
+* Formats a date string by converting it to a date in the specified time zone,
+* stripping out the time element and returning a localized date string.
+* @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
+* @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,
+* otherwise convert to local browser time.
+* @returns A date string without time based on the supplied time zone and the
+* user's browser locale settings.
+*/
+const getLocalizedDateString = (date, timeZone = "local") => {
+	const convertedDate = date instanceof Date ? date : getDateFromString(date);
+	return convertedDate ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(DateTime.DATE_SHORT) : "";
+};
+/**
+* Formats a date string by converting it to a date in the specified timezone,
+* and returning a string with the localized date and time.
+* @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
+* @param delimiter If supplied, split the date and time by this string when returned.
+* @param timeZone If supplied, convert the date into the specified IANA time zone,
+* otherwise convert to local browser time.
+* @returns A date and time string based on the user's browser locale settings.
+*/
+const getLocalizedDateTimeString = (date, delimiter = null, timeZone = "local", includeOffset = false) => {
+	const convertedDate = date instanceof Date ? date : getDateFromString(date);
+	if (convertedDate === null) return "";
+	const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });
+	if (delimiter !== null) return convertedDateTime.toLocaleString(DateTime.DATE_SHORT) + delimiter + convertedDateTime.toLocaleString(DateTime.TIME_WITH_SECONDS) + (includeOffset ? " " + convertedDateTime.offsetNameShort : "");
+	else return convertedDateTime.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS) + (includeOffset ? " " + convertedDateTime.offsetNameShort : "");
+};
+
+//#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-DJ6WbPGj.js.map