udp-react-enterprise-component-library 25.18.1-beta.2 → 25.18.1-beta.21

package/dist/SupportCaseSideSheet-BTCZjI26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportCaseSideSheet-BTCZjI26.js","names":["LinearProgress","SupportCaseForm"],"sources":["../src/UI/support/SupportCaseForm.jsx","../src/UI/support/SupportCaseSideSheet.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { FluentTextFieldAutoComplete } from '../inputs/textField/FluentTextFieldAutoComplete';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport { Form, FormButtons, SubmitButton, Field } from '../../utilities/form';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useTranslation } from 'react-i18next';\nimport { useSnackbar } from 'notistack';\nimport { Button } from '@material-ui/core';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { LinearProgress } from '../../UI/loading/LinearProgress';\nimport { useHistory } from 'react-router-dom';\nimport { ConfigService } from '../../configService';\n\nconst SupportCaseForm = ({\n  onSubmit,\n  initialValues = {},\n  handleCloseSupportCaseSideSheet\n}) => {\n  const { t } = useTranslation();\n  const user = useUser();\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n  const [severityOptions, setSeverityOptions] = useState([]);\n  const [environmentOptions, setEnvironmentOptions] = useState([]);\n  const [brandOptions, setBrandOptions] = useState([]);\n  const [uploadedFiles, setUploadedFiles] = useState([]);\n  const [unityState, setUnityState] = useState();\n  const [loadingState, setLoadingState] = useState(false);\n  const baseUrl = ConfigService.productV1ApiUrl; // backend base url\n  const unityUrl = ConfigService.supportV1ApiUrl; // unity support bypass\n  const unityEnv = ConfigService.config.UNITY_ENVIRONMENT; // unity environment\n  const [uploadKey, setUploadKey] = useState(0);\n  const [restrictedFiles, setRestrictedFiles] = useState({});\n  const history = useHistory();\n\n  const getFileRestrictions = useCallback(\n    async () =>\n      apiMutate(baseUrl, `udpunitysupport/supportFileUploadRestrictions`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  const getFileRestrictionsUnity = useCallback(\n    async () =>\n      apiMutate(unityUrl, `evergrncaseattachment/get-attachment-restrictions`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [unityUrl, user?.currentTenantId]\n  );\n\n  const getSeverityUnity = useCallback(\n    async () =>\n      apiMutate(unityUrl, `caseseverity/get-case-severity`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [unityUrl, user?.currentTenantId]\n  );\n\n  const getEnvironmentUnity = useCallback(\n    async () =>\n      apiMutate(unityUrl, `evergrncaseenvironment/get-case-environments`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [unityUrl, user?.currentTenantId]\n  );\n\n  const getSeverity = useCallback(\n    async () =>\n      apiMutate(baseUrl, `udpunitysupport/severities`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  const getEnvironment = useCallback(\n    async () =>\n      apiMutate(baseUrl, `udpunitysupport/environments`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  // externalUuid will be needed part of the post request to submit ticket\n  const getTenantCaseAccount = useCallback(\n    async () =>\n      apiMutate(\n        baseUrl,\n        `udpunitysupport/tenantCaseAccount/` + user?.currentTenantId,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  // list of products to choose from when in Support Portal, if cooresponsding externalUuid is null, default to devops support GUID\n  const getTenantCaseBrand = useCallback(\n    async () =>\n      apiMutate(ConfigService.tenantV2ApiUrl, `tenant/products`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [user?.currentTenantId]\n  );\n\n  const getTenantSubscribedProducts = useCallback(\n    async () =>\n      apiMutate(\n        ConfigService.tenantV1ApiUrl,\n        `tenantProducts?tenantId=${user?.currentTenantId}`,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [user?.currentTenantId]\n  );\n\n  // TODO: this data should come from Unity table -> Unity UEM -> Unity Support\n  const getCasesEnv = {\n    Development: '100000003',\n    Build: '100000003',\n    Staging: '100000001',\n    Production: '100000000'\n  };\n\n  function getCaseEnvironment() {\n    return getCasesEnv[unityEnv] || '100000003'; // default to dev\n  }\n\n  let brandId = '416b0ca8-e679-ef11-ac20-6045bdcd3d86'; // Default to devops support ID, should come from API\n\n  const postCaseAttachment = useCallback(\n    (values) => {\n      const data = new FormData();\n      uploadedFiles.forEach((file) => {\n        data.append('files', file);\n      });\n      data.append('EvergrnCaseName', values.title);\n      data.append('EvergrnDescription', values.description);\n      data.append('EvergrnCaseEnvironment', getCaseEnvironment());\n      data.append('EvergrnSeverity', values.severity.value);\n      // Find the corresponding brand ID using environment variable's product ID\n      const matchingProduct = brandOptions.find(\n        (product) => product.productId == ConfigService.config.UNITY_PRODUCT_ID\n      );\n      if (matchingProduct && matchingProduct.value) {\n        brandId = matchingProduct.value;\n      }\n      data.append('EvergrnBrandId', brandId);\n      data.append(\n        'UDPDriveUnityProductId',\n        ConfigService.config.UNITY_PRODUCT_ID\n      );\n\n      return apiMutate(\n        baseUrl,\n        `udpunitysupport/case`,\n        {\n          method: 'post',\n          headers: {\n            'Content-Type': 'multipart/form-data'\n          }\n        },\n        { data: data }\n      );\n    },\n    [baseUrl, uploadedFiles, getCaseEnvironment, brandOptions, brandId]\n  );\n\n  const postCaseAttachmentUnity = useCallback(\n    (values) => {\n      const data = new FormData();\n      uploadedFiles.forEach((file) => {\n        data.append('files', file);\n      });\n      data.append('EvergrnCaseName', values.title);\n      data.append('EvergrnDescription', values.description);\n      data.append('EvergrnCaseEnvironment', getCaseEnvironment());\n      data.append('EvergrnSeverity', values.severity.value);\n      data.append('EvergrnBrandId', values.product?.value || brandId);\n      data.append(\n        'UDPDriveUnityProductId',\n        ConfigService.config.UNITY_PRODUCT_ID\n      );\n\n      return apiMutate(\n        unityUrl,\n        `evergrncase/post-case`,\n        {\n          method: 'post',\n          headers: {\n            'Content-Type': 'multipart/form-data'\n          }\n        },\n        { data: data }\n      );\n    },\n    [unityUrl, uploadedFiles, getCaseEnvironment, brandId]\n  );\n\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        if (ConfigService.config.UNITY_PRODUCT_ID === '1') {\n          setUnityState(true);\n        } else {\n          setUnityState(false);\n        }\n\n        let getFileRestrictionsResponse = unityState\n          ? await getFileRestrictionsUnity()\n          : await getFileRestrictions();\n\n        let severityResponse = unityState\n          ? await getSeverityUnity()\n          : await getSeverity();\n\n        let environmentResponse = unityState\n          ? await getEnvironmentUnity()\n          : await getEnvironment();\n\n        if (getFileRestrictionsResponse) {\n          const fileRestrictionsData = getFileRestrictionsResponse.data;\n          setRestrictedFiles(fileRestrictionsData);\n        }\n\n        if (severityResponse) {\n          const severityOptions = severityResponse.data.map((item) => ({\n            value: item.externalUUID.toString(),\n            label: item.name\n          }));\n          setSeverityOptions(severityOptions);\n        }\n\n        if (environmentResponse) {\n          const environmentOptions = environmentResponse.data.map((item) => ({\n            value: item.evergrnCaseEnvironmentValue.toString(),\n            label: item.evergrnCaseEnvironmentLabel\n          }));\n          setEnvironmentOptions(environmentOptions);\n        }\n\n        // fetch brand data\n        const brandResponse = await getTenantCaseBrand();\n        const tenantSubscribedProductsResponse =\n          await getTenantSubscribedProducts();\n\n        if (brandResponse && tenantSubscribedProductsResponse) {\n          const brandArray = brandResponse.data.filter(\n            (brandItem) => brandItem.externalUuid != null\n          );\n          const subscribedArray = tenantSubscribedProductsResponse.data;\n\n          const brandOptions = subscribedArray\n            .map((subscribedProduct) => {\n              const foundProduct = brandArray.find(\n                (brandItem) =>\n                  brandItem.productId === subscribedProduct.productId\n              );\n\n              if (!foundProduct) {\n                return null;\n              }\n\n              return {\n                ...subscribedProduct,\n                value: foundProduct.externalUuid?.toString(), // Cases Brand ID\n                label: foundProduct.name.toString()\n              };\n            })\n            .filter(Boolean);\n\n          setBrandOptions(brandOptions);\n        }\n      } catch (error) {\n        console.error('Error fetching data:', error);\n      }\n    };\n\n    fetchData();\n  }, [\n    unityState,\n    getSeverityUnity,\n    getEnvironmentUnity,\n    getFileRestrictionsUnity,\n    getFileRestrictions,\n    getSeverity,\n    getEnvironment,\n    getTenantCaseBrand,\n    getTenantSubscribedProducts\n  ]);\n\n  const handleUploadFile = (files) => {\n    const identifiedRestrictedExtensions = [];\n    const identifiedRestrictedFileSizes = [];\n\n    files.forEach((file) => {\n      const fileExtension = file.name.includes('.')\n        ? '.' + file.name.split('.').pop().toLowerCase()\n        : '';\n\n      if (restrictedFiles.restrictedExtensions.includes(fileExtension)) {\n        identifiedRestrictedExtensions.push(fileExtension);\n      }\n\n      if (file.size > restrictedFiles.maxFileSize) {\n        identifiedRestrictedFileSizes.push(file.name);\n      }\n    });\n\n    const isAcceptableExtensions = identifiedRestrictedExtensions.length === 0;\n    const isAcceptableSizes = identifiedRestrictedFileSizes.length === 0;\n\n    if (!(isAcceptableExtensions && isAcceptableSizes)) {\n      if (!isAcceptableExtensions) {\n        const uniqueExtensions = [...new Set(identifiedRestrictedExtensions)];\n        const errorText = `Restricted file type(s). ${uniqueExtensions.join(\n          ', '\n        )}`;\n        enqueueSnackbar(t(errorText), {\n          variant: 'error',\n          anchorOrigin: { vertical: 'top', horizontal: 'center' }\n        });\n      }\n\n      if (!isAcceptableSizes) {\n        const errorText = `File(s) are too large (5MB limit). ${identifiedRestrictedFileSizes.join(\n          ', '\n        )}`;\n        enqueueSnackbar(t(errorText), {\n          variant: 'error',\n          anchorOrigin: { vertical: 'top', horizontal: 'center' }\n        });\n      }\n\n      setUploadKey((prevKey) => prevKey + 1);\n      return;\n    }\n\n    setUploadedFiles(files);\n  };\n\n  const handleSubmit = async (values) => {\n    setLoadingState(true);\n\n    let response;\n    try {\n      response = unityState\n        ? await postCaseAttachmentUnity(values)\n        : await postCaseAttachment(values);\n    } catch (apiError) {\n      console.error('post Case API call failed:', apiError);\n      enqueueSnackbar(t('Submission failed'), {\n        variant: 'error',\n        anchorOrigin: {\n          vertical: 'top',\n          horizontal: 'center'\n        },\n        action: (key) => (\n          <Button\n            color='primary'\n            size='small'\n            id='udpRecord-SupportCaseForm-close'\n            onClick={() => {\n              closeSnackbar(key);\n            }}\n          >\n            close\n          </Button>\n        )\n      });\n      setLoadingState(false);\n      return { submitError: apiError.message };\n    }\n\n    // Check for valid response\n    if (!response?.data?.evergrnCaseId) {\n      console.error('API call succeeded but no case ID returned');\n      enqueueSnackbar(t('Submission failed - No case ID returned'), {\n        variant: 'error',\n        anchorOrigin: {\n          vertical: 'top',\n          horizontal: 'center'\n        },\n        action: (key) => (\n          <Button\n            color='primary'\n            size='small'\n            id='udpRecord-SupportCaseForm-close'\n            onClick={() => {\n              closeSnackbar(key);\n            }}\n          >\n            close\n          </Button>\n        )\n      });\n      setLoadingState(false);\n      return { submitError: 'No case ID was returned from the server' };\n    }\n\n    window.dispatchEvent(new CustomEvent('support-case-created'));\n\n    try {\n      handleCloseSupportCaseSideSheet();\n    } catch (closeError) {\n      console.error('Error closing sheet:', closeError);\n    }\n\n    enqueueSnackbar(t(`Support Case Created. View your cases`), {\n      variant: 'success',\n      anchorOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      },\n      action: (key) => (\n        <Button\n          color='primary'\n          size='small'\n          id='udpRecord-SupportCaseForm-here'\n          onClick={() => {\n            try {\n              const caseId = response.data.evergrnCaseId;\n              let url;\n              if (unityState) {\n                url = `/support/cases/${caseId}`;\n                history.push(url);\n              } else {\n                url = `${ConfigService.config.UNITY_URL}/support/cases/${caseId}`;\n                window.location.href = url;\n              }\n              closeSnackbar(key);\n            } catch (navError) {\n              console.error('Navigation error:', navError);\n              closeSnackbar(key);\n            }\n          }}\n        >\n          here\n        </Button>\n      )\n    });\n\n    try {\n      await onSubmit(values);\n    } catch (onSubmitError) {\n      console.error('Error in onSubmit:', onSubmitError);\n    }\n    setLoadingState(false);\n  };\n\n  return (\n    <>\n      {loadingState && <LinearProgress />}\n      <Form onSubmit={handleSubmit}>\n        <AmbientCard fullWidth>\n          <Field\n            component={FluentTextField}\n            name='title'\n            label={t('Title')}\n            placeholder={t('Enter a brief title for your issue')}\n            variant='outlined'\n            fullWidth\n            autoFocus\n            required={true}\n          />\n          {unityState && (\n            <Field\n              component={FluentTextFieldAutoComplete}\n              name='product'\n              label={t('Product')}\n              variant='outlined'\n              margin='normal'\n              size='small'\n              options={brandOptions}\n              optionKey='label'\n              style={{ width: '100%' }}\n              disableClearable\n              id='udpRecord-CreateSupportCaseForm-product'\n              udprecordid='udpRecord-CreateSupportCaseForm-product'\n            />\n          )}\n          <Field\n            component={FluentTextFieldAutoComplete}\n            name='severity'\n            label={t('Severity')}\n            variant='outlined'\n            margin='normal'\n            size='small'\n            options={severityOptions}\n            optionKey='label'\n            style={{ width: '100%' }}\n            disableClearable\n            id='udpRecord-CreateSupportCaseForm-severity'\n            udprecordid='udpRecord-CreateSupportCaseForm-severity'\n            required={true}\n          />\n        </AmbientCard>\n\n        <LayoutUnit unit='xxs' />\n\n        <AmbientCard fullWidth>\n          <Field\n            name='description'\n            component={FluentTextField}\n            multiline={true}\n            rows={10}\n            minRows={3}\n            maxRows={20}\n            required={true}\n            label='Description'\n            placeholder='Please describe your issue in detail'\n          />\n        </AmbientCard>\n\n        <LayoutUnit unit='xxs' />\n\n        <AmbientCard fullWidth>\n          <DragDropFileUpload\n            key={uploadKey}\n            title='Attachments'\n            multiple={true}\n            minHeight='100px'\n            maxHeight='400px'\n            acceptedFiles='.pdf,.doc,.docx,.png,.jpg,.jpeg'\n            handleUploadFile={handleUploadFile}\n          />\n        </AmbientCard>\n\n        <LayoutUnit unit='xxs' />\n\n        <FormButtons>\n          <SubmitButton\n            color='primary'\n            variant='contained'\n            disablePristine={false}\n          >\n            Submit Ticket\n          </SubmitButton>\n        </FormButtons>\n      </Form>\n    </>\n  );\n};\n\nexport default SupportCaseForm;\n","import React from 'react';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport SupportCaseForm from './SupportCaseForm';\n\nexport const SupportCaseSideSheet = ({\n  open,\n  onClose,\n  onSubmit,\n  initialValues,\n  handleCloseSupportCaseSideSheet,\n  loading\n}) => {\n  return (\n    <SideSheet\n      open={open}\n      onClose={onClose}\n      title=\"Submit Support Ticket\"\n      width={600} // You can adjust the width as needed\n    >\n      <SupportCaseForm\n        onSubmit={onSubmit}\n        initialValues={initialValues}\n        handleCloseSupportCaseSideSheet={handleCloseSupportCaseSideSheet}\n        loading={loading}\n      />\n    </SideSheet>\n  );\n};\n\nexport default SupportCaseSideSheet;\n"],"mappings":"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"}

package/dist/SupportCaseSideSheet-Bv9FsrIk.js

@@ -0,0 +1,33 @@
+import "./Form-DbOA5j38.js";
+import "./Field-Cda5rJe2.js";
+import "./form-Dj1zVw6K.js";
+import "./FluentButton-BexKrnAp.js";
+import "./FormButtons-BTCO-pzW.js";
+import "./configService-C4uoG3wj.js";
+import "./apiHelpers-B_cn3sZo.js";
+import "./pageEnums-DHCYa0ey.js";
+import "./UnitySessionStorage-CUDx9YWR.js";
+import "./axiosInterceptors-FQ3b5kjr.js";
+import "./useUser-wpHGo6jU.js";
+import "./useAxiosMutate-DcLxzykX.js";
+import "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import "./FluentIcon-DQ6nSDJg.js";
+import "./FluentIconButton-Dc95mE3v.js";
+import "./colors-BONxjrOE.js";
+import "./colorConverter-x64WSLsF.js";
+import "./LayoutUnit-D4jJvonh.js";
+import "./StandardTitle-DJ9zcNBA.js";
+import "./SideSheetHeader-DgnkLGmv.js";
+import "./SideSheet-C-rILQqR.js";
+import "./StatusChip-DZAN88VU.js";
+import "./AmbientCardButton-DGhpVDRV.js";
+import "./Adornment-Ciq1X7he.js";
+import "./AmbientCard-DK9abODq.js";
+import "./AmbientCardTitle-CvXW2qf0.js";
+import "./LinearProgress-DM2DNWCe.js";
+import "./FluentTextField-CXvZawOG.js";
+import "./formatBytes-Cq2rh3hB.js";
+import "./DragDropFileUpload-TFHchivz.js";
+import { n as SupportCaseSideSheet_default, t as SupportCaseSideSheet } from "./SupportCaseSideSheet-BTCZjI26.js";
+
+export { SupportCaseSideSheet, SupportCaseSideSheet_default as default };

package/dist/TableContainer-B4aFO7ly.js

@@ -0,0 +1,110 @@
+import { r as useAgGridApi } from "./AgTable-B2xTzAm2.js";
+import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
+import { t as executeQueryAdHoc } from "./methodUtils-Cwo_kmVX.js";
+import { n as useBuildEnvironment } from "./useBuildEnvironment-2gdqpmBX.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-BecuOnHe.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
+import { t as SearchServiceDatasource } from "./SearchServiceDatasource-CFWLJElU.js";
+import React, { useCallback, useEffect, useMemo } from "react";
+
+//#region src/maintenanceEngine/tableBrowser/TableColumnDefs.js
+const TableColumnDefs = (actionList) => {
+	const getterRowData = useCallback((params) => {
+		return params.data;
+	}, []);
+	return [{
+		headerName: "Name",
+		field: "entityName",
+		valueGetter: (params) => params.data?.properties?.displayName || params.data?.sanitizedName || getSanitizedName(params.data?.entityName),
+		wrapText: true,
+		autoHeight: false,
+		sortable: false
+	}, {
+		headerName: "Actions",
+		filter: false,
+		pinned: "right",
+		cellRenderer: "actionsRenderer",
+		width: 150,
+		cellRendererParams: { actionList },
+		valueGetter: getterRowData,
+		maxWidth: 180,
+		suppressMenu: true,
+		sortable: false,
+		cellStyle: {
+			display: "flex",
+			alignItems: "center"
+		}
+	}];
+};
+const defaultColumnActionsDef = {
+	resizable: true,
+	editable: false,
+	sortable: true,
+	filter: true,
+	floatingFilter: false,
+	enableRowGroup: true
+};
+
+//#endregion
+//#region src/maintenanceEngine/tableBrowser/TableContainer.jsx
+const TableContainer = (props) => {
+	const { actionList, loading, rowData, catalog, isServerSide = false, promotedEntity, filterElements, customColumnDefs, eagerLoad = false, logicalSearchOperator = 1, frameworkComponents = { actionsRenderer: ActionsRenderer }, additionalGridOptions, headerBackgroundColor, api, columnApi, gridReady, dynamicSizing, ...other } = props;
+	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
+	const gApi = api || gridApi;
+	const cApi = columnApi || gridColumnApi;
+	const gReady = gridReady || onGridReady;
+	const buildEnv = useBuildEnvironment();
+	const columnDefs = customColumnDefs || TableColumnDefs(actionList);
+	const groupData = useMemo(() => {
+		return columnDefs?.map((item) => {
+			return {
+				groupItem: item.field,
+				label: item.headerName,
+				value: item.field
+			};
+		});
+	}, [columnDefs]);
+	useEffect(() => {
+		if (!gApi) return;
+		if (promotedEntity && isServerSide) {
+			let datasource = SearchServiceDatasource(null, promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements, logicalSearchOperator, executeQueryAdHoc, null, null, eagerLoad);
+			gApi?.setServerSideDatasource(datasource);
+		}
+	}, [
+		gApi,
+		promotedEntity,
+		isServerSide,
+		filterElements,
+		eagerLoad,
+		logicalSearchOperator
+	]);
+	return /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		useNewHeader: true,
+		api: gApi,
+		onGridReady: gReady,
+		columnApi: cApi,
+		title: catalog?.name,
+		data: !isServerSide && rowData,
+		columnDefs,
+		groupingData: groupData,
+		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
+		frameworkComponents,
+		hideSearchBar: isServerSide,
+		loading,
+		suppressScrollOnNewData: true,
+		dynamicSizing: dynamicSizing ?? false,
+		disableRowSelection: true,
+		rowModelType: isServerSide ? "serverSide" : null,
+		serverSideStoreType: isServerSide ? "partial" : null,
+		cacheOverflowSize: isServerSide ? 2 : null,
+		cacheBlockSize: isServerSide ? 20 : null,
+		maxConcurrentDatasourceRequests: isServerSide ? 1 : null,
+		additionalGridOptions,
+		headerBackgroundColor,
+		...other
+	});
+};
+
+//#endregion
+export { TableColumnDefs as n, defaultColumnActionsDef as r, TableContainer as t };
+//# sourceMappingURL=TableContainer-B4aFO7ly.js.map

package/dist/TableContainer-B4aFO7ly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer-B4aFO7ly.js","names":[],"sources":["../src/maintenanceEngine/tableBrowser/TableColumnDefs.js","../src/maintenanceEngine/tableBrowser/TableContainer.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const TableColumnDefs = (actionList) => {\n  const getterRowData = useCallback((params) => {\n    return params.data;\n  }, []);\n\n  const columnDefs = [\n    {\n      headerName: 'Name',\n      field: 'entityName',\n      valueGetter: (params) =>\n        params.data?.properties?.displayName ||\n        params.data?.sanitizedName ||\n        getSanitizedName(params.data?.entityName),\n      wrapText: true,\n      autoHeight: false,\n      sortable: false\n    },\n    {\n      headerName: 'Actions',\n      filter: false,\n      pinned: 'right',\n      cellRenderer: 'actionsRenderer',\n      // minWidth: 50,\n      width: 150,\n      cellRendererParams: {\n        actionList: actionList\n      },\n      valueGetter: getterRowData,\n      maxWidth: 180,\n      suppressMenu: true,\n      sortable: false,\n      cellStyle: { display: 'flex', alignItems: 'center' }\n    }\n  ];\n  return columnDefs;\n};\n\nexport const defaultColumnActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import React, { useEffect, useMemo } from 'react';\nimport { TableColumnDefs } from './TableColumnDefs';\nimport { AmbientGridTemplate } from '../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useAgGridApi } from '../../utilities/aggrid/AgTable';\nimport { executeQueryAdHoc } from '../../udp/utilities/methodUtils';\nimport { SearchServiceDatasource } from '../../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useBuildEnvironment } from '../../shell/ui/useBuildEnvironment';\n\nexport const TableContainer = (props) => {\n  const {\n    actionList,\n    loading,\n    rowData,\n    catalog,\n    isServerSide = false,\n    promotedEntity,\n    filterElements,\n    customColumnDefs,\n    eagerLoad = false,\n    logicalSearchOperator = 1,\n    frameworkComponents={ actionsRenderer: ActionsRenderer },\n    additionalGridOptions,\n    headerBackgroundColor,\n    api,\n    columnApi,\n    gridReady,\n    dynamicSizing,\n    ...other\n  } = props;\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const gApi = api || gridApi;\n  const cApi = columnApi || gridColumnApi;\n  const gReady = gridReady || onGridReady\n  const buildEnv = useBuildEnvironment()\n  const columnDefs = customColumnDefs || TableColumnDefs(actionList);\n\n  const groupData = useMemo(() => {\n    return columnDefs?.map((item) => {\n      return {\n        groupItem: item.field,\n        label: item.headerName,\n        value: item.field\n      };\n    });\n  }, [columnDefs]);\n\n  useEffect(() => {\n    if (!gApi) return;\n    if (promotedEntity && isServerSide) {\n      let datasource = SearchServiceDatasource(\n        null,\n        promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n        filterElements,\n        logicalSearchOperator,\n        executeQueryAdHoc,\n        null,\n        null,\n        eagerLoad\n      );\n      // eslint-disable-next-line no-unused-expressions\n      gApi?.setServerSideDatasource(datasource);\n    }\n  }, [gApi, promotedEntity, isServerSide, filterElements, eagerLoad, logicalSearchOperator]);\n\n  return (\n    <AmbientGridTemplate\n      useNewHeader\n      api={gApi}\n      onGridReady={gReady}\n      columnApi={cApi}\n      title={catalog?.name}\n      data={!isServerSide && rowData}\n      columnDefs={columnDefs}\n      groupingData={groupData}\n      height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n      frameworkComponents={frameworkComponents}\n      hideSearchBar={isServerSide}\n      loading={loading}\n      suppressScrollOnNewData\n      dynamicSizing={dynamicSizing ?? false}\n      disableRowSelection={true}\n      rowModelType={isServerSide ? 'serverSide' : null}\n      serverSideStoreType={isServerSide ? 'partial' : null}\n      cacheOverflowSize={isServerSide ? 2 : null}\n      cacheBlockSize={isServerSide ? 20 : null}\n      maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n      additionalGridOptions={additionalGridOptions}\n      headerBackgroundColor={headerBackgroundColor}\n      {...other}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAGA,MAAa,mBAAmB,eAAe;CAC7C,MAAM,gBAAgB,aAAa,WAAW;AAC5C,SAAO,OAAO;IACb,EAAE,CAAC;AA+BN,QA7BmB,CACjB;EACE,YAAY;EACZ,OAAO;EACP,cAAc,WACZ,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBACb,iBAAiB,OAAO,MAAM,WAAW;EAC3C,UAAU;EACV,YAAY;EACZ,UAAU;EACX,EACD;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,cAAc;EAEd,OAAO;EACP,oBAAoB,EACN,YACb;EACD,aAAa;EACb,UAAU;EACV,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CACF;;AAIH,MAAa,0BAA0B;CACrC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB;;;;ACtCD,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,YACA,SACA,SACA,SACA,eAAe,OACf,gBACA,gBACA,kBACA,YAAY,OACZ,wBAAwB,GACxB,sBAAoB,EAAE,iBAAiB,iBAAiB,EACxD,uBACA,uBACA,KACA,WACA,WACA,eACA,GAAG,UACD;CACJ,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,OAAO,OAAO;CACpB,MAAM,OAAO,aAAa;CAC1B,MAAM,SAAS,aAAa;CAC5B,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,oBAAoB,gBAAgB,WAAW;CAElE,MAAM,YAAY,cAAc;AAC9B,SAAO,YAAY,KAAK,SAAS;AAC/B,UAAO;IACL,WAAW,KAAK;IAChB,OAAO,KAAK;IACZ,OAAO,KAAK;IACb;IACD;IACD,CAAC,WAAW,CAAC;AAEhB,iBAAgB;AACd,MAAI,CAAC,KAAM;AACX,MAAI,kBAAkB,cAAc;GAClC,IAAI,aAAa,wBACf,MACA,gBAAgB,uBAAuB,aACvC,gBACA,uBACA,mBACA,MACA,MACA,UACD;AAED,SAAM,wBAAwB,WAAW;;IAE1C;EAAC;EAAM;EAAgB;EAAc;EAAgB;EAAW;EAAsB,CAAC;AAE1F,QACE,oCAAC;EACC;EACA,KAAK;EACL,aAAa;EACb,WAAW;EACX,OAAO,SAAS;EAChB,MAAM,CAAC,gBAAgB;EACX;EACZ,cAAc;EACd,QAAQ,gBAAgB,WAAW,UAAU,QAAQ;EAChC;EACrB,eAAe;EACN;EACT;EACA,eAAe,iBAAiB;EAChC,qBAAqB;EACrB,cAAc,eAAe,eAAe;EAC5C,qBAAqB,eAAe,YAAY;EAChD,mBAAmB,eAAe,IAAI;EACtC,gBAAgB,eAAe,KAAK;EACpC,iCAAiC,eAAe,IAAI;EAC7B;EACA;EACvB,GAAI;GACJ"}

package/dist/TenantProvider-rYWrO7y7.js

@@ -0,0 +1,37 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as useTenantStore } from "./tenantStore-OMCaM0Mv.js";
+import { t as TenantContext } from "./tenantContext-Bu-2lTI5.js";
+import React, { useMemo } from "react";
+
+//#region src/utilities/tenant/TenantProvider.jsx
+const TenantProvider = ({ children }) => {
+	const user = useUser();
+	const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);
+	const [{ data: tenants }, refetchTenantsList] = useAxiosGet(ConfigService.securityV1ApiUrl, `users/${user ? user?.id : ""}/unitytenants`, {}, !user?.id);
+	const tenantContext = useMemo(() => {
+		if (!user?.currentTenantId || !tenants) return null;
+		const activeTenant = tenants.find((tenant) => tenant.tenantId === user.currentTenantId);
+		setCurrentTenant({
+			tenantId: activeTenant?.tenantId,
+			name: activeTenant?.tenantName,
+			tenantType: activeTenant?.tenantType
+		});
+		return {
+			tenantsList: tenants,
+			activeTenant,
+			refresh: refetchTenantsList
+		};
+	}, [
+		tenants,
+		setCurrentTenant,
+		refetchTenantsList,
+		user?.currentTenantId
+	]);
+	return /* @__PURE__ */ React.createElement(TenantContext.Provider, { value: tenantContext }, children);
+};
+
+//#endregion
+export { TenantProvider as t };
+//# sourceMappingURL=TenantProvider-rYWrO7y7.js.map

package/dist/TenantProvider-rYWrO7y7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantProvider-rYWrO7y7.js","names":[],"sources":["../src/utilities/tenant/TenantProvider.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantContext } from './tenantContext';\nimport { useTenantStore } from '../../stores/tenantStore';\nimport { ConfigService } from '../../configService';\n\n\nexport const TenantProvider = ({ children }) => {\n  const user = useUser();\n  const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);\n  //Get tenants that the user belongs to\n  const [{ data: tenants }, refetchTenantsList] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/${user ? user?.id : ''}/unitytenants`,\n    {},\n    !user?.id\n  );\n\n  const tenantContext = useMemo(() => {\n    if (!user?.currentTenantId || !tenants) return null;\n\n    //matches users currentTenantId with the fetched tenant objects\n    const activeTenant = tenants.find(\n      (tenant) => tenant.tenantId === user.currentTenantId\n    );\n\n    setCurrentTenant({\n      tenantId: activeTenant?.tenantId,\n      name: activeTenant?.tenantName,\n      tenantType: activeTenant?.tenantType\n    });\n\n    return {\n      tenantsList: tenants,\n      activeTenant: activeTenant,\n      refresh: refetchTenantsList\n    };\n  }, [tenants, setCurrentTenant, refetchTenantsList, user?.currentTenantId]);\n\n  return (\n    <TenantContext.Provider value={tenantContext}>\n      {children}\n    </TenantContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,kBAAkB,EAAE,eAAe;CAC9C,MAAM,OAAO,SAAS;CACtB,MAAM,mBAAmB,gBAAgB,UAAU,MAAM,iBAAiB;CAE1E,MAAM,CAAC,EAAE,MAAM,WAAW,sBAAsB,YAC9C,cAAc,kBACd,SAAS,OAAO,MAAM,KAAK,GAAG,gBAC9B,EAAE,EACF,CAAC,MAAM,GACR;CAED,MAAM,gBAAgB,cAAc;AAClC,MAAI,CAAC,MAAM,mBAAmB,CAAC,QAAS,QAAO;EAG/C,MAAM,eAAe,QAAQ,MAC1B,WAAW,OAAO,aAAa,KAAK,gBACtC;AAED,mBAAiB;GACf,UAAU,cAAc;GACxB,MAAM,cAAc;GACpB,YAAY,cAAc;GAC3B,CAAC;AAEF,SAAO;GACL,aAAa;GACC;GACd,SAAS;GACV;IACA;EAAC;EAAS;EAAkB;EAAoB,MAAM;EAAgB,CAAC;AAE1E,QACE,oCAAC,cAAc,YAAS,OAAO,iBAC5B,SACsB"}

package/dist/TicketCard-CVryZ0w6.js

@@ -0,0 +1,143 @@
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import React from "react";
+import { Card, CardContent, Divider, Typography, makeStyles } from "@material-ui/core";
+import { ArrowUpRightIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/dataDisplay/ticketCard/NotificationElement.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {
+		width: 0,
+		height: 0,
+		borderTop: "0px solid transparent",
+		borderRight: `45px solid ${theme?.palette?.error?.main}`,
+		borderBottom: "45px solid transparent"
+	},
+	number: {
+		marginLeft: theme.spacing(3.5),
+		paddingTop: theme.spacing(.5),
+		color: theme?.palette?.common?.white
+	}
+}));
+const NotificationElement = ({ alertNumber }) => {
+	const classes = useStyles$2();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.number }, /* @__PURE__ */ React.createElement(Typography, null, " ", alertNumber, " ")));
+};
+NotificationElement.propTypes = { alertNumber: PropTypes.number.isRequired };
+
+//#endregion
+//#region src/UI/dataDisplay/ticketCard/StatusLineItem.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		width: "100%",
+		height: 44
+	},
+	wrapper: { display: "flex" },
+	labelCount: {
+		flex: 1,
+		display: "flex"
+	},
+	status: { marginRight: theme.spacing(1) },
+	icon: { marginRight: theme.spacing(1) }
+}));
+const StatusLineItem = ({ label, amount, status, icon, handleClick }) => {
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelCount }, /* @__PURE__ */ React.createElement("div", { className: classes.icon }, " ", icon, " "), /* @__PURE__ */ React.createElement(Typography, null, " ", label, " ")), /* @__PURE__ */ React.createElement("div", { className: classes.status }, status === "error" && /* @__PURE__ */ React.createElement(StatusChip, {
+		label: amount,
+		status
+	}), status !== "error" && amount), /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: handleClick,
+		className: classes.launch,
+		icon: ArrowUpRightIcon,
+		"aria-label": "launch"
+	})), /* @__PURE__ */ React.createElement(Divider, null));
+};
+StatusLineItem.propTypes = {
+	label: PropTypes.string.isRequired,
+	amount: PropTypes.number,
+	status: PropTypes.string,
+	icon: PropTypes.node,
+	handleClick: PropTypes.func
+};
+
+//#endregion
+//#region src/UI/dataDisplay/ticketCard/TicketCard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: { display: "flex" },
+	overviewContainer: {
+		width: theme.spacing(16),
+		height: theme.spacing(16),
+		background: "#393939",
+		marginRight: theme.spacing(2),
+		position: "relative"
+	},
+	notification: {
+		position: "absolute",
+		right: 0,
+		top: 0
+	},
+	totalNumber: {
+		textAlign: "center",
+		color: "#FFFFFF",
+		fontWeight: 400
+	},
+	label: {
+		display: "flex",
+		justifyContent: "center",
+		marginTop: -8,
+		color: "#FFFFFF"
+	},
+	itemContainer: {
+		width: "100%",
+		display: "flex",
+		flexDirection: "column",
+		alignContent: "space-around",
+		marginTop: theme.spacing(.5)
+	}
+}));
+const TicketCard = ({ totalAmount, label, notification, alertNumber, ticketData, component = "h6" }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, {
+		elevation: 0,
+		square: true,
+		className: classes.overviewContainer
+	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "h1",
+		component,
+		className: classes.totalNumber
+	}, totalAmount)), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label, " ")), notification && /* @__PURE__ */ React.createElement("div", { className: classes.notification }, /* @__PURE__ */ React.createElement(NotificationElement, { alertNumber })))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, ticketData && ticketData.map((item) => {
+		return /* @__PURE__ */ React.createElement(StatusLineItem, {
+			label: item.label,
+			amount: item.amount,
+			status: item.status === "error" && "error",
+			icon: item.icon,
+			key: item.id
+		});
+	})));
+};
+TicketCard.propTypes = {
+	totalAmount: PropTypes.number,
+	label: PropTypes.string.isRequired,
+	notification: PropTypes.bool,
+	alertNumber: PropTypes.number,
+	ticketData: PropTypes.arrayOf(PropTypes.shape({
+		ticketAmount: PropTypes.string.isRequired,
+		label: PropTypes.number.isRequired,
+		notification: PropTypes.number.isRequired,
+		alertNumber: PropTypes.number,
+		id: PropTypes.number.isRequired,
+		ticketData: PropTypes.arrayOf(PropTypes.shape({
+			label: PropTypes.string.isRequired,
+			amount: PropTypes.number,
+			status: PropTypes.string.isRequired,
+			icon: PropTypes.node
+		}))
+	}).isRequired).isRequired,
+	component: PropTypes.string
+};
+TicketCard.defaultProps = { component: "h2" };
+
+//#endregion
+export { StatusLineItem as n, NotificationElement as r, TicketCard as t };
+//# sourceMappingURL=TicketCard-CVryZ0w6.js.map

package/dist/TicketCard-CVryZ0w6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketCard-CVryZ0w6.js","names":["useStyles","useStyles"],"sources":["../src/UI/dataDisplay/ticketCard/NotificationElement.jsx","../src/UI/dataDisplay/ticketCard/StatusLineItem.jsx","../src/UI/dataDisplay/ticketCard/TicketCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: 0,\n    height: 0,\n    borderTop: '0px solid transparent',\n    borderRight: `45px solid ${theme?.palette?.error?.main}`,\n    borderBottom: '45px solid transparent'\n  },\n  number: {\n    marginLeft: theme.spacing(3.5),\n    paddingTop: theme.spacing(0.5),\n    color: theme?.palette?.common?.white\n  }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.number}>\n        <Typography> {alertNumber} </Typography>\n      </div>\n    </div>\n  )\n}\nNotificationElement.propTypes = {\n  /**\n   * number of alert items\n   */\n  alertNumber: PropTypes.number.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Divider, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { StatusChip } from '../status/StatusChip'\nimport { ArrowUpRightIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: 44\n  },\n  wrapper: { display: 'flex' },\n  labelCount: {\n    flex: 1,\n    display: 'flex'\n  },\n  status: {\n    marginRight: theme.spacing(1)\n  },\n  icon: {\n    marginRight: theme.spacing(1)\n  }\n}))\n\nexport const StatusLineItem = ({\n  label,\n  amount,\n  status,\n  icon,\n  handleClick\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.wrapper}>\n        <div className={classes.labelCount}>\n          <div className={classes.icon}> {icon} </div>\n          <Typography> {label} </Typography>\n        </div>\n        <div className={classes.status}>\n          {status === 'error' && <StatusChip label={amount} status={status} />}\n\n          {status !== 'error' && amount}\n        </div>\n        <FluentIconButton\n          onClick={handleClick}\n          className={classes.launch}\n          icon={ArrowUpRightIcon}\n          aria-label='launch'\n        />\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\nStatusLineItem.propTypes = {\n  /**\n   * stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Total amount stat\n   */\n  amount: PropTypes.number,\n  /**\n   * Type of status for status chip\n   */\n  status: PropTypes.string,\n  /**\n   * list icon\n   */\n  icon: PropTypes.node,\n  /**\n   * onClick event\n   */\n  handleClick: PropTypes.func\n}\n","import React from 'react'\nimport { makeStyles, Card, CardContent, Typography } from '@material-ui/core'\nimport { StatusLineItem } from './StatusLineItem'\nimport { NotificationElement } from './NotificationElement'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  overviewContainer: {\n    width: theme.spacing(16),\n    height: theme.spacing(16),\n    background: '#393939', // Add to theme\n    marginRight: theme.spacing(2),\n    position: 'relative'\n  },\n  notification: {\n    position: 'absolute',\n    right: 0,\n    top: 0\n  },\n  totalNumber: {\n    textAlign: 'center',\n    // color: theme.palette.common.white\n    color: '#FFFFFF', // Hex color added to avoid TypeError\n    fontWeight: 400\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: -8,\n    // color: theme.pallette.common.white\n    color: '#FFFFFF'\n  },\n  itemContainer: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignContent: 'space-around',\n    marginTop: theme.spacing(0.5)\n  }\n}))\n\nexport const TicketCard = ({\n  totalAmount,\n  label,\n  notification,\n  alertNumber,\n  ticketData,\n  component = 'h6'\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Card elevation={0} square className={classes.overviewContainer}>\n          <CardContent>\n            <Typography\n              variant='h1'\n              component={component}\n              className={classes.totalNumber}\n            >\n              {totalAmount}\n            </Typography>\n          </CardContent>\n          <div className={classes.label}>\n            <Typography variant='caption'>{label} </Typography>\n          </div>\n          {notification && (\n            <div className={classes.notification}>\n              <NotificationElement alertNumber={alertNumber} />\n            </div>\n          )}\n        </Card>\n      </div>\n\n      <div className={classes.itemContainer}>\n        {ticketData &&\n          ticketData.map((item) => {\n            return (\n              <StatusLineItem\n                label={item.label}\n                amount={item.amount}\n                status={item.status === 'error' && 'error'}\n                icon={item.icon}\n                key={item.id}\n              />\n            )\n          })}\n      </div>\n    </div>\n  )\n}\nTicketCard.propTypes = {\n  /**\n   * Total amount stat\n   */\n  totalAmount: PropTypes.number,\n  /**\n   * Stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Type of status to toggle notification\n   */\n  notification: PropTypes.bool,\n  /**\n   * amount of alert items\n   */\n  alertNumber: PropTypes.number,\n  /**\n   * prop for mapped data\n   */\n  ticketData: PropTypes.arrayOf(\n    PropTypes.shape({\n      ticketAmount: PropTypes.string.isRequired,\n      label: PropTypes.number.isRequired,\n      notification: PropTypes.number.isRequired,\n      alertNumber: PropTypes.number,\n      id: PropTypes.number.isRequired,\n      ticketData: PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string.isRequired,\n          amount: PropTypes.number,\n          status: PropTypes.string.isRequired,\n          icon: PropTypes.node\n        })\n      )\n    }).isRequired\n  ).isRequired,\n  /**\n   * Header Tag override. Defaults to H2\n   */\n  component: PropTypes.string\n}\n\nTicketCard.defaultProps = {\n  component: 'h2'\n}\n"],"mappings":"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"}

package/dist/TileDisplay-DqMdnf8Z.js

@@ -0,0 +1,224 @@
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { t as FluentInputSlider_default } from "./FluentInputSlider-CafllsfS.js";
+import React from "react";
+import { Card, CardContent, Chip, Divider, Paper, Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
+import clsx from "clsx";
+import { AlertSolidIcon, BoxMultiplySolidIcon, ChevronLeftIcon, ChevronRightIcon, HomeIcon, MapPinIcon, ZoomIcon, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon } from "@fluentui/react-icons";
+
+//#region src/map-library/ui/ControlZoom.jsx
+const useStyles$4 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	divider: {
+		marginRight: theme.spacing(2),
+		marginLeft: theme.spacing(2)
+	}
+}));
+const ControlZoom = (props) => {
+	const { zoomIn, zoomOut, value, handleSliderChange, handleInputChange, handleBlur, reset } = props;
+	const classes = useStyles$4();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: zoomIn,
+		color: "primary",
+		icon: ZoomInIcon
+	}), /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: zoomOut,
+		color: "primary",
+		icon: ZoomOutIcon
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentInputSlider_default, {
+		value,
+		handleSliderChange,
+		handleInputChange,
+		handleBlur,
+		input: true,
+		icon: ZoomIcon
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: reset,
+		color: "primary",
+		icon: ZoomToFitIcon
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })));
+};
+var ControlZoom_default = ControlZoom;
+
+//#endregion
+//#region src/map-library/ui/FilterOptions.jsx
+const useStyles$3 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	divider: {
+		marginRight: theme.spacing(2),
+		marginLeft: theme.spacing(2)
+	}
+}));
+const FilterOptions = (props) => {
+	const classes = useStyles$3();
+	const { showAlert, showHome, showMarker, toggleDisplayMarkers } = props;
+	const theme = useTheme();
+	const inactive = lighten(theme.palette.common.black, .8);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		color: "primary",
+		icon: AlertSolidIcon,
+		onClick: () => toggleDisplayMarkers("alert"),
+		style: { color: showAlert ? theme.palette.error.main : inactive }
+	}), /* @__PURE__ */ React.createElement(FluentIconButton, {
+		color: "primary",
+		icon: HomeIcon,
+		onClick: () => toggleDisplayMarkers("home"),
+		style: { color: showHome ? theme.palette.success.main : inactive }
+	}), /* @__PURE__ */ React.createElement(FluentIconButton, {
+		color: "primary",
+		icon: BoxMultiplySolidIcon,
+		onClick: () => toggleDisplayMarkers("mark"),
+		style: { color: showMarker ? theme.palette.success.main : inactive }
+	}));
+};
+var FilterOptions_default = FilterOptions;
+
+//#endregion
+//#region src/map-library/ui/MapFilterBar.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	filter: {
+		display: "flex",
+		flex: 1
+	},
+	divider: {
+		marginRight: theme.spacing(2),
+		marginLeft: theme.spacing(2)
+	}
+}));
+const MapFilterBar = (props) => {
+	const classes = useStyles$2();
+	const { showAlert, toggleDisplayMarkers, value, setZoom, handleSliderChange, handleInputChange, handleBlur, zoomIn, zoomOut, reset, showHome } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.filter }, /* @__PURE__ */ React.createElement(FilterOptions_default, {
+		showAlert,
+		showHome,
+		toggleDisplayMarkers
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ControlZoom_default, {
+		zoomIn,
+		zoomOut,
+		value,
+		setValue: setZoom,
+		handleSliderChange,
+		handleInputChange,
+		handleBlur,
+		reset
+	})));
+};
+
+//#endregion
+//#region src/map-library/ui/MapSheet.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		position: "absolute",
+		zIndex: 9999,
+		top: 50,
+		right: 0
+	},
+	mapPage: { overflow: "hidden" },
+	collapsed: {
+		width: 0,
+		transition: theme.transitions.create("width", {
+			easing: theme.transitions.easing.easeOut,
+			duration: theme.transitions.duration.leavingScreen
+		})
+	},
+	expanded: {
+		width: 300,
+		transition: theme.transitions.create("width", {
+			easing: theme.transitions.easing.easeIn,
+			duration: theme.transitions.duration.enteringScreen
+		})
+	},
+	wrapper: { padding: theme.spacing(2) },
+	sheetWrapper: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	toggle: {
+		padding: theme.spacing(1),
+		background: theme.palette.common.white,
+		height: theme.spacing(6)
+	}
+}));
+const MapSheet = (props) => {
+	const classes = useStyles$1();
+	const { children, collapsed, toggle } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, collapsed ? classes.collapsed : classes.expanded) }, /* @__PURE__ */ React.createElement("div", { className: classes.sheetWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		className: classes.extendedButton,
+		onClick: toggle,
+		color: "primary",
+		icon: collapsed ? ChevronLeftIcon : ChevronRightIcon
+	})), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Paper, { square: true }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, children)))));
+};
+
+//#endregion
+//#region src/map-library/ui/TileDisplay.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	title: { fontWeight: 700 },
+	titleWrapper: { marginBottom: theme.spacing(1) },
+	divider: {},
+	body: { color: lighten(theme.palette.common.black, .5) },
+	actions: {
+		marginTop: theme.spacing(1),
+		display: "flex",
+		flexDirection: "row"
+	},
+	qty: { marginLeft: theme.spacing(1) }
+}));
+const TileDisplay = (props) => {
+	const { title, body, selected } = props;
+	const classes = useStyles();
+	const qty = Math.floor(Math.random() * 10) + 1;
+	const theme = useTheme();
+	const Indicator = () => {
+		return /* @__PURE__ */ React.createElement("svg", {
+			width: "15",
+			height: "10"
+		}, /* @__PURE__ */ React.createElement("circle", {
+			cx: "70%",
+			cy: "50%",
+			r: "4",
+			fill: theme.palette.success.main
+		}));
+	};
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, {
+		square: true,
+		elevation: 0,
+		className: classes.root,
+		style: { background: selected && lighten(theme.palette.secondary.main, .9) }
+	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.title,
+		variant: "subtitle"
+	}, title)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.body,
+		variant: "caption"
+	}, body))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		color: "primary",
+		icon: MapPinIcon
+	}))), /* @__PURE__ */ React.createElement("div", { className: classes.actions }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Chip, {
+		variant: "outlined",
+		size: "small",
+		label: "Active",
+		icon: /* @__PURE__ */ React.createElement(Indicator, null)
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.qty }, /* @__PURE__ */ React.createElement(Chip, {
+		variant: "outlined",
+		size: "small",
+		label: `Qty:${qty}`
+	}))))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, null)));
+};
+
+//#endregion
+export { MapSheet as n, MapFilterBar as r, TileDisplay as t };
+//# sourceMappingURL=TileDisplay-DqMdnf8Z.js.map