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

package/dist/UdpAuditEventsPage-CUXXlLY1.js

@@ -1,424 +0,0 @@
-import { r as useAgGridApi } from "./AgTable-B2xTzAm2.js";
-import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
-import { N as UdpEnums, s as GridExcelStyleEnums } from "./unitySystemEnums-DQSkCr3D.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-CUXXlLY1.js.map

package/dist/UdpAuditEventsPage-CUXXlLY1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpAuditEventsPage-CUXXlLY1.js","names":["useStyles","getLocalizedDateTimeString","auditEventDetail","LinearProgress","getLocalizedDateTimeString","getLocalizedDateString","params","LinearProgress","UdpAuditEventSidesheet"],"sources":["../src/enums/auditEventEnums.ts","../src/UI/widgets/utils/dateUtils.js","../src/udp/utilities/dateLocalizationHooks.jsx","../src/udp/pages/UdpAuditEvents/UdpAuditEventSidesheet.jsx","../src/udp/utilities/useDateStringColumnDef.js","../src/udp/pages/UdpAuditEvents/UdpAuditEventsPage.jsx"],"sourcesContent":["export enum AuditEventTypeEnums {\n  Create_Domain = 1,\n  Update_Domain = 2,\n  Delete_Domain = 3,\n}\n","import { DateTime } from 'luxon'\n\nexport function formatDateLong(value) {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n    const dayOfWeek = date.toLocaleString('default', { weekday: 'long' });\n    return `${day} ${month}, ${year} (${dayOfWeek})`;\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function formatDate(value, formatStr = '') {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n\n    switch (formatStr.toLowerCase()) {\n      case 'mon dd, yyyy':\n        return `${day} ${month}, ${year}`;\n      case 'dd/mm/yyyy':\n        return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;\n      case 'yyyy-mm-dd':\n        return date.toISOString().split('T')[0];\n      default:\n        return '';\n    }\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function getDaysDiff(dateOne, dateTwo) {\n  const d1 = new Date(dateOne);\n  const d2 = new Date(dateTwo);\n  const diff = d2.getTime() - d1.getTime();\n\n  return diff / (1000 * 60 * 60 * 24);\n}\n\n/**\n * Creates a Date object based on an ISO 8601 date string.\n * @param dateString A ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @returns A date object, or null if the format was invalid.\n */\nexport const getDateFromString = (dateString) => {\n  if (!dateString || dateString.length === 0) {\n    return null;\n  }\n\n  const date = DateTime.fromISO(dateString);\n\n  return date ? date.toJSDate() : null;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * stripping out the time element and returning a localized date string.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A date string without time based on the supplied time zone and the\n * user's browser locale settings.\n */\nexport const getLocalizedDateString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(DateTime.DATE_SHORT)\n    : '';\n};\n\n/**\n * Converts a date string to a date in the specified timezone,\n * and returning a converted date with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A converted date and time based on the user's browser locale settings.\n */\nexport const getLocalizedDateTime = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  return convertedDateTime;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified timezone,\n * and returning a string with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param delimiter If supplied, split the date and time by this string when returned.\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A date and time string based on the user's browser locale settings.\n */\nexport const getLocalizedDateTimeString = (\n  date,\n  delimiter = null,\n  timeZone = 'local',\n  includeOffset = false,\n) => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  if (delimiter !== null) {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATE_SHORT) +\n      delimiter +\n      convertedDateTime.toLocaleString(DateTime.TIME_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  } else {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  }\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * and returning a string as the localized time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A time string without the date based on the supplied time zone and user's\n * browser locale settings.\n */\nexport const getLocalizedTimeString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(\n        DateTime.TIME_WITH_SECONDS,\n      )\n    : '';\n};\n","import { IANAZone } from 'luxon';\nimport { useCallback } from 'react';\nimport {\n  getLocalizedDateString,\n  getLocalizedDateTimeString,\n} from '../../UI/widgets/utils/dateUtils';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date string without time in the specified IANA time zone.\n * @param timeZone An IANA time zone to convert the date to before returning as a string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateString = (timeZone) => {\n  const user = useAuthedUser();\n\n  const getDateString = useCallback(\n    (date) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateString(date, validTimeZone);\n    },\n    [user, timeZone],\n  );\n\n  return getDateString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the specified IANA time zone.\n * @param timeZone The IANA time zone to convert the date before converting to\n * a localized string.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateTimeString = (timeZone, includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateTimeString(date, delimiter, validTimeZone, includeTimeZoneOffset);\n    },\n    [user, timeZone, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the current user's time zone.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedUserDateTimeString = (includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      return getLocalizedDateTimeString(\n        date,\n        delimiter,\n        user?.additionalProperties?.timeZone,\n        includeTimeZoneOffset,\n      );\n    },\n    [user, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useTranslation } from 'react-i18next';\nimport { FluentTextField } from '../../../UI/inputs/textField/FluentTextField';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard/AmbientCard';\nimport { makeStyles, Box } from \"@material-ui/core\";\nimport { AuditEventTypeEnums } from '../../../enums/auditEventEnums';\nimport ReactJson from 'react-json-view';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { useGetLocalizedUserDateTimeString } from '../../utilities/dateLocalizationHooks';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { executeQueryWithParameters, getBaseMethod } from '../../utilities/methodUtils';\n\nconst useStyles = makeStyles((theme) => ({\n    textField: {\n        marginTop: theme.spacing(0),\n    },\n    loadingBar: {\n        top: theme.spacing(-2),\n        marginLeft: theme.spacing(-2),\n        marginRight: theme.spacing(-2),\n    },\n}));\n\nconst UdpAuditEventSidesheet = props => {\n    const {\n        auditEvent,\n        isSideSheetOpen,\n        handleSideSheet,\n        promotedEntities,\n        sheetProps,\n    } = props;\n\n    const { t } = useTranslation();\n    const classes = useStyles();\n    const getLocalizedDateTimeString = useGetLocalizedUserDateTimeString();\n    const [auditEventDetail, setAuditEventDetail] = React.useState({});\n    const [loading, setLoading] = useState(false);\n\n    const auditEventDetailGetApiMethod = useMemo(() => {\n        return getBaseMethod(\n          UdpEnums.Udp_Audit_Event_Detail,\n          'unityBaseGetMethod',\n          promotedEntities\n        );\n      }, [promotedEntities]);\n\n    const onCloseSideSheet = () => {\n        handleSideSheet(false);\n    }\n\n    useEffect(() => {\n        const getAuditEventDetail = async () => {\n            let auditEventDetail = {};\n            const data = {};\n            try {\n                if (auditEventDetailGetApiMethod && auditEvent) {\n                    setLoading(true);\n                    data['{auditEventId}'] = auditEvent.id;\n                    const response = await executeQueryWithParameters(\n                        { data },\n                        auditEventDetailGetApiMethod.apiMethodId\n                    );\n                    if (response?.status === 200) {\n                        auditEventDetail = response.data;\n                        setAuditEventDetail(auditEventDetail);\n                    }\n                }\n            } finally {\n                setLoading(false);\n            }\n        };\n        getAuditEventDetail();\n      }, [auditEvent, auditEventDetailGetApiMethod]);\n\n    return (\n        <SideSheet\n            {...sheetProps}\n            open={isSideSheetOpen}\n            onClose={onCloseSideSheet}\n            title={t(`Audit Event Details`)}\n            width={800}\n            color='primary'\n        >\n            {loading && (\n                <LinearProgress className={classes.loadingBar} color=\"secondary\" />\n            )}\n            <GridRow>\n                <GridUnit ratio=\"1:1\" width=\"100%\">\n                    <AmbientCard title={t('Event')} fullWidth={true} subCard>\n                        <>\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventTypeName\"\n                                label={t('Event Type')}\n                                value={auditEvent?.auditEventTypeName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventUserDisplayName\"\n                                label={t('User')}\n                                value={auditEvent?.userDisplayName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventDomain\"\n                                label={t('Description')}\n                                value={auditEvent?.domain || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventCreatedOn\"\n                                label={t('Created On')}\n                                value={getLocalizedDateTimeString(auditEvent?.createdOn ?? '')}\n                                disabled={true}\n                            />\n                            <Box>\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Delete_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.oldObj ? JSON.parse(auditEventDetail?.oldObj) : {}}\n                                        name={t('Old Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Create_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.newObj ? JSON.parse(auditEventDetail?.newObj) : {}}\n                                        name={t('New Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                            </Box>\n                        </>\n                    </AmbientCard>\n                </GridUnit>\n            </GridRow>\n        </SideSheet>\n    )\n}\n\nexport default UdpAuditEventSidesheet;\n","import { DateTime, IANAZone } from 'luxon';\nimport { useMemo } from 'react';\nimport { getDateFromString } from '../../UI/widgets/utils/dateUtils';\nimport { GridExcelStyleEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\nimport { useGetLocalizedDateString, useGetLocalizedDateTimeString } from './dateLocalizationHooks';\n\n\nexport const useDateStringColumnDef = (\n  includeTime = false,\n  timeZone = null,\n  includeTimeZoneOffset = false,\n) => {\n  const user = useAuthedUser();\n\n  const zone = useMemo(() => {\n    const tz = timeZone ?? user?.additionalProperties?.timeZone ?? 'local';\n    const validTimeZone =\n      tz !== 'local' &&\n      (tz === user?.additionalProperties?.timeZone || IANAZone.isValidZone(tz))\n        ? tz\n        : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n    return validTimeZone;\n  }, [timeZone, user]);\n\n  const getLocalizedDateTimeString = useGetLocalizedDateTimeString(zone, includeTimeZoneOffset);\n  const getLocalizedDateString = useGetLocalizedDateString(zone);\n\n  const columnDef = useMemo(() => {\n    return !user\n      ? {}\n      : ({\n          valueFormatter: (params) => {\n            if (!params) {\n              return '';\n            }\n            if (includeTime) {\n              return getLocalizedDateTimeString(params.value);\n            } else {\n              return getLocalizedDateString(params.value);\n            }\n          },\n          cellClass: includeTime\n            ? GridExcelStyleEnums.DateTimeShortWithSeconds\n            : GridExcelStyleEnums.DateShort,\n          filter: 'agDateColumnFilter',\n          filterParams: {\n            comparator: function (filterLocalDateAtMidnight, cellValue) {\n              const cellDate = getDateFromString(cellValue);\n              if (!cellDate) {\n                return null;\n              }\n\n              // Assume date picker is in the same time zone that we're displaying dates in so that the results make sense to the user\n              const filterDateTimeMidnight = DateTime.fromJSDate(filterLocalDateAtMidnight).setZone(\n                zone,\n                { keepLocalTime: true },\n              );\n              const cellDateTimeMidnight = DateTime.fromJSDate(cellDate, { zone: zone }).set({\n                hour: 0,\n                minute: 0,\n                second: 0,\n                millisecond: 0,\n              });\n\n              if (cellDateTimeMidnight < filterDateTimeMidnight) {\n                return -1;\n              } else if (cellDateTimeMidnight > filterDateTimeMidnight) {\n                return 1;\n              } else {\n                return 0;\n              }\n            },\n            buttons: ['apply', 'reset'],\n            closeOnApply: true,\n            suppressAndOrCondition: true,\n            filterOptions: ['equals', 'lessThan', 'greaterThan', 'inRange'],\n          },\n        });\n  }, [includeTime, getLocalizedDateString, getLocalizedDateTimeString, user, zone]);\n\n  return columnDef;\n};\n","import React, { useCallback, useEffect, useState, useMemo, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles } from '@material-ui/core';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\nimport { debounce } from 'lodash';\nimport { LogicalSearchOperatorEnums, UdpEnums } from '../../../enums/unitySystemEnums';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { ViewIcon, RefreshIcon } from '@fluentui/react-icons';\nimport UdpAuditEventSidesheet from './UdpAuditEventSidesheet';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useDateStringColumnDef } from '../../utilities/useDateStringColumnDef';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { useCatalogStore } from '../../../stores/catalogStore';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { usePromotedMethodEntity } from '../../../hooks';\n\nconst PAGE_SIZE = 15;\n\nconst baseSearchPayload = {\n  pageNumber: 1,\n  pageSize: PAGE_SIZE,\n  filterElements: [],\n  filterGroups: [],\n  orderElements: [],\n  groupingType: '',\n  groupProperty: [],\n  groupOperationList: [],\n  eagerLoad: false,\n  logicalSearchOperator: 1,\n};\n\nconst useStyles = makeStyles(theme => ({\n  loadingBar: {\n    bottom: theme.spacing(-0.5),\n    marginLeft: theme.spacing(0.5),\n    marginRight: theme.spacing(0.5),\n  },\n}));\n\nconst UdpAuditEventsPage = (props) => {\n  const { params } = props;\n\n  // Hooks\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const { t } = useTranslation();\n  const classes = useStyles();\n  const dateStringColumnDef = useDateStringColumnDef(true);\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const gridApiRef = useRef(null);\n\n  // States\n  const [searchQuery, setSearchQuery] = useState('');\n  const [displayProgressBar, setDisplayProgressBar] = useState(false);\n  const [selectedAuditEvent, setSelectedAuditEvent] = useState(null);\n  const [viewSideSheetOpen, setViewSideSheetOpen] = useState(false);\n  const [auditEventTypes, setAuditEventTypes] = useState([]);\n  const [searchObject, setSearchObject] = useState(baseSearchPayload);\n\n  const currentApiCatalogId = useCatalogStore(\n      (state) => state.currentApiCatalogId\n    );\n\n  const promotedMethodEntitiesMap = useCatalogStore(\n    (state) => state.promotedMethodEntitiesMap\n  );\n\n  const promotedEntities = useMemo(() => {\n    if (!currentApiCatalogId || !promotedMethodEntitiesMap) {\n      return null;\n    }\n    return promotedMethodEntitiesMap[currentApiCatalogId] || [];\n  }, [promotedMethodEntitiesMap, currentApiCatalogId]);\n\n  const auditEventTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event_Type,\n      'unityBaseGetAllMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const auditEventSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event,\n      'unityBaseSearchMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const getAuditEventTypeName = useCallback(auditEventTypeCode => {\n    if (!auditEventTypes) return '';\n    const matchingAuditEventType = auditEventTypes.find(\n      auditEventType => auditEventType.code === auditEventTypeCode\n    );\n    return matchingAuditEventType?.name || '';\n  }, [auditEventTypes]);\n\n  const handleSideSheet = useCallback((isOpen, auditEvent) => {\n    setViewSideSheetOpen(isOpen);\n    setSelectedAuditEvent(auditEvent);\n  }, []);\n\n  const columnDefs = useMemo(() => {\n    return [\n      {\n          headerName: t('Event Type'),\n          field: 'UdpAuditEventUdpAuditEventType.Name',\n          valueGetter: params => getAuditEventTypeName(params.data.typeCode),\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('User'),\n          field: 'userDisplayName',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Description'),\n          field: 'domain',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Created On'),\n          field: 'createdOn',\n          resizable: true,\n          sortable: true,\n          ...dateStringColumnDef\n      },\n      {\n          field: 'actions',\n          headerName: t('Details'),\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            actionList: [\n              {\n                id: 0,\n                title: t('View'),\n                iconName: 'view',\n                handleOnClick: (e, auditEvent) =>\n                  handleSideSheet(true, {...auditEvent?.data, auditEventTypeName: getAuditEventTypeName(auditEvent?.data?.typeCode)}),\n                disabled: false,\n              },\n\n            ],\n          },\n          suppressMenu: true,\n          sortable: false,\n          filter: false,\n      },\n    ];\n  }, [getAuditEventTypeName]);\n\n  const gridFunctions = [\n    { name: 'chipFilter' },\n    { name: 'agGridExport' },\n    { name: 'agGridSizeColumnsToFit' },\n    { name: 'agGridAutoSizeColumns' },\n    { name: 'agGridResetColumns' },\n    { name: 'agGridHideShowColumns' },\n  ];\n\n  const gridOptions = useMemo(() => {\n    return {\n      pagination: true,\n    };\n  }, []);\n\n  useEffect(() => {\n    const getAuditEventTypes = async () => {\n      let types = [];\n      if (auditEventTypeGetAllApiMethod) {\n        const response = await executeQueryAdHoc(\n          { data: {}},\n          auditEventTypeGetAllApiMethod.apiMethodId\n        );\n        if (response?.status === 200) {\n          types = response.data;\n        }\n      }\n      setAuditEventTypes(types);\n    };\n    getAuditEventTypes();\n  }, [auditEventTypeGetAllApiMethod]);\n\n  const handleGridApiCallback = api => {\n    gridApiRef.current = api;\n  };\n\n  const searchMethodConfig = useMemo(() => {\n    return {\n      apiMethodId: auditEventSearchApiMethod?.apiMethodId,\n      customSearchObject: searchObject,\n    };\n  }, [auditEventSearchApiMethod]);\n\n  return (\n    <>\n      {(displayProgressBar) && (<LinearProgress className={classes.loadingBar} color=\"secondary\" />)}\n      <SearchMethodUdpGrid\n        searchMethodConfig={searchMethodConfig}\n        columnDefs={columnDefs}\n        gridHeaderConfig={{\n          title: t('Audit Events'),\n        }}\n        gridOptions={gridOptions}\n        gridApiCallback={handleGridApiCallback}\n        gridFunctions={gridFunctions}\n      />\n      <UdpAuditEventSidesheet\n          auditEvent={selectedAuditEvent}\n          isSideSheetOpen={viewSideSheetOpen}\n          handleSideSheet={handleSideSheet}\n          promotedEntities={promotedEntities}\n      />\n    </>\n  )\n}\n\n  export default UdpAuditEventsPage;\n"],"mappings":"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"}

package/dist/UdpCalendarYearView-DlwZdsjG.js

@@ -1,61 +0,0 @@
-import React from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { UdpCalendarDay, UdpCalendarMonth, UdpCalendarWeek, UdpCalendarYear } from "udp-react-stencil-component-library";
-
-//#region src/UI/templates/calendar/UdpCalendar.jsx
-const useStyles$4 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendar = (props) => {
-	const { initialView, className, ...otherProps } = props;
-	const classes = useStyles$4(props);
-	const renderCalendarView = () => {
-		switch (initialView) {
-			case "day": return /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps });
-			case "week": return /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps });
-			case "month": return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
-			case "year": return /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps });
-			default: return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, renderCalendarView());
-};
-
-//#endregion
-//#region src/UI/templates/calendar/UdpCalendarDayView.jsx
-const useStyles$3 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarDayView = (props) => {
-	const { className, ...otherProps } = props;
-	const classes = useStyles$3(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/calendar/UdpCalendarWeekView.jsx
-const useStyles$2 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarWeekView = (props) => {
-	const { className, ...otherProps } = props;
-	const classes = useStyles$2(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/calendar/UdpCalendarMonthView.jsx
-const useStyles$1 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarMonthView = (props) => {
-	const { className, ...otherProps } = props;
-	const classes = useStyles$1(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/calendar/UdpCalendarYearView.jsx
-const useStyles = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarYearView = (props) => {
-	const { className, ...otherProps } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps }));
-};
-
-//#endregion
-export { UdpCalendar as a, UdpCalendarDayView as i, UdpCalendarMonthView as n, UdpCalendarWeekView as r, UdpCalendarYearView as t };
-//# sourceMappingURL=UdpCalendarYearView-DlwZdsjG.js.map

package/dist/UdpCalendarYearView-DlwZdsjG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpCalendarYearView-DlwZdsjG.js","names":["useStyles","useStyles","useStyles","useStyles"],"sources":["../src/UI/templates/calendar/UdpCalendar.jsx","../src/UI/templates/calendar/UdpCalendarDayView.jsx","../src/UI/templates/calendar/UdpCalendarWeekView.jsx","../src/UI/templates/calendar/UdpCalendarMonthView.jsx","../src/UI/templates/calendar/UdpCalendarYearView.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport { UdpCalendarMonth, UdpCalendarDay, UdpCalendarWeek, UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n\n}))\n\nexport const UdpCalendar = (props) => {\n  const {\n    initialView,\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  const renderCalendarView = () => {\n    switch (initialView) {\n      case 'day':\n        return <UdpCalendarDay props={otherProps} />;\n      case 'week':\n        return <UdpCalendarWeek props={otherProps} />;\n      case 'month':\n        return <UdpCalendarMonth props={otherProps} />;\n      case 'year':\n        return <UdpCalendarYear props={otherProps} />;\n      default:\n        return <UdpCalendarMonth props={otherProps} />;\n    }\n  }\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {renderCalendarView()}\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarDay } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarDayView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarDay props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarWeek } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarWeekView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarWeek props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarMonth } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarMonthView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarMonth props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarYearView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarYear props={otherProps} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAMA,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EAEF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,EACJ,aACA,WACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;CAEhC,MAAM,2BAA2B;AAC/B,UAAQ,aAAR;GACE,KAAK,MACH,QAAO,oCAAC,kBAAe,OAAO,aAAc;GAC9C,KAAK,OACH,QAAO,oCAAC,mBAAgB,OAAO,aAAc;GAC/C,KAAK,QACH,QAAO,oCAAC,oBAAiB,OAAO,aAAc;GAChD,KAAK,OACH,QAAO,oCAAC,mBAAgB,OAAO,aAAc;GAC/C,QACE,QAAO,oCAAC,oBAAiB,OAAO,aAAc;;;AAIpD,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC1C,oBAAoB,CACjB;;;;;ACjCV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,WACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,kBAAe,OAAO,aAAc,CACjC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,WACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,mBAAgB,OAAO,aAAc,CAClC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,WACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,oBAAiB,OAAO,aAAc,CACnC;;;;;AChBV,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,WACA,GAAG,eACD;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,mBAAgB,OAAO,aAAc,CAClC"}