udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/UdpAuditEventsPage-NltAnQm0.js

@@ -0,0 +1,383 @@
+import { t as __exportAll } from "./chunk-BYypO7fO.js";
+import { r as useAgGridApi } from "./AgTable-DhNlOTs0.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-CQSnEbMA.js";
+import { L as UdpEnums, c as GridExcelStyleEnums } from "./unitySystemEnums-DnxEalNP.js";
+import { t as useCatalogStore } from "./catalogStore-Ck4aj6U7.js";
+import { n as SideSheet } from "./SideSheet-B7N-AM_z.js";
+import { a as getBaseMethod, i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-PKTRJpSD.js";
+import { t as AmbientCard } from "./AmbientCard-D-le1ghN.js";
+import { t as LinearProgress$1 } from "./LinearProgress-BKtF0I7Z.js";
+import { n as GridUnit, t as GridRow } from "./GridRow-CLy6rV1W.js";
+import { t as FluentTextField } from "./FluentTextField-BsEmi6u7.js";
+import { t as useAuthedUser } from "./useAuthedUser-BGUw1f7h.js";
+import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-D6NBIBer.js";
+import { i as getLocalizedDateTimeString, n as getDateFromString, r as getLocalizedDateString } from "./dateUtils-CeimQs9e.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) {
+	AuditEventTypeEnums[AuditEventTypeEnums["Create_Domain"] = 1] = "Create_Domain";
+	AuditEventTypeEnums[AuditEventTypeEnums["Update_Domain"] = 2] = "Update_Domain";
+	AuditEventTypeEnums[AuditEventTypeEnums["Delete_Domain"] = 3] = "Delete_Domain";
+	return AuditEventTypeEnums;
+}({});
+
+//#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 = 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 = {};
+			const data = {};
+			try {
+				if (auditEventDetailGetApiMethod && auditEvent) {
+					setLoading(true);
+					data["{auditEventId}"] = auditEvent.id;
+					const response = await executeQueryWithParameters({ data }, auditEventDetailGetApiMethod.apiMethodId);
+					if (response?.status === 200) {
+						auditEventDetail = response.data;
+						setAuditEventDetail(auditEventDetail);
+					}
+				}
+			} 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(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
+	})))))));
+};
+
+//#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 = useGetLocalizedDateTimeString(zone, includeTimeZoneOffset);
+	const getLocalizedDateString = useGetLocalizedDateString(zone);
+	return useMemo(() => {
+		return !user ? {} : {
+			valueFormatter: (params) => {
+				if (!params) return "";
+				if (includeTime) return getLocalizedDateTimeString(params.value);
+				else return getLocalizedDateString(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,
+		getLocalizedDateTimeString,
+		user,
+		zone
+	]);
+};
+
+//#endregion
+//#region src/udp/pages/UdpAuditEvents/UdpAuditEventsPage.jsx
+var UdpAuditEventsPage_exports = /* @__PURE__ */ __exportAll({ default: () => UdpAuditEventsPage });
+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) => getAuditEventTypeName(params.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, {
+		auditEvent: selectedAuditEvent,
+		isSideSheetOpen: viewSideSheetOpen,
+		handleSideSheet,
+		promotedEntities
+	}));
+};
+
+//#endregion
+export { UdpAuditEventsPage_exports as n, UdpAuditEventsPage as t };
+//# sourceMappingURL=UdpAuditEventsPage-NltAnQm0.js.map

package/dist/UdpAuditEventsPage-NltAnQm0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAuditEventsPage-NltAnQm0.js","names":["useStyles","LinearProgress","LinearProgress"],"sources":["../src/enums/auditEventEnums.ts","../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 { 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/UdpBarChart-cY3DPy-m.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { UdpBarChart, UdpDistributionChart, UdpDonutChart, UdpLineChart, UdpSankeyChart, UdpXyMultiSeriesChart } from "udp-react-stencil-component-library";
+
+//#region src/UI/charts/amcharts/UdpDistributionChart.tsx
+const UdpDistributionChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDistributionChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpDonutChart.tsx
+const UdpDonutChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDonutChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpLineChart.tsx
+const UdpLineChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpLineChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpSankeyChart.tsx
+const UdpSankeyChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpSankeyChart, {
+		...props,
+		kpisPosition: "top"
+	});
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpXYMultiSeriesChart.tsx
+const UdpXYMultiSeriesChart = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpXyMultiSeriesChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpBarChart.tsx
+const UdpBarChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpBarChart, props);
+};
+
+//#endregion
+export { UdpDonutChart$1 as a, UdpLineChart$1 as i, UdpXYMultiSeriesChart as n, UdpDistributionChart$1 as o, UdpSankeyChart$1 as r, UdpBarChart$1 as t };
+//# sourceMappingURL=UdpBarChart-cY3DPy-m.js.map

package/dist/UdpBarChart-cY3DPy-m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpBarChart-cY3DPy-m.js","names":["UdpDistributionChart","StencilDistributionChart","UdpDonutChart","StencilDonutChart","UdpLineChart","StencilLineChart","UdpSankeyChart","StencilSankeyChart","StencilXYMultiSeriesChart","UdpBarChart","StencilBarChart"],"sources":["../src/UI/charts/amcharts/UdpDistributionChart.tsx","../src/UI/charts/amcharts/UdpDonutChart.tsx","../src/UI/charts/amcharts/UdpLineChart.tsx","../src/UI/charts/amcharts/UdpSankeyChart.tsx","../src/UI/charts/amcharts/UdpXYMultiSeriesChart.tsx","../src/UI/charts/amcharts/UdpBarChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UdpDistributionChart as StencilDistributionChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpDistributionChartProps extends XyChartBaseProps{\n  valueField: string;\n};\n\nexport const UdpDistributionChart = (props: UdpDistributionChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilDistributionChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpDonutChart as StencilDonutChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from '../types';\n\nexport interface UdpDonutChartProps extends BaseProps{\n  valueField: string;\n  labelField: string;\n  hideLegend: boolean;\n};\nexport const UdpDonutChart: React.FC<UdpDonutChartProps> = (props: UdpDonutChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilDonutChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpLineChart as StencilLineChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpLineChartProps extends XyChartBaseProps{\n  xAxisField: string\n  yAxisField: string\n};\nexport const UdpLineChart: React.FC<UdpLineChartProps> = (props: UdpLineChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilLineChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpSankeyChart as StencilSankeyChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from '../types';\n\nexport interface SankeyChartBaseProps extends BaseProps {\n  valueField: string;\n  targetIdField: string;\n  sourceIdField: string;\n  labelFormat?: string;\n  tooltipTextFormat?: string;\n  nodeTooltipTextFormat?: string;\n  paddingRight?: number | string;\n}\n\nexport const UdpSankeyChart = (props: SankeyChartBaseProps) => {\n  {/* @ts-ignore */}\n  return <StencilSankeyChart {...props} kpisPosition=\"top\"/>;\n};\n","import React from 'react';\nimport { UdpXyMultiSeriesChart as StencilXYMultiSeriesChart } from 'udp-react-stencil-component-library';\nimport {\n  BaseProps,\n  XYMultiSeriesSeriesProps,\n  XYMultiSeriesXAxisProps,\n  XYMultiSeriesYAxisProps\n} from '../types';\n\nexport interface UdpXYMultiSeriesChartProps extends BaseProps {\n  hideLegend: boolean;\n  xAxes: XYMultiSeriesXAxisProps[];\n  yAxes: XYMultiSeriesYAxisProps[];\n  series: XYMultiSeriesSeriesProps[];\n}\n\nexport const UdpXYMultiSeriesChart = (props: UdpXYMultiSeriesChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilXYMultiSeriesChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpBarChart as StencilBarChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpBarChartProps extends XyChartBaseProps{\n  valueField: string;\n  labelField: string;\n};\n\nexport const UdpBarChart: React.FC<UdpBarChartProps> = (props: UdpBarChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilBarChart {...props} />;\n};\n"],"mappings":";;;;AASA,MAAaA,0BAAwB,UAAqC;AAExE,QAAO,oCAACC,sBAA6B,MAAS;;;;;ACDhD,MAAaC,mBAA+C,UACvD;AAEH,QAAO,oCAACC,eAAsB,MAAS;;;;;ACJzC,MAAaC,kBAA6C,UACrD;AAEH,QAAO,oCAACC,cAAqB,MAAS;;;;;ACGxC,MAAaC,oBAAkB,UAAgC;AAE7D,QAAO,oCAACC;EAAmB,GAAI;EAAO,cAAa;GAAO;;;;;ACD5D,MAAa,yBAAyB,UAAsC;AAE1E,QAAO,oCAACC,uBAA8B,MAAS;;;;;ACRjD,MAAaC,iBAA2C,UAA4B;AAElF,QAAO,oCAACC,aAAoB,MAAS"}

package/dist/UdpCalendarYearView-BvQIzQuE.js

@@ -0,0 +1,61 @@
+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-BvQIzQuE.js.map

package/dist/UdpCalendarYearView-BvQIzQuE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpCalendarYearView-BvQIzQuE.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"}