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

package/dist/UdpRoutes-C9a8HDW5.js

@@ -0,0 +1,131 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { n as UdpPageEnums } from "./pageEnums-DHCYa0ey.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as PageLoading } from "./PageLoading-GD6E2uMU.js";
+import { t as useIsUnityAuthenticated } from "./useIsUnityAuthenticated-DWwyEFry.js";
+import { t as PageForbiddenRoute } from "./PageForbiddenRoute-C32Jf7bX.js";
+import React, { Suspense, lazy, useMemo } from "react";
+import { Redirect, Route, Switch } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+
+//#region src/routes/PrivateRoute.jsx
+const PrivateRoute = ({ ...otherProps }) => {
+	const isAuthenticated = useIsUnityAuthenticated();
+	const user = useUser();
+	const { t } = useTranslation();
+	const { rolesMap, menuActiveMap } = otherProps;
+	const userRoles = user.roleIds;
+	let pathAsKey = otherProps.path.toLowerCase().replaceAll(" ", "").replace("/", "");
+	pathAsKey = pathAsKey.split("/:")[0];
+	const userHasAccessToTenant = useMemo(() => {
+		if (user?.tenantIds?.includes(user.currentTenantId)) return true;
+		return false;
+	}, [user]);
+	const userHasRoles = useMemo(() => {
+		if (rolesMap?.size > 0) {
+			if (!rolesMap.has(pathAsKey)) return false;
+			return rolesMap.get(pathAsKey).every((element) => userRoles.includes(element));
+		}
+	}, [
+		userRoles,
+		rolesMap,
+		pathAsKey
+	]);
+	const menuIsActive = useMemo(() => {
+		if (menuActiveMap?.size > 0 && menuActiveMap.has(pathAsKey)) return menuActiveMap.get(pathAsKey);
+	}, [menuActiveMap, pathAsKey]);
+	if (!userHasAccessToTenant && isAuthenticated && user?.statusCode === 200) return /* @__PURE__ */ React.createElement(Route, {
+		path: "*",
+		render: (props) => /* @__PURE__ */ React.createElement(PageForbiddenRoute, {
+			message: t("You do not have access to this tenant. Please select a different Tenant."),
+			showButton: false
+		})
+	});
+	if (rolesMap?.has(pathAsKey) && !menuIsActive) return /* @__PURE__ */ React.createElement(Route, {
+		path: "*",
+		render: (props) => /* @__PURE__ */ React.createElement(PageForbiddenRoute, {
+			message: t("Trying to access inactive menu. Please check your menu configurations"),
+			showButton: false
+		})
+	});
+	if (!user.isUnitySystemAdmin && rolesMap?.size > 0 && !userHasRoles) return /* @__PURE__ */ React.createElement(Route, {
+		path: "*",
+		render: (props) => /* @__PURE__ */ React.createElement(PageForbiddenRoute, {
+			message: t("You do not have the required roles to access this page.Please contact an administrator to get access"),
+			showButton: false
+		})
+	});
+	if (isAuthenticated && user?.statusCode === 200) return /* @__PURE__ */ React.createElement(Route, otherProps);
+	return null;
+};
+
+//#endregion
+//#region src/routes/UdpRoutes.jsx
+const VirtualBrowser = lazy(() => import("./VirtualBrowser-B_6xehfd.js"));
+const MenuPage = lazy(() => import("./MenuPage-IWIb1y2K.js"));
+const UdpPublicForm = lazy(() => import("./udp/pages/UdpPublicForm/index.js"));
+const WorkflowContainer = lazy(() => import("./WorkflowContainer-D3EuK5do.js"));
+const PasswordResetRedirect = lazy(() => import("./PasswordResetRedirect-DK8PFqW9.js"));
+const MyExportsPage = lazy(() => import("./MyExportsPage-Dl-oOhi0.js"));
+const PageNotFoundRoute = lazy(() => import("./PageNotFoundRoute-DQHEEDki.js"));
+const UdpMaintenanceConfigPage = lazy(() => import("./udp/pages/UdpMaintenanceConfigPage/index.js"));
+const UdpMaintenanceEnginePage = lazy(() => import("./udp/pages/UdpMaintenanceEnginePage/index.js"));
+const UdpTransactionsPage = lazy(() => import("./udp/pages/UdpTransactionsPage/index.js"));
+const UdpTransactionTypesPage = lazy(() => import("./udp/pages/UdpTransactionTypesPage/index.js"));
+const UdpRoutes = (props) => {
+	const { ...other } = props;
+	return /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(PageLoading, null) }, /* @__PURE__ */ React.createElement(Switch, null, /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/virtual/:id",
+		render: (props$1) => /* @__PURE__ */ React.createElement(VirtualBrowser, {
+			...props$1,
+			...other
+		})
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/menupage/:id",
+		render: (props$1) => /* @__PURE__ */ React.createElement(MenuPage, {
+			...props$1,
+			...other
+		})
+	}), /* @__PURE__ */ React.createElement(Route, {
+		path: `/page/${UdpPageEnums.Udp_Public_Forms_Page}`,
+		render: (props$1) => /* @__PURE__ */ React.createElement(UdpPublicForm, {
+			...props$1,
+			...other
+		})
+	}), /* @__PURE__ */ React.createElement(Route, {
+		path: `/passwordresetsuccess`,
+		render: (props$1) => /* @__PURE__ */ React.createElement(PasswordResetRedirect, { props: props$1 })
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/workflowtask/:id",
+		render: (props$1) => /* @__PURE__ */ React.createElement(WorkflowContainer, {
+			...props$1,
+			...other
+		})
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/myexports",
+		render: (props$1) => /* @__PURE__ */ React.createElement(MyExportsPage, {
+			productId: ConfigService.config.UNITY_PRODUCT_ID,
+			...props$1,
+			...other
+		})
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/crudbrowser",
+		render: (props$1) => /* @__PURE__ */ React.createElement(UdpMaintenanceEnginePage, props$1)
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/tablebrowser",
+		render: (props$1) => /* @__PURE__ */ React.createElement(UdpMaintenanceConfigPage, props$1)
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/transactionsPage",
+		render: (props$1) => /* @__PURE__ */ React.createElement(UdpTransactionsPage, props$1)
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "/transactionTypesPage",
+		render: (props$1) => /* @__PURE__ */ React.createElement(UdpTransactionTypesPage, props$1)
+	}), /* @__PURE__ */ React.createElement(PrivateRoute, {
+		path: "*",
+		component: PageNotFoundRoute
+	})));
+};
+
+//#endregion
+export { PrivateRoute as n, UdpRoutes as t };
+//# sourceMappingURL=UdpRoutes-C9a8HDW5.js.map

package/dist/UdpRoutes-C9a8HDW5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpRoutes-C9a8HDW5.js","names":["props"],"sources":["../src/routes/PrivateRoute.jsx","../src/routes/UdpRoutes.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useIsUnityAuthenticated } from '../utilities/auth/useIsUnityAuthenticated';\r\nimport { useUser } from '../utilities/auth/useUser';\r\nimport { PageForbiddenRoute } from './components/PageForbiddenRoute';\r\n\r\nexport const PrivateRoute = ({ ...otherProps }) => {\r\n  const isAuthenticated = useIsUnityAuthenticated();\r\n  const user = useUser();\r\n  const { t } = useTranslation();\r\n  const { rolesMap, menuActiveMap } = otherProps;\r\n  const userRoles = user.roleIds;\r\n  //path is passed from frontend so making sure it meets expected fromat of all lowercase, no spaces, and has format /pathname or /pathname/:param\r\n  let pathAsKey = otherProps.path\r\n    .toLowerCase()\r\n    .replaceAll(' ', '')\r\n    .replace('/', '');\r\n  pathAsKey = pathAsKey.split('/:')[0];\r\n\r\n  const userHasAccessToTenant = useMemo(() => {\r\n    if (user?.tenantIds?.includes(user.currentTenantId)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }, [user]);\r\n\r\n  const userHasRoles = useMemo(() => {\r\n    if (rolesMap?.size > 0) {\r\n      if (!rolesMap.has(pathAsKey)) {\r\n        return false;\r\n      }\r\n      const routeRoles = rolesMap.get(pathAsKey);\r\n      return routeRoles.every((element) => userRoles.includes(element));\r\n    }\r\n  }, [userRoles, rolesMap, pathAsKey]);\r\n\r\n  const menuIsActive = useMemo(() => {\r\n    if (menuActiveMap?.size > 0 && menuActiveMap.has(pathAsKey)) {\r\n      return menuActiveMap.get(pathAsKey);\r\n    }\r\n  }, [menuActiveMap, pathAsKey]);\r\n\r\n  if (!userHasAccessToTenant && isAuthenticated && user?.statusCode === 200) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have access to this tenant. Please select a different Tenant.'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (rolesMap?.has(pathAsKey) && !menuIsActive) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'Trying to access inactive menu. Please check your menu configurations'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!user.isUnitySystemAdmin && rolesMap?.size > 0 && !userHasRoles) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have the required roles to access this page.Please contact an administrator to get access'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (isAuthenticated && user?.statusCode === 200) {\r\n    return <Route {...otherProps} />;\r\n  }\r\n\r\n  return null;\r\n};\r\n","import React, { Suspense, lazy } from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { PrivateRoute } from './PrivateRoute';\nimport { UdpPageEnums } from '../enums/pageEnums';\nimport { ConfigService } from '../configService';\nimport { PageLoading } from '../UI/feedback/PageLoading';\n\n// Lazy load route components\nconst VirtualBrowser = lazy(() =>\n  import('../maintenanceEngine/virtualBrowser/VirtualBrowser')\n);\nconst MenuPage = lazy(() => import('../menuPage/MenuPage'));\nconst UdpPublicForm = lazy(() => import('../udp/pages/UdpPublicForm'));\nconst WorkflowContainer = lazy(() => import('../workflow/WorkflowContainer'));\nconst PasswordResetRedirect = lazy(() =>\n  import('./components/PasswordResetRedirect')\n);\nconst MyExportsPage = lazy(() => import('../udp/export/MyExportsPage'));\nconst PageNotFoundRoute = lazy(() => import('./components/PageNotFoundRoute'));\nconst UdpMaintenanceConfigPage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceConfigPage')\n);\nconst UdpMaintenanceEnginePage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceEnginePage')\n);\n\nconst UdpTransactionsPage = lazy(() =>\n  import('../udp/pages/UdpTransactionsPage')\n);\n\nconst UdpTransactionTypesPage = lazy(() =>\n  import('../udp/pages/UdpTransactionTypesPage')\n);\n\nexport const UdpRoutes = (props) => {\n  const { ...other } = props;\n  return (\n    <Suspense fallback={<PageLoading />}>\n      <Switch>\n        <PrivateRoute\n          path='/virtual/:id'\n          render={(props) => <VirtualBrowser {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/menupage/:id'\n          render={(props) => <MenuPage {...props} {...other} />}\n        />\n\n        <Route\n          path={`/page/${UdpPageEnums.Udp_Public_Forms_Page}`}\n          render={(props) => <UdpPublicForm {...props} {...other} />}\n        />\n        <Route\n          path={`/passwordresetsuccess`}\n          render={(props) => <PasswordResetRedirect props={props} />}\n        />\n        <PrivateRoute\n          path='/workflowtask/:id'\n          render={(props) => <WorkflowContainer {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/myexports'\n          render={(props) => (\n            <MyExportsPage\n              productId={ConfigService.config.UNITY_PRODUCT_ID}\n              {...props}\n              {...other}\n            />\n          )}\n        />\n        <PrivateRoute\n          path='/crudbrowser'\n          render={(props) => <UdpMaintenanceEnginePage {...props} />}\n        />\n        <PrivateRoute\n          path='/tablebrowser'\n          render={(props) => <UdpMaintenanceConfigPage {...props} />}\n        />\n        <PrivateRoute\n          path='/transactionsPage'\n          render={(props) => <UdpTransactionsPage {...props} />}\n        />\n        <PrivateRoute\n          path='/transactionTypesPage'\n          render={(props) => <UdpTransactionTypesPage {...props} />}\n        />\n        <PrivateRoute path='*' component={PageNotFoundRoute} />\n      </Switch>\n    </Suspense>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,gBAAgB,EAAE,GAAG,iBAAiB;CACjD,MAAM,kBAAkB,yBAAyB;CACjD,MAAM,OAAO,SAAS;CACtB,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,UAAU,kBAAkB;CACpC,MAAM,YAAY,KAAK;CAEvB,IAAI,YAAY,WAAW,KACxB,aAAa,CACb,WAAW,KAAK,GAAG,CACnB,QAAQ,KAAK,GAAG;AACnB,aAAY,UAAU,MAAM,KAAK,CAAC;CAElC,MAAM,wBAAwB,cAAc;AAC1C,MAAI,MAAM,WAAW,SAAS,KAAK,gBAAgB,CACjD,QAAO;AAET,SAAO;IACN,CAAC,KAAK,CAAC;CAEV,MAAM,eAAe,cAAc;AACjC,MAAI,UAAU,OAAO,GAAG;AACtB,OAAI,CAAC,SAAS,IAAI,UAAU,CAC1B,QAAO;AAGT,UADmB,SAAS,IAAI,UAAU,CACxB,OAAO,YAAY,UAAU,SAAS,QAAQ,CAAC;;IAElE;EAAC;EAAW;EAAU;EAAU,CAAC;CAEpC,MAAM,eAAe,cAAc;AACjC,MAAI,eAAe,OAAO,KAAK,cAAc,IAAI,UAAU,CACzD,QAAO,cAAc,IAAI,UAAU;IAEpC,CAAC,eAAe,UAAU,CAAC;AAE9B,KAAI,CAAC,yBAAyB,mBAAmB,MAAM,eAAe,IACpE,QACE,oCAAC;EACC,MAAK;EACL,SAAS,UACP,oCAAC;GACC,SAAS,EACP,2EACD;GACD,YAAY;IACZ;GAEJ;AAIN,KAAI,UAAU,IAAI,UAAU,IAAI,CAAC,aAC/B,QACE,oCAAC;EACC,MAAK;EACL,SAAS,UACP,oCAAC;GACC,SAAS,EACP,wEACD;GACD,YAAY;IACZ;GAEJ;AAIN,KAAI,CAAC,KAAK,sBAAsB,UAAU,OAAO,KAAK,CAAC,aACrD,QACE,oCAAC;EACC,MAAK;EACL,SAAS,UACP,oCAAC;GACC,SAAS,EACP,uGACD;GACD,YAAY;IACZ;GAEJ;AAIN,KAAI,mBAAmB,MAAM,eAAe,IAC1C,QAAO,oCAAC,OAAU,WAAc;AAGlC,QAAO;;;;;ACvFT,MAAM,iBAAiB,WACrB,OAAO,gCACR;AACD,MAAM,WAAW,WAAW,OAAO,0BAAwB;AAC3D,MAAM,gBAAgB,WAAW,OAAO,sCAA8B;AACtE,MAAM,oBAAoB,WAAW,OAAO,mCAAiC;AAC7E,MAAM,wBAAwB,WAC5B,OAAO,uCACR;AACD,MAAM,gBAAgB,WAAW,OAAO,+BAA+B;AACvE,MAAM,oBAAoB,WAAW,OAAO,mCAAkC;AAC9E,MAAM,2BAA2B,WAC/B,OAAO,iDACR;AACD,MAAM,2BAA2B,WAC/B,OAAO,iDACR;AAED,MAAM,sBAAsB,WAC1B,OAAO,4CACR;AAED,MAAM,0BAA0B,WAC9B,OAAO,gDACR;AAED,MAAa,aAAa,UAAU;CAClC,MAAM,EAAE,GAAG,UAAU;AACrB,QACE,oCAAC,YAAS,UAAU,oCAAC,kBAAc,IACjC,oCAAC,cACC,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC;GAAe,GAAIA;GAAO,GAAI;IAAS;GAC3D,EACF,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC;GAAS,GAAIA;GAAO,GAAI;IAAS;GACrD,EAEF,oCAAC;EACC,MAAM,SAAS,aAAa;EAC5B,SAAS,YAAU,oCAAC;GAAc,GAAIA;GAAO,GAAI;IAAS;GAC1D,EACF,oCAAC;EACC,MAAM;EACN,SAAS,YAAU,oCAAC,yBAAsB,OAAOA,UAAS;GAC1D,EACF,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC;GAAkB,GAAIA;GAAO,GAAI;IAAS;GAC9D,EACF,oCAAC;EACC,MAAK;EACL,SAAS,YACP,oCAAC;GACC,WAAW,cAAc,OAAO;GAChC,GAAIA;GACJ,GAAI;IACJ;GAEJ,EACF,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC,0BAA6BA,QAAS;GAC1D,EACF,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC,0BAA6BA,QAAS;GAC1D,EACF,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC,qBAAwBA,QAAS;GACrD,EACF,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC,yBAA4BA,QAAS;GACzD,EACF,oCAAC;EAAa,MAAK;EAAI,WAAW;GAAqB,CAChD,CACA"}

package/dist/UdpTimeSelector-XsmTgOvP.js

@@ -0,0 +1,147 @@
+import React, { useCallback } from "react";
+import { InputAdornment, makeStyles } from "@material-ui/core";
+import { KeyboardDateTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
+import DateFnsUtils from "@date-io/date-fns";
+import { EventDateIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/inputs/pickers/FluentDateTimePicker.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {},
+	inputRoot: { fontSize: 12 },
+	input: {
+		borderRadius: 2,
+		height: 32,
+		padding: 0,
+		paddingLeft: theme.spacing(1)
+	},
+	formTextInput: { fontSize: 14 },
+	labelRoot: { fontSize: 14 },
+	FormControl: {
+		display: "none",
+		marginTop: 0
+	}
+}));
+const FluentDateTimePicker = (props) => {
+	const classes = useStyles$2();
+	const { id, udprecordid, label, startAdornment, endAdornment, handleDateChange: onChangeProp, selectedDate, ...otherProps } = props;
+	const onChange = useCallback((e, value) => {
+		return onChangeProp?.(e, value);
+	}, [onChangeProp]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /* @__PURE__ */ React.createElement(KeyboardDateTimePicker, {
+		format: "MM/dd/yyyy HH:mm",
+		margin: "normal",
+		id,
+		udprecordid,
+		inputVariant: "outlined",
+		value: selectedDate,
+		onChange,
+		...otherProps,
+		KeyboardButtonProps: {
+			"aria-label": "change date",
+			udprecordid: udprecordid + "-button"
+		},
+		keyboardIcon: /* @__PURE__ */ React.createElement(EventDateIcon, { style: { fontSize: 16 } }),
+		InputProps: {
+			classes: {
+				root: classes.input,
+				input: classes.formTextInput,
+				...props.InputProps?.classes
+			},
+			...props.InputProps,
+			...startAdornment,
+			...endAdornment,
+			startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, {
+				classes: { root: classes.inputRoot },
+				className: classes.inputRoot,
+				position: "start"
+			}, label)
+		},
+		InputLabelProps: {
+			shrink: false,
+			classes: {
+				root: classes.labelRoot,
+				focused: classes.labelFocused
+			}
+		}
+	})));
+};
+FluentDateTimePicker.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/pickers/UdpDateSelector.jsx
+const useStyles$1 = makeStyles((theme) => ({ dateInput: {
+	borderRadius: 2,
+	height: 32,
+	padding: theme.spacing(1),
+	margin: theme.spacing(1),
+	fontSize: 14,
+	border: "1px solid #ced4da",
+	backgroundColor: "transparent",
+	"&:focus": {
+		borderColor: theme.palette.primary.main,
+		outline: "none"
+	}
+} }));
+const UdpDateSelector = (props) => {
+	const classes = useStyles$1();
+	const { id, udprecordid, label, handleDateChange: onChangeProp, selectedDate, ...otherProps } = props;
+	const onChange = (event) => {
+		return onChangeProp?.(event.target.value);
+	};
+	return /* @__PURE__ */ React.createElement("label", {
+		htmlFor: id,
+		className: classes.labelRoot
+	}, label, /* @__PURE__ */ React.createElement("input", {
+		type: "date",
+		id,
+		className: classes.dateInput,
+		value: selectedDate,
+		onChange,
+		...otherProps
+	}));
+};
+UdpDateSelector.propTypes = {
+	label: PropTypes.string.isRequired,
+	id: PropTypes.string.isRequired,
+	handleDateChange: PropTypes.func,
+	selectedDate: PropTypes.string
+};
+
+//#endregion
+//#region src/UI/inputs/pickers/UdpTimeSelector.jsx
+const useStyles = makeStyles((theme) => ({ timeInput: {
+	borderRadius: 2,
+	height: 32,
+	padding: theme.spacing(1),
+	margin: theme.spacing(1),
+	fontSize: 14,
+	border: "1px solid #ced4da",
+	backgroundColor: "transparent",
+	"&:focus": {
+		borderColor: theme.palette.primary.main,
+		outline: "none"
+	}
+} }));
+const UdpTimeSelector = (props) => {
+	const classes = useStyles();
+	const { id, label, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("label", {
+		htmlFor: id,
+		className: classes.labelRoot
+	}, label, /* @__PURE__ */ React.createElement("input", {
+		type: "time",
+		id,
+		udprecordid: "udpRecord-FluentTimePicker-" + id,
+		className: classes.timeInput,
+		...otherProps
+	}));
+};
+UdpTimeSelector.propTypes = {
+	label: PropTypes.string,
+	id: PropTypes.string
+};
+
+//#endregion
+export { UdpDateSelector as n, FluentDateTimePicker as r, UdpTimeSelector as t };
+//# sourceMappingURL=UdpTimeSelector-XsmTgOvP.js.map

package/dist/UdpTimeSelector-XsmTgOvP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpTimeSelector-XsmTgOvP.js","names":["useStyles","useStyles"],"sources":["../src/UI/inputs/pickers/FluentDateTimePicker.jsx","../src/UI/inputs/pickers/UdpDateSelector.jsx","../src/UI/inputs/pickers/UdpTimeSelector.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { makeStyles, InputAdornment } from '@material-ui/core';\nimport { EventDateIcon } from '@fluentui/react-icons';\nimport {\n  MuiPickersUtilsProvider,\n  KeyboardDateTimePicker\n} from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  inputRoot: {\n    fontSize: 12\n  },\n  input: {\n    borderRadius: 2,\n    height: 32,\n    padding: 0,\n    paddingLeft: theme.spacing(1)\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  }\n}));\n\nexport const FluentDateTimePicker = (props) => {\n  const classes = useStyles();\n  const {\n    id,\n    udprecordid,\n    label,\n    startAdornment,\n    endAdornment,\n    handleDateChange: onChangeProp,\n    selectedDate,\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => {\n      return onChangeProp?.(e, value);\n    },\n    [onChangeProp]\n  );\n\n  return (\n    <div>\n      <MuiPickersUtilsProvider utils={DateFnsUtils}>\n        <KeyboardDateTimePicker\n          // disableToolbar\n          // variant='inline'\n          format='MM/dd/yyyy HH:mm'\n          margin='normal'\n          id={id}\n          udprecordid={udprecordid}\n          inputVariant='outlined'\n          value={selectedDate}\n          onChange={onChange}\n          {...otherProps}\n          KeyboardButtonProps={{\n            'aria-label': 'change date',\n            udprecordid: udprecordid + '-button'\n          }}\n          keyboardIcon={<EventDateIcon style={{ fontSize: 16 }} />}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput,\n              ...props.InputProps?.classes\n            },\n            ...props.InputProps,\n            ...startAdornment,\n            ...endAdornment,\n            startAdornment: (\n              <InputAdornment\n                classes={{ root: classes.inputRoot }}\n                className={classes.inputRoot}\n                position='start'\n              >\n                {label}\n              </InputAdornment>\n            )\n          }}\n          InputLabelProps={{\n            shrink: false,\n            classes: {\n              root: classes.labelRoot,\n              focused: classes.labelFocused\n            }\n          }}\n        />\n      </MuiPickersUtilsProvider>\n    </div>\n  );\n};\n\nFluentDateTimePicker.propTypes = {\n  /**\n   * Adornment label (eg, From: )\n   */\n  label: PropTypes.string.isRequired\n  /**\n   * Id\n   */\n};\n","import React from 'react';  \nimport { makeStyles} from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  dateInput: {  \n    borderRadius: 2,  \n    height: 32,  \n    padding: theme.spacing(1),  \n    margin: theme.spacing(1), // Add margin around the input  \n    fontSize: 14,  \n    border: '1px solid #ced4da',  \n    backgroundColor: 'transparent', // Set the background color to transparent  \n    '&:focus': {  \n      borderColor: theme.palette.primary.main,  \n      outline: 'none',  \n    },  \n  },  \n}));  \n  \nexport const UdpDateSelector = (props) => {  \n  const classes = useStyles();  \n  const {  \n    id,  \n    udprecordid,  \n    label,  \n    handleDateChange: onChangeProp,  \n    selectedDate,  \n    ...otherProps  \n  } = props;  \n  \n  const onChange = (event) => {  \n    return onChangeProp?.(event.target.value);  \n  };  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"date\"  \n        id={id}  \n        className={classes.dateInput}  \n        value={selectedDate}  \n        onChange={onChange}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpDateSelector.propTypes = {  \n  label: PropTypes.string.isRequired,  \n  id: PropTypes.string.isRequired,  \n  handleDateChange: PropTypes.func,  \n  selectedDate: PropTypes.string,  \n};  \n  \nexport default UdpDateSelector;  ","import React from 'react';  \nimport { makeStyles } from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  // Style for the time input box with transparent background  \n  timeInput: {  \n    borderRadius: 2, // Rounded corners with a radius of 2px  \n    height: 32, \n    padding: theme.spacing(1), // Padding inside the input box, typically 8px if default theme spacing is used  \n    margin: theme.spacing(1), // Margin outside the input box to create space around the element  \n    fontSize: 14, // Font size of 14px for the text inside the input  \n    border: '1px solid #ced4da', // Border of 1px solid grey, matching old Material-UI grey  \n    backgroundColor: 'transparent', \n    '&:focus': {  \n      borderColor: theme.palette.primary.main, // Border color changes to primary color when the input is focused  \n      outline: 'none', // Removes the default browser outline on focus  \n    },  \n  },  \n}));  \n\n  \nexport const UdpTimeSelector = (props) => {  \n  const classes = useStyles();  \n  const { id, label, ...otherProps } = props;  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"time\"  \n        id={id}  \n        udprecordid={\"udpRecord-FluentTimePicker-\"+id}\n        className={classes.timeInput}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpTimeSelector.propTypes = {  \n  /**  \n   * Label for the time input  \n   */  \n  label: PropTypes.string,  \n  /**  \n   * Id for the time input  \n   */  \n  id: PropTypes.string,  \n};  \n  \nexport default UdpTimeSelector; "],"mappings":"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"}