udp-react-enterprise-component-library 25.18.1-beta.36 → 25.18.1-beta.37

package/dist/{auth-DQZDqD8X.js.map → auth-eDuSIJxU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"auth-DQZDqD8X.js","names":["tenantId: any","userTenantPermissions: any","userTenantRoles: any","userTenantProducts: any","roleIds: any","useLocation","CustomNavigationClient","UserProvider","useSingleLogout: () => () => void"],"sources":["../src/utilities/auth/user.ts","../src/utilities/auth/useAccessToken.js","../src/utilities/auth/UserProvider.jsx","../src/utilities/auth/AuthProvider.jsx","../src/utilities/auth/AuthProviderWrapper.jsx","../src/utilities/auth/useSingleLogout.ts"],"sourcesContent":["import { ConfigService } from '../../configService';\nimport { RoleIdEnums } from '../../enums/unitySystemEnums';\nimport { getStoredTenant } from '../storage/UnitySessionStorage';\n\nexport interface User {\n  name: string | undefined;\n  firstName: string | undefined;\n  familyName: string | undefined;\n  jobTitle: string | undefined;\n  email: string | undefined;\n  mobile: string | undefined;\n  phone: string | undefined;\n  id: string | undefined;\n  location: string | undefined;\n  aadId: string | undefined;\n  accessToken: string | undefined;\n  defaultTenantId: string | undefined;\n  currentTenantId: string | undefined;\n  tenantIds: Array<string> | undefined;\n  roleIds: Array<string> | undefined;\n  products: Array<object> | undefined;\n  permissions: Array<object> | undefined;\n  can: any | undefined;\n  statusCode: number | undefined;\n  unityId: string | undefined;\n  additionalProperties: any | undefined;\n  roleNames: Array<string> | undefined;\n  isUnitySystemAdmin: boolean | undefined;\n}\n\n/**\n * Create a \"unified\" user object from MSAL account info and Univerus user data (in the future)\n */\nexport function createUser(userInfo: any): User {\n  const tenantId: any =\n    getStoredTenant() ||\n    (userInfo?.defaultTenantId ??\n      (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ''));\n  let userTenantPermissions: any = [];\n  let userTenantRoles: any = [];\n  let userTenantProducts: any = [];\n  const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find(\n    (propertyView: any) => propertyView?.tenantId === tenantId\n  );\n  userTenantPermissions = currentUserTenantProperties\n    ? currentUserTenantProperties.permissions\n    : [];\n  userTenantRoles = currentUserTenantProperties\n    ? currentUserTenantProperties.securityRoles\n    : [];\n  userTenantProducts = currentUserTenantProperties\n    ? currentUserTenantProperties.products\n    : [];\n\n  let roleIds: any = userTenantRoles.map((role: any) => role.roleId) ?? [];\n\n  return {\n    name: userInfo?.displayName ?? '',\n    firstName: userInfo?.givenName ?? '',\n    familyName: userInfo?.surname ?? '',\n    jobTitle: userInfo?.jobTitle ?? '',\n    email: userInfo?.email ?? '',\n    mobile: userInfo?.mobilePhone ?? '',\n    phone: userInfo?.officePhone ?? '',\n    id: userInfo?.userId ?? '',\n    location: userInfo?.location ?? '',\n    aadId: userInfo?.externalUUID ?? '',\n    accessToken: userInfo?.accessToken ?? '',\n    tenantIds: userInfo?.tenantIds ?? [],\n    defaultTenantId: userInfo?.defaultTenantId ?? '',\n    currentTenantId: ConfigService.config.UNITY_TENANT_ID\n      ? ConfigService.config.UNITY_TENANT_ID\n      : tenantId,\n    roleIds: roleIds,\n    products: userTenantProducts,\n    permissions: userTenantPermissions,\n    can:\n      userTenantPermissions.reduce((can: any, permission: any) => {\n        if (permission.value === 'false') {\n          can[permission.name] = false;\n        } else if (permission.value === 'true') {\n          can[permission.name] = true;\n        } else {\n          can[permission.name] = permission.value;\n        }\n        return can;\n      }, {}) ?? {},\n    statusCode: userInfo?.statusCode ?? 200,\n    unityId: userInfo?.userId ?? '',\n    additionalProperties: userInfo?.additionalProperties ?? undefined,\n    roleNames: userTenantRoles.map((role) => role.name) ?? [],\n    isUnitySystemAdmin: !!roleIds.find(\n      (id: string) => id === RoleIdEnums.Unity_System_Administrator\n    )\n  };\n}\n","import { useState } from 'react';\nimport { acquireAccessToken } from './authActions';\n\nexport const useAccessToken = () => {\n  const [accessToken, setAccessToken] = useState(null);\n\n  acquireAccessToken().then((token) => {\n    if (accessToken !== token) {\n      setAccessToken(token);\n    }\n  });\n\n  return accessToken;\n};\n","import React, { useReducer, useEffect } from 'react';\nimport { UserContext, UserDispatchContext } from './internal';\nimport { createUser } from './user';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { useAccount } from '@azure/msal-react';\nimport { storeTenant, getStoredTenant } from '../storage/UnitySessionStorage';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantProvider } from '../tenant/TenantProvider';\nimport { useAccessToken } from './useAccessToken';\nimport { ConfigService } from '../../configService';\nconst emptyUser = {\n  name: '',\n  firstName: '',\n  familyName: '',\n  jobTitle: '',\n  email: '',\n  mobile: '',\n  phone: '',\n  id: '',\n  location: '',\n  aadId: '',\n  accessToken: '',\n  defaultTenantId: '',\n  currentTenantId: '',\n  tenantIds: [],\n  roleIds: [],\n  products: [],\n  permissions: [],\n  can: {},\n  statusCode: undefined,\n  unityId: undefined,\n  additionalProperties: undefined,\n  roleNames: [],\n  isUnitySystemAdmin: undefined\n};\n\nconst UserProvider = (props) => {\n  const {\n    children,\n    setSessionExpiredModalOpen,\n    setNonExistingUserModalOpen,\n    setErrorMessage,\n    isWhiteListed,\n    doNotWaitForTenant = false,\n    unityTenantId\n  } = props;\n  const activeAccount = useAccount();\n  const idTokenClaims = activeAccount?.idTokenClaims;\n  const sub = idTokenClaims?.sub;\n  const accessToken = useAccessToken();\n\n  //Get user info\n  const [{ data: userInfo, error: userError }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/unityuser?sub=${sub}`,\n    {},\n    false,\n    false\n  );\n\n  useEffect(() => {\n    if (userError) {\n      setErrorMessage('Unable to get user details. Please try again.');\n      setNonExistingUserModalOpen(true);\n    }\n  }, [setErrorMessage, setNonExistingUserModalOpen, userError]);\n\n  //   const [{ data: aadUserInfo }] = useAxiosGet(\n  //     ConfigService.securityV1ApiUrl,\n  //     `users/${sub}`,\n  //     {},\n  //     false,\n  //     false\n  //   );\n\n  const [userState, dispatch] = useReducer((state, action) => {\n    switch (action.type) {\n      case 'SET_USER':\n        state = {\n          ...state,\n          user: action.user\n        };\n        break;\n      case 'CHANGE_TENANT':\n        let userTenantPermissions = [];\n        let userTenantRoles = [];\n        let userTenantProducts = [];\n        if (state.tenantIds) {\n          const currentUserTenantProperties =\n            userInfo.userTenantPropertiesView?.find(\n              (propertyView) => propertyView?.tenantId === action.tenantId\n            );\n          userTenantPermissions = currentUserTenantProperties\n            ? currentUserTenantProperties.permissions\n            : [];\n          userTenantRoles = currentUserTenantProperties\n            ? currentUserTenantProperties.securityRoles\n            : [];\n          userTenantProducts = currentUserTenantProperties\n            ? currentUserTenantProperties.products\n            : [];\n        }\n        state = {\n          user: {\n            ...state,\n            currentTenantId: action.tenantId,\n            products: userTenantProducts,\n            permissions: userTenantPermissions,\n            roleIds: userTenantRoles.map((role) => role.roleId) ?? [],\n            roleNames: userTenantRoles.map((role) => role.name) ?? []\n          }\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${action.type}`);\n    }\n\n    return state.user;\n  }, emptyUser);\n\n  useEffect(() => {\n    if (userInfo?.userId) {\n      const user = createUser({\n        ...userInfo,\n        displayName: idTokenClaims?.name,\n        givenName: idTokenClaims?.given_name ?? idTokenClaims?.name,\n        accessToken: accessToken,\n        surname: idTokenClaims?.family_name\n      });\n      sessionStorage.setItem('user-id', userInfo?.userId);\n\n      dispatch({ type: 'SET_USER', user });\n    }\n  }, [\n    userInfo,\n    idTokenClaims?.name,\n    idTokenClaims.firstName,\n    accessToken,\n    idTokenClaims.lastName,\n    idTokenClaims?.given_name,\n    idTokenClaims?.family_name\n  ]);\n\n  useEffect(() => {\n    if (userInfo?.defaultTenantId) {\n      if (!getStoredTenant()) {\n        if (unityTenantId) {\n          storeTenant(unityTenantId);\n        } else {\n          storeTenant(userInfo.defaultTenantId);\n        }\n      }\n    }\n  }, [userInfo]);\n\n  return (\n    <div>\n      {doNotWaitForTenant &&\n      !userState?.currentTenantId &&\n      !isWhiteListed ? (\n        <LoadingIndicator />\n      ) : (\n        <UserContext.Provider value={userState}>\n          <UserDispatchContext.Provider value={dispatch}>\n            <TenantProvider>{children}</TenantProvider>\n          </UserDispatchContext.Provider>\n        </UserContext.Provider>\n      )}\n    </div>\n  );\n};\n\nexport default UserProvider;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  initSignInAuthProvider,\n  getSignInAuthProvider,\n  getLoginRequest,\n} from './signInAuthProvider';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { whitelistedPaths } from './whitelistedPaths';\nimport { InteractionType } from '@azure/msal-browser';\nimport {\n  MsalProvider,\n  MsalAuthenticationTemplate,\n} from '@azure/msal-react';\nimport { useHistory } from 'react-router-dom';\nimport CustomNavigationClient from '../CustomNavigationClient';\nimport { useLocation } from 'react-use';\nimport UserProvider from './UserProvider';\nimport { PasswordResetRedirect } from '../../routes/components/PasswordResetRedirect';\n\nexport const AuthProvider = ({ children, doNotWaitForTenant = false, unityTenantId }) => {\n  const [msalInstance, setMsalInstance] = useState(null);\n  const [loginRequestInstance, setLoginRequestInstance] = useState(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n\n  const history = useHistory();\n  const location = useLocation();\n\n  useEffect(() => {\n    const initialize = async () => {\n      try {\n        await initSignInAuthProvider();\n        const authProvider = getSignInAuthProvider();\n        const navigationClient = new CustomNavigationClient(history);\n        authProvider.setNavigationClient(navigationClient);\n        setMsalInstance(authProvider);\n        setLoginRequestInstance(getLoginRequest());\n        setIsInitialized(true);\n      } catch (error) {\n        console.error('Failed to initialize AuthProvider:', error);\n        // Handle initialization error, maybe show an error message\n      }\n    };\n    initialize();\n  }, [history]);\n\n  const [sessionExpiredModalOpen, setSessionExpiredModalOpen] = useState(false);\n  const [nonExistingUserModalOpen, setNonExistingUserModalOpen] =\n    useState(false);\n  const [errorMessage, setErrorMessage] = useState('');\n\n  const isWhiteListed = useMemo(() => {\n    const url = location.pathname;\n    return whitelistedPaths.includes(url ?? '');\n  }, [location]);\n\n  if (!isInitialized) {\n    return <LoadingIndicator />;\n  }\n\n  if (isWhiteListed) {\n    return <MsalProvider instance={msalInstance}>{children}</MsalProvider>;\n  }\n\n  return (\n    <MsalProvider instance={msalInstance}>\n      <MsalAuthenticationTemplate\n        interactionType={InteractionType.Redirect}\n        authenticationRequest={loginRequestInstance}\n        loadingComponent={() => <LoadingIndicator />}\n        errorComponent={(props) => <PasswordResetRedirect {...props} />}\n      >\n        <UserProvider\n          sessionExpiredModalOpen={sessionExpiredModalOpen}\n          setSessionExpiredModalOpen={setSessionExpiredModalOpen}\n          setNonExistingUserModalOpen={setNonExistingUserModalOpen}\n          setErrorMessage={setErrorMessage}\n          isWhiteListed={isWhiteListed}\n          doNotWaitForTenant={doNotWaitForTenant}\n          unityTenantId={unityTenantId}\n        >\n          {children}\n        </UserProvider>\n      </MsalAuthenticationTemplate>\n    </MsalProvider>\n  );\n};\n","import React from 'react';\n// import { LocalAuthProvider }  from './LocalAuthProvider';\nimport { AuthProvider } from './AuthProvider';\n\nexport const AuthProviderWrapper = props => {\n  const { children } = props;\n\n  return <AuthProvider {...props}> {children}</AuthProvider>\n\n};\n","import 'react';\nimport { clearStoredPath } from '../redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../redirect/ExternalRedirectUrlStorage';\nimport {clearStoredTenant} from '../storage/UnitySessionStorage'\nimport {useLogoutAction} from './authActions';\n\nexport const useSingleLogout: () => () => void = () => {\n  const logout = useLogoutAction();\n  return () => {\n    clearStoredPath();\n    clearStoredExternalPath();\n    clearStoredTenant();\n    logout()\n  }\n\n};\n"],"mappings":"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"}
+{"version":3,"file":"auth-eDuSIJxU.js","names":["tenantId: any","userTenantPermissions: any","userTenantRoles: any","userTenantProducts: any","roleIds: any","useLocation","CustomNavigationClient","UserProvider","useSingleLogout: () => () => void"],"sources":["../src/utilities/auth/user.ts","../src/utilities/auth/useAccessToken.js","../src/utilities/auth/UserProvider.jsx","../src/utilities/auth/AuthProvider.jsx","../src/utilities/auth/AuthProviderWrapper.jsx","../src/utilities/auth/useSingleLogout.ts"],"sourcesContent":["import { ConfigService } from '../../configService';\nimport { RoleIdEnums } from '../../enums/unitySystemEnums';\nimport { getStoredTenant } from '../storage/UnitySessionStorage';\n\nexport interface User {\n  name: string | undefined;\n  firstName: string | undefined;\n  familyName: string | undefined;\n  jobTitle: string | undefined;\n  email: string | undefined;\n  mobile: string | undefined;\n  phone: string | undefined;\n  id: string | undefined;\n  location: string | undefined;\n  aadId: string | undefined;\n  accessToken: string | undefined;\n  defaultTenantId: string | undefined;\n  currentTenantId: string | undefined;\n  tenantIds: Array<string> | undefined;\n  roleIds: Array<string> | undefined;\n  products: Array<object> | undefined;\n  permissions: Array<object> | undefined;\n  can: any | undefined;\n  statusCode: number | undefined;\n  unityId: string | undefined;\n  additionalProperties: any | undefined;\n  roleNames: Array<string> | undefined;\n  isUnitySystemAdmin: boolean | undefined;\n}\n\n/**\n * Create a \"unified\" user object from MSAL account info and Univerus user data (in the future)\n */\nexport function createUser(userInfo: any): User {\n  const tenantId: any =\n    getStoredTenant() ||\n    (userInfo?.defaultTenantId ??\n      (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ''));\n  let userTenantPermissions: any = [];\n  let userTenantRoles: any = [];\n  let userTenantProducts: any = [];\n  const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find(\n    (propertyView: any) => propertyView?.tenantId === tenantId\n  );\n  userTenantPermissions = currentUserTenantProperties\n    ? currentUserTenantProperties.permissions\n    : [];\n  userTenantRoles = currentUserTenantProperties\n    ? currentUserTenantProperties.securityRoles\n    : [];\n  userTenantProducts = currentUserTenantProperties\n    ? currentUserTenantProperties.products\n    : [];\n\n  let roleIds: any = userTenantRoles.map((role: any) => role.roleId) ?? [];\n\n  return {\n    name: userInfo?.displayName ?? '',\n    firstName: userInfo?.givenName ?? '',\n    familyName: userInfo?.surname ?? '',\n    jobTitle: userInfo?.jobTitle ?? '',\n    email: userInfo?.email ?? '',\n    mobile: userInfo?.mobilePhone ?? '',\n    phone: userInfo?.officePhone ?? '',\n    id: userInfo?.userId ?? '',\n    location: userInfo?.location ?? '',\n    aadId: userInfo?.externalUUID ?? '',\n    accessToken: userInfo?.accessToken ?? '',\n    tenantIds: userInfo?.tenantIds ?? [],\n    defaultTenantId: userInfo?.defaultTenantId ?? '',\n    currentTenantId: ConfigService.config.UNITY_TENANT_ID\n      ? ConfigService.config.UNITY_TENANT_ID\n      : tenantId,\n    roleIds: roleIds,\n    products: userTenantProducts,\n    permissions: userTenantPermissions,\n    can:\n      userTenantPermissions.reduce((can: any, permission: any) => {\n        if (permission.value === 'false') {\n          can[permission.name] = false;\n        } else if (permission.value === 'true') {\n          can[permission.name] = true;\n        } else {\n          can[permission.name] = permission.value;\n        }\n        return can;\n      }, {}) ?? {},\n    statusCode: userInfo?.statusCode ?? 200,\n    unityId: userInfo?.userId ?? '',\n    additionalProperties: userInfo?.additionalProperties ?? undefined,\n    roleNames: userTenantRoles.map((role) => role.name) ?? [],\n    isUnitySystemAdmin: !!roleIds.find(\n      (id: string) => id === RoleIdEnums.Unity_System_Administrator\n    )\n  };\n}\n","import { useState } from 'react';\nimport { acquireAccessToken } from './authActions';\n\nexport const useAccessToken = () => {\n  const [accessToken, setAccessToken] = useState(null);\n\n  acquireAccessToken().then((token) => {\n    if (accessToken !== token) {\n      setAccessToken(token);\n    }\n  });\n\n  return accessToken;\n};\n","import React, { useReducer, useEffect } from 'react';\nimport { UserContext, UserDispatchContext } from './internal';\nimport { createUser } from './user';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { useAccount } from '@azure/msal-react';\nimport { storeTenant, getStoredTenant } from '../storage/UnitySessionStorage';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantProvider } from '../tenant/TenantProvider';\nimport { useAccessToken } from './useAccessToken';\nimport { ConfigService } from '../../configService';\nconst emptyUser = {\n  name: '',\n  firstName: '',\n  familyName: '',\n  jobTitle: '',\n  email: '',\n  mobile: '',\n  phone: '',\n  id: '',\n  location: '',\n  aadId: '',\n  accessToken: '',\n  defaultTenantId: '',\n  currentTenantId: '',\n  tenantIds: [],\n  roleIds: [],\n  products: [],\n  permissions: [],\n  can: {},\n  statusCode: undefined,\n  unityId: undefined,\n  additionalProperties: undefined,\n  roleNames: [],\n  isUnitySystemAdmin: undefined\n};\n\nconst UserProvider = (props) => {\n  const {\n    children,\n    setSessionExpiredModalOpen,\n    setNonExistingUserModalOpen,\n    setErrorMessage,\n    isWhiteListed,\n    doNotWaitForTenant = false,\n    unityTenantId\n  } = props;\n  const activeAccount = useAccount();\n  const idTokenClaims = activeAccount?.idTokenClaims;\n  const sub = idTokenClaims?.sub;\n  const accessToken = useAccessToken();\n\n  //Get user info\n  const [{ data: userInfo, error: userError }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/unityuser?sub=${sub}`,\n    {},\n    false,\n    false\n  );\n\n  useEffect(() => {\n    if (userError) {\n      setErrorMessage('Unable to get user details. Please try again.');\n      setNonExistingUserModalOpen(true);\n    }\n  }, [setErrorMessage, setNonExistingUserModalOpen, userError]);\n\n  //   const [{ data: aadUserInfo }] = useAxiosGet(\n  //     ConfigService.securityV1ApiUrl,\n  //     `users/${sub}`,\n  //     {},\n  //     false,\n  //     false\n  //   );\n\n  const [userState, dispatch] = useReducer((state, action) => {\n    switch (action.type) {\n      case 'SET_USER':\n        state = {\n          ...state,\n          user: action.user\n        };\n        break;\n      case 'CHANGE_TENANT':\n        let userTenantPermissions = [];\n        let userTenantRoles = [];\n        let userTenantProducts = [];\n        if (state.tenantIds) {\n          const currentUserTenantProperties =\n            userInfo.userTenantPropertiesView?.find(\n              (propertyView) => propertyView?.tenantId === action.tenantId\n            );\n          userTenantPermissions = currentUserTenantProperties\n            ? currentUserTenantProperties.permissions\n            : [];\n          userTenantRoles = currentUserTenantProperties\n            ? currentUserTenantProperties.securityRoles\n            : [];\n          userTenantProducts = currentUserTenantProperties\n            ? currentUserTenantProperties.products\n            : [];\n        }\n        state = {\n          user: {\n            ...state,\n            currentTenantId: action.tenantId,\n            products: userTenantProducts,\n            permissions: userTenantPermissions,\n            roleIds: userTenantRoles.map((role) => role.roleId) ?? [],\n            roleNames: userTenantRoles.map((role) => role.name) ?? []\n          }\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${action.type}`);\n    }\n\n    return state.user;\n  }, emptyUser);\n\n  useEffect(() => {\n    if (userInfo?.userId) {\n      const user = createUser({\n        ...userInfo,\n        displayName: idTokenClaims?.name,\n        givenName: idTokenClaims?.given_name ?? idTokenClaims?.name,\n        accessToken: accessToken,\n        surname: idTokenClaims?.family_name\n      });\n      sessionStorage.setItem('user-id', userInfo?.userId);\n\n      dispatch({ type: 'SET_USER', user });\n    }\n  }, [\n    userInfo,\n    idTokenClaims?.name,\n    idTokenClaims.firstName,\n    accessToken,\n    idTokenClaims.lastName,\n    idTokenClaims?.given_name,\n    idTokenClaims?.family_name\n  ]);\n\n  useEffect(() => {\n    if (userInfo?.defaultTenantId) {\n      if (!getStoredTenant()) {\n        if (unityTenantId) {\n          storeTenant(unityTenantId);\n        } else {\n          storeTenant(userInfo.defaultTenantId);\n        }\n      }\n    }\n  }, [userInfo]);\n\n  return (\n    <div>\n      {doNotWaitForTenant &&\n      !userState?.currentTenantId &&\n      !isWhiteListed ? (\n        <LoadingIndicator />\n      ) : (\n        <UserContext.Provider value={userState}>\n          <UserDispatchContext.Provider value={dispatch}>\n            <TenantProvider>{children}</TenantProvider>\n          </UserDispatchContext.Provider>\n        </UserContext.Provider>\n      )}\n    </div>\n  );\n};\n\nexport default UserProvider;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  initSignInAuthProvider,\n  getSignInAuthProvider,\n  getLoginRequest,\n} from './signInAuthProvider';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { whitelistedPaths } from './whitelistedPaths';\nimport { InteractionType } from '@azure/msal-browser';\nimport {\n  MsalProvider,\n  MsalAuthenticationTemplate,\n} from '@azure/msal-react';\nimport { useHistory } from 'react-router-dom';\nimport CustomNavigationClient from '../CustomNavigationClient';\nimport { useLocation } from 'react-use';\nimport UserProvider from './UserProvider';\nimport { PasswordResetRedirect } from '../../routes/components/PasswordResetRedirect';\n\nexport const AuthProvider = ({ children, doNotWaitForTenant = false, unityTenantId }) => {\n  const [msalInstance, setMsalInstance] = useState(null);\n  const [loginRequestInstance, setLoginRequestInstance] = useState(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n\n  const history = useHistory();\n  const location = useLocation();\n\n  useEffect(() => {\n    const initialize = async () => {\n      try {\n        await initSignInAuthProvider();\n        const authProvider = getSignInAuthProvider();\n        const navigationClient = new CustomNavigationClient(history);\n        authProvider.setNavigationClient(navigationClient);\n        setMsalInstance(authProvider);\n        setLoginRequestInstance(getLoginRequest());\n        setIsInitialized(true);\n      } catch (error) {\n        console.error('Failed to initialize AuthProvider:', error);\n        // Handle initialization error, maybe show an error message\n      }\n    };\n    initialize();\n  }, [history]);\n\n  const [sessionExpiredModalOpen, setSessionExpiredModalOpen] = useState(false);\n  const [nonExistingUserModalOpen, setNonExistingUserModalOpen] =\n    useState(false);\n  const [errorMessage, setErrorMessage] = useState('');\n\n  const isWhiteListed = useMemo(() => {\n    const url = location.pathname;\n    return whitelistedPaths.includes(url ?? '');\n  }, [location]);\n\n  if (!isInitialized) {\n    return <LoadingIndicator />;\n  }\n\n  if (isWhiteListed) {\n    return <MsalProvider instance={msalInstance}>{children}</MsalProvider>;\n  }\n\n  return (\n    <MsalProvider instance={msalInstance}>\n      <MsalAuthenticationTemplate\n        interactionType={InteractionType.Redirect}\n        authenticationRequest={loginRequestInstance}\n        loadingComponent={() => <LoadingIndicator />}\n        errorComponent={(props) => <PasswordResetRedirect {...props} />}\n      >\n        <UserProvider\n          sessionExpiredModalOpen={sessionExpiredModalOpen}\n          setSessionExpiredModalOpen={setSessionExpiredModalOpen}\n          setNonExistingUserModalOpen={setNonExistingUserModalOpen}\n          setErrorMessage={setErrorMessage}\n          isWhiteListed={isWhiteListed}\n          doNotWaitForTenant={doNotWaitForTenant}\n          unityTenantId={unityTenantId}\n        >\n          {children}\n        </UserProvider>\n      </MsalAuthenticationTemplate>\n    </MsalProvider>\n  );\n};\n","import React from 'react';\n// import { LocalAuthProvider }  from './LocalAuthProvider';\nimport { AuthProvider } from './AuthProvider';\n\nexport const AuthProviderWrapper = props => {\n  const { children } = props;\n\n  return <AuthProvider {...props}> {children}</AuthProvider>\n\n};\n","import 'react';\nimport { clearStoredPath } from '../redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../redirect/ExternalRedirectUrlStorage';\nimport {clearStoredTenant} from '../storage/UnitySessionStorage'\nimport {useLogoutAction} from './authActions';\n\nexport const useSingleLogout: () => () => void = () => {\n  const logout = useLogoutAction();\n  return () => {\n    clearStoredPath();\n    clearStoredExternalPath();\n    clearStoredTenant();\n    logout()\n  }\n\n};\n"],"mappings":"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"}

package/dist/componentSystems/multiThreadTimeline/index.js

@@ -2,8 +2,8 @@ import { a as plotX, i as plotCategoryBar, n as formatDataWithTimelineCategoryNa
 import { n as TimelineStatus, r as TimelineDateBar, t as MttYearTag } from "../../MttYearTag-Cw8OyKTy.js";
 import { t as TimelineToken } from "../../TimelineToken-nU7fdgjR.js";
 import { a as TimelineWrapper, c as TimelineDot, i as MultiDot, l as TimelineHoverCard, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, s as TimelineTokenSummary, t as DynamicRangeSlider } from "../../DynamicRangeSlider-prr4fg8d.js";
-import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../MttMainTimeline-rLgkgX8U.js";
-import { n as createTimeline, t as MttSummary } from "../../MttSummary-DeCFHat3.js";
-import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../CircleButton-DzJjhCYd.js";
+import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../MttMainTimeline-CW0QNrZw.js";
+import { n as createTimeline, t as MttSummary } from "../../MttSummary-CGTFEyQB.js";
+import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../CircleButton-cl6mmDmn.js";
 
 export { CircleButton, DateWrapper, DynamicRangeSlider, HeightAdjuster, MttMainTimeline, MttSummary, MttTimeline, MttYearTag, MultiDot, SummaryToken, TimelineDateBar, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineStatus, TimelineToggleButton, TimelineToken, TimelineTokenSummary, TimelineTopRowFilter, TimelineWrapper, VisualizationDot, createTimeline, formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY, useStyles };

package/dist/componentSystems/multiThreadTimeline/mttMainTimeline/index.js

@@ -1,3 +1,3 @@
-import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../../MttMainTimeline-rLgkgX8U.js";
+import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../../MttMainTimeline-CW0QNrZw.js";
 
 export { HeightAdjuster, MttMainTimeline, MttTimeline };

package/dist/componentSystems/multiThreadTimeline/mttSummary/index.js

@@ -1,3 +1,3 @@
-import { t as MttSummary } from "../../../MttSummary-DeCFHat3.js";
+import { t as MttSummary } from "../../../MttSummary-CGTFEyQB.js";
 
 export { MttSummary };

package/dist/componentSystems/multiThreadTimeline/ui/index.js

@@ -1,6 +1,6 @@
 import { n as TimelineStatus, r as TimelineDateBar, t as MttYearTag } from "../../../MttYearTag-Cw8OyKTy.js";
 import { t as TimelineToken } from "../../../TimelineToken-nU7fdgjR.js";
 import { a as TimelineWrapper, c as TimelineDot, i as MultiDot, l as TimelineHoverCard, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, s as TimelineTokenSummary, t as DynamicRangeSlider } from "../../../DynamicRangeSlider-prr4fg8d.js";
-import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../../CircleButton-DzJjhCYd.js";
+import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../../CircleButton-cl6mmDmn.js";
 
 export { CircleButton, DateWrapper, DynamicRangeSlider, MttYearTag, MultiDot, SummaryToken, TimelineDateBar, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineStatus, TimelineToggleButton, TimelineToken, TimelineTokenSummary, TimelineTopRowFilter, TimelineWrapper, VisualizationDot, useStyles };

package/dist/componentSystems/pageRenderer/hocs/index.js

@@ -1,3 +1,3 @@
-import { t as withEngineComponent } from "../../../withEngineComponent-s_zEZt7e.js";
+import { t as withEngineComponent } from "../../../withEngineComponent-Css79hMi.js";
 
 export { withEngineComponent };

package/dist/componentSystems/pageRenderer/index.js

@@ -1,7 +1,7 @@
 import { t as useReadMetaData } from "../../useReadMetaData-CiWx4MJr.js";
-import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../BioCardWrapper-C6nBREs6.js";
+import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../BioCardWrapper-BgaHtBHX.js";
 import { n as defaultColActionsDef, t as TableColumnDefs } from "../../TableColumnDefs-BpaOx60h.js";
-import { t as withEngineComponent } from "../../withEngineComponent-s_zEZt7e.js";
-import { t as PageRenderer } from "../../PageRenderer-BDRCRdNS.js";
+import { t as withEngineComponent } from "../../withEngineComponent-Css79hMi.js";
+import { t as PageRenderer } from "../../PageRenderer-uHAdepVs.js";
 
 export { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PageRenderer, PrimaryActionHeaderWrapper, TableColumnDefs, barChartWrapperProps, data, defaultColActionsDef, useReadMetaData, withEngineComponent };

package/dist/componentSystems/pageRenderer/wrappers/index.js

@@ -1,3 +1,3 @@
-import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../../BioCardWrapper-C6nBREs6.js";
+import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../../BioCardWrapper-BgaHtBHX.js";
 
 export { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PrimaryActionHeaderWrapper, barChartWrapperProps, data };

package/dist/dataBrowser/index.js

@@ -1,4 +1,4 @@
 import { i as ParamsMappingFields, n as RequiredFieldsMappingField, r as ParamsMappingForm, t as RequiredFieldsMappingForm } from "../RequiredFieldsMappingForm-KwEaUAJ-.js";
-import { n as DataBrowserColumnDefs, r as defaultColActionsDef, t as DataBrowserContainer } from "../DataBrowserContainer-nr4cDIBD.js";
+import { n as DataBrowserColumnDefs, r as defaultColActionsDef, t as DataBrowserContainer } from "../DataBrowserContainer-r-AWYMmq.js";
 
 export { DataBrowserColumnDefs, DataBrowserContainer, ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm, defaultColActionsDef };

package/dist/{dateUtils-ChKgbJ9U.js → dateUtils-ftAbP-Mv.js}

@@ -1,6 +1,22 @@
 import { DateTime } from "luxon";
 
 //#region src/UI/widgets/utils/dateUtils.js
+function formatDate(value, formatStr = "") {
+	try {
+		let date = new Date(value);
+		const day = date.toLocaleString("default", { day: "2-digit" });
+		const month = date.toLocaleString("default", { month: "short" });
+		const year = date.toLocaleString("default", { year: "numeric" });
+		switch (formatStr.toLowerCase()) {
+			case "mon dd, yyyy": return `${day} ${month}, ${year}`;
+			case "dd/mm/yyyy": return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
+			case "yyyy-mm-dd": return date.toISOString().split("T")[0];
+			default: return "";
+		}
+	} catch (error) {
+		return "";
+	}
+}
 /**
 * Creates a Date object based on an ISO 8601 date string.
 * @param dateString A ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
@@ -42,5 +58,5 @@ const getLocalizedDateTimeString = (date, delimiter = null, timeZone = "local",
 };
 
 //#endregion
-export { getLocalizedDateString as n, getLocalizedDateTimeString as r, getDateFromString as t };
-//# sourceMappingURL=dateUtils-ChKgbJ9U.js.map
+export { getLocalizedDateTimeString as i, getDateFromString as n, getLocalizedDateString as r, formatDate as t };
+//# sourceMappingURL=dateUtils-ftAbP-Mv.js.map

package/dist/{dateUtils-ChKgbJ9U.js.map → dateUtils-ftAbP-Mv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dateUtils-ChKgbJ9U.js","names":[],"sources":["../src/UI/widgets/utils/dateUtils.js"],"sourcesContent":["import { DateTime } from 'luxon'\n\nexport function formatDateLong(value) {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n    const dayOfWeek = date.toLocaleString('default', { weekday: 'long' });\n    return `${day} ${month}, ${year} (${dayOfWeek})`;\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function formatDate(value, formatStr = '') {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n\n    switch (formatStr.toLowerCase()) {\n      case 'mon dd, yyyy':\n        return `${day} ${month}, ${year}`;\n      case 'dd/mm/yyyy':\n        return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;\n      case 'yyyy-mm-dd':\n        return date.toISOString().split('T')[0];\n      default:\n        return '';\n    }\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function getDaysDiff(dateOne, dateTwo) {\n  const d1 = new Date(dateOne);\n  const d2 = new Date(dateTwo);\n  const diff = d2.getTime() - d1.getTime();\n\n  return diff / (1000 * 60 * 60 * 24);\n}\n\n/**\n * Creates a Date object based on an ISO 8601 date string.\n * @param dateString A ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @returns A date object, or null if the format was invalid.\n */\nexport const getDateFromString = (dateString) => {\n  if (!dateString || dateString.length === 0) {\n    return null;\n  }\n\n  const date = DateTime.fromISO(dateString);\n\n  return date ? date.toJSDate() : null;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * stripping out the time element and returning a localized date string.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A date string without time based on the supplied time zone and the\n * user's browser locale settings.\n */\nexport const getLocalizedDateString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(DateTime.DATE_SHORT)\n    : '';\n};\n\n/**\n * Converts a date string to a date in the specified timezone,\n * and returning a converted date with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A converted date and time based on the user's browser locale settings.\n */\nexport const getLocalizedDateTime = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  return convertedDateTime;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified timezone,\n * and returning a string with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param delimiter If supplied, split the date and time by this string when returned.\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A date and time string based on the user's browser locale settings.\n */\nexport const getLocalizedDateTimeString = (\n  date,\n  delimiter = null,\n  timeZone = 'local',\n  includeOffset = false,\n) => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  if (delimiter !== null) {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATE_SHORT) +\n      delimiter +\n      convertedDateTime.toLocaleString(DateTime.TIME_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  } else {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  }\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * and returning a string as the localized time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A time string without the date based on the supplied time zone and user's\n * browser locale settings.\n */\nexport const getLocalizedTimeString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(\n        DateTime.TIME_WITH_SECONDS,\n      )\n    : '';\n};\n"],"mappings":";;;;;;;;AAkDA,MAAa,qBAAqB,eAAe;AAC/C,KAAI,CAAC,cAAc,WAAW,WAAW,EACvC,QAAO;CAGT,MAAM,OAAO,SAAS,QAAQ,WAAW;AAEzC,QAAO,OAAO,KAAK,UAAU,GAAG;;;;;;;;;;;AAYlC,MAAa,0BAA0B,MAAM,WAAW,YAAY;CAClE,MAAM,gBAAgB,gBAAgB,OAAO,OAAO,kBAAkB,KAAK;AAE3E,QAAO,gBACH,SAAS,WAAW,eAAe,EAAE,MAAM,UAAU,CAAC,CAAC,eAAe,SAAS,WAAW,GAC1F;;;;;;;;;;;AA8BN,MAAa,8BACX,MACA,YAAY,MACZ,WAAW,SACX,gBAAgB,UACb;CACH,MAAM,gBAAgB,gBAAgB,OAAO,OAAO,kBAAkB,KAAK;AAC3E,KAAI,kBAAkB,KACpB,QAAO;CAET,MAAM,oBAAoB,SAAS,WAAW,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhF,KAAI,cAAc,KAChB,QACE,kBAAkB,eAAe,SAAS,WAAW,GACrD,YACA,kBAAkB,eAAe,SAAS,kBAAkB,IAC3D,gBAAgB,MAAM,kBAAkB,kBAAkB;KAG7D,QACE,kBAAkB,eAAe,SAAS,4BAA4B,IACrE,gBAAgB,MAAM,kBAAkB,kBAAkB"}
+{"version":3,"file":"dateUtils-ftAbP-Mv.js","names":[],"sources":["../src/UI/widgets/utils/dateUtils.js"],"sourcesContent":["import { DateTime } from 'luxon'\n\nexport function formatDateLong(value) {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n    const dayOfWeek = date.toLocaleString('default', { weekday: 'long' });\n    return `${day} ${month}, ${year} (${dayOfWeek})`;\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function formatDate(value, formatStr = '') {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n\n    switch (formatStr.toLowerCase()) {\n      case 'mon dd, yyyy':\n        return `${day} ${month}, ${year}`;\n      case 'dd/mm/yyyy':\n        return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;\n      case 'yyyy-mm-dd':\n        return date.toISOString().split('T')[0];\n      default:\n        return '';\n    }\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function getDaysDiff(dateOne, dateTwo) {\n  const d1 = new Date(dateOne);\n  const d2 = new Date(dateTwo);\n  const diff = d2.getTime() - d1.getTime();\n\n  return diff / (1000 * 60 * 60 * 24);\n}\n\n/**\n * Creates a Date object based on an ISO 8601 date string.\n * @param dateString A ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @returns A date object, or null if the format was invalid.\n */\nexport const getDateFromString = (dateString) => {\n  if (!dateString || dateString.length === 0) {\n    return null;\n  }\n\n  const date = DateTime.fromISO(dateString);\n\n  return date ? date.toJSDate() : null;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * stripping out the time element and returning a localized date string.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A date string without time based on the supplied time zone and the\n * user's browser locale settings.\n */\nexport const getLocalizedDateString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(DateTime.DATE_SHORT)\n    : '';\n};\n\n/**\n * Converts a date string to a date in the specified timezone,\n * and returning a converted date with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A converted date and time based on the user's browser locale settings.\n */\nexport const getLocalizedDateTime = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  return convertedDateTime;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified timezone,\n * and returning a string with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param delimiter If supplied, split the date and time by this string when returned.\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A date and time string based on the user's browser locale settings.\n */\nexport const getLocalizedDateTimeString = (\n  date,\n  delimiter = null,\n  timeZone = 'local',\n  includeOffset = false,\n) => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  if (delimiter !== null) {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATE_SHORT) +\n      delimiter +\n      convertedDateTime.toLocaleString(DateTime.TIME_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  } else {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  }\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * and returning a string as the localized time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A time string without the date based on the supplied time zone and user's\n * browser locale settings.\n */\nexport const getLocalizedTimeString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(\n        DateTime.TIME_WITH_SECONDS,\n      )\n    : '';\n};\n"],"mappings":";;;AAeA,SAAgB,WAAW,OAAO,YAAY,IAAI;AAChD,KAAI;EACF,IAAI,OAAO,IAAI,KAAK,MAAM;EAC1B,MAAM,MAAM,KAAK,eAAe,WAAW,EAAE,KAAK,WAAW,CAAC;EAC9D,MAAM,QAAQ,KAAK,eAAe,WAAW,EAAE,OAAO,SAAS,CAAC;EAChE,MAAM,OAAO,KAAK,eAAe,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhE,UAAQ,UAAU,aAAa,EAA/B;GACE,KAAK,eACH,QAAO,GAAG,IAAI,GAAG,MAAM,IAAI;GAC7B,KAAK,aACH,QAAO,GAAG,KAAK,SAAS,CAAC,GAAG,KAAK,UAAU,GAAG,EAAE,GAAG,KAAK,aAAa;GACvE,KAAK,aACH,QAAO,KAAK,aAAa,CAAC,MAAM,IAAI,CAAC;GACvC,QACE,QAAO;;UAEJ,OAAO;AACd,SAAO;;;;;;;;AAiBX,MAAa,qBAAqB,eAAe;AAC/C,KAAI,CAAC,cAAc,WAAW,WAAW,EACvC,QAAO;CAGT,MAAM,OAAO,SAAS,QAAQ,WAAW;AAEzC,QAAO,OAAO,KAAK,UAAU,GAAG;;;;;;;;;;;AAYlC,MAAa,0BAA0B,MAAM,WAAW,YAAY;CAClE,MAAM,gBAAgB,gBAAgB,OAAO,OAAO,kBAAkB,KAAK;AAE3E,QAAO,gBACH,SAAS,WAAW,eAAe,EAAE,MAAM,UAAU,CAAC,CAAC,eAAe,SAAS,WAAW,GAC1F;;;;;;;;;;;AA8BN,MAAa,8BACX,MACA,YAAY,MACZ,WAAW,SACX,gBAAgB,UACb;CACH,MAAM,gBAAgB,gBAAgB,OAAO,OAAO,kBAAkB,KAAK;AAC3E,KAAI,kBAAkB,KACpB,QAAO;CAET,MAAM,oBAAoB,SAAS,WAAW,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhF,KAAI,cAAc,KAChB,QACE,kBAAkB,eAAe,SAAS,WAAW,GACrD,YACA,kBAAkB,eAAe,SAAS,kBAAkB,IAC3D,gBAAgB,MAAM,kBAAkB,kBAAkB;KAG7D,QACE,kBAAkB,eAAe,SAAS,4BAA4B,IACrE,gBAAgB,MAAM,kBAAkB,kBAAkB"}

package/dist/enums/index.js

@@ -1,10 +1,10 @@
 import { n as UdpPageEnums, t as ClickOpenEnums } from "../pageEnums-DHCYa0ey.js";
 import { t as PropertyTypeEnum } from "../propertyTypeEnums-Dys-84NL.js";
 import { t as InputFieldType } from "../InputFieldTypeEnums-Mg684vvi.js";
-import { A as SplitScreenTypeEnums, B as UdpTransactionActionEnums, C as RoleIdEnums, D as SearchSortDirection, E as SearchGroupingType, F as TreeViewModeEnums, H as VisibilityTypeEnums, I as UdpEnums, L as UdpKeywordEnums, M as TransactionActionTypeEnums, N as TransactionEventTypeEnums, O as SearchValueType, P as TransactionUiActionTypeEnums, R as UdpReminderFiledForType, S as ProductNameEnums, T as RoleTypeEnums, V as VerticalEnums, _ as NodeActionTriggerEnums, a as EntityAttributeEnums, b as PanelPositionEnums, c as GridStateTypeEnums, d as LogicalSearchOperatorEnums, f as LookupTypeEnums, g as NodeActionEnums, h as MenuTypeEnums, i as DeviceTypeEnums, j as TenantTypeEnums, k as SeverityTypeEnums, l as JobStatusIdMapping, m as MenuItemEnums, n as CardinalityTypeEnums, o as GridEnums, p as LookupTypeIdEnums, r as ContainerTypeEnums, s as GridExcelStyleEnums, t as ADUserTypeEnums, u as JobTypeIdMapping, v as NodeGroupOutlierEnums, w as RoleNameEnums, x as ProductEnums, y as NodeGroupTypeEnums, z as UdpSearchEnums } from "../unitySystemEnums-DM5vXR_m.js";
+import { A as SeverityTypeEnums, B as UdpSearchEnums, C as ProductNameEnums, D as SearchGroupingType, E as RoleTypeEnums, F as TransactionUiActionTypeEnums, H as VerticalEnums, I as TreeViewModeEnums, L as UdpEnums, M as TenantTypeEnums, N as TransactionActionTypeEnums, O as SearchSortDirection, P as TransactionEventTypeEnums, R as UdpKeywordEnums, S as ProductEnums, T as RoleNameEnums, U as VisibilityTypeEnums, V as UdpTransactionActionEnums, _ as NodeActionEnums, a as EMPTY_GUID, b as NodeGroupTypeEnums, c as GridExcelStyleEnums, d as JobTypeIdMapping, f as LogicalSearchOperatorEnums, g as MenuTypeEnums, h as MenuItemEnums, i as DeviceTypeEnums, j as SplitScreenTypeEnums, k as SearchValueType, l as GridStateTypeEnums, m as LookupTypeIdEnums, n as CardinalityTypeEnums, o as EntityAttributeEnums, p as LookupTypeEnums, r as ContainerTypeEnums, s as GridEnums, t as ADUserTypeEnums, u as JobStatusIdMapping, v as NodeActionTriggerEnums, w as RoleIdEnums, x as PanelPositionEnums, y as NodeGroupOutlierEnums, z as UdpReminderFiledForType } from "../unitySystemEnums-e5F9Jr7m.js";
 import { n as PaymentTenderTypeEnum, r as PaymentMethodTypeEnum, t as PaymentVendorFactoryEnum } from "../paymentVendorFactoryEnum-CwnzkF9A.js";
 import { t as FilterElementParamType } from "../searchEnums-BTFUwf6v.js";
 import { n as UnitTypeEnums, t as UnitStateType } from "../workflowEnums-Ce66RCVc.js";
 import { t as TagEnums } from "../tagEnums-BG8WEzei.js";
 
-export { ADUserTypeEnums, CardinalityTypeEnums, ClickOpenEnums, ContainerTypeEnums, DeviceTypeEnums, EntityAttributeEnums, FilterElementParamType, GridEnums, GridExcelStyleEnums, GridStateTypeEnums, InputFieldType, JobStatusIdMapping, JobTypeIdMapping, LogicalSearchOperatorEnums, LookupTypeEnums, LookupTypeIdEnums, MenuItemEnums, MenuTypeEnums, NodeActionEnums, NodeActionTriggerEnums, NodeGroupOutlierEnums, NodeGroupTypeEnums, PanelPositionEnums, PaymentMethodTypeEnum, PaymentTenderTypeEnum, PaymentVendorFactoryEnum, ProductEnums, ProductNameEnums, PropertyTypeEnum, RoleIdEnums, RoleNameEnums, RoleTypeEnums, SearchGroupingType, SearchSortDirection, SearchValueType, SeverityTypeEnums, SplitScreenTypeEnums, TagEnums, TenantTypeEnums, TransactionActionTypeEnums, TransactionEventTypeEnums, TransactionUiActionTypeEnums, TreeViewModeEnums, UdpEnums, UdpKeywordEnums, UdpPageEnums, UdpReminderFiledForType, UdpSearchEnums, UdpTransactionActionEnums, UnitStateType, UnitTypeEnums, VerticalEnums, VisibilityTypeEnums };
+export { ADUserTypeEnums, CardinalityTypeEnums, ClickOpenEnums, ContainerTypeEnums, DeviceTypeEnums, EMPTY_GUID, EntityAttributeEnums, FilterElementParamType, GridEnums, GridExcelStyleEnums, GridStateTypeEnums, InputFieldType, JobStatusIdMapping, JobTypeIdMapping, LogicalSearchOperatorEnums, LookupTypeEnums, LookupTypeIdEnums, MenuItemEnums, MenuTypeEnums, NodeActionEnums, NodeActionTriggerEnums, NodeGroupOutlierEnums, NodeGroupTypeEnums, PanelPositionEnums, PaymentMethodTypeEnum, PaymentTenderTypeEnum, PaymentVendorFactoryEnum, ProductEnums, ProductNameEnums, PropertyTypeEnum, RoleIdEnums, RoleNameEnums, RoleTypeEnums, SearchGroupingType, SearchSortDirection, SearchValueType, SeverityTypeEnums, SplitScreenTypeEnums, TagEnums, TenantTypeEnums, TransactionActionTypeEnums, TransactionEventTypeEnums, TransactionUiActionTypeEnums, TreeViewModeEnums, UdpEnums, UdpKeywordEnums, UdpPageEnums, UdpReminderFiledForType, UdpSearchEnums, UdpTransactionActionEnums, UnitStateType, UnitTypeEnums, VerticalEnums, VisibilityTypeEnums };

package/dist/{fileViewer-Dk6GMaSl.js → fileViewer-8-Eh4vLL.js}

@@ -1,5 +1,5 @@
 import { t as Typography$1 } from "./Typography-BMsa1JYd.js";
-import { S as getIconFromName } from "./TreeUtilities-CujOFOPm.js";
+import { S as getIconFromName } from "./TreeUtilities-kiPupulY.js";
 import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
 import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
 import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-DswviiJB.js";
@@ -382,4 +382,4 @@ const FileViewer = (props) => {
 
 //#endregion
 export { FileViewer as t };
-//# sourceMappingURL=fileViewer-Dk6GMaSl.js.map
+//# sourceMappingURL=fileViewer-8-Eh4vLL.js.map

package/dist/{fileViewer-Dk6GMaSl.js.map → fileViewer-8-Eh4vLL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fileViewer-Dk6GMaSl.js","names":["useStyles","Typography","useStyles","defaultFieldMapping"],"sources":["../src/UI/fileViewer/utils/fileTypes.js","../src/UI/fileViewer/utils/fileUtils.js","../src/UI/fileViewer/imageSlider/ImageFooter.jsx","../src/UI/fileViewer/imageSlider/Image.jsx","../src/UI/fileViewer/imageSlider/ImageViewerSideSheet.jsx","../src/UI/fileViewer/imageSlider/ImageSlider.jsx","../src/UI/fileViewer/FileViewer.jsx"],"sourcesContent":["export const imageExtension = [\n  'png',\n  'jpeg',\n  'jpg',\n  'jpe',\n  'jif',\n  'jfif',\n  'jfi',\n  'gif',\n  'raw',\n  'svg',\n  'ttif',\n  'tif',\n  'webp',\n  'arw',\n  'sr2',\n  'nrw',\n  'k25',\n  'bmp',\n  'dib',\n  'heif',\n  'heic',\n  'ind',\n  'indd',\n  'indt',\n  'jp2',\n  'j2k',\n  'jpf',\n  'jpm',\n  'mj2',\n  'svgz',\n  'ai',\n  'eps',\n];\n","import { imageExtension } from './fileTypes';\n\nexport const handleDownloadFile = (fileUrl, fileName) => {\n  const a = document.createElement('a');\n  a.style.display = 'none';\n  a.href = fileUrl;\n  a.download = fileName;\n  document.body.appendChild(a);\n  a.click();\n  window.URL.revokeObjectURL(fileUrl);\n};\n\nexport const validateFilesImageType = (files = [], fileExtensionField) => {\n  let type = \"image\";\n  files.forEach(file => {\n    if (!imageExtension.includes(file?.[fileExtensionField])) {\n      type = 'invalid';\n      return;\n    }\n  });\n  return type;\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport { makeStyles } from '@material-ui/core';\nimport React, { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n  secondaryText: {\n    color: theme.palette.text.secondary,\n  },\n  description: {\n    margin: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1),\n  },\n  pageAction: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n  },\n}));\n\nexport const ImageFooter = props => {\n  const {\n    images,\n    currentImageObj,\n    hidePrimaryText,\n    hideSecondaryText,\n    handleViewImage,\n    currentImageIndex,\n  } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  const showItem = useMemo(() => {\n    const showPrimaryText = !hidePrimaryText && currentImageObj?.primaryText;\n    const showSecondaryText =\n      !hideSecondaryText && currentImageObj?.secondaryText;\n    const showPageAction = images?.length > 1;\n    return {\n      footer: showPageAction || showPrimaryText || showSecondaryText,\n      primaryText: showPrimaryText,\n      secondaryText: showSecondaryText,\n      pageAction: showPageAction,\n    };\n  }, [currentImageObj, hidePrimaryText, hideSecondaryText, images]);\n\n  return (\n    <>\n      {showItem?.footer && (\n        <div className={classes.description}>\n          {showItem?.primaryText && (\n            <Typography variant=\"h6\">{currentImageObj?.primaryText}</Typography>\n          )}\n\n          {showItem?.secondaryText && (\n            <Typography variant=\"subtitle1\" className={classes.secondaryText}>\n              {currentImageObj?.secondaryText}\n            </Typography>\n          )}\n          {showItem?.pageAction && (\n            <div className={classes.pageAction}>\n              <IconButtonWithTooltip\n                icon={getIconFromName('ChevronLeft')}\n                title={t('Previous')}\n                disabled={currentImageIndex == 0}\n                onClick={() => {\n                  handleViewImage(true);\n                }}\n                id=\"udpRecord-ImageSlider-PreviousBtn\"\n                udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n              />\n\n              <div>\n                <Typography>\n                  {currentImageIndex + 1} {t('of')} {images?.length ?? 0}\n                </Typography>\n              </div>\n              <IconButtonWithTooltip\n                icon={getIconFromName('ChevronRight')}\n                title={t('Next')}\n                disabled={currentImageIndex === images?.length - 1}\n                onClick={() => {\n                  handleViewImage();\n                }}\n                id=\"udpRecord-ImageSlider-NextBtn\"\n                udprecordid=\"udpRecord-ImageSlider-NextBtn\"\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n","import { makeStyles } from '@material-ui/core';\nimport React from 'react';\nimport { ImageFooter } from './ImageFooter';\n\nconst useStyles = makeStyles(theme => ({\n  imageWrapper: {\n    flex: '1 1 auto',\n    overflow: 'hidden',\n    position: 'relative',\n    margin: theme.spacing(2)\n  },\n  image: {\n    objectFit: 'contain',\n    width: '100%',\n    height: '100%',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  cardContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    height: '100%',\n    background: theme.palette.background.paper,\n  },\n}));\n\nexport const Image = props => {\n  const { imageObj, hidePrimaryText, hideSecondaryText } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.cardContent}>\n      <div className={classes.imageWrapper}>\n        <img\n          src={imageObj?.filePath}\n          loading=\"lazy\"\n          alt={`${imageObj?.fileName}`}\n          className={classes.image}\n        />\n      </div>\n      <ImageFooter\n        currentImageObj={imageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n      />\n    </div>\n  );\n};\n","import React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { handleDownloadFile } from '../utils/fileUtils';\nimport { Image } from './Image';\nimport { SideSheet } from '../../surfaces/SideSheet';\n\nexport const ImageViewerSideSheet = (props) => {\n  const {\n    title,\n    width,\n    imageObj,\n    open,\n    onClose,\n    hideDownload,\n    hidePrimaryText,\n    hideSecondaryText\n  } = props;\n  const { t } = useTranslation();\n\n  const handleDownloadImage = useCallback(() => {\n    handleDownloadFile(imageObj?.filePath, imageObj?.fileName);\n  }, [imageObj]);\n\n  return (\n    <SideSheet\n      title={title ?? t('Image Viewer')}\n      buttonLabel={hideDownload ? null : t('Download')}\n      width={width ?? '90vw'}\n      onSubmit={handleDownloadImage}\n      open={open}\n      onClose={onClose}\n      contentHeight='100%'\n    >\n      <Image\n        imageObj={imageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n      />\n    </SideSheet>\n  );\n};\n","import { Dialog, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ImageViewerSideSheet } from './ImageViewerSideSheet';\nimport { Image } from './Image';\nimport { ImageFooter } from './ImageFooter';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    backgroundColor: theme.palette.background.paper,\n  },\n  imagesWrapper: {\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    overflow: 'hidden',\n    alignItems: 'center',\n  },\n  imageSection: {\n    width: '100%',\n    height: '100%',\n  },\n  image: {\n    objectFit: 'contain',\n    display: 'block',\n    flexShrink: 0,\n    flexGrow: 0,\n    transition: 'translate 300ms ease-in-out',\n  },\n  openSideSheetIcon: {\n    display: 'block',\n    position: 'absolute',\n    top: props => (props?.title ? 64 : 8),\n    right: 8,\n    zIndex: 3,\n    backgroundColor: theme.palette.background.paper,\n  },\n  dialogContent: {\n    overflow: 'hidden',\n    width: '100vw',\n    height: '100vh',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  closeDialog: {\n    margin: theme.spacing(1),\n  },\n  dialogImageSection: {\n    flex: 2,\n    height: '100%',\n  },\n}));\n\nconst defaultFieldMapping = {\n  filePath: 'filePath',\n  fileName: 'fileName',\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText',\n};\n\nexport const ImageSlider = props => {\n  const {\n    title,\n    images,\n    fieldMapping = defaultFieldMapping,\n    sideSheetTitle,\n    sideSheetWidth,\n    hideDownload,\n    hidePrimaryText,\n    hideSecondaryText,\n    hidePrimaryTextInExpandMode,\n    hideSecondaryTextInExpandMode,\n    expandInSideSheet = true,\n  } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n  const [currentImageIndex, setCurrentImageIndex] = useState(0);\n  const [openSideSheet, setOpenSideSheet] = useState(false);\n\n  const handleViewImage = useCallback((previous = false) => {\n    if (previous) {\n      setCurrentImageIndex(prev => prev - 1);\n    } else {\n      setCurrentImageIndex(prev => prev + 1);\n    }\n  }, []);\n\n  const handleExpandImage = useCallback(() => {\n    setOpenSideSheet(true);\n  }, []);\n\n  const currentImageObj = useMemo(() => {\n    const imgObj = images?.[currentImageIndex];\n    if (!imgObj) return {};\n\n    return {\n      filePath: imgObj[fieldMapping?.filePath],\n      fileName: imgObj[fieldMapping?.fileName],\n      primaryText: imgObj[fieldMapping?.primaryText],\n      secondaryText: imgObj[fieldMapping?.secondaryText],\n    };\n  }, [currentImageIndex, fieldMapping, images]);\n\n  return (\n    <AmbientCard\n      fullWidth\n      title={title}\n      removePadding\n      lastChildBottomPadding=\"0px\"\n      removeTopLayoutUnit\n    >\n      <div className={classes.imagesWrapper}>\n        {images?.map(image => (\n          <img\n            src={image?.[fieldMapping?.filePath]}\n            alt={`${image?.[fieldMapping?.fileName]}`}\n            loading=\"lazy\"\n            width=\"100%\"\n            height=\"auto\"\n            className={classes.image}\n            style={{ translate: `${-100 * currentImageIndex}%` }}\n          />\n        ))}\n      </div>\n      <IconButtonWithTooltip\n        icon={getIconFromName('MiniExpand')}\n        title={t('Expand Image')}\n        onClick={handleExpandImage}\n        id=\"udpRecord-ImageSlider-ExpandBtn\"\n        udprecordid=\"udpRecord-ImageSlider-ExpandBtn\"\n        className={classes.openSideSheetIcon}\n      />\n      <ImageFooter\n        images={images}\n        currentImageObj={currentImageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n        handleViewImage={handleViewImage}\n        currentImageIndex={currentImageIndex}\n      />\n\n      {expandInSideSheet ? (\n        <ImageViewerSideSheet\n          title={sideSheetTitle}\n          open={openSideSheet}\n          onClose={() => {\n            setOpenSideSheet(false);\n          }}\n          imageObj={currentImageObj}\n          width={sideSheetWidth}\n          hideDownload={hideDownload}\n          hidePrimaryText={hidePrimaryTextInExpandMode}\n          hideSecondaryText={hideSecondaryTextInExpandMode}\n        />\n      ) : (\n        <Dialog\n          onClose={() => {\n            setOpenSideSheet(false);\n          }}\n          open={openSideSheet}\n          fullScreen\n        >\n          <div className={classes.dialogContent}>\n            <div className={classes.closeDialog}>\n              <IconButtonWithTooltip\n                icon={getIconFromName('Cancel')}\n                title={t('Close')}\n                onClick={() => {\n                  setOpenSideSheet(false);\n                }}\n                id=\"udpRecord-ImageSlider-PreviousBtn\"\n                udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n              />\n            </div>\n            <div className={classes.dialogImageSection}>\n              <Image\n                imageObj={currentImageObj}\n                hidePrimaryText={hidePrimaryTextInExpandMode}\n                hideSecondaryText={hideSecondaryTextInExpandMode}\n              />\n            </div>\n          </div>\n        </Dialog>\n      )}\n    </AmbientCard>\n  );\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport React, { useMemo } from 'react';\nimport { PDFViewer } from './pdfViewer/PDFViewer';\nimport { ImageSlider } from './imageSlider/ImageSlider';\nimport { validateFilesImageType } from './utils/fileUtils';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst defaultFieldMapping = {\n  filePath: 'filePath',\n  blobFile: 'blobFile',\n  fileName: 'fileName',\n  fileExtension: 'fileExtension',\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText',\n};\n\nexport const FileViewer = props => {\n  const {\n    data,\n    fieldMapping = defaultFieldMapping,\n    acceptedFileExtensions,\n    ...otherProps\n  } = props;\n  const { t } = useTranslation();\n\n  //filter data\n  const filteredData = useMemo(() => {\n    if (!acceptedFileExtensions || acceptedFileExtensions?.length === 0)\n      return data;\n    if (data instanceof Array && data?.length > 0) {\n      return data?.filter(item =>\n        acceptedFileExtensions?.includes(item?.[fieldMapping?.fileExtension])\n      );\n    } else {\n      return acceptedFileExtensions?.includes(\n        data?.[fieldMapping?.fileExtension]\n      )\n        ? data\n        : null;\n    }\n  }, [acceptedFileExtensions, data, fieldMapping]);\n\n  // check if the data is an array. If yes, currently only image viewer accept this list,\n  // we need to validate if all the file in the list is image\n  const fileType = useMemo(() => {\n    if (filteredData instanceof Array) {\n      const type = validateFilesImageType(\n        filteredData,\n        fieldMapping?.fileExtension\n      );\n      return type;\n    }\n    return filteredData?.[fieldMapping?.fileExtension];\n  }, [fieldMapping, filteredData]);\n\n  const viewer = useMemo(() => {\n    switch (fileType) {\n      case 'pdf':\n        return (\n          <PDFViewer\n            fileUrl={filteredData?.[fieldMapping?.filePath]}\n            blobPDF={filteredData?.[fieldMapping?.blobFile]}\n            {...otherProps}\n          />\n        );\n      case 'image':\n        return (\n          <ImageSlider\n            images={filteredData}\n            fieldMapping={fieldMapping}\n            {...otherProps}\n          />\n        );\n      default:\n        return (\n          <AmbientAlert\n            alertMessage={t('Unable to view file')}\n            showAlert\n            alertSeverity=\"error\"\n          />\n        );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileType, data, fieldMapping, otherProps]);\n\n  return <>{viewer}</>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"fileViewer-8-Eh4vLL.js","names":["useStyles","Typography","useStyles","defaultFieldMapping"],"sources":["../src/UI/fileViewer/utils/fileTypes.js","../src/UI/fileViewer/utils/fileUtils.js","../src/UI/fileViewer/imageSlider/ImageFooter.jsx","../src/UI/fileViewer/imageSlider/Image.jsx","../src/UI/fileViewer/imageSlider/ImageViewerSideSheet.jsx","../src/UI/fileViewer/imageSlider/ImageSlider.jsx","../src/UI/fileViewer/FileViewer.jsx"],"sourcesContent":["export const imageExtension = [\n  'png',\n  'jpeg',\n  'jpg',\n  'jpe',\n  'jif',\n  'jfif',\n  'jfi',\n  'gif',\n  'raw',\n  'svg',\n  'ttif',\n  'tif',\n  'webp',\n  'arw',\n  'sr2',\n  'nrw',\n  'k25',\n  'bmp',\n  'dib',\n  'heif',\n  'heic',\n  'ind',\n  'indd',\n  'indt',\n  'jp2',\n  'j2k',\n  'jpf',\n  'jpm',\n  'mj2',\n  'svgz',\n  'ai',\n  'eps',\n];\n","import { imageExtension } from './fileTypes';\n\nexport const handleDownloadFile = (fileUrl, fileName) => {\n  const a = document.createElement('a');\n  a.style.display = 'none';\n  a.href = fileUrl;\n  a.download = fileName;\n  document.body.appendChild(a);\n  a.click();\n  window.URL.revokeObjectURL(fileUrl);\n};\n\nexport const validateFilesImageType = (files = [], fileExtensionField) => {\n  let type = \"image\";\n  files.forEach(file => {\n    if (!imageExtension.includes(file?.[fileExtensionField])) {\n      type = 'invalid';\n      return;\n    }\n  });\n  return type;\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport { makeStyles } from '@material-ui/core';\nimport React, { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n  secondaryText: {\n    color: theme.palette.text.secondary,\n  },\n  description: {\n    margin: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1),\n  },\n  pageAction: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n  },\n}));\n\nexport const ImageFooter = props => {\n  const {\n    images,\n    currentImageObj,\n    hidePrimaryText,\n    hideSecondaryText,\n    handleViewImage,\n    currentImageIndex,\n  } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  const showItem = useMemo(() => {\n    const showPrimaryText = !hidePrimaryText && currentImageObj?.primaryText;\n    const showSecondaryText =\n      !hideSecondaryText && currentImageObj?.secondaryText;\n    const showPageAction = images?.length > 1;\n    return {\n      footer: showPageAction || showPrimaryText || showSecondaryText,\n      primaryText: showPrimaryText,\n      secondaryText: showSecondaryText,\n      pageAction: showPageAction,\n    };\n  }, [currentImageObj, hidePrimaryText, hideSecondaryText, images]);\n\n  return (\n    <>\n      {showItem?.footer && (\n        <div className={classes.description}>\n          {showItem?.primaryText && (\n            <Typography variant=\"h6\">{currentImageObj?.primaryText}</Typography>\n          )}\n\n          {showItem?.secondaryText && (\n            <Typography variant=\"subtitle1\" className={classes.secondaryText}>\n              {currentImageObj?.secondaryText}\n            </Typography>\n          )}\n          {showItem?.pageAction && (\n            <div className={classes.pageAction}>\n              <IconButtonWithTooltip\n                icon={getIconFromName('ChevronLeft')}\n                title={t('Previous')}\n                disabled={currentImageIndex == 0}\n                onClick={() => {\n                  handleViewImage(true);\n                }}\n                id=\"udpRecord-ImageSlider-PreviousBtn\"\n                udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n              />\n\n              <div>\n                <Typography>\n                  {currentImageIndex + 1} {t('of')} {images?.length ?? 0}\n                </Typography>\n              </div>\n              <IconButtonWithTooltip\n                icon={getIconFromName('ChevronRight')}\n                title={t('Next')}\n                disabled={currentImageIndex === images?.length - 1}\n                onClick={() => {\n                  handleViewImage();\n                }}\n                id=\"udpRecord-ImageSlider-NextBtn\"\n                udprecordid=\"udpRecord-ImageSlider-NextBtn\"\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n","import { makeStyles } from '@material-ui/core';\nimport React from 'react';\nimport { ImageFooter } from './ImageFooter';\n\nconst useStyles = makeStyles(theme => ({\n  imageWrapper: {\n    flex: '1 1 auto',\n    overflow: 'hidden',\n    position: 'relative',\n    margin: theme.spacing(2)\n  },\n  image: {\n    objectFit: 'contain',\n    width: '100%',\n    height: '100%',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  cardContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    height: '100%',\n    background: theme.palette.background.paper,\n  },\n}));\n\nexport const Image = props => {\n  const { imageObj, hidePrimaryText, hideSecondaryText } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.cardContent}>\n      <div className={classes.imageWrapper}>\n        <img\n          src={imageObj?.filePath}\n          loading=\"lazy\"\n          alt={`${imageObj?.fileName}`}\n          className={classes.image}\n        />\n      </div>\n      <ImageFooter\n        currentImageObj={imageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n      />\n    </div>\n  );\n};\n","import React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { handleDownloadFile } from '../utils/fileUtils';\nimport { Image } from './Image';\nimport { SideSheet } from '../../surfaces/SideSheet';\n\nexport const ImageViewerSideSheet = (props) => {\n  const {\n    title,\n    width,\n    imageObj,\n    open,\n    onClose,\n    hideDownload,\n    hidePrimaryText,\n    hideSecondaryText\n  } = props;\n  const { t } = useTranslation();\n\n  const handleDownloadImage = useCallback(() => {\n    handleDownloadFile(imageObj?.filePath, imageObj?.fileName);\n  }, [imageObj]);\n\n  return (\n    <SideSheet\n      title={title ?? t('Image Viewer')}\n      buttonLabel={hideDownload ? null : t('Download')}\n      width={width ?? '90vw'}\n      onSubmit={handleDownloadImage}\n      open={open}\n      onClose={onClose}\n      contentHeight='100%'\n    >\n      <Image\n        imageObj={imageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n      />\n    </SideSheet>\n  );\n};\n","import { Dialog, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ImageViewerSideSheet } from './ImageViewerSideSheet';\nimport { Image } from './Image';\nimport { ImageFooter } from './ImageFooter';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    backgroundColor: theme.palette.background.paper,\n  },\n  imagesWrapper: {\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    overflow: 'hidden',\n    alignItems: 'center',\n  },\n  imageSection: {\n    width: '100%',\n    height: '100%',\n  },\n  image: {\n    objectFit: 'contain',\n    display: 'block',\n    flexShrink: 0,\n    flexGrow: 0,\n    transition: 'translate 300ms ease-in-out',\n  },\n  openSideSheetIcon: {\n    display: 'block',\n    position: 'absolute',\n    top: props => (props?.title ? 64 : 8),\n    right: 8,\n    zIndex: 3,\n    backgroundColor: theme.palette.background.paper,\n  },\n  dialogContent: {\n    overflow: 'hidden',\n    width: '100vw',\n    height: '100vh',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  closeDialog: {\n    margin: theme.spacing(1),\n  },\n  dialogImageSection: {\n    flex: 2,\n    height: '100%',\n  },\n}));\n\nconst defaultFieldMapping = {\n  filePath: 'filePath',\n  fileName: 'fileName',\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText',\n};\n\nexport const ImageSlider = props => {\n  const {\n    title,\n    images,\n    fieldMapping = defaultFieldMapping,\n    sideSheetTitle,\n    sideSheetWidth,\n    hideDownload,\n    hidePrimaryText,\n    hideSecondaryText,\n    hidePrimaryTextInExpandMode,\n    hideSecondaryTextInExpandMode,\n    expandInSideSheet = true,\n  } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n  const [currentImageIndex, setCurrentImageIndex] = useState(0);\n  const [openSideSheet, setOpenSideSheet] = useState(false);\n\n  const handleViewImage = useCallback((previous = false) => {\n    if (previous) {\n      setCurrentImageIndex(prev => prev - 1);\n    } else {\n      setCurrentImageIndex(prev => prev + 1);\n    }\n  }, []);\n\n  const handleExpandImage = useCallback(() => {\n    setOpenSideSheet(true);\n  }, []);\n\n  const currentImageObj = useMemo(() => {\n    const imgObj = images?.[currentImageIndex];\n    if (!imgObj) return {};\n\n    return {\n      filePath: imgObj[fieldMapping?.filePath],\n      fileName: imgObj[fieldMapping?.fileName],\n      primaryText: imgObj[fieldMapping?.primaryText],\n      secondaryText: imgObj[fieldMapping?.secondaryText],\n    };\n  }, [currentImageIndex, fieldMapping, images]);\n\n  return (\n    <AmbientCard\n      fullWidth\n      title={title}\n      removePadding\n      lastChildBottomPadding=\"0px\"\n      removeTopLayoutUnit\n    >\n      <div className={classes.imagesWrapper}>\n        {images?.map(image => (\n          <img\n            src={image?.[fieldMapping?.filePath]}\n            alt={`${image?.[fieldMapping?.fileName]}`}\n            loading=\"lazy\"\n            width=\"100%\"\n            height=\"auto\"\n            className={classes.image}\n            style={{ translate: `${-100 * currentImageIndex}%` }}\n          />\n        ))}\n      </div>\n      <IconButtonWithTooltip\n        icon={getIconFromName('MiniExpand')}\n        title={t('Expand Image')}\n        onClick={handleExpandImage}\n        id=\"udpRecord-ImageSlider-ExpandBtn\"\n        udprecordid=\"udpRecord-ImageSlider-ExpandBtn\"\n        className={classes.openSideSheetIcon}\n      />\n      <ImageFooter\n        images={images}\n        currentImageObj={currentImageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n        handleViewImage={handleViewImage}\n        currentImageIndex={currentImageIndex}\n      />\n\n      {expandInSideSheet ? (\n        <ImageViewerSideSheet\n          title={sideSheetTitle}\n          open={openSideSheet}\n          onClose={() => {\n            setOpenSideSheet(false);\n          }}\n          imageObj={currentImageObj}\n          width={sideSheetWidth}\n          hideDownload={hideDownload}\n          hidePrimaryText={hidePrimaryTextInExpandMode}\n          hideSecondaryText={hideSecondaryTextInExpandMode}\n        />\n      ) : (\n        <Dialog\n          onClose={() => {\n            setOpenSideSheet(false);\n          }}\n          open={openSideSheet}\n          fullScreen\n        >\n          <div className={classes.dialogContent}>\n            <div className={classes.closeDialog}>\n              <IconButtonWithTooltip\n                icon={getIconFromName('Cancel')}\n                title={t('Close')}\n                onClick={() => {\n                  setOpenSideSheet(false);\n                }}\n                id=\"udpRecord-ImageSlider-PreviousBtn\"\n                udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n              />\n            </div>\n            <div className={classes.dialogImageSection}>\n              <Image\n                imageObj={currentImageObj}\n                hidePrimaryText={hidePrimaryTextInExpandMode}\n                hideSecondaryText={hideSecondaryTextInExpandMode}\n              />\n            </div>\n          </div>\n        </Dialog>\n      )}\n    </AmbientCard>\n  );\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport React, { useMemo } from 'react';\nimport { PDFViewer } from './pdfViewer/PDFViewer';\nimport { ImageSlider } from './imageSlider/ImageSlider';\nimport { validateFilesImageType } from './utils/fileUtils';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst defaultFieldMapping = {\n  filePath: 'filePath',\n  blobFile: 'blobFile',\n  fileName: 'fileName',\n  fileExtension: 'fileExtension',\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText',\n};\n\nexport const FileViewer = props => {\n  const {\n    data,\n    fieldMapping = defaultFieldMapping,\n    acceptedFileExtensions,\n    ...otherProps\n  } = props;\n  const { t } = useTranslation();\n\n  //filter data\n  const filteredData = useMemo(() => {\n    if (!acceptedFileExtensions || acceptedFileExtensions?.length === 0)\n      return data;\n    if (data instanceof Array && data?.length > 0) {\n      return data?.filter(item =>\n        acceptedFileExtensions?.includes(item?.[fieldMapping?.fileExtension])\n      );\n    } else {\n      return acceptedFileExtensions?.includes(\n        data?.[fieldMapping?.fileExtension]\n      )\n        ? data\n        : null;\n    }\n  }, [acceptedFileExtensions, data, fieldMapping]);\n\n  // check if the data is an array. If yes, currently only image viewer accept this list,\n  // we need to validate if all the file in the list is image\n  const fileType = useMemo(() => {\n    if (filteredData instanceof Array) {\n      const type = validateFilesImageType(\n        filteredData,\n        fieldMapping?.fileExtension\n      );\n      return type;\n    }\n    return filteredData?.[fieldMapping?.fileExtension];\n  }, [fieldMapping, filteredData]);\n\n  const viewer = useMemo(() => {\n    switch (fileType) {\n      case 'pdf':\n        return (\n          <PDFViewer\n            fileUrl={filteredData?.[fieldMapping?.filePath]}\n            blobPDF={filteredData?.[fieldMapping?.blobFile]}\n            {...otherProps}\n          />\n        );\n      case 'image':\n        return (\n          <ImageSlider\n            images={filteredData}\n            fieldMapping={fieldMapping}\n            {...otherProps}\n          />\n        );\n      default:\n        return (\n          <AmbientAlert\n            alertMessage={t('Unable to view file')}\n            showAlert\n            alertSeverity=\"error\"\n          />\n        );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileType, data, fieldMapping, otherProps]);\n\n  return <>{viewer}</>;\n};\n"],"mappings":"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"}

package/dist/{floorplans-BuvxGfwI.js → floorplans-CY6mR5bW.js}

@@ -2,7 +2,7 @@ import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
 import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
 import { t as DraggableSidebarTemplate } from "./DraggableSidebarTemplate-BUWBvL6H.js";
 import { t as FluentDialog } from "./FluentDialog-B5ZxvX1E.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-d8EoaQH7.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-VCZhDcIf.js";
 import { t as SubHeaderAction } from "./SubHeaderAction-B9e4Fnrd.js";
 import { t as AmbientAlert } from "./AmbientAlert-y6SJHOpb.js";
 import { t as HeaderExpander } from "./HeaderExpander-CQBMGqZp.js";
@@ -151,4 +151,4 @@ CoreLayoutFloorplan.propTypes = {
 
 //#endregion
 export { CoreLayoutFloorplan as t };
-//# sourceMappingURL=floorplans-BuvxGfwI.js.map
+//# sourceMappingURL=floorplans-CY6mR5bW.js.map

package/dist/{floorplans-BuvxGfwI.js.map → floorplans-CY6mR5bW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"floorplans-BuvxGfwI.js","names":[],"sources":["../src/UI/floorplans/CoreLayoutFloorplan.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n// MUI\nimport {\n  Card,\n  CardContent,\n  useTheme,\n  useMediaQuery,\n  makeStyles,\n  Slide\n} from '@material-ui/core';\n\n//FLuent library\nimport { SubHeaderAction } from '../../utilities/utilityBar/SubHeaderAction';\nimport { FluentDialog } from '../feedback/FluentDialog';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { AmbientGridTemplate } from '../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport { HeaderExpander } from '../dataDisplay/HeaderExpander';\nimport { DraggableSidebarTemplate } from '../templates/DraggableSidebarTemplate';\nimport { AmbientToast } from '../feedback/AmbientToast';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    cardDisplay: {\n      marginBottom: theme.spacing(2)\n    },\n    padding: {\n      padding: (props) => !props.noPadding && theme.spacing(1)\n    },\n    splitScreen: {\n      width: '100%',\n      height: '100%'\n    }\n  }),\n  { name: 'CoreLayoutFloorplan' }\n);\n\nexport const CoreLayoutFloorplan = (props) => {\n  const {\n    PrimaryActionHeader,\n    children,\n    footer,\n    gridData,\n    groupData,\n    columnDefinitions,\n    expandedData,\n    splitScreen,\n    splitScreenContent,\n    splitScreenWidth,\n    setSplitScreenWidth,\n    sideSheetTitle,\n    sideSheetButton,\n    sideSheetDisabled,\n    sideSheetProgress,\n    sideSheetOpen,\n    setSideSheetOpen,\n    setSideSheetClose,\n    sideSheetContent,\n    dialogActionOne,\n    dialogActionTwo,\n    dialogClose,\n    dialogOpen,\n    dialogTitle,\n    dialogMessage,\n    dialogLabelOne,\n    dialogLabelTwo,\n    notice,\n    alertButton,\n    alertMessage,\n    alertType,\n    closeNotice,\n    noticeOpen,\n    noticeAction,\n    noticeType,\n    noticeMessage,\n    noticeButton,\n    alertSeverity,\n    showAlert,\n    closeAlert,\n    DialogLoadingvariant = 'determinate',\n    disableDialogAction,\n    compactHeader,\n    headerExpanded,\n    expanderLeftContainer,\n    gridTemplateTitle,\n    removePadding,\n    removeHeader,\n    hideSidebarButton,\n    defaultAutoSize,\n    hideGrid = false,\n    useSubHeaderAction = true,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n  const desktop = useMediaQuery(theme.breakpoints.up('sm'));\n  const mobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const classes = useStyles(props);\n\n  const actionHeader = useMemo(\n    () => (\n      <>\n        <AmbientAlert\n          alertMessage={alertMessage}\n          alertButton={alertButton}\n          alertSeverity={alertSeverity}\n          showAlert={showAlert}\n          closeAlert={closeAlert}\n        />\n        {PrimaryActionHeader}\n      </>\n    ),\n    [\n      alertMessage,\n      alertButton,\n      alertSeverity,\n      showAlert,\n      closeAlert,\n      PrimaryActionHeader\n    ]\n  );\n\n  return (\n    <div>\n      <DraggableSidebarTemplate\n        width={splitScreenWidth}\n        setWidth={setSplitScreenWidth}\n        // @todo: remove padding hack\n        removePadding={removePadding}\n        hide={hideSidebarButton}\n        {...otherProps}\n        body={\n          <div>\n            <div>\n              {!useSubHeaderAction && !!PrimaryActionHeader && (\n                <Card variant='outlined'>{actionHeader}</Card>\n              )}\n              {useSubHeaderAction && !!PrimaryActionHeader && (\n                <SubHeaderAction>{actionHeader}</SubHeaderAction>\n              )}\n              {!removeHeader && (\n                <HeaderExpander\n                  toggleLabel='Data Visualization'\n                  sectionOpen={headerExpanded}\n                  compact={compactHeader}\n                  options={expanderLeftContainer}\n                >\n                  <div className={classes.padding}> {expandedData} </div>\n                </HeaderExpander>\n              )}\n\n              {!removeHeader && <LayoutUnit unit='xxs' />}\n\n              {children}\n              {!hideGrid && (\n                <AmbientGridTemplate\n                  {...otherProps}\n                  title={gridTemplateTitle}\n                  data={gridData}\n                  columnDefs={columnDefinitions}\n                  groupingData={groupData}\n                  defaultAutoSize={defaultAutoSize}\n                />\n              )}\n            </div>\n          </div>\n        }\n        sidebar={\n          <Slide in={splitScreen && splitScreen} direction='left'>\n            <div style={{ height: '100%' }}>\n              {splitScreen && (\n                <div className={classes.splitScreen}>\n                  <Card square style={{ height: '100%' }}>\n                    <CardContent>{splitScreenContent}</CardContent>\n                  </Card>\n                </div>\n              )}\n            </div>\n          </Slide>\n        }\n      />\n\n      <SideSheet\n        key={'sideSheet'}\n        title={sideSheetTitle}\n        width={!desktop ? 350 : 500}\n        buttonLabel={sideSheetButton}\n        open={sideSheetOpen}\n        onClose={setSideSheetClose}\n        disabled={sideSheetDisabled}\n        progress={sideSheetProgress}\n        buttonProgress\n        children={sideSheetContent}\n      />\n\n      <FluentDialog\n        title={dialogTitle}\n        message={dialogMessage}\n        labelOne={dialogLabelOne}\n        actionOne={dialogActionOne}\n        labelTwo={dialogLabelTwo}\n        actionTwo={dialogActionTwo}\n        open={dialogOpen}\n        handleClose={dialogClose}\n        progress={20}\n        variant={DialogLoadingvariant}\n        disableTwo={disableDialogAction}\n      />\n      <AmbientToast\n        noticeType={noticeType}\n        noticeMessage={noticeMessage}\n        noticeButton={noticeButton}\n        closeNotice={closeNotice}\n        noticeOpen={noticeOpen}\n        noticeAction={noticeAction}\n        alertSeverity={alertSeverity}\n      />\n      {footer}\n    </div>\n  );\n};\n\nCoreLayoutFloorplan.propTypes = {\n  /**\n   * Container to add Primary Action Header to page\n   */\n  PrimaryActionHeader: PropTypes.node,\n  /**\n   * Additional open area on page to add content. Adds a space above the grid area.\n   */\n  children: PropTypes.object,\n  /**\n   * Content that shows up in the split screen area.\n   */\n  splitScreenContent: PropTypes.node,\n  /**\n   * Data for AgGrid.\n   */\n  gridData: PropTypes.array,\n  /**\n   * Accepts an array of data to build out the buttons and functions to group data on the grid.\n   */\n  groupData: PropTypes.array,\n  /**\n   * Grid definitions to define keys for AgGrid.\n   */\n  columnDefinitions: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Content area for top expanded section.\n   */\n  expandedData: PropTypes.string,\n  /**\n   * shows or hides split screen (default: false)\n   */\n  splitScreen: PropTypes.string,\n  /**\n   * The width the split screen displays at.\n   */\n  splitScreenWidth: PropTypes.string,\n  /**\n   * To connect function to update state for split screen width.\n   */\n  setSplitScreenWidth: PropTypes.string,\n  /**\n   * Used to set side sheet title.\n   */\n  sideSheetTitle: PropTypes.string,\n  /**\n   * Lable for the side sheet action button.\n   */\n  sideSheetButton: PropTypes.string,\n  /**\n   * Disable Toggle for the side sheet button.\n   */\n  sideSheetDisabled: PropTypes.string,\n  /**\n   * Allows progress indication for the side sheet.\n   */\n  sideSheetProgress: PropTypes.number,\n  /**\n   * When true sets the side sheet open (default: false)\n   */\n  sideSheetOpen: PropTypes.bool,\n  /**\n   * State function to set the side sheet state true or false.\n   */\n  setSideSheetOpen: PropTypes.string,\n  /**\n   * Function to set the side sheet closed.\n   */\n  setSideSheetClose: PropTypes.string,\n  /**\n   * Content that displays in the side sheet.\n   */\n  setSideSheetContent: PropTypes.string,\n  /**\n   * Action for the first button in the dialog.\n   */\n  dialogActionOne: PropTypes.string,\n  /**\n   * Action for the second button in the dialog.\n   */\n  dialogActionTwo: PropTypes.string,\n  /**\n   * Function to canel open dialog.\n   */\n  dialogClose: PropTypes.string,\n  /**\n   * If true will cause the dialog to open.\n   */\n  dialogOpen: PropTypes.string,\n  /**\n   * Main title of the dialog.\n   */\n  dialogTitle: PropTypes.string,\n  /**\n   * Dialog message.\n   */\n  dialogMessage: PropTypes.string,\n  /**\n   * Label for first button of dialog.\n   */\n  dialogLabelOne: PropTypes.string,\n  /**\n   * Label for second button of dialog.\n   */\n  dialogLableTwo: PropTypes.string,\n  /**\n   * If true will display the notice message.\n   */\n  notice: PropTypes.string,\n  /**\n   * Label for alert button.\n   */\n  alertButton: PropTypes.string,\n  /**\n   * Message that displays in alert.\n   */\n  alertMessage: PropTypes.string,\n  /**\n   * Sets the severity of the alert (info, warning, error, success).\n   */\n  alertType: PropTypes.string,\n  /**\n   * Function to close notice.\n   */\n  closeNotice: PropTypes.string,\n  /**\n   * If true the notice will be displayed.\n   */\n  noticeOpen: PropTypes.string,\n  /**\n   * Optional action assigned to notice.\n   */\n  noticeAction: PropTypes.string,\n  /**\n   * The type of notice: error, warning, success, info (toast).\n   */\n  noticeType: PropTypes.string,\n  /**\n   * The message contained in the notice (toast).\n   */\n  noticeMessage: PropTypes.string,\n  /**\n   * The label for the notice button (toast).\n   */\n  noticeButton: PropTypes.string,\n  /**\n   * Sets the severity of the alert (info, warning, error, success).\n   */\n  alertSeverity: PropTypes.string,\n  /**\n   * If true the alert will display.\n   */\n  showAlert: PropTypes.string,\n  /**\n   * Function to close alert.\n   */\n  closeAlert: PropTypes.string,\n  /**\n   * Sets the type of the progress indicator for the dialog.\n   */\n  DialogLoadingvariant: PropTypes.string,\n  /**\n   * sets the action button on the dialog to disabled.\n   */\n  disableDialogAction: PropTypes.string,\n  /**\n   * Allows for a smaller tab version of the expandable drawer.\n   */\n  compactHeader: PropTypes.string,\n  /**\n   * If true, the header expander will be open (default: true)\n   */\n  headerExpanded: PropTypes.string,\n  /**\n   * Section in expander to allow for additional content within the tab area.\n   */\n  expanderLeftContainer: PropTypes.string,\n  /**\n   * Sets the grid default to expaned size if true. The default is 'size to fit'.\n   */\n  defaultAutoSize: PropTypes.bool,\n  /**\n   * Sets the teleporter for primary action header if it's true\n   */\n  useSubHeaderAction: PropTypes.bool\n};\n"],"mappings":"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"}
+{"version":3,"file":"floorplans-CY6mR5bW.js","names":[],"sources":["../src/UI/floorplans/CoreLayoutFloorplan.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n// MUI\nimport {\n  Card,\n  CardContent,\n  useTheme,\n  useMediaQuery,\n  makeStyles,\n  Slide\n} from '@material-ui/core';\n\n//FLuent library\nimport { SubHeaderAction } from '../../utilities/utilityBar/SubHeaderAction';\nimport { FluentDialog } from '../feedback/FluentDialog';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { AmbientGridTemplate } from '../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport { HeaderExpander } from '../dataDisplay/HeaderExpander';\nimport { DraggableSidebarTemplate } from '../templates/DraggableSidebarTemplate';\nimport { AmbientToast } from '../feedback/AmbientToast';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    cardDisplay: {\n      marginBottom: theme.spacing(2)\n    },\n    padding: {\n      padding: (props) => !props.noPadding && theme.spacing(1)\n    },\n    splitScreen: {\n      width: '100%',\n      height: '100%'\n    }\n  }),\n  { name: 'CoreLayoutFloorplan' }\n);\n\nexport const CoreLayoutFloorplan = (props) => {\n  const {\n    PrimaryActionHeader,\n    children,\n    footer,\n    gridData,\n    groupData,\n    columnDefinitions,\n    expandedData,\n    splitScreen,\n    splitScreenContent,\n    splitScreenWidth,\n    setSplitScreenWidth,\n    sideSheetTitle,\n    sideSheetButton,\n    sideSheetDisabled,\n    sideSheetProgress,\n    sideSheetOpen,\n    setSideSheetOpen,\n    setSideSheetClose,\n    sideSheetContent,\n    dialogActionOne,\n    dialogActionTwo,\n    dialogClose,\n    dialogOpen,\n    dialogTitle,\n    dialogMessage,\n    dialogLabelOne,\n    dialogLabelTwo,\n    notice,\n    alertButton,\n    alertMessage,\n    alertType,\n    closeNotice,\n    noticeOpen,\n    noticeAction,\n    noticeType,\n    noticeMessage,\n    noticeButton,\n    alertSeverity,\n    showAlert,\n    closeAlert,\n    DialogLoadingvariant = 'determinate',\n    disableDialogAction,\n    compactHeader,\n    headerExpanded,\n    expanderLeftContainer,\n    gridTemplateTitle,\n    removePadding,\n    removeHeader,\n    hideSidebarButton,\n    defaultAutoSize,\n    hideGrid = false,\n    useSubHeaderAction = true,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n  const desktop = useMediaQuery(theme.breakpoints.up('sm'));\n  const mobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const classes = useStyles(props);\n\n  const actionHeader = useMemo(\n    () => (\n      <>\n        <AmbientAlert\n          alertMessage={alertMessage}\n          alertButton={alertButton}\n          alertSeverity={alertSeverity}\n          showAlert={showAlert}\n          closeAlert={closeAlert}\n        />\n        {PrimaryActionHeader}\n      </>\n    ),\n    [\n      alertMessage,\n      alertButton,\n      alertSeverity,\n      showAlert,\n      closeAlert,\n      PrimaryActionHeader\n    ]\n  );\n\n  return (\n    <div>\n      <DraggableSidebarTemplate\n        width={splitScreenWidth}\n        setWidth={setSplitScreenWidth}\n        // @todo: remove padding hack\n        removePadding={removePadding}\n        hide={hideSidebarButton}\n        {...otherProps}\n        body={\n          <div>\n            <div>\n              {!useSubHeaderAction && !!PrimaryActionHeader && (\n                <Card variant='outlined'>{actionHeader}</Card>\n              )}\n              {useSubHeaderAction && !!PrimaryActionHeader && (\n                <SubHeaderAction>{actionHeader}</SubHeaderAction>\n              )}\n              {!removeHeader && (\n                <HeaderExpander\n                  toggleLabel='Data Visualization'\n                  sectionOpen={headerExpanded}\n                  compact={compactHeader}\n                  options={expanderLeftContainer}\n                >\n                  <div className={classes.padding}> {expandedData} </div>\n                </HeaderExpander>\n              )}\n\n              {!removeHeader && <LayoutUnit unit='xxs' />}\n\n              {children}\n              {!hideGrid && (\n                <AmbientGridTemplate\n                  {...otherProps}\n                  title={gridTemplateTitle}\n                  data={gridData}\n                  columnDefs={columnDefinitions}\n                  groupingData={groupData}\n                  defaultAutoSize={defaultAutoSize}\n                />\n              )}\n            </div>\n          </div>\n        }\n        sidebar={\n          <Slide in={splitScreen && splitScreen} direction='left'>\n            <div style={{ height: '100%' }}>\n              {splitScreen && (\n                <div className={classes.splitScreen}>\n                  <Card square style={{ height: '100%' }}>\n                    <CardContent>{splitScreenContent}</CardContent>\n                  </Card>\n                </div>\n              )}\n            </div>\n          </Slide>\n        }\n      />\n\n      <SideSheet\n        key={'sideSheet'}\n        title={sideSheetTitle}\n        width={!desktop ? 350 : 500}\n        buttonLabel={sideSheetButton}\n        open={sideSheetOpen}\n        onClose={setSideSheetClose}\n        disabled={sideSheetDisabled}\n        progress={sideSheetProgress}\n        buttonProgress\n        children={sideSheetContent}\n      />\n\n      <FluentDialog\n        title={dialogTitle}\n        message={dialogMessage}\n        labelOne={dialogLabelOne}\n        actionOne={dialogActionOne}\n        labelTwo={dialogLabelTwo}\n        actionTwo={dialogActionTwo}\n        open={dialogOpen}\n        handleClose={dialogClose}\n        progress={20}\n        variant={DialogLoadingvariant}\n        disableTwo={disableDialogAction}\n      />\n      <AmbientToast\n        noticeType={noticeType}\n        noticeMessage={noticeMessage}\n        noticeButton={noticeButton}\n        closeNotice={closeNotice}\n        noticeOpen={noticeOpen}\n        noticeAction={noticeAction}\n        alertSeverity={alertSeverity}\n      />\n      {footer}\n    </div>\n  );\n};\n\nCoreLayoutFloorplan.propTypes = {\n  /**\n   * Container to add Primary Action Header to page\n   */\n  PrimaryActionHeader: PropTypes.node,\n  /**\n   * Additional open area on page to add content. Adds a space above the grid area.\n   */\n  children: PropTypes.object,\n  /**\n   * Content that shows up in the split screen area.\n   */\n  splitScreenContent: PropTypes.node,\n  /**\n   * Data for AgGrid.\n   */\n  gridData: PropTypes.array,\n  /**\n   * Accepts an array of data to build out the buttons and functions to group data on the grid.\n   */\n  groupData: PropTypes.array,\n  /**\n   * Grid definitions to define keys for AgGrid.\n   */\n  columnDefinitions: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Content area for top expanded section.\n   */\n  expandedData: PropTypes.string,\n  /**\n   * shows or hides split screen (default: false)\n   */\n  splitScreen: PropTypes.string,\n  /**\n   * The width the split screen displays at.\n   */\n  splitScreenWidth: PropTypes.string,\n  /**\n   * To connect function to update state for split screen width.\n   */\n  setSplitScreenWidth: PropTypes.string,\n  /**\n   * Used to set side sheet title.\n   */\n  sideSheetTitle: PropTypes.string,\n  /**\n   * Lable for the side sheet action button.\n   */\n  sideSheetButton: PropTypes.string,\n  /**\n   * Disable Toggle for the side sheet button.\n   */\n  sideSheetDisabled: PropTypes.string,\n  /**\n   * Allows progress indication for the side sheet.\n   */\n  sideSheetProgress: PropTypes.number,\n  /**\n   * When true sets the side sheet open (default: false)\n   */\n  sideSheetOpen: PropTypes.bool,\n  /**\n   * State function to set the side sheet state true or false.\n   */\n  setSideSheetOpen: PropTypes.string,\n  /**\n   * Function to set the side sheet closed.\n   */\n  setSideSheetClose: PropTypes.string,\n  /**\n   * Content that displays in the side sheet.\n   */\n  setSideSheetContent: PropTypes.string,\n  /**\n   * Action for the first button in the dialog.\n   */\n  dialogActionOne: PropTypes.string,\n  /**\n   * Action for the second button in the dialog.\n   */\n  dialogActionTwo: PropTypes.string,\n  /**\n   * Function to canel open dialog.\n   */\n  dialogClose: PropTypes.string,\n  /**\n   * If true will cause the dialog to open.\n   */\n  dialogOpen: PropTypes.string,\n  /**\n   * Main title of the dialog.\n   */\n  dialogTitle: PropTypes.string,\n  /**\n   * Dialog message.\n   */\n  dialogMessage: PropTypes.string,\n  /**\n   * Label for first button of dialog.\n   */\n  dialogLabelOne: PropTypes.string,\n  /**\n   * Label for second button of dialog.\n   */\n  dialogLableTwo: PropTypes.string,\n  /**\n   * If true will display the notice message.\n   */\n  notice: PropTypes.string,\n  /**\n   * Label for alert button.\n   */\n  alertButton: PropTypes.string,\n  /**\n   * Message that displays in alert.\n   */\n  alertMessage: PropTypes.string,\n  /**\n   * Sets the severity of the alert (info, warning, error, success).\n   */\n  alertType: PropTypes.string,\n  /**\n   * Function to close notice.\n   */\n  closeNotice: PropTypes.string,\n  /**\n   * If true the notice will be displayed.\n   */\n  noticeOpen: PropTypes.string,\n  /**\n   * Optional action assigned to notice.\n   */\n  noticeAction: PropTypes.string,\n  /**\n   * The type of notice: error, warning, success, info (toast).\n   */\n  noticeType: PropTypes.string,\n  /**\n   * The message contained in the notice (toast).\n   */\n  noticeMessage: PropTypes.string,\n  /**\n   * The label for the notice button (toast).\n   */\n  noticeButton: PropTypes.string,\n  /**\n   * Sets the severity of the alert (info, warning, error, success).\n   */\n  alertSeverity: PropTypes.string,\n  /**\n   * If true the alert will display.\n   */\n  showAlert: PropTypes.string,\n  /**\n   * Function to close alert.\n   */\n  closeAlert: PropTypes.string,\n  /**\n   * Sets the type of the progress indicator for the dialog.\n   */\n  DialogLoadingvariant: PropTypes.string,\n  /**\n   * sets the action button on the dialog to disabled.\n   */\n  disableDialogAction: PropTypes.string,\n  /**\n   * Allows for a smaller tab version of the expandable drawer.\n   */\n  compactHeader: PropTypes.string,\n  /**\n   * If true, the header expander will be open (default: true)\n   */\n  headerExpanded: PropTypes.string,\n  /**\n   * Section in expander to allow for additional content within the tab area.\n   */\n  expanderLeftContainer: PropTypes.string,\n  /**\n   * Sets the grid default to expaned size if true. The default is 'size to fit'.\n   */\n  defaultAutoSize: PropTypes.bool,\n  /**\n   * Sets the teleporter for primary action header if it's true\n   */\n  useSubHeaderAction: PropTypes.bool\n};\n"],"mappings":"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"}

package/dist/{fluentTimeline-DceBN460.js → fluentTimeline-L0T1uOFm.js}

@@ -1,7 +1,7 @@
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
 import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
-import { S as getIconFromName } from "./TreeUtilities-CujOFOPm.js";
+import { S as getIconFromName } from "./TreeUtilities-kiPupulY.js";
 import React, { useState } from "react";
 import { Avatar, MenuItem, Popover, Typography, alpha, makeStyles } from "@material-ui/core";
 import { MoreVerticalIcon } from "@fluentui/react-icons";
@@ -153,4 +153,4 @@ const FluentTimeline = (props) => {
 
 //#endregion
 export { FluentTimelineContent as n, FluentTimelineHeader as r, FluentTimeline as t };
-//# sourceMappingURL=fluentTimeline-DceBN460.js.map
+//# sourceMappingURL=fluentTimeline-L0T1uOFm.js.map

package/dist/{fluentTimeline-DceBN460.js.map → fluentTimeline-L0T1uOFm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fluentTimeline-DceBN460.js","names":["useStyles"],"sources":["../src/UI/timeline/fluentTimeline/FluentTimelineHeader.jsx","../src/UI/timeline/fluentTimeline/FluentTimelineContent.jsx","../src/UI/timeline/fluentTimeline/FluentTimeline.jsx"],"sourcesContent":["import React from 'react';\nimport { Typography, Avatar, makeStyles, alpha } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  customTimelineHeader: {\n    backgroundColor: alpha(theme.palette.secondary.main, 0.1),\n    borderRadius: theme.spacing(4),\n    padding: theme.spacing(0.5, 2, 0.5, 0.5),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  customTimelineHeaderAvatar: {\n    marginRight: theme.spacing(1),\n    height: theme.spacing(4),\n    width: theme.spacing(4)\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const FluentTimelineHeader = (props) => {\n  const { title, date, iconName } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.customTimelineHeader}>\n      <Avatar className={classes.customTimelineHeaderAvatar}>\n        <UnityFluentIcon\n          size='medium'\n          icon={getIconFromName(iconName ?? 'PageListIcon')}\n          type=''\n        />\n      </Avatar>\n      <Typography variant='subtitle2'>{title}</Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.flexDescription}\n      >\n        {date}\n      </Typography>\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { Typography, makeStyles, Popover, MenuItem } from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n  flexCol: {\n    flexGrow: 1,\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(1),\n  },\n  customTimelineContent: {\n    display: 'flex',\n    borderLeft: '1px solid ' + theme.palette.grey[300],\n    paddingLeft: theme.spacing(3),\n    paddingTop: theme.spacing(0.5),\n    paddingBottom: theme.spacing(0.5),\n    marginLeft: theme.spacing(2.5),\n    alignItems: 'center',\n  },\n  customTimelineContentDate: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(2),\n    minWidth: theme.spacing(5),\n    fontWeight: 400,\n    textAlign: 'right',\n    fontSize: '12px',\n  },\n  customTimelineDot: {\n    marginLeft: theme.spacing(-3.55),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    backgroundColor: theme.palette.grey[400],\n    borderRadius: '100%',\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n  },\n}));\n\nexport const FluentTimelineContent = props => {\n  const { data, title, description, date, actions, category } = props;\n  const classes = useStyles();\n  const [openMenu, setOpenMenu] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopoverClick = event => {\n    setOpenMenu(true);\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = event => {\n    setOpenMenu(false);\n    setAnchorEl(null);\n  };\n\n  return (\n    <div className={classes.customTimelineContent}>\n      <div className={classes.customTimelineDot} />\n      <Typography variant='body2' noWrap className={classes.flexCol}>\n        {title}\n      </Typography>\n      <Typography variant='body2' noWrap className={classes.flexDescription}>\n        {description}\n      </Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.customTimelineContentDate}\n      >\n        {date}\n      </Typography>\n      {actions?.length > 0 && (\n        <FluentIconButton\n          icon={MoreVerticalIcon}\n          size='small'\n          onClick={handlePopoverClick}\n          id={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n          udprecordid={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n        />\n      )}\n\n      <Popover\n        id='fluentTimelineContentPopover'\n        open={openMenu}\n        anchorEl={anchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {actions?.map((action) => (\n          <MenuItem\n            id={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            udprecordid={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            onClick={() => {\n              if (action.onClick) {\n                action.onClick(data);\n              }\n            }}\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between'\n            }}\n          >\n            <Typography>{action?.label}</Typography>\n            {action?.icon && (\n              <FluentIcon component={action?.icon} style={{ marginLeft: 7 }} />\n            )}\n          </MenuItem>\n        ))}\n      </Popover>\n    </div>\n  );\n};\n","import React from 'react';\nimport { FluentTimelineHeader } from './FluentTimelineHeader';\nimport { FluentTimelineContent } from './FluentTimelineContent';\n\nexport const FluentTimeline = (props) => {\n  const { data, dataConfig, actions } = props;\n\n  return (\n    <div>\n      {data?.map((timeline) => (\n        <>\n          <FluentTimelineHeader\n            title={timeline?.[dataConfig?.type]}\n            date={timeline?.[dataConfig?.typeDate]}\n            iconName={timeline?.[dataConfig?.typeIconName]}\n          />\n          {timeline?.[dataConfig?.events]?.map((item) => (\n            <FluentTimelineContent\n              data={item}\n              title={item?.[dataConfig?.eventTitle]}\n              description={item?.[dataConfig?.eventDescription]}\n              date={item?.[dataConfig?.eventDate]}\n              actions={actions}\n              category={timeline?.[dataConfig?.type]}\n            />\n          ))}\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"fluentTimeline-L0T1uOFm.js","names":["useStyles"],"sources":["../src/UI/timeline/fluentTimeline/FluentTimelineHeader.jsx","../src/UI/timeline/fluentTimeline/FluentTimelineContent.jsx","../src/UI/timeline/fluentTimeline/FluentTimeline.jsx"],"sourcesContent":["import React from 'react';\nimport { Typography, Avatar, makeStyles, alpha } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  customTimelineHeader: {\n    backgroundColor: alpha(theme.palette.secondary.main, 0.1),\n    borderRadius: theme.spacing(4),\n    padding: theme.spacing(0.5, 2, 0.5, 0.5),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  customTimelineHeaderAvatar: {\n    marginRight: theme.spacing(1),\n    height: theme.spacing(4),\n    width: theme.spacing(4)\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const FluentTimelineHeader = (props) => {\n  const { title, date, iconName } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.customTimelineHeader}>\n      <Avatar className={classes.customTimelineHeaderAvatar}>\n        <UnityFluentIcon\n          size='medium'\n          icon={getIconFromName(iconName ?? 'PageListIcon')}\n          type=''\n        />\n      </Avatar>\n      <Typography variant='subtitle2'>{title}</Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.flexDescription}\n      >\n        {date}\n      </Typography>\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { Typography, makeStyles, Popover, MenuItem } from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n  flexCol: {\n    flexGrow: 1,\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(1),\n  },\n  customTimelineContent: {\n    display: 'flex',\n    borderLeft: '1px solid ' + theme.palette.grey[300],\n    paddingLeft: theme.spacing(3),\n    paddingTop: theme.spacing(0.5),\n    paddingBottom: theme.spacing(0.5),\n    marginLeft: theme.spacing(2.5),\n    alignItems: 'center',\n  },\n  customTimelineContentDate: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(2),\n    minWidth: theme.spacing(5),\n    fontWeight: 400,\n    textAlign: 'right',\n    fontSize: '12px',\n  },\n  customTimelineDot: {\n    marginLeft: theme.spacing(-3.55),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    backgroundColor: theme.palette.grey[400],\n    borderRadius: '100%',\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n  },\n}));\n\nexport const FluentTimelineContent = props => {\n  const { data, title, description, date, actions, category } = props;\n  const classes = useStyles();\n  const [openMenu, setOpenMenu] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopoverClick = event => {\n    setOpenMenu(true);\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = event => {\n    setOpenMenu(false);\n    setAnchorEl(null);\n  };\n\n  return (\n    <div className={classes.customTimelineContent}>\n      <div className={classes.customTimelineDot} />\n      <Typography variant='body2' noWrap className={classes.flexCol}>\n        {title}\n      </Typography>\n      <Typography variant='body2' noWrap className={classes.flexDescription}>\n        {description}\n      </Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.customTimelineContentDate}\n      >\n        {date}\n      </Typography>\n      {actions?.length > 0 && (\n        <FluentIconButton\n          icon={MoreVerticalIcon}\n          size='small'\n          onClick={handlePopoverClick}\n          id={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n          udprecordid={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n        />\n      )}\n\n      <Popover\n        id='fluentTimelineContentPopover'\n        open={openMenu}\n        anchorEl={anchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {actions?.map((action) => (\n          <MenuItem\n            id={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            udprecordid={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            onClick={() => {\n              if (action.onClick) {\n                action.onClick(data);\n              }\n            }}\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between'\n            }}\n          >\n            <Typography>{action?.label}</Typography>\n            {action?.icon && (\n              <FluentIcon component={action?.icon} style={{ marginLeft: 7 }} />\n            )}\n          </MenuItem>\n        ))}\n      </Popover>\n    </div>\n  );\n};\n","import React from 'react';\nimport { FluentTimelineHeader } from './FluentTimelineHeader';\nimport { FluentTimelineContent } from './FluentTimelineContent';\n\nexport const FluentTimeline = (props) => {\n  const { data, dataConfig, actions } = props;\n\n  return (\n    <div>\n      {data?.map((timeline) => (\n        <>\n          <FluentTimelineHeader\n            title={timeline?.[dataConfig?.type]}\n            date={timeline?.[dataConfig?.typeDate]}\n            iconName={timeline?.[dataConfig?.typeIconName]}\n          />\n          {timeline?.[dataConfig?.events]?.map((item) => (\n            <FluentTimelineContent\n              data={item}\n              title={item?.[dataConfig?.eventTitle]}\n              description={item?.[dataConfig?.eventDescription]}\n              date={item?.[dataConfig?.eventDate]}\n              actions={actions}\n              category={timeline?.[dataConfig?.type]}\n            />\n          ))}\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/{gridVisualizationFunctions-D5YZTZ7G.js → gridVisualizationFunctions-D83yg1AF.js}

@@ -64,4 +64,4 @@ const useNoticeUpdate = () => {
 
 //#endregion
 export { useScreenControl as n, useNoticeUpdate as t };
-//# sourceMappingURL=gridVisualizationFunctions-D5YZTZ7G.js.map
+//# sourceMappingURL=gridVisualizationFunctions-D83yg1AF.js.map

package/dist/{gridVisualizationFunctions-D5YZTZ7G.js.map → gridVisualizationFunctions-D83yg1AF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"gridVisualizationFunctions-D5YZTZ7G.js","names":["e"],"sources":["../src/utilities/floorplanFunctions/gridVisualizationFunctions.js"],"sourcesContent":["import { useState } from 'react'\n\nexport const useScreenControl = (e) => {\n  const [splitScreen, setSplitScreen] = useState(false)\n  const [width, setWidth] = useState(0);\n  const [expanded, setExpanded] = useState(false)\n  const [dialogOpen, setDialogOpen] = useState(false)\n  const [sideSheetOpen, setSideSheetOpen] = useState(false)\n  const [sideSheetStatus, setSideSheetStatus] = useState(false)\n\n  const sideBarControl = (e) => {\n    setSplitScreen(e === 0 ? false: true)\n    setExpanded( e === 0 ? false : true)\n    setWidth(e === 0 ? 0 : 300)\n    setDialogOpen(false)\n  }\n\n  const updateWidth = (e) => {\n    setWidth(e)\n  }\n\n  const handleSideSheet = (bol) => {\n     setSideSheetOpen(bol)\n  }\n\n  return [splitScreen, width, expanded, dialogOpen, sideSheetOpen, sideSheetStatus, sideBarControl, updateWidth, setDialogOpen, handleSideSheet ]\n}\n\n\nexport const useNoticeUpdate = () => {\n  const [noticeState, setNoticeState] = useState({})\n  const [alertState, setAlertState] = useState({})\n\n    const sendNotice = (alertType, alertMessage, alertButton, messageType, show) => {\n      console.log('UPDATE NOTICE', alertType, alertMessage, alertButton, messageType, show)\n      messageType === 'toast' && setNoticeState( {\n        noticeType: alertType,\n        noticeMessage: alertMessage,\n        noticeButton: alertButton,\n        messageType: messageType,\n        show: show\n      })\n    messageType === 'alert' && setAlertState( {\n        alertType: alertType,\n        alertMessage: alertMessage,\n        alertButton: alertButton,\n        messageType: messageType,\n        show: show\n      });\n    }\n\n    return [noticeState, alertState, setAlertState, setNoticeState, sendNotice ]\n}"],"mappings":";;;AAEA,MAAa,oBAAoB,MAAM;CACrC,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAE7D,MAAM,kBAAkB,QAAM;AAC5B,iBAAeA,QAAM,IAAI,QAAO,KAAK;AACrC,cAAaA,QAAM,IAAI,QAAQ,KAAK;AACpC,WAASA,QAAM,IAAI,IAAI,IAAI;AAC3B,gBAAc,MAAM;;CAGtB,MAAM,eAAe,QAAM;AACzB,WAASA,IAAE;;CAGb,MAAM,mBAAmB,QAAQ;AAC9B,mBAAiB,IAAI;;AAGxB,QAAO;EAAC;EAAa;EAAO;EAAU;EAAY;EAAe;EAAiB;EAAgB;EAAa;EAAe;EAAiB;;AAIjJ,MAAa,wBAAwB;CACnC,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE,CAAC;CAClD,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE,CAAC;CAE9C,MAAM,cAAc,WAAW,cAAc,aAAa,aAAa,SAAS;AAC9E,UAAQ,IAAI,iBAAiB,WAAW,cAAc,aAAa,aAAa,KAAK;AACrF,kBAAgB,WAAW,eAAgB;GACzC,YAAY;GACZ,eAAe;GACf,cAAc;GACD;GACP;GACP,CAAC;AACJ,kBAAgB,WAAW,cAAe;GAC3B;GACG;GACD;GACA;GACP;GACP,CAAC;;AAGJ,QAAO;EAAC;EAAa;EAAY;EAAe;EAAgB;EAAY"}
+{"version":3,"file":"gridVisualizationFunctions-D83yg1AF.js","names":["e"],"sources":["../src/utilities/floorplanFunctions/gridVisualizationFunctions.js"],"sourcesContent":["import { useState } from 'react'\n\nexport const useScreenControl = (e) => {\n  const [splitScreen, setSplitScreen] = useState(false)\n  const [width, setWidth] = useState(0);\n  const [expanded, setExpanded] = useState(false)\n  const [dialogOpen, setDialogOpen] = useState(false)\n  const [sideSheetOpen, setSideSheetOpen] = useState(false)\n  const [sideSheetStatus, setSideSheetStatus] = useState(false)\n\n  const sideBarControl = (e) => {\n    setSplitScreen(e === 0 ? false: true)\n    setExpanded( e === 0 ? false : true)\n    setWidth(e === 0 ? 0 : 300)\n    setDialogOpen(false)\n  }\n\n  const updateWidth = (e) => {\n    setWidth(e)\n  }\n\n  const handleSideSheet = (bol) => {\n     setSideSheetOpen(bol)\n  }\n\n  return [splitScreen, width, expanded, dialogOpen, sideSheetOpen, sideSheetStatus, sideBarControl, updateWidth, setDialogOpen, handleSideSheet ]\n}\n\n\nexport const useNoticeUpdate = () => {\n  const [noticeState, setNoticeState] = useState({})\n  const [alertState, setAlertState] = useState({})\n\n    const sendNotice = (alertType, alertMessage, alertButton, messageType, show) => {\n      console.log('UPDATE NOTICE', alertType, alertMessage, alertButton, messageType, show)\n      messageType === 'toast' && setNoticeState( {\n        noticeType: alertType,\n        noticeMessage: alertMessage,\n        noticeButton: alertButton,\n        messageType: messageType,\n        show: show\n      })\n    messageType === 'alert' && setAlertState( {\n        alertType: alertType,\n        alertMessage: alertMessage,\n        alertButton: alertButton,\n        messageType: messageType,\n        show: show\n      });\n    }\n\n    return [noticeState, alertState, setAlertState, setNoticeState, sendNotice ]\n}"],"mappings":";;;AAEA,MAAa,oBAAoB,MAAM;CACrC,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAE7D,MAAM,kBAAkB,QAAM;AAC5B,iBAAeA,QAAM,IAAI,QAAO,KAAK;AACrC,cAAaA,QAAM,IAAI,QAAQ,KAAK;AACpC,WAASA,QAAM,IAAI,IAAI,IAAI;AAC3B,gBAAc,MAAM;;CAGtB,MAAM,eAAe,QAAM;AACzB,WAASA,IAAE;;CAGb,MAAM,mBAAmB,QAAQ;AAC9B,mBAAiB,IAAI;;AAGxB,QAAO;EAAC;EAAa;EAAO;EAAU;EAAY;EAAe;EAAiB;EAAgB;EAAa;EAAe;EAAiB;;AAIjJ,MAAa,wBAAwB;CACnC,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE,CAAC;CAClD,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE,CAAC;CAE9C,MAAM,cAAc,WAAW,cAAc,aAAa,aAAa,SAAS;AAC9E,UAAQ,IAAI,iBAAiB,WAAW,cAAc,aAAa,aAAa,KAAK;AACrF,kBAAgB,WAAW,eAAgB;GACzC,YAAY;GACZ,eAAe;GACf,cAAc;GACD;GACP;GACP,CAAC;AACJ,kBAAgB,WAAW,cAAe;GAC3B;GACG;GACD;GACA;GACP;GACP,CAAC;;AAGJ,QAAO;EAAC;EAAa;EAAY;EAAe;EAAgB;EAAY"}

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
 import { t as useCrudActions } from "../crudActions-DXyHKaN8.js";
-import { n as useActions, t as useActionState } from "../useActions-Db2P12NS.js";
+import { n as useActions, t as useActionState } from "../useActions-CxDs7v3s.js";
 import { t as useSetLocationState } from "../useSetLocationState-Kvcc9BTb.js";
 import { t as usePromotedMethodEntity } from "../usePromotedMethodEntity-Bi2neP26.js";
 import { t as useDynamicListCalculation } from "../useDynamicListCalculation-BzXkwt1u.js";
@@ -7,9 +7,9 @@ import { t as useApiCatalog } from "../useApiCatalog-Yi_KDPot.js";
 import { t as useFluentIcon } from "../useFluentIcon-Dy-hy_aD.js";
 import { t as useItemSubCard } from "../useItemSubCard-CJ3DL7fz.js";
 import { a as useOutlook, i as useProductVersion, n as useWorkflow, r as useDateLocale, t as usePreloadPages } from "../hooks-CxLP2j70.js";
-import { n as usePromotedLookupMethods, t as usePromotedMethodEntities } from "../usePromotedMethodEntities-Dw_Z9GFX.js";
+import { n as usePromotedLookupMethods, t as usePromotedMethodEntities } from "../usePromotedMethodEntities-B3xSrWmP.js";
 import { t as useQueryExecutors } from "../useQueryExecutors-UWa24-Mf.js";
-import { t as useSearchFilterParamsMap } from "../useSearchFilterParamsMap-CLAStwmE.js";
+import { t as useSearchFilterParamsMap } from "../useSearchFilterParamsMap-DPCfEY-N.js";
 import { t as useSplitDecimal } from "../useSplitDecimal-CsxaeRaU.js";
 import { t as useVirtualActions } from "../virtualActions-DWQEmtEr.js";
 import { t as useUpdateSearchParams } from "../useUpdateSearchParams-LJeXfDsp.js";