udp-react-enterprise-component-library 25.16.2-beta.1 → 25.16.2-beta.11

package/dist/UdpPublicForm-CGo9h-lA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpPublicForm-CGo9h-lA.js","names":[],"sources":["../src/udp/pages/UdpPublicForm.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { UdpFormsRenderer } from 'udp-react-stencil-component-library';\nimport { useLocation } from 'react-router-dom';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { useSnackbar } from 'notistack';\n\n\nconst useSearchParams = () => {\n  const search = useLocation().search;\n\n  // when params are populated with an internal redirect, like on a Page menu, the useLocation hook does not get the query params\n  // so it will fallback with window.location.search in that case\n  return new URLSearchParams(search || window.location.search);\n}\nexport const UdpPublicForm = (props) => {\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n  \n  const queryParams = useSearchParams()\n\n  const formId = queryParams.get('udpf_formId');\n  const tenantId = queryParams.get('udpf_tenantId');\n  const submissionId = queryParams.get('udpf_submissionId');\n  const callbackUrl = queryParams.get('udpf_callback_url');\n\n  // useEffect(() => {\n  //   if (!formId) {\n  //     handleErrorSnackbar({}, 'Form Id not found, please specify udpf_formid in the query params');\n  //   }\n  //   if (!tenantId) {\n  //     handleErrorSnackbar({}, 'tenantId not found, please specify udpf_formid in the query params');\n  //   }\n  // }, []);\n\n  return (\n    <UdpFormsRenderer\n      formId={formId}\n      tenantId={tenantId}\n      submissionId={submissionId}\n      productId={ConfigService.config.UNITY_PRODUCT_ID}\n      apiUrlBase={ConfigService.productV1ApiUrl}\n      callbackUrl={callbackUrl}\n      enqueueSnackbar={enqueueSnackbar}\n      closeSnackbar={closeSnackbar}\n      isPublic\n    />\n  );\n};\n\nexport default UdpPublicForm;\n"],"mappings":";;;;;;;;;;;;AAOA,MAAM,wBAAwB;CAC5B,MAAM,SAAS,aAAa,CAAC;AAI7B,QAAO,IAAI,gBAAgB,UAAU,OAAO,SAAS,OAAO;;AAE9D,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,wBAAwB,wBAAwB;CACxD,MAAM,EAAE,iBAAiB,kBAAkB,aAAa;CAExD,MAAM,cAAc,iBAAiB;CAErC,MAAM,SAAS,YAAY,IAAI,cAAc;CAC7C,MAAM,WAAW,YAAY,IAAI,gBAAgB;CACjD,MAAM,eAAe,YAAY,IAAI,oBAAoB;CACzD,MAAM,cAAc,YAAY,IAAI,oBAAoB;AAWxD,QACE,oCAAC;EACS;EACE;EACI;EACd,WAAW,cAAc,OAAO;EAChC,YAAY,cAAc;EACb;EACI;EACF;EACf;GACA;;AAIN,4BAAe"}

package/dist/UdpPublicForm-iGqFAAqg.js

@@ -1,6 +0,0 @@
-import "./apiHelpers-Bju2gkBq.js";
-import "./pageEnums-CT6NFA8B.js";
-import "./UnitySessionStorage-DBqfMiK5.js";
-import { UdpPublicForm, UdpPublicForm_default } from "./UdpPublicForm-CGo9h-lA.js";
-
-export { UdpPublicForm, UdpPublicForm_default as default };

package/dist/UdpRoutes-DgjUyGo6.js

@@ -1,110 +0,0 @@
-import { UdpPageEnums } from "./pageEnums-CT6NFA8B.js";
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { useIsUnityAuthenticated } from "./useIsUnityAuthenticated-n3QuDnIj.js";
-import { PageStatus } from "./PageStatus-CjupI8az.js";
-import { PageLoading } from "./PageLoading-DCoyVjWf.js";
-import React, { Suspense, lazy, useMemo } from "react";
-import { makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { Redirect, Route, Switch as Switch$1 } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-
-//#region src/routes/components/PageForbiddenRoute.jsx
-const useStyles = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
-const PageForbiddenRoute = (props) => {
-	const { title, statusCode, subheader, message, showButton } = props;
-	const classes = useStyles();
-	const { t } = useTranslation();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(PageStatus, {
-		title: title ?? t("Page Forbidden"),
-		statusCode: statusCode ?? "403",
-		subheader: subheader ?? t("Sorry, you do not have permission to view this page."),
-		message: message ?? t("Please contact an administrator to get access."),
-		to: "/",
-		buttonLabel: t("Back to Home Page"),
-		showButton
-	}));
-};
-
-//#endregion
-//#region src/routes/PrivateRoute.jsx
-const PrivateRoute = ({ ...otherProps }) => {
-	const isAuthenticated = useIsUnityAuthenticated();
-	const user = useUser();
-	const { t } = useTranslation();
-	if (!useMemo(() => {
-		if (user?.tenantIds?.includes(user.currentTenantId)) return true;
-		return false;
-	}, [user]) && 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 (isAuthenticated && user?.statusCode === 200) return /* @__PURE__ */ React.createElement(Route, otherProps);
-	return null;
-};
-
-//#endregion
-//#region src/routes/UdpRoutes.jsx
-const VirtualBrowser = lazy(() => import("./VirtualBrowser-CiO6tvKp.js"));
-const MenuPage = lazy(() => import("./MenuPage-fQS1_KWY.js"));
-const UdpPublicForm = lazy(() => import("./UdpPublicForm-iGqFAAqg.js"));
-const WorkflowContainer = lazy(() => import("./WorkflowContainer-DtvXxyTb.js"));
-const PasswordResetRedirect = lazy(() => import("./PasswordResetRedirect-DmhA2INZ.js"));
-const MyExportsPage = lazy(() => import("./MyExportsPage-DbH8z4-2.js"));
-const PageNotFoundRoute = lazy(() => import("./PageNotFoundRoute-CsXuq0vw.js"));
-const UdpMaintenanceConfigPage = lazy(() => import("./UdpMaintenanceConfigPage-DvSwjF_L.js"));
-const UdpMaintenanceEnginePage = lazy(() => import("./UdpMaintenanceEnginePage-CutwTNgV.js"));
-const UdpRoutes = (props) => {
-	const { ...other } = props;
-	return /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(PageLoading, null) }, /* @__PURE__ */ React.createElement(Switch$1, 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: "*",
-		component: PageNotFoundRoute
-	})));
-};
-
-//#endregion
-export { PrivateRoute, UdpRoutes };
-//# sourceMappingURL=UdpRoutes-DgjUyGo6.js.map

package/dist/UdpRoutes-DgjUyGo6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpRoutes-DgjUyGo6.js","names":["Switch","props"],"sources":["../src/routes/components/PageForbiddenRoute.jsx","../src/routes/PrivateRoute.jsx","../src/routes/UdpRoutes.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { PageStatus } from './PageStatus';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(4)\n  }\n}));\n\nexport const PageForbiddenRoute = (props) => {\n  const { title, statusCode, subheader, message, showButton } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <div className={classes.root}>\n      <PageStatus\n        title={title ?? t('Page Forbidden')}\n        statusCode={statusCode ?? '403'}\n        subheader={\n          subheader ?? t('Sorry, you do not have permission to view this page.')\n        }\n        message={message ?? t('Please contact an administrator to get access.')}\n        to='/'\n        buttonLabel={t('Back to Home Page')}\n        showButton={showButton}\n      />\n    </div>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Route, Redirect } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport { useIsUnityAuthenticated } from '../utilities/auth/useIsUnityAuthenticated';\nimport { useUser } from '../utilities/auth/useUser';\nimport { PageForbiddenRoute } from './components/PageForbiddenRoute';\n\nexport const PrivateRoute = ({ ...otherProps }) => {\n  const isAuthenticated = useIsUnityAuthenticated();\n  const user = useUser();\n  const { t } = useTranslation();\n  \n  const userHasAccessToTenant = useMemo(() => {\n    if (user?.tenantIds?.includes(user.currentTenantId)) {\n      return true;\n    }\n    return false;\n  }, [user]);\n\n  if (!userHasAccessToTenant && isAuthenticated && user?.statusCode === 200) {\n    return (\n      <Route\n        path='*'\n        render={(props) => (\n          <PageForbiddenRoute\n            message={t('You do not have access to this tenant. Please select a different Tenant.')}\n            showButton={false}\n          />\n        )}\n      />\n    );\n  }\n\n  if (isAuthenticated && user?.statusCode === 200) {\n    return <Route {...otherProps} />;\n  }\n\n  return null;\n};\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 'udp-react-stencil-component-library';\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\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 path='*' component={PageNotFoundRoute} />\n      </Switch>\n    </Suspense>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,OAAO,YAAY,WAAW,SAAS,eAAe;CAC9D,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,OAAO,SAAS,EAAE,iBAAiB;EACnC,YAAY,cAAc;EAC1B,WACE,aAAa,EAAE,uDAAuD;EAExE,SAAS,WAAW,EAAE,iDAAiD;EACvE,IAAG;EACH,aAAa,EAAE,oBAAoB;EACvB;GACZ,CACE;;;;;ACtBV,MAAa,gBAAgB,EAAE,GAAG,iBAAiB;CACjD,MAAM,kBAAkB,yBAAyB;CACjD,MAAM,OAAO,SAAS;CACtB,MAAM,EAAE,MAAM,gBAAgB;AAS9B,KAAI,CAP0B,cAAc;AAC1C,MAAI,MAAM,WAAW,SAAS,KAAK,gBAAgB,CACjD,QAAO;AAET,SAAO;IACN,CAAC,KAAK,CAAC,IAEoB,mBAAmB,MAAM,eAAe,IACpE,QACE,oCAAC;EACC,MAAK;EACL,SAAS,UACP,oCAAC;GACC,SAAS,EAAE,2EAA2E;GACtF,YAAY;IACZ;GAEJ;AAIN,KAAI,mBAAmB,MAAM,eAAe,IAC1C,QAAO,oCAAC,OAAU,WAAc;AAGlC,QAAO;;;;;AC7BT,MAAM,iBAAiB,WACrB,OAAO,gCACR;AACD,MAAM,WAAW,WAAW,OAAO,0BAAwB;AAC3D,MAAM,gBAAgB,WAAW,OAAO,+BAA8B;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,0CACR;AACD,MAAM,2BAA2B,WAC/B,OAAO,0CACR;AAED,MAAa,aAAa,UAAU;CAClC,MAAM,EAAE,GAAG,UAAU;AACrB,QACE,oCAAC,YAAS,UAAU,oCAAC,kBAAc,IACjC,oCAACA,gBACC,oCAAC;EACC,MAAK;EACL,SAAS,YAAU,oCAAC;GAAe,GAAIC;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;EAAa,MAAK;EAAI,WAAW;GAAqB,CAChD,CACA"}

package/dist/UdpTabs-C7pvmyRq.js

@@ -1,209 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import React, { createRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Badge, ButtonBase, IconButton, MenuItem, Popover, Typography, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { MoreVerticalIcon } from "@fluentui/react-icons";
-
-//#region src/UI/navigation/tabs/UdpTabs.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		flexSkrink: 0,
-		overflow: "hidden"
-	},
-	tabsWrapper: {
-		display: "flex",
-		gap: (props) => props?.variant === "block" ? theme.spacing(1) : null,
-		flexGrow: 1
-	},
-	tab: {
-		padding: `8px 18px`,
-		flex: 1
-	},
-	blockTab: { backgroundColor: theme.palette.background.paper },
-	activeTab: {
-		borderBottom: (props) => props?.variant === "block" ? null : `2px solid ${theme.palette.secondary.main}`,
-		backgroundColor: (props) => props?.variant === "block" ? theme.palette.secondary.light : null,
-		color: (props) => props?.variant === "block" ? theme.palette.getContrastText(theme.palette.secondary.light) : null
-	},
-	moreButton: {
-		marginTop: theme.spacing(1),
-		width: theme.spacing(1),
-		height: theme.spacing(1),
-		borderRadius: 2
-	},
-	menuItem: {
-		whiteSpace: "normal",
-		width: (props) => props?.menuWidth ? props?.menuWidth : "170px"
-	},
-	popoverWrapper: { maxHeight: (props) => props?.menuMaxHeight ? props?.menuMaxHeight : "250px" }
-}));
-const UdpTabs = (props) => {
-	const { value, onChange, className, menuItemProps, tabList, variant, buttonWidth } = props;
-	const classes = useStyles(props);
-	const tabContainerRef = useRef(null);
-	const innerTabContainerRef = useRef(null);
-	const [anchorEl, setAnchorEl] = useState(null);
-	const [visibleTabList, setVisibleTabList] = useState(null);
-	const [menuTabList, setMenuTabList] = useState(null);
-	const [initialTotalTabWidth, setInitialTotalTabWidth] = useState(null);
-	const [initialTabWidth, setInitialTabWidth] = useState();
-	const gapWidth = 8;
-	const open = Boolean(anchorEl);
-	const currentTabList = useMemo(() => {
-		return tabList?.map((tab, index) => ({
-			id: index,
-			...tab,
-			ref: createRef()
-		}));
-	}, [tabList]);
-	const handlePopoverClick = useCallback((event, index) => {
-		setAnchorEl(event.currentTarget);
-	}, []);
-	const handlePopoverClose = () => {
-		setAnchorEl(null);
-	};
-	const menuItemSelected = useMemo(() => {
-		return !!menuTabList?.find((tab) => tab?.id === value);
-	}, [value, menuTabList]);
-	const getInitialTabWidth = useCallback((tabsElements, currentTabList$1) => {
-		let totalTabWidth = 0;
-		let tabWidth = [];
-		if (tabsElements?.length === currentTabList$1?.length && !initialTotalTabWidth) {
-			for (let i = 0; i < tabsElements.length; i++) {
-				totalTabWidth += tabsElements[i].clientWidth;
-				if (variant === "block") totalTabWidth += gapWidth;
-				tabWidth[i] = tabsElements[i].clientWidth;
-			}
-			setInitialTotalTabWidth(totalTabWidth);
-			setInitialTabWidth(tabWidth);
-			return {
-				totalTabWidth,
-				tabWidth
-			};
-		}
-		return {
-			totalTabWidth: initialTotalTabWidth,
-			tabWidth: initialTabWidth
-		};
-	}, [
-		initialTabWidth,
-		initialTotalTabWidth,
-		variant
-	]);
-	const calculateHiddenTabs = useCallback(() => {
-		if (innerTabContainerRef.current) {
-			const containerWidth = innerTabContainerRef.current.clientWidth;
-			const tabsElements = Array.from(innerTabContainerRef.current.children);
-			const moreBtnWidth = 24;
-			let hiddenTabsArray = [];
-			let visibleTabsArray = Array.from(currentTabList);
-			const { totalTabWidth, tabWidth } = getInitialTabWidth(tabsElements, currentTabList);
-			if (totalTabWidth > containerWidth) {
-				let accumulatedWidth = 0;
-				for (let i = 0; i < tabWidth?.length; i++) {
-					accumulatedWidth += tabWidth[i];
-					if (variant === "block") accumulatedWidth += gapWidth;
-					if (accumulatedWidth > containerWidth - moreBtnWidth) {
-						hiddenTabsArray = Array.from(currentTabList).slice(i);
-						visibleTabsArray = Array.from(currentTabList).slice(0, i);
-						break;
-					}
-				}
-			}
-			setVisibleTabList(visibleTabsArray);
-			setMenuTabList(hiddenTabsArray);
-		}
-	}, [
-		currentTabList,
-		getInitialTabWidth,
-		variant
-	]);
-	useEffect(() => {
-		setVisibleTabList(currentTabList);
-	}, [currentTabList]);
-	useEffect(() => {
-		calculateHiddenTabs();
-		const observer = new ResizeObserver((entries) => {
-			handlePopoverClose();
-			calculateHiddenTabs();
-		});
-		if (tabContainerRef.current) observer.observe(tabContainerRef.current);
-		return () => {
-			observer.disconnect();
-		};
-	}, [calculateHiddenTabs]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
-		className: clsx(classes.root, className),
-		ref: tabContainerRef
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: classes.tabsWrapper,
-		ref: innerTabContainerRef,
-		style: variant === "spread" ? { justifyContent: "space-between" } : null
-	}, visibleTabList?.map((item, index) => /* @__PURE__ */ React.createElement(ButtonBase, {
-		style: {
-			flex: variant === "spread" && 1,
-			width: !!buttonWidth && buttonWidth
-		},
-		key: index,
-		id: "udpRecord-UdpTabs-MenuItem-" + item?.label?.replace(/ /g, "-"),
-		udprecordid: "udpRecord-UdpTabs-MenuItem-" + item?.label?.replace(/ /g, "-")
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: clsx(classes.tab, {
-			[classes.blockTab]: variant === "block",
-			[classes.activeTab]: value === item?.id
-		}),
-		onClick: (e) => {
-			onChange(e, item?.id);
-			if (item?.onClick) item.onClick();
-			setAnchorEl(null);
-		}
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		noWrap: true,
-		style: { fontWeight: variant === "spread" ? "bold" : "normal" }
-	}, item?.label)))), menuTabList?.length > 0 && /* @__PURE__ */ React.createElement(IconButton, {
-		onClick: handlePopoverClick,
-		className: classes.moreButton,
-		color: "primary",
-		id: "udpRecord-UdpTabs-MoreActions",
-		udprecordid: "udpRecord-UdpTabs-MoreActions"
-	}, /* @__PURE__ */ React.createElement(Badge, {
-		color: "secondary",
-		variant: "dot",
-		invisible: menuItemSelected === false
-	}, /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: MoreVerticalIcon,
-		size: "medium"
-	})))), !!menuTabList?.length && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Popover, {
-		id: "menuTabList",
-		open,
-		anchorEl,
-		onClose: handlePopoverClose,
-		anchorOrigin: {
-			vertical: "bottom",
-			horizontal: "left"
-		},
-		transformOrigin: {
-			vertical: "top",
-			horizontal: "left"
-		},
-		className: classes.popoverWrapper
-	}, menuTabList?.map((tab) => {
-		return /* @__PURE__ */ React.createElement(MenuItem, {
-			key: tab?.id,
-			id: "udpRecord-UdpTabs-MenuItem-" + tab?.label?.replace(/ /g, "-"),
-			udprecordid: "udpRecord-UdpTabs-MenuItem-" + tab?.label?.replace(/ /g, "-"),
-			onClick: (e) => {
-				if (tab?.onClick) tab.onClick();
-				if (onChange) onChange(e, tab?.id);
-				setAnchorEl(null);
-			},
-			className: clsx(classes.menuItem, className),
-			selected: tab?.id === value,
-			...menuItemProps
-		}, /* @__PURE__ */ React.createElement(Typography, null, tab?.label));
-	})))));
-};
-
-//#endregion
-export { UdpTabs };
-//# sourceMappingURL=UdpTabs-C7pvmyRq.js.map

package/dist/UdpTabs-C7pvmyRq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpTabs-C7pvmyRq.js","names":["currentTabList"],"sources":["../src/UI/navigation/tabs/UdpTabs.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n  createRef\n} from 'react';\nimport {\n  makeStyles,\n  MenuItem,\n  Typography,\n  Popover,\n  ButtonBase,\n  Badge,\n  IconButton\n} from '@material-ui/core';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport clsx from 'clsx';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexSkrink: 0,\n    overflow: 'hidden'\n  },\n  tabsWrapper: {\n    display: 'flex',\n    gap: (props) => (props?.variant === 'block' ? theme.spacing(1) : null),\n    flexGrow: 1\n  },\n  tab: {\n    padding: `8px 18px`,\n    flex: 1\n  },\n  blockTab: {\n    backgroundColor: theme.palette.background.paper\n  },\n  activeTab: {\n    borderBottom: (props) =>\n      props?.variant === 'block'\n        ? null\n        : `2px solid ${theme.palette.secondary.main}`,\n    backgroundColor: (props) =>\n      props?.variant === 'block' ? theme.palette.secondary.light : null,\n    color: (props) =>\n      props?.variant === 'block'\n        ? theme.palette.getContrastText(theme.palette.secondary.light)\n        : null\n  },\n  moreButton: {\n    marginTop: theme.spacing(1),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    borderRadius: 2\n  },\n  menuItem: {\n    whiteSpace: 'normal',\n    width: (props) => (props?.menuWidth ? props?.menuWidth : '170px')\n  },\n  popoverWrapper: {\n    maxHeight: (props) =>\n      props?.menuMaxHeight ? props?.menuMaxHeight : '250px'\n  }\n}));\n\nexport const UdpTabs = (props) => {\n  const {\n    value,\n    onChange,\n    className,\n    menuItemProps,\n    tabList,\n    variant,\n    buttonWidth\n  } = props;\n  const classes = useStyles(props);\n  const tabContainerRef = useRef(null);\n  const innerTabContainerRef = useRef(null);\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [visibleTabList, setVisibleTabList] = useState(null);\n  const [menuTabList, setMenuTabList] = useState(null);\n  const [initialTotalTabWidth, setInitialTotalTabWidth] = useState(null);\n  const [initialTabWidth, setInitialTabWidth] = useState();\n  const gapWidth = 8;\n  const open = Boolean(anchorEl);\n\n  const currentTabList = useMemo(() => {\n    return tabList?.map((tab, index) => ({\n      id: index,\n      ...tab,\n      ref: createRef()\n    }));\n  }, [tabList]);\n\n  const handlePopoverClick = useCallback((event, index) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const handlePopoverClose = () => {\n    setAnchorEl(null);\n  };\n\n  const menuItemSelected = useMemo(() => {\n    return !!menuTabList?.find((tab) => tab?.id === value);\n  }, [value, menuTabList]);\n\n  const getInitialTabWidth = useCallback(\n    (tabsElements, currentTabList) => {\n      let totalTabWidth = 0;\n      let tabWidth = [];\n\n      if (\n        tabsElements?.length === currentTabList?.length &&\n        !initialTotalTabWidth\n      ) {\n        for (let i = 0; i < tabsElements.length; i++) {\n          totalTabWidth += tabsElements[i].clientWidth;\n          if (variant === 'block') {\n            totalTabWidth += gapWidth;\n          }\n          tabWidth[i] = tabsElements[i].clientWidth;\n        }\n        setInitialTotalTabWidth(totalTabWidth);\n        setInitialTabWidth(tabWidth);\n\n        return { totalTabWidth, tabWidth };\n      }\n\n      return { totalTabWidth: initialTotalTabWidth, tabWidth: initialTabWidth };\n    },\n    [initialTabWidth, initialTotalTabWidth, variant]\n  );\n\n  const calculateHiddenTabs = useCallback(() => {\n    if (innerTabContainerRef.current) {\n      const containerWidth = innerTabContainerRef.current.clientWidth;\n      const tabsElements = Array.from(innerTabContainerRef.current.children);\n      const moreBtnWidth = 24;\n      let hiddenTabsArray = [];\n      let visibleTabsArray = Array.from(currentTabList);\n      const { totalTabWidth, tabWidth } = getInitialTabWidth(\n        tabsElements,\n        currentTabList\n      );\n\n      if (totalTabWidth > containerWidth) {\n        let accumulatedWidth = 0;\n        for (let i = 0; i < tabWidth?.length; i++) {\n          accumulatedWidth += tabWidth[i];\n          if (variant === 'block') {\n            accumulatedWidth += gapWidth;\n          }\n\n          if (accumulatedWidth > containerWidth - moreBtnWidth) {\n            hiddenTabsArray = Array.from(currentTabList).slice(i);\n            visibleTabsArray = Array.from(currentTabList).slice(0, i);\n            break;\n          }\n        }\n      }\n      setVisibleTabList(visibleTabsArray);\n      setMenuTabList(hiddenTabsArray);\n    }\n  }, [currentTabList, getInitialTabWidth, variant]);\n\n  useEffect(() => {\n    // initial visible tab list\n    setVisibleTabList(currentTabList);\n  }, [currentTabList]);\n\n  useEffect(() => {\n    calculateHiddenTabs();\n\n    const observer = new ResizeObserver((entries) => {\n      handlePopoverClose();\n      calculateHiddenTabs();\n    });\n\n    if (tabContainerRef.current) {\n      observer.observe(tabContainerRef.current);\n    }\n\n    // Cleanup observer on component unmount\n    return () => {\n      observer.disconnect();\n    };\n  }, [calculateHiddenTabs]);\n\n  return (\n    <div>\n      <div className={clsx(classes.root, className)} ref={tabContainerRef}>\n        <div\n          className={classes.tabsWrapper}\n          ref={innerTabContainerRef}\n          style={\n            variant === 'spread' ? { justifyContent: 'space-between' } : null\n          }\n        >\n          {visibleTabList?.map((item, index) => (\n            <ButtonBase\n              // style={variant === 'spread' ? { flex: 1 } : null}\n              style={{\n                flex: variant === 'spread' && 1,\n                width: !!buttonWidth && buttonWidth\n              }}\n              key={index}\n              id={\n                'udpRecord-UdpTabs-MenuItem-' + item?.label?.replace(/ /g, '-')\n              }\n              udprecordid={\n                'udpRecord-UdpTabs-MenuItem-' + item?.label?.replace(/ /g, '-')\n              }\n            >\n              <div\n                className={clsx(classes.tab, {\n                  [classes.blockTab]: variant === 'block',\n                  [classes.activeTab]: value === item?.id\n                })}\n                onClick={(e) => {\n                  onChange(e, item?.id);\n                  if (item?.onClick) {\n                    item.onClick();\n                  }\n                  setAnchorEl(null);\n                }}\n              >\n                <Typography\n                  noWrap\n                  style={{\n                    fontWeight: variant === 'spread' ? 'bold' : 'normal'\n                  }}\n                >\n                  {item?.label}\n                </Typography>\n              </div>\n            </ButtonBase>\n          ))}\n          {menuTabList?.length > 0 && (\n            <IconButton\n              onClick={handlePopoverClick}\n              className={classes.moreButton}\n              color='primary'\n              id='udpRecord-UdpTabs-MoreActions'\n              udprecordid='udpRecord-UdpTabs-MoreActions'\n            >\n              <Badge\n                color='secondary'\n                variant='dot'\n                invisible={menuItemSelected === false}\n              >\n                <FluentIcon component={MoreVerticalIcon} size='medium' />\n              </Badge>\n            </IconButton>\n          )}\n        </div>\n\n        {!!menuTabList?.length && (\n          <div>\n            <Popover\n              id='menuTabList'\n              open={open}\n              anchorEl={anchorEl}\n              onClose={handlePopoverClose}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'left'\n              }}\n              transformOrigin={{\n                vertical: 'top',\n                horizontal: 'left'\n              }}\n              className={classes.popoverWrapper}\n            >\n              {menuTabList?.map((tab) => {\n                return (\n                  <MenuItem\n                    key={tab?.id}\n                    id={\n                      'udpRecord-UdpTabs-MenuItem-' +\n                      tab?.label?.replace(/ /g, '-')\n                    }\n                    udprecordid={\n                      'udpRecord-UdpTabs-MenuItem-' +\n                      tab?.label?.replace(/ /g, '-')\n                    }\n                    onClick={(e) => {\n                      if (tab?.onClick) {\n                        tab.onClick();\n                      }\n\n                      if (onChange) {\n                        onChange(e, tab?.id);\n                      }\n                      setAnchorEl(null);\n                    }}\n                    className={clsx(classes.menuItem, className)}\n                    selected={tab?.id === value}\n                    {...menuItemProps}\n                  >\n                    <Typography>{tab?.label}</Typography>\n                  </MenuItem>\n                );\n              })}\n            </Popover>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/UdpTimeSelector-BIKJO-Q4.js

@@ -1,147 +0,0 @@
-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 { FluentDateTimePicker, UdpDateSelector, UdpTimeSelector };
-//# sourceMappingURL=UdpTimeSelector-BIKJO-Q4.js.map

package/dist/UdpTimeSelector-BIKJO-Q4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpTimeSelector-BIKJO-Q4.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":";;;;;;;;AAUA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,WAAW,EACT,UAAU,IACX;CACD,OAAO;EACL,cAAc;EACd,QAAQ;EACR,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACD,aAAa;EACX,SAAS;EACT,WAAW;EACZ;CACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,UAAUA,aAAW;CAC3B,MAAM,EACJ,IACA,aACA,OACA,gBACA,cACA,kBAAkB,cAClB,aACA,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU;AACZ,SAAO,eAAe,GAAG,MAAM;IAEjC,CAAC,aAAa,CACf;AAED,QACE,oCAAC,aACC,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EAGC,QAAO;EACP,QAAO;EACH;EACS;EACb,cAAa;EACb,OAAO;EACG;EACV,GAAI;EACJ,qBAAqB;GACnB,cAAc;GACd,aAAa,cAAc;GAC5B;EACD,cAAc,oCAAC,iBAAc,OAAO,EAAE,UAAU,IAAI,GAAI;EACxD,YAAY;GACV,SAAS;IACP,MAAM,QAAQ;IACd,OAAO,QAAQ;IACf,GAAG,MAAM,YAAY;IACtB;GACD,GAAG,MAAM;GACT,GAAG;GACH,GAAG;GACH,gBACE,oCAAC;IACC,SAAS,EAAE,MAAM,QAAQ,WAAW;IACpC,WAAW,QAAQ;IACnB,UAAS;MAER,MACc;GAEpB;EACD,iBAAiB;GACf,QAAQ;GACR,SAAS;IACP,MAAM,QAAQ;IACd,SAAS,QAAQ;IAClB;GACF;GACD,CACsB,CACtB;;AAIV,qBAAqB,YAAY,EAI/B,OAAO,UAAU,OAAO,YAIzB;;;;AC5GD,MAAMC,cAAY,YAAY,WAAW,EACvC,WAAW;CACT,cAAc;CACd,QAAQ;CACR,SAAS,MAAM,QAAQ,EAAE;CACzB,QAAQ,MAAM,QAAQ,EAAE;CACxB,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;EACT,aAAa,MAAM,QAAQ,QAAQ;EACnC,SAAS;EACV;CACF,EACF,EAAE;AAEH,MAAa,mBAAmB,UAAU;CACxC,MAAM,UAAUA,aAAW;CAC3B,MAAM,EACJ,IACA,aACA,OACA,kBAAkB,cAClB,aACA,GAAG,eACD;CAEJ,MAAM,YAAY,UAAU;AAC1B,SAAO,eAAe,MAAM,OAAO,MAAM;;AAG3C,QACE,oCAAC;EAAM,SAAS;EAAI,WAAW,QAAQ;IACpC,OACD,oCAAC;EACC,MAAK;EACD;EACJ,WAAW,QAAQ;EACnB,OAAO;EACG;EACV,GAAI;GACJ,CACI;;AAIZ,gBAAgB,YAAY;CAC1B,OAAO,UAAU,OAAO;CACxB,IAAI,UAAU,OAAO;CACrB,kBAAkB,UAAU;CAC5B,cAAc,UAAU;CACzB;;;;ACnDD,MAAM,YAAY,YAAY,WAAW,EAEvC,WAAW;CACT,cAAc;CACd,QAAQ;CACR,SAAS,MAAM,QAAQ,EAAE;CACzB,QAAQ,MAAM,QAAQ,EAAE;CACxB,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;EACT,aAAa,MAAM,QAAQ,QAAQ;EACnC,SAAS;EACV;CACF,EACF,EAAE;AAGH,MAAa,mBAAmB,UAAU;CACxC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,IAAI,MAAO,GAAG,eAAe;AAErC,QACE,oCAAC;EAAM,SAAS;EAAI,WAAW,QAAQ;IACpC,OACD,oCAAC;EACC,MAAK;EACD;EACJ,aAAa,gCAA8B;EAC3C,WAAW,QAAQ;EACnB,GAAI;GACJ,CACI;;AAIZ,gBAAgB,YAAY;CAI1B,OAAO,UAAU;CAIjB,IAAI,UAAU;CACf"}

package/dist/UnityFluentIcon-fuqAQh0C.js

@@ -1,70 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import React from "react";
-import { makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-
-//#region src/utilities/iconLibrary/UnityIcon.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		fill: (props) => props.color || "black"
-	},
-	showcase: {
-		fontSize: 38,
-		width: 38,
-		height: 38
-	},
-	large: {
-		fontSize: 20,
-		width: 20,
-		height: 20
-	},
-	default: {
-		fontSize: 18,
-		width: 18,
-		height: 18
-	},
-	medium: {
-		fontSize: 16,
-		width: 16,
-		height: 16
-	},
-	small: {
-		fontSize: 14,
-		width: 14,
-		height: 14
-	},
-	xs: {
-		fontSize: 12,
-		width: 12,
-		height: 12
-	}
-}));
-const UnityIcon = (props) => {
-	const { component, size = "default", className,...otherProps } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement("div", {
-		...otherProps,
-		className: clsx(classes.root, className, classes[size])
-	}, component);
-};
-
-//#endregion
-//#region src/utilities/iconLibrary/UnityFluentIcon.jsx
-const UnityFluentIcon = (props) => {
-	const { type, icon, color,...other } = props;
-	if (!icon) return null;
-	return type === "unity" ? /* @__PURE__ */ React.createElement(UnityIcon, {
-		component: icon,
-		color,
-		...other
-	}) : /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: icon,
-		style: { color: color || "" },
-		...other
-	});
-};
-
-//#endregion
-export { UnityFluentIcon, UnityIcon };
-//# sourceMappingURL=UnityFluentIcon-fuqAQh0C.js.map

package/dist/UnityFluentIcon-fuqAQh0C.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnityFluentIcon-fuqAQh0C.js","names":[],"sources":["../src/utilities/iconLibrary/UnityIcon.jsx","../src/utilities/iconLibrary/UnityFluentIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    fill: (props) => props.color || 'black'\n  },\n  showcase: {\n    fontSize: 38,\n    width: 38,\n    height: 38\n  },\n  large: {\n    fontSize: 20,\n    width: 20,\n    height: 20\n  },\n  default: {\n    fontSize: 18,\n    width: 18,\n    height: 18\n  },\n  medium: {\n    fontSize: 16,\n    width: 16,\n    height: 16\n  },\n  small: {\n    fontSize: 14,\n    width: 14,\n    height: 14\n  },\n  xs: {\n    fontSize: 12,\n    width: 12,\n    height: 12\n  }\n}));\n\nexport const UnityIcon = (props) => {\n  const { component, size = 'default', className, ...otherProps } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div\n      {...otherProps}\n      className={clsx(classes.root, className, classes[size])}\n    >\n      {component}\n    </div>\n  );\n};\n","import React from 'react';\nimport { UnityIcon } from './UnityIcon';\nimport { FluentIcon } from './FluentIcon';\n\nexport const UnityFluentIcon = (props) => {\n  const { type, icon, color, ...other } = props;\n\n  if (!icon) {\n    return null;\n  }\n\n  return type === 'unity' ? (\n    <UnityIcon component={icon} color={color} {...other} />\n  ) : (\n    <FluentIcon component={icon} style={{ color: color || '' }} {...other} />\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO,UAAU,MAAM,SAAS;EACjC;CACD,UAAU;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,IAAI;EACF,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACF,EAAE;AAEH,MAAa,aAAa,UAAU;CAClC,MAAM,EAAE,WAAW,OAAO,WAAW,UAAW,GAAG,eAAe;CAClE,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KAAK,QAAQ,MAAM,WAAW,QAAQ,MAAM;IAEtD,UACG;;;;;AC/CV,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,MAAM,MAAM,MAAO,GAAG,UAAU;AAExC,KAAI,CAAC,KACH,QAAO;AAGT,QAAO,SAAS,UACd,oCAAC;EAAU,WAAW;EAAa;EAAO,GAAI;GAAS,GAEvD,oCAAC;EAAW,WAAW;EAAM,OAAO,EAAE,OAAO,SAAS,IAAI;EAAE,GAAI;GAAS"}