udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/timeline-BjNWT18j.js

@@ -0,0 +1,213 @@
+import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
+import React, { useState } from "react";
+import { Avatar, Card, CardContent, Fade, Typography, makeStyles, useTheme } from "@material-ui/core";
+import clsx from "clsx";
+import { AlertSolidIcon, CalculatorAdditionIcon, CalculatorSubtractIcon, CheckMarkIcon, WarningSolidIcon } from "@fluentui/react-icons";
+import { Timeline, TimelineConnector, TimelineContent, TimelineDot, TimelineItem, TimelineOppositeContent, TimelineSeparator } from "@material-ui/lab";
+import TimeAgo from "timeago-react";
+import Timeline$1 from "@material-ui/lab/Timeline";
+
+//#region src/UI/timeline/UdpTimelineItemConnector.jsx
+const UdpTimelineConnector = (props) => {
+	return /* @__PURE__ */ React.createElement(TimelineConnector, props);
+};
+
+//#endregion
+//#region src/UI/timeline/ExtendActions.jsx
+const useStyles$3 = makeStyles((theme) => ({ root: {
+	display: "flex",
+	flexDirection: "row"
+} }));
+const ExtendActions = (props) => {
+	const classes = useStyles$3();
+	const { more, less, showMore, showLess } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, showMore && /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: more,
+		color: "primary",
+		icon: CalculatorAdditionIcon
+	}), showLess && /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: less,
+		color: "primary",
+		icon: CalculatorSubtractIcon
+	}));
+};
+var ExtendActions_default = ExtendActions;
+
+//#endregion
+//#region src/UI/timeline/UdpTimelineContent.jsx
+const UdpTimelineContent = (props) => {
+	return /* @__PURE__ */ React.createElement(TimelineContent, props);
+};
+
+//#endregion
+//#region src/UI/timeline/UdpTimelineDot.jsx
+const UdpTimelineDot = (props) => {
+	return /* @__PURE__ */ React.createElement(TimelineDot, props);
+};
+
+//#endregion
+//#region src/UI/timeline/UdpTimelineItemSeparator.jsx
+const UdpTimelineSeparator = (props) => {
+	return /* @__PURE__ */ React.createElement(TimelineSeparator, props);
+};
+
+//#endregion
+//#region src/UI/timeline/TimeEntryStates.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	avatar: {
+		width: 35,
+		height: 35,
+		fontSize: 16
+	},
+	spacer: {
+		marginTop: theme.spacing(1),
+		marginBottom: theme.spacing(1)
+	},
+	alert: { color: theme.palette.error.dark },
+	avatarWarning: {
+		width: 25,
+		height: 25,
+		fontSize: 12,
+		paddingLeft: 1,
+		paddingBottom: 1
+	}
+}));
+const TimeEntryStates = (props) => {
+	let eventState = "";
+	const { type } = props;
+	const classes = useStyles$2();
+	const theme = useTheme();
+	switch (type) {
+		case "alert":
+			eventState = /* @__PURE__ */ React.createElement(AlertSolidIcon, { className: clsx(classes.spacer, classes.alert) });
+			break;
+		case "success":
+			eventState = /* @__PURE__ */ React.createElement(Avatar, {
+				className: classes.avatar,
+				style: { backgroundColor: theme.palette.success.main }
+			}, /* @__PURE__ */ React.createElement(CheckMarkIcon, null));
+			break;
+		case "warning":
+			eventState = /* @__PURE__ */ React.createElement(Avatar, {
+				className: classes.avatarWarning,
+				style: { backgroundColor: theme.palette.warning.main }
+			}, /* @__PURE__ */ React.createElement(WarningSolidIcon, null));
+			break;
+		default: eventState = /* @__PURE__ */ React.createElement(TimelineDot, { variant: "outlined" });
+	}
+	return eventState;
+};
+
+//#endregion
+//#region src/UI/timeline/TimelineElement.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {},
+	extended: { maxWidth: 300 },
+	extendedButton: {
+		marginTop: theme.spacing(-1),
+		marginLeft: theme.spacing(1)
+	}
+}));
+const TimelineElement = (props) => {
+	const { time, entry, type, demoGraph, extend, extendOne, title, biasLeft } = props;
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement(TimelineItem, null, /* @__PURE__ */ React.createElement(TimelineOppositeContent, null, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.time,
+		color: "textSecondary"
+	}, time)), /* @__PURE__ */ React.createElement(TimelineSeparator, null, /* @__PURE__ */ React.createElement(TimeEntryStates, { type }), /* @__PURE__ */ React.createElement(TimelineConnector, null)), /* @__PURE__ */ React.createElement(TimelineContent, { style: { flex: biasLeft ? 2 : 1 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, " ", title, " "), /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		justifyContent: "flex-start",
+		marginTop: 8
+	} }, /* @__PURE__ */ React.createElement(Typography, null, " ", entry, " "), demoGraph && /* @__PURE__ */ React.createElement(FluentIconButton, {
+		className: classes.extendedButton,
+		onClick: extend,
+		color: "primary",
+		icon: extendOne ? CalculatorSubtractIcon : CalculatorAdditionIcon
+	})), demoGraph));
+};
+var TimelineElement_default = TimelineElement;
+
+//#endregion
+//#region src/UI/timeline/TimeLine.jsx
+const useStyles = makeStyles((theme) => ({
+	root: { position: "relative" },
+	extended: { display: "none" },
+	paper: {
+		position: "absolute",
+		bottom: -38,
+		left: -16,
+		width: "100%",
+		height: 0,
+		transition: theme.transitions.create("height", {
+			easing: theme.transitions.easing.easeOut,
+			duration: theme.transitions.duration.standard
+		})
+	},
+	expanded: { height: 500 },
+	extendedButton: {
+		display: "flex",
+		justifyContent: "flex-end"
+	},
+	actions: {
+		display: "flex",
+		justifyContent: "center",
+		marginBottom: theme.spacing(3)
+	},
+	biasLeft: {
+		display: "flex",
+		width: "100%"
+	}
+}));
+const TimeLine = ({ timelineData, semantic, biasLeft }) => {
+	const [initial, setInitial] = useState(6);
+	const [extendOne, setExtendOne] = useState(false);
+	const classes = useStyles();
+	const extend = () => {
+		setExtendOne(!extendOne);
+	};
+	const extendActions = /* @__PURE__ */ React.createElement(ExtendActions_default, {
+		more: () => setInitial(initial + 6),
+		less: () => setInitial(initial - 6),
+		showMore: initial < timelineData.length,
+		showLess: initial >= 6
+	});
+	return /* @__PURE__ */ React.createElement(Timeline$1, { className: classes.root }, timelineData && timelineData.map((item, index) => {
+		if (index <= initial) {
+			console.log(item);
+			return /* @__PURE__ */ React.createElement(TimelineElement_default, {
+				biasLeft,
+				key: index,
+				time: semantic ? /* @__PURE__ */ React.createElement(TimeAgo, { datetime: item.time }) : item.time,
+				entry: item.event,
+				type: item.type,
+				title: item.title,
+				extendOne,
+				extend,
+				demoGraph: item.extendedData && /* @__PURE__ */ React.createElement(Fade, { in: extendOne }, /* @__PURE__ */ React.createElement(Card, {
+					style: { backgroundColor: "white" },
+					elevation: 0,
+					className: !extendOne && classes.extended
+				}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: classes.extendedButton }, item.moreInfo && item.moreInfo))))
+			});
+		}
+	}), biasLeft && /* @__PURE__ */ React.createElement("div", { className: classes.biasLeft }, /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement("div", { style: {
+		flex: 2,
+		marginLeft: -22
+	} }, extendActions)), !biasLeft && /* @__PURE__ */ React.createElement("div", { className: classes.actions }, extendActions));
+};
+
+//#endregion
+//#region src/UI/timeline/UdpTimeline.jsx
+const UdpTimeline = (props) => {
+	return /* @__PURE__ */ React.createElement(Timeline, props);
+};
+
+//#endregion
+//#region src/UI/timeline/UdpTimelineItem.jsx
+const UdpTimelineItem = (props) => {
+	return /* @__PURE__ */ React.createElement(TimelineItem, props);
+};
+
+//#endregion
+export { TimeEntryStates, TimeLine, UdpTimeline, UdpTimelineConnector, UdpTimelineContent, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator };
+//# sourceMappingURL=timeline-BjNWT18j.js.map

package/dist/timeline-BjNWT18j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-BjNWT18j.js","names":["useStyles","useStyles","useStyles","ExtendActions","Timeline","TimelineElement"],"sources":["../src/UI/timeline/UdpTimelineItemConnector.jsx","../src/UI/timeline/ExtendActions.jsx","../src/UI/timeline/UdpTimelineContent.jsx","../src/UI/timeline/UdpTimelineDot.jsx","../src/UI/timeline/UdpTimelineItemSeparator.jsx","../src/UI/timeline/TimeEntryStates.jsx","../src/UI/timeline/TimelineElement.jsx","../src/UI/timeline/TimeLine.jsx","../src/UI/timeline/UdpTimeline.jsx","../src/UI/timeline/UdpTimelineItem.jsx"],"sourcesContent":["import React from 'react';\nimport { TimelineConnector } from '@material-ui/lab';\n\nexport const UdpTimelineConnector = (props) => {\n  return <TimelineConnector {...props} />;\n};\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport {\n  CalculatorSubtractIcon,\n  CalculatorAdditionIcon\n} from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  }\n}))\n\nconst ExtendActions = (props) => {\n  const classes = useStyles()\n  const { more, less, showMore, showLess } = props\n\n  return (\n    <div className={classes.root}>\n      {showMore && (\n        <FluentIconButton\n          onClick={more}\n          color='primary'\n          icon={CalculatorAdditionIcon}\n        />\n      )}\n      {showLess && (\n        <FluentIconButton\n          onClick={less}\n          color='primary'\n          icon={CalculatorSubtractIcon}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default ExtendActions\n","import React from 'react';\nimport { TimelineContent } from '@material-ui/lab';\n\nexport const UdpTimelineContent = (props) => {\n  return <TimelineContent {...props} />;\n};\n","import React from 'react';\nimport { TimelineDot } from '@material-ui/lab';\n\nexport const UdpTimelineDot = (props) => {\n  return <TimelineDot {...props} />;\n};\n","import React from 'react';\nimport { TimelineSeparator } from '@material-ui/lab';\n\nexport const UdpTimelineSeparator = (props) => {\n  return <TimelineSeparator {...props} />;\n};\n","import React from 'react'\nimport { Avatar, makeStyles, useTheme } from '@material-ui/core'\nimport {\n  AlertSolidIcon,\n  CheckMarkIcon,\n  WarningSolidIcon\n} from '@fluentui/react-icons'\nimport { TimelineDot } from '@material-ui/lab'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  avatar: {\n    width: 35,\n    height: 35,\n    fontSize: 16\n  },\n  spacer: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  alert: {\n    color: theme.palette.error.dark\n  },\n  avatarWarning: {\n    width: 25,\n    height: 25,\n    fontSize: 12,\n    paddingLeft: 1,\n    paddingBottom: 1\n  }\n}))\n\nexport const TimeEntryStates = (props) => {\n  let eventState = ''\n  const { type } = props\n  const classes = useStyles()\n  const theme = useTheme()\n\n  switch (type) {\n    case 'alert':\n      eventState = (\n        <AlertSolidIcon className={clsx(classes.spacer, classes.alert)} />\n      )\n      break\n    case 'success':\n      eventState = (\n        <Avatar\n          className={classes.avatar}\n          style={{ backgroundColor: theme.palette.success.main }}\n        >\n          <CheckMarkIcon />\n        </Avatar>\n      )\n      break\n    case 'warning':\n      eventState = (\n        <Avatar\n          className={classes.avatarWarning}\n          style={{ backgroundColor: theme.palette.warning.main }}\n        >\n          <WarningSolidIcon />\n        </Avatar>\n      )\n      break\n\n    default:\n      eventState = <TimelineDot variant='outlined' />\n  }\n\n  return eventState\n}\n","import React from 'react'\nimport {\n  TimelineItem,\n  TimelineOppositeContent,\n  TimelineSeparator,\n  TimelineConnector,\n  TimelineContent\n} from '@material-ui/lab'\nimport { Typography, makeStyles } from '@material-ui/core'\nimport { TimeEntryStates } from './TimeEntryStates'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport {\n  CalculatorSubtractIcon,\n  CalculatorAdditionIcon\n} from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  extended: {\n    maxWidth: 300\n  },\n  extendedButton: {\n    marginTop: theme.spacing(-1),\n    marginLeft: theme.spacing(1)\n  }\n}))\n\nconst TimelineElement = (props) => {\n  const {\n    time,\n    entry,\n    type,\n    demoGraph,\n    extend,\n    extendOne,\n    title,\n    biasLeft\n  } = props\n  const classes = useStyles()\n  return (\n    <TimelineItem>\n      <TimelineOppositeContent>\n        <Typography className={classes.time} color='textSecondary'>\n          {time}\n        </Typography>\n      </TimelineOppositeContent>\n      <TimelineSeparator>\n        <TimeEntryStates type={type} />\n        <TimelineConnector />\n      </TimelineSeparator>\n      <TimelineContent style={{ flex: biasLeft ? 2 : 1 }}>\n        <Typography variant='subtitle2'> {title} </Typography>\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: 'flex-start',\n            marginTop: 8\n          }}\n        >\n          <Typography> {entry} </Typography>\n          {demoGraph && (\n            <FluentIconButton\n              className={classes.extendedButton}\n              onClick={extend}\n              color='primary'\n              icon={extendOne ? CalculatorSubtractIcon : CalculatorAdditionIcon}\n            />\n          )}\n        </div>\n\n        {demoGraph}\n      </TimelineContent>\n    </TimelineItem>\n  )\n}\nexport default TimelineElement\n","import React, { useState } from 'react'\nimport { makeStyles, Fade, Card, CardContent } from '@material-ui/core'\nimport Timeline from '@material-ui/lab/Timeline'\nimport TimelineElement from './TimelineElement'\nimport TimeAgo from 'timeago-react'\nimport ExtendActions from './ExtendActions'\n// import { timelineData } from '../../test/MockTimelineData';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative'\n  },\n  extended: {\n    display: 'none'\n  },\n  paper: {\n    position: 'absolute',\n    bottom: -38,\n    left: -16,\n    width: '100%',\n    height: 0,\n    // transition: 'height 1s ',\n    transition: theme.transitions.create('height', {\n      easing: theme.transitions.easing.easeOut,\n      duration: theme.transitions.duration.standard\n    })\n  },\n  expanded: {\n    height: 500\n  },\n  extendedButton: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  actions: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginBottom: theme.spacing(3)\n  },\n  biasLeft: {\n    display: 'flex',\n    width: '100%'\n  }\n}))\n\nexport const TimeLine = ({ timelineData, semantic, biasLeft }) => {\n  const [initial, setInitial] = useState(6)\n  const [extendOne, setExtendOne] = useState(false)\n  const classes = useStyles()\n\n  const extend = () => {\n    setExtendOne(!extendOne)\n  }\n\n  const extendActions = (\n    <ExtendActions\n      more={() => setInitial(initial + 6)}\n      less={() => setInitial(initial - 6)}\n      showMore={initial < timelineData.length}\n      showLess={initial >= 6}\n    />\n  )\n\n  return (\n    <Timeline\n      // align=\"alternate\"\n      className={classes.root}\n    >\n      {timelineData &&\n        timelineData.map((item, index) => {\n          if (index <= initial) {\n            console.log(item)\n            return (\n              <TimelineElement\n                biasLeft={biasLeft}\n                key={index}\n                time={semantic ? <TimeAgo datetime={item.time} /> : item.time}\n                entry={item.event}\n                type={item.type}\n                title={item.title}\n                extendOne={extendOne}\n                extend={extend}\n                demoGraph={\n                  item.extendedData && (\n                    <Fade in={extendOne}>\n                      <Card\n                        style={{ backgroundColor: 'white' }}\n                        elevation={0}\n                        className={!extendOne && classes.extended}\n                      >\n                        <CardContent>\n                          <div className={classes.extendedButton}>\n                            {item.moreInfo && item.moreInfo}\n                          </div>\n                        </CardContent>\n                      </Card>\n                    </Fade>\n                  )\n                }\n              />\n            )\n          }\n        })}\n      {biasLeft && (\n        <div className={classes.biasLeft}>\n          <div style={{ flex: 1 }} />\n          <div style={{ flex: 2, marginLeft: -22 }}>{extendActions}</div>\n        </div>\n      )}\n      {!biasLeft && <div className={classes.actions}>{extendActions}</div>}\n    </Timeline>\n  )\n}\n\nexport default TimeLine\n","import React from 'react';\nimport { Timeline } from '@material-ui/lab';\n\nexport const UdpTimeline = (props) => {\n  return <Timeline {...props} />;\n};\n","import React from 'react';\nimport { TimelineItem } from '@material-ui/lab';\n\nexport const UdpTimelineItem = (props) => {\n  return <TimelineItem {...props} />;\n};\n"],"mappings":"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"}

package/dist/treeMenu/index.js

@@ -1,23 +1,23 @@
-import "../apiHelpers-DF2KUI11.js";
+import "../apiHelpers-Bju2gkBq.js";
 import "../pageEnums-CT6NFA8B.js";
 import "../UnitySessionStorage-DBqfMiK5.js";
-import "../axiosInterceptors-BPJXy48x.js";
+import "../axiosInterceptors-Dn_haR1Q.js";
 import "../useUser-Cn88hlN_.js";
 import "../StringUtilities-DyjYA5pU.js";
 import "../FluentIcon-CB-ANF6C.js";
-import "../unitySystemEnums-BIMR5AWe.js";
+import "../unitySystemEnums-DXk8yS3v.js";
 import "../UnityFluentIcon-fuqAQh0C.js";
 import "../RuleUtilities-DXVlN84J.js";
-import "../SearchUtilities-CzmJ6hI2.js";
-import "../GroupNode-Bms_Opmb.js";
-import "../TreeUtilities-XLrXtUeL.js";
+import "../SearchUtilities-CxVn31Ak.js";
+import "../GroupNode-C1Y28U4c.js";
+import "../TreeUtilities-BxV5PMJ8.js";
 import "../UnityIconLibrary-DnCuEr5M.js";
-import "../useAxiosGet-VY6m2qeW.js";
+import "../useAxiosGet-CAH3ZOZ8.js";
 import "../StatusChip-Bw-0wE_B.js";
 import "../methodUtils-Bgi0VCWP.js";
 import "../NumberOperator-CDToRW8i.js";
-import "../aggregateUtils-DpHy5K9p.js";
-import "../AggregateChip-EN9-abal.js";
-import { BaseTreeMenu, BaseTreeMenuItem } from "../BaseTreeMenu-DHEMztjA.js";
+import "../aggregateUtils-C04KQf3k.js";
+import "../AggregateChip-7tOziH82.js";
+import { BaseTreeMenu, BaseTreeMenuItem } from "../BaseTreeMenu-CroItvOA.js";
 
 export { BaseTreeMenu, BaseTreeMenuItem };

package/dist/types/UI/inputs/calendar/AmbientDateRangeSelector.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import 'react-date-range/dist/styles.css'; // main style file
 import 'react-date-range/dist/theme/default.css'; // theme css file
+/**
+* @deprecated Use UdpDateRangeSelector
+*/
 export declare const AmbientDateRangeSelector: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/calendar/AmbientSingleDateSelector.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import 'react-date-range/dist/styles.css'; // main style file
 import 'react-date-range/dist/theme/default.css'; // theme css file
+/**
+* @deprecated Use UdpDateRangeSelector
+*/
 export declare const AmbientSingleDateSelector: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/dateRangeSelector/UdpDateRangeSelector.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const UdpDateRangeSelector: (props: any) => React.JSX.Element;

package/dist/types/UI/widgets/utils/dateUtils.d.ts

@@ -1,3 +1,49 @@
+import { DateTime } from 'luxon';
 export declare function formatDateLong(value: any): string;
 export declare function formatDate(value: any, formatStr?: string): string;
 export declare function getDaysDiff(dateOne: any, dateTwo: any): number;
+/**
+ * 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.
+ */
+export declare const getDateFromString: (dateString: any) => Date;
+/**
+ * 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.
+ */
+export declare const getLocalizedDateString: (date: any, timeZone?: string) => string;
+/**
+ * Converts a date string to a date in the specified timezone,
+ * and returning a converted date with the localized date and time.
+ * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
+ * @param timeZone If supplied, convert the date into the specified IANA time zone,
+ * otherwise convert to local browser time.
+ * @returns A converted date and time based on the user's browser locale settings.
+ */
+export declare const getLocalizedDateTime: (date: any, timeZone?: string) => "" | DateTime<true> | DateTime<false>;
+/**
+ * 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.
+ */
+export declare const getLocalizedDateTimeString: (date: any, delimiter?: any, timeZone?: string, includeOffset?: boolean) => string;
+/**
+ * Formats a date string by converting it to a date in the specified time zone,
+ * and returning a string as the localized time.
+ * @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 time string without the date based on the supplied time zone and user's
+ * browser locale settings.
+ */
+export declare const getLocalizedTimeString: (date: any, timeZone?: string) => string;

package/dist/types/enums/auditEventEnums.d.ts

@@ -0,0 +1,5 @@
+export declare enum AuditEventTypeEnums {
+    Create_Domain = 1,
+    Update_Domain = 2,
+    Delete_Domain = 3
+}

package/dist/types/enums/unitySystemEnums.d.ts

@@ -171,7 +171,10 @@ export declare enum UdpEnums {
     Udp_Reminder_Type = "UdpReminderType",
     Udp_Reminder_Template = "UdpReminderTemplate",
     Udp_Reminder = "UdpReminder",
-    Udp_Reminder_Filed_For = "UdpReminderFiledFor"
+    Udp_Reminder_Filed_For = "UdpReminderFiledFor",
+    Udp_Audit_Event_Type = "UdpAuditEventType",
+    Udp_Audit_Event = "UdpAuditEvent",
+    Udp_Audit_Event_Detail = "UdpAuditEventDetail"
 }
 export declare enum NodeGroupTypeEnums {
     Static = "static",
@@ -241,3 +244,11 @@ export declare enum EntityAttributeEnums {
 export declare enum RoleIdEnums {
     Unity_System_Administrator = "302dacf5-bf16-412d-bf66-519d4c3491c3"
 }
+export declare enum GridExcelStyleEnums {
+    DateTimeShort = "dateTimeShort",
+    DateTimeShortWithSeconds = "dateTimeShortWithSeconds",
+    DateTimeLong = "dateTimeLong",
+    DateTimeLongWithSeconds = "dateTimeLongWithSeconds",
+    DateShort = "dateShort",
+    DateLong = "dateLong"
+}

package/dist/types/index.d.ts

@@ -264,6 +264,7 @@ export * from './UI/templates/newGrid/EntityMaintenanceUdpGrid';
 export * from './UI/templates/newGrid/ApiMethodInstanceUdpGrid';
 export * from './UI/templates/newGrid/BackwardsCompatibleGrid';
 export * from './UI/advancedSearchBuilder/UdpAdvancedSearchBuilder';
+export * from './UI/inputs/dateRangeSelector/UdpDateRangeSelector';
 export * from './UI/templates/UdpCalendar';
 export * from './UI/templates/UdpCalendarDayView';
 export * from './UI/templates/UdpCalendarWeekView';