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

package/dist/UdpPublicForm-C0SHN_iy.js

@@ -1,44 +0,0 @@
-import { __export } from "./chunk-CTAAG5j7.js";
-import { useHandleAxiosSnackbar } from "./apiHelpers-DF2KUI11.js";
-import React, { useEffect } from "react";
-import { UdpFormsRenderer } from "udp-react-stencil-component-library";
-import { useSnackbar } from "notistack";
-import { useLocation } from "react-router-dom";
-
-//#region src/udp/pages/UdpPublicForm.jsx
-var UdpPublicForm_exports = /* @__PURE__ */ __export({
-	UdpPublicForm: () => UdpPublicForm,
-	default: () => UdpPublicForm_default
-});
-const useSearchParams = () => {
-	const search = useLocation().search;
-	return new URLSearchParams(search || window.location.search);
-};
-const UdpPublicForm = (props) => {
-	const { handleErrorSnackbar } = useHandleAxiosSnackbar();
-	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
-	const queryParams = useSearchParams();
-	const formId = queryParams.get("udpf_formId");
-	const tenantId = queryParams.get("udpf_tenantId");
-	const callbackUrl = queryParams.get("udpf_callback_url");
-	useEffect(() => {
-		if (!formId) handleErrorSnackbar({}, "Form Id not found, please specify udpf_formid in the query params");
-		if (!tenantId) handleErrorSnackbar({}, "tenantId not found, please specify udpf_formid in the query params");
-	}, []);
-	if (!formId || !tenantId) return null;
-	return /* @__PURE__ */ React.createElement(UdpFormsRenderer, {
-		formId,
-		tenantId,
-		productId: ConfigService.config.UNITY_PRODUCT_ID,
-		apiUrlBase: ConfigService.productV1ApiUrl,
-		callbackUrl,
-		enqueueSnackbar,
-		closeSnackbar,
-		isPublic: true
-	});
-};
-var UdpPublicForm_default = UdpPublicForm;
-
-//#endregion
-export { UdpPublicForm, UdpPublicForm_default, UdpPublicForm_exports };
-//# sourceMappingURL=UdpPublicForm-C0SHN_iy.js.map

package/dist/UdpPublicForm-C0SHN_iy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpPublicForm-C0SHN_iy.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 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  if (!formId || !tenantId) return null;\n\n  return (\n    <UdpFormsRenderer\n      formId={formId}\n      tenantId={tenantId}\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,cAAc,YAAY,IAAI,oBAAoB;AAExD,iBAAgB;AACd,MAAI,CAAC,OACH,qBAAoB,EAAE,EAAE,oEAAoE;AAE9F,MAAI,CAAC,SACH,qBAAoB,EAAE,EAAE,qEAAqE;IAE9F,EAAE,CAAC;AACN,KAAI,CAAC,UAAU,CAAC,SAAU,QAAO;AAEjC,QACE,oCAAC;EACS;EACE;EACV,WAAW,cAAc,OAAO;EAChC,YAAY,cAAc;EACb;EACI;EACF;EACf;GACA;;AAIN,4BAAe"}

package/dist/UdpPublicForm-DnPkG5dr.js

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

package/dist/UdpRoutes-Bjfl5no0.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-B66Iyn4h.js"));
-const MenuPage = lazy(() => import("./MenuPage-D4tvTXC3.js"));
-const UdpPublicForm = lazy(() => import("./UdpPublicForm-DnPkG5dr.js"));
-const WorkflowContainer = lazy(() => import("./WorkflowContainer-D0Od__D5.js"));
-const PasswordResetRedirect = lazy(() => import("./PasswordResetRedirect-BMDMHdhE.js"));
-const MyExportsPage = lazy(() => import("./MyExportsPage-ZP2V0i5h.js"));
-const PageNotFoundRoute = lazy(() => import("./PageNotFoundRoute-CTaRcNjL.js"));
-const UdpMaintenanceConfigPage = lazy(() => import("./UdpMaintenanceConfigPage-DfKk0PmB.js"));
-const UdpMaintenanceEnginePage = lazy(() => import("./UdpMaintenanceEnginePage-M0RbzSTX.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-Bjfl5no0.js.map

package/dist/UdpRoutes-Bjfl5no0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpRoutes-Bjfl5no0.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/UdpTabUtility-BFY5dGuO.js

@@ -1,49 +0,0 @@
-import { UdpTabs } from "./UdpTabs-C7pvmyRq.js";
-import React, { useMemo, useState } from "react";
-import { makeStyles } from "@material-ui/core";
-
-//#region src/UI/navigation/tabs/UdpTabPanel.jsx
-const useStyles = makeStyles((theme) => ({
-	activeTabPanel: { display: "block" },
-	inactiveTabPanel: { display: "none" }
-}));
-const UdpTabPanel = (props) => {
-	const classes = useStyles();
-	const { value, index, children,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		className: value === index ? classes.activeTabPanel : classes.inactiveTabPanel,
-		...otherProps
-	}, children);
-};
-
-//#endregion
-//#region src/UI/navigation/tabs/UdpTabUtility.jsx
-const UdpTabUtility = (props) => {
-	const { tabList, menuWidth, menuMaxHeight, menuItemProps, variant } = props;
-	const [selectedTab, setSelectedTab] = useState(0);
-	const currentTabList = useMemo(() => {
-		return tabList?.map((tab, index) => ({
-			id: index,
-			...tab
-		}));
-	}, [tabList]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UdpTabs, {
-		value: selectedTab,
-		onChange: (e, value) => {
-			setSelectedTab(value);
-		},
-		tabList: currentTabList,
-		menuItemProps,
-		menuWidth,
-		menuMaxHeight,
-		variant
-	}), currentTabList?.map((tab) => /* @__PURE__ */ React.createElement(UdpTabPanel, {
-		key: tab?.id,
-		index: tab?.id,
-		value: selectedTab
-	}, tab?.child)));
-};
-
-//#endregion
-export { UdpTabPanel, UdpTabUtility };
-//# sourceMappingURL=UdpTabUtility-BFY5dGuO.js.map

package/dist/UdpTabUtility-BFY5dGuO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpTabUtility-BFY5dGuO.js","names":[],"sources":["../src/UI/navigation/tabs/UdpTabPanel.jsx","../src/UI/navigation/tabs/UdpTabUtility.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  activeTabPanel: {\n    display: 'block'\n  },\n  inactiveTabPanel: {\n    display: 'none'\n  }\n}));\n\nexport const UdpTabPanel = (props) => {\n  const classes = useStyles();\n  const { value, index, children, ...otherProps } = props;\n\n  return (\n    <div\n      className={\n        value === index ? classes.activeTabPanel : classes.inactiveTabPanel\n      }\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n};\n","import React, { useMemo, useState } from 'react';\nimport { UdpTabs } from './UdpTabs';\nimport { UdpTabPanel } from './UdpTabPanel';\n\nexport const UdpTabUtility = (props) => {\n  const { tabList, menuWidth, menuMaxHeight, menuItemProps, variant } = props;\n  const [selectedTab, setSelectedTab] = useState(0);\n\n  const currentTabList = useMemo(() => {\n    return tabList?.map((tab, index) => ({ id: index, ...tab }));\n  }, [tabList]);\n\n  return (\n    <div>\n      <UdpTabs\n        value={selectedTab}\n        onChange={(e,value) => {\n          setSelectedTab(value);\n        }}\n        tabList={currentTabList}\n        menuItemProps={menuItemProps}\n        menuWidth={menuWidth}\n        menuMaxHeight={menuMaxHeight}\n        variant={variant}\n      />\n      {currentTabList?.map((tab) => (\n        <UdpTabPanel\n          key={tab?.id}\n          index={tab?.id}\n          value={selectedTab}\n        >\n          {tab?.child}\n        </UdpTabPanel>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,gBAAgB,EACd,SAAS,SACV;CACD,kBAAkB,EAChB,SAAS,QACV;CACF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,OAAO,OAAO,SAAU,GAAG,eAAe;AAElD,QACE,oCAAC;EACC,WACE,UAAU,QAAQ,QAAQ,iBAAiB,QAAQ;EAErD,GAAI;IAEH,SACG;;;;;ACpBV,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,SAAS,WAAW,eAAe,eAAe,YAAY;CACtE,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,iBAAiB,cAAc;AACnC,SAAO,SAAS,KAAK,KAAK,WAAW;GAAE,IAAI;GAAO,GAAG;GAAK,EAAE;IAC3D,CAAC,QAAQ,CAAC;AAEb,QACE,oCAAC,aACC,oCAAC;EACC,OAAO;EACP,WAAW,GAAE,UAAU;AACrB,kBAAe,MAAM;;EAEvB,SAAS;EACM;EACJ;EACI;EACN;GACT,EACD,gBAAgB,KAAK,QACpB,oCAAC;EACC,KAAK,KAAK;EACV,OAAO,KAAK;EACZ,OAAO;IAEN,KAAK,MACM,CACd,CACE"}

package/dist/UdpTimeSelector-CLYgUW1t.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-CLYgUW1t.js.map

package/dist/UdpTimeSelector-CLYgUW1t.js.map

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

package/dist/UdpTimelineItemSeparator-CLmX2L55.js

@@ -1,213 +0,0 @@
-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/TimeEntryStates.jsx
-const useStyles$3 = 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$3();
-	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$2 = 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$2();
-	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/ExtendActions.jsx
-const useStyles$1 = makeStyles((theme) => ({ root: {
-	display: "flex",
-	flexDirection: "row"
-} }));
-const ExtendActions = (props) => {
-	const classes = useStyles$1();
-	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/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/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/UdpTimelineItem.jsx
-const UdpTimelineItem = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineItem, props);
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimelineItemConnector.jsx
-const UdpTimelineConnector = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineConnector, props);
-};
-
-//#endregion
-//#region src/UI/timeline/UdpTimelineItemSeparator.jsx
-const UdpTimelineSeparator = (props) => {
-	return /* @__PURE__ */ React.createElement(TimelineSeparator, props);
-};
-
-//#endregion
-export { TimeEntryStates, TimeLine, UdpTimeline, UdpTimelineConnector, UdpTimelineContent, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator };
-//# sourceMappingURL=UdpTimelineItemSeparator-CLmX2L55.js.map

package/dist/UdpTimelineItemSeparator-CLmX2L55.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UdpTimelineItemSeparator-CLmX2L55.js","names":["useStyles","useStyles","useStyles","ExtendActions","Timeline","TimelineElement"],"sources":["../src/UI/timeline/TimeEntryStates.jsx","../src/UI/timeline/TimelineElement.jsx","../src/UI/timeline/ExtendActions.jsx","../src/UI/timeline/TimeLine.jsx","../src/UI/timeline/UdpTimeline.jsx","../src/UI/timeline/UdpTimelineContent.jsx","../src/UI/timeline/UdpTimelineDot.jsx","../src/UI/timeline/UdpTimelineItem.jsx","../src/UI/timeline/UdpTimelineItemConnector.jsx","../src/UI/timeline/UdpTimelineItemSeparator.jsx"],"sourcesContent":["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 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, { 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 { 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 { TimelineItem } from '@material-ui/lab';\n\nexport const UdpTimelineItem = (props) => {\n  return <TimelineItem {...props} />;\n};\n","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 { TimelineSeparator } from '@material-ui/lab';\n\nexport const UdpTimelineSeparator = (props) => {\n  return <TimelineSeparator {...props} />;\n};\n"],"mappings":"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"}