udp-react-enterprise-component-library 25.16.2-beta.2 → 25.16.2-beta.3

package/dist/{ActionLoadingContext-DxqZH8--.js → ActionLoadingContext-DVpCwfbg.js}

@@ -5,4 +5,4 @@ const ActionLoadingContext = createContext(null);
 
 //#endregion
 export { ActionLoadingContext as t };
-//# sourceMappingURL=ActionLoadingContext-DxqZH8--.js.map
+//# sourceMappingURL=ActionLoadingContext-DVpCwfbg.js.map

package/dist/{ActionLoadingContext-DxqZH8--.js.map → ActionLoadingContext-DVpCwfbg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActionLoadingContext-DxqZH8--.js","names":[],"sources":["../src/contexts/ActionLoadingContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nexport const ActionLoadingContext = createContext(null);\n"],"mappings":";;;AAEA,MAAa,uBAAuB,cAAc,KAAK"}
+{"version":3,"file":"ActionLoadingContext-DVpCwfbg.js","names":[],"sources":["../src/contexts/ActionLoadingContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nexport const ActionLoadingContext = createContext(null);\n"],"mappings":";;;AAEA,MAAa,uBAAuB,cAAc,KAAK"}

package/dist/{ActionProvider-BiNM-ubX.js → ActionProvider-BX693NQ_.js}

@@ -9,10 +9,10 @@ import { n as useShellStore } from "./shellStore-B_6P0cep.js";
 import { t as useAxiosGet } from "./useAxiosGet-5JQU4EkT.js";
 import { t as useApiCatalog } from "./useApiCatalog-Dy3m4TZr.js";
 import { n as usePromotedLookupMethods, t as usePromotedMethodEntities } from "./usePromotedMethodEntities-CSH-aRof.js";
-import { t as LoadingOverlay_default } from "./LoadingOverlay-DMaSZ_lL.js";
-import { t as useAuthedUser } from "./useAuthedUser-BRX-xjnS.js";
-import { n as useDefaultFormValues_default } from "./useDefaultFormValues-B55mvF77.js";
-import { t as ActionLoadingContext } from "./ActionLoadingContext-DxqZH8--.js";
+import { t as LoadingOverlay_default } from "./LoadingOverlay-DC798-1h.js";
+import { t as useAuthedUser } from "./useAuthedUser-CXowatE7.js";
+import { n as useDefaultFormValues_default } from "./useDefaultFormValues-DFnzUcHv.js";
+import { t as ActionLoadingContext } from "./ActionLoadingContext-DVpCwfbg.js";
 import React, { useCallback, useEffect, useMemo, useReducer, useState } from "react";
 import { ConfigService } from "udp-react-stencil-component-library";
 import { useHistory } from "react-router-dom";
@@ -365,4 +365,4 @@ const ActionProvider = (props) => {
 
 //#endregion
 export { ActionProvider as t };
-//# sourceMappingURL=ActionProvider-BiNM-ubX.js.map
+//# sourceMappingURL=ActionProvider-BX693NQ_.js.map

package/dist/{ActionProvider-BiNM-ubX.js.map → ActionProvider-BX693NQ_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActionProvider-BiNM-ubX.js","names":["useDefaultFormValues","apiMutate","LoadingOverlay"],"sources":["../src/utilities/provider/ActionProvider.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ActionContext } from '../../contexts/ActionContext';\nimport { ActionDispatchContext } from '../../contexts/ActionDispatchContext';\nimport { ActionWrapper } from '../../actions/ActionWrapper';\nimport { apiMutate } from '../useAxiosMutate';\nimport { NodeActionEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../auth/useAuthedUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport useDefaultFormValues from '../crud/useDefaultFormValues';\nimport { getEntityAttributes } from '../maintenanceEngine/CrudBrowserUtilities';\nimport { ActionLoadingContext } from '../../contexts/ActionLoadingContext';\nimport { ActionLoadingDispatchContext } from '../../contexts/ActionLoadingDispatchContext';\nimport { useApiCatalog } from '../../hooks/useApiCatalog';\nimport LoadingOverlay from '../../UI/loading/LoadingOverlay';\nimport { useHistory } from 'react-router-dom';\nimport { usePromotedLookupMethods } from '../../hooks/usePromotedLookupMethods';\nimport { useCatalogStore } from '../../stores/catalogStore';\nimport { useActionStore } from '../../stores/actionStore';\nimport { useShellStore } from '../../stores/shellStore';\nimport { ConfigService } from 'udp-react-stencil-component-library';\nimport { usePromotedMethodEntities } from '../../hooks/usePromotedMethodEntities';\n\nconst emptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  catalog: null,\n  catalogPromise: null,\n  catalogEntities: [],\n  catalogPromotedEntities: [],\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  setCurrentEntityName: null\n};\n\nconst newRouteEmptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  selectedNodeObj: null,\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  }\n};\n\nconst emptyActionLoading = {\n  loading: false,\n  waitingToExecute: ''\n};\n\nexport const ActionProvider = (props) => {\n  const { domRoot, children } = props;\n  const user = useAuthedUser();\n  const history = useHistory();\n\n  const [apiCatalogId, setApiCatalogId] = useState(null);\n  const [foreignKeyData, setForeignKeyData] = useState([]);\n  const [actionPanel, setActionPanel] = useState(null);\n  const [currentEntityName, setCurrentEntityName] = useState(null);\n  const [currentLocationPathname, setCurrentLocationPathname] = useState(\n    history?.location?.pathname\n  );\n  const {\n    data: catalog,\n    promise: catalogPromise,\n    loading: catalogLoading\n  } = useApiCatalog(apiCatalogId);\n  usePromotedMethodEntities(apiCatalogId);\n\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  // Set the lookup api method Id for the application\n  usePromotedLookupMethods(apiCatalogId);\n\n  const setCurrentApiCatalogId = useCatalogStore(\n    (state) => state.setCurrentApiCatalogId\n  );\n\n  const [{ data: tpacb, loading: tpacbLoading }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!user,\n    false\n  );\n\n\n\n  const [actionState, dispatch] = useReducer((state, reducerAction) => {\n    switch (reducerAction.type) {\n      case 'SET_ACTION_PANELS':\n        let containerIdToUse = 0;\n        if (reducerAction.containerId) {\n          containerIdToUse = reducerAction.containerId;\n        }\n\n        const updatedActionPanels = { ...state.actionPanels };\n        updatedActionPanels[containerIdToUse] = reducerAction.actionPanels;\n        state = {\n          ...state,\n          actionPanels: updatedActionPanels\n        };\n        break;\n      case 'OPEN_SIDESHEET':\n        state = {\n          ...state,\n          sideSheet: reducerAction.sideSheet\n        };\n        break;\n      case 'OPEN_MODAL':\n        state = {\n          ...state,\n          modal: reducerAction.modal\n        };\n        break;\n      case 'CLOSE_ALL_SPLIT_SCREENS':\n        state = {\n          ...state,\n          splitScreen: { open: false, action: null, type: null, params: null },\n          pageSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          },\n          pageContainerSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          }\n        };\n        break;\n      case 'OPEN_SPLIT_SCREEN':\n        state = {\n          ...state,\n          splitScreen: reducerAction.splitScreen\n        };\n        break;\n      case 'OPEN_PAGE_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageSplitScreen: reducerAction.pageSplitScreen\n        };\n        break;\n      case 'OPEN_PAGE_CONTAINER_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageContainerSplitScreen: reducerAction.pageContainerSplitScreen\n        };\n        break;\n      case 'SET_API_CATALOG':\n        state = {\n          ...state,\n          catalog: reducerAction.catalog\n        };\n        break;\n      case 'SET_API_CATALOG_PROMISE':\n        state = {\n          ...state,\n          catalogPromise: reducerAction.catalogPromise\n        };\n        break;\n      case 'SET_CATALOG_ENTITIES':\n        state = {\n          ...state,\n          catalogEntities: reducerAction.catalogEntities\n        };\n        break;\n      case 'SET_CATALOG_PROMOTED_ENTITIES':\n        state = {\n          ...state,\n          catalogPromotedEntities: reducerAction.catalogPromotedEntities\n        };\n        break;\n      case 'SET_INQUIRY_PARAMS':\n        let initialContainerId = 0;\n        if (reducerAction.containerId) {\n          initialContainerId = reducerAction.containerId;\n        }\n\n        const updatedInquiryParams = { ...state.inquiryParams };\n        updatedInquiryParams[initialContainerId] = reducerAction.inquiryParams;\n        state = {\n          ...state,\n          inquiryParams: updatedInquiryParams\n        };\n        break;\n      case 'SET_SHOW_INQUIRY_HEADER_ACTIONS':\n        state = {\n          ...state,\n          showInquiryHeaderActions: reducerAction.showInquiryHeaderActions\n        };\n        break;\n      case 'SET_MENU_LIST_STATE':\n        state = {\n          ...state,\n          menuListState: reducerAction.menuListState\n        };\n        break;\n      case 'SET_ACTION_STATE_FOR_NEW_ROUTE':\n        state = {\n          ...state,\n          ...newRouteEmptyAction\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${reducerAction.type}`);\n    }\n    state = {\n      ...state,\n      setCurrentEntityName: setCurrentEntityName\n    };\n    return state;\n  }, emptyAction);\n\n  const [actionLoadingState, dispatchActionLoading] = useReducer(\n    (state, reducerAction) => {\n      switch (reducerAction.type) {\n        case 'SET_ACTION_LOADING':\n          state = {\n            ...state,\n            loading: reducerAction.loading\n          };\n          break;\n        case 'SET_ACTION_WAITING_TO_EXECUTE':\n          state = {\n            ...state,\n            waitingToExecute: reducerAction.actionId\n          };\n          break;\n        default:\n          throw new Error(`Unknown action loading type ${reducerAction.type}`);\n      }\n      return state;\n    },\n    emptyActionLoading\n  );\n  const action = useMemo(() => {\n    let selectedAction = null;\n    if (actionState) {\n      if (actionState.modal?.action) {\n        selectedAction = actionState.modal.action;\n      }\n      if (actionState.sideSheet?.action) {\n        selectedAction = actionState.sideSheet.action;\n      }\n      if (actionState.splitScreen?.action) {\n        selectedAction = actionState.splitScreen.action;\n      }\n      if (actionState.pageSplitScreen?.action) {\n        selectedAction = actionState.pageSplitScreen.action;\n      }\n      if (actionState.pageContainerSplitScreen?.action) {\n        selectedAction = actionState.pageContainerSplitScreen.action;\n      }\n    }\n\n    return selectedAction;\n  }, [actionState]);\n\n  const entityAttributes = useMemo(() => {\n    if (!catalog) {\n      return [];\n    }\n    const entityName = actionPanel ? actionPanel.entityName : currentEntityName;\n\n    return getEntityAttributes(catalog, entityName);\n  }, [actionPanel, catalog, currentEntityName]);\n\n  const { defaultFormValues } = useDefaultFormValues(entityAttributes);\n  const [crudTableFormData, setCrudTableFormData] = useState(defaultFormValues);\n\n  const crudTableEditionData = useMemo(() => {\n    let crudData = null;\n    if (\n      selectedNode?.nodeObj &&\n      action &&\n      action.actionTypeId === NodeActionEnums.Update\n    ) {\n      crudData = selectedNode.nodeObj;\n      setCrudTableFormData(selectedNode.nodeObj);\n    } else {\n      setCrudTableFormData(defaultFormValues);\n    }\n\n    return crudData;\n  }, [action, selectedNode]);\n\n  const executeAction = useCallback(\n    async (data, id) =>\n      apiMutate(\n        ConfigService.integrationV1ApiUrl,\n        `apimethod/executeQueryWithParameters/${id}`,\n        {\n          method: 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const inquiryActions = (\n    <ActionWrapper\n      action={action}\n      actionState={actionState}\n      actionPanel={actionPanel}\n      dispatch={dispatch}\n      catalog={catalog}\n      executeAction={executeAction}\n      splitScreenBody={children}\n      entityAttributes={entityAttributes}\n      foreignKeyData={foreignKeyData}\n      setForeignKeyData={setForeignKeyData}\n      crudTableEditionData={crudTableEditionData}\n      crudTableFormData={crudTableFormData}\n    />\n  );\n\n  useEffect(() => {\n    if (tpacb) {\n      setApiCatalogId(tpacb.apiCatalogId);\n      setCurrentApiCatalogId(tpacb.apiCatalogId);\n    }\n  }, [tpacb, setCurrentApiCatalogId]);\n\n  useEffect(() => {\n    if (action && actionState) {\n      setActionPanel(\n        actionState?.actionPanels[currentContainerId || 0]?.find((ap) =>\n          ap.panelActions.find((pa) => pa.actionId === action.actionId)\n        )\n      );\n    }\n  }, [action, actionState, currentContainerId]);\n\n  useEffect(\n    () =>\n      dispatchActionLoading({\n        type: 'SET_ACTION_LOADING',\n        loading: catalogLoading || tpacbLoading\n      }),\n    [catalogLoading, tpacbLoading]\n  );\n\n  useEffect(() => {\n    if (catalog) {\n      dispatch({\n        type: 'SET_API_CATALOG',\n        catalog: catalog\n      });\n    }\n  }, [catalog]);\n\n  // TODO: Find a better way to trigger actions even though it's waiting for\n  // catalog to finish loading. One way is to wait for catalog to finish loading before\n  // rendering children\n  useEffect(() => {\n    if (catalogPromise) {\n      dispatch({\n        type: 'SET_API_CATALOG_PROMISE',\n        catalogPromise: catalogPromise\n      });\n    }\n  }, [catalogPromise]);\n\n  // listening to route changes to reset specific properties in the action state\n  useEffect(() => {\n    if (history) {\n      return history.listen((location) => {\n        if (currentLocationPathname !== location.pathname) {\n          setCurrentLocationPathname(location.pathname);\n          dispatch({\n            type: 'SET_ACTION_STATE_FOR_NEW_ROUTE'\n          });\n        }\n      });\n    }\n  }, [history, currentLocationPathname]);\n\n  const actionLoading = useMemo(\n    () => <LoadingOverlay open={actionLoadingState.waitingToExecute} />,\n    [actionLoadingState]\n  );\n\n  return (\n    <>\n      {actionLoading}\n      <ActionContext.Provider value={actionState}>\n        <ActionDispatchContext.Provider value={dispatch}>\n          <ActionLoadingContext.Provider value={actionLoadingState}>\n            <ActionLoadingDispatchContext.Provider\n              value={dispatchActionLoading}\n            >\n              {domRoot ? createPortal(inquiryActions, domRoot) : inquiryActions}\n            </ActionLoadingDispatchContext.Provider>\n          </ActionLoadingContext.Provider>\n        </ActionDispatchContext.Provider>\n      </ActionContext.Provider>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ActionProvider-BX693NQ_.js","names":["useDefaultFormValues","apiMutate","LoadingOverlay"],"sources":["../src/utilities/provider/ActionProvider.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ActionContext } from '../../contexts/ActionContext';\nimport { ActionDispatchContext } from '../../contexts/ActionDispatchContext';\nimport { ActionWrapper } from '../../actions/ActionWrapper';\nimport { apiMutate } from '../useAxiosMutate';\nimport { NodeActionEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../auth/useAuthedUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport useDefaultFormValues from '../crud/useDefaultFormValues';\nimport { getEntityAttributes } from '../maintenanceEngine/CrudBrowserUtilities';\nimport { ActionLoadingContext } from '../../contexts/ActionLoadingContext';\nimport { ActionLoadingDispatchContext } from '../../contexts/ActionLoadingDispatchContext';\nimport { useApiCatalog } from '../../hooks/useApiCatalog';\nimport LoadingOverlay from '../../UI/loading/LoadingOverlay';\nimport { useHistory } from 'react-router-dom';\nimport { usePromotedLookupMethods } from '../../hooks/usePromotedLookupMethods';\nimport { useCatalogStore } from '../../stores/catalogStore';\nimport { useActionStore } from '../../stores/actionStore';\nimport { useShellStore } from '../../stores/shellStore';\nimport { ConfigService } from 'udp-react-stencil-component-library';\nimport { usePromotedMethodEntities } from '../../hooks/usePromotedMethodEntities';\n\nconst emptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  catalog: null,\n  catalogPromise: null,\n  catalogEntities: [],\n  catalogPromotedEntities: [],\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  setCurrentEntityName: null\n};\n\nconst newRouteEmptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  selectedNodeObj: null,\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  }\n};\n\nconst emptyActionLoading = {\n  loading: false,\n  waitingToExecute: ''\n};\n\nexport const ActionProvider = (props) => {\n  const { domRoot, children } = props;\n  const user = useAuthedUser();\n  const history = useHistory();\n\n  const [apiCatalogId, setApiCatalogId] = useState(null);\n  const [foreignKeyData, setForeignKeyData] = useState([]);\n  const [actionPanel, setActionPanel] = useState(null);\n  const [currentEntityName, setCurrentEntityName] = useState(null);\n  const [currentLocationPathname, setCurrentLocationPathname] = useState(\n    history?.location?.pathname\n  );\n  const {\n    data: catalog,\n    promise: catalogPromise,\n    loading: catalogLoading\n  } = useApiCatalog(apiCatalogId);\n  usePromotedMethodEntities(apiCatalogId);\n\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  // Set the lookup api method Id for the application\n  usePromotedLookupMethods(apiCatalogId);\n\n  const setCurrentApiCatalogId = useCatalogStore(\n    (state) => state.setCurrentApiCatalogId\n  );\n\n  const [{ data: tpacb, loading: tpacbLoading }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!user,\n    false\n  );\n\n\n\n  const [actionState, dispatch] = useReducer((state, reducerAction) => {\n    switch (reducerAction.type) {\n      case 'SET_ACTION_PANELS':\n        let containerIdToUse = 0;\n        if (reducerAction.containerId) {\n          containerIdToUse = reducerAction.containerId;\n        }\n\n        const updatedActionPanels = { ...state.actionPanels };\n        updatedActionPanels[containerIdToUse] = reducerAction.actionPanels;\n        state = {\n          ...state,\n          actionPanels: updatedActionPanels\n        };\n        break;\n      case 'OPEN_SIDESHEET':\n        state = {\n          ...state,\n          sideSheet: reducerAction.sideSheet\n        };\n        break;\n      case 'OPEN_MODAL':\n        state = {\n          ...state,\n          modal: reducerAction.modal\n        };\n        break;\n      case 'CLOSE_ALL_SPLIT_SCREENS':\n        state = {\n          ...state,\n          splitScreen: { open: false, action: null, type: null, params: null },\n          pageSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          },\n          pageContainerSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          }\n        };\n        break;\n      case 'OPEN_SPLIT_SCREEN':\n        state = {\n          ...state,\n          splitScreen: reducerAction.splitScreen\n        };\n        break;\n      case 'OPEN_PAGE_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageSplitScreen: reducerAction.pageSplitScreen\n        };\n        break;\n      case 'OPEN_PAGE_CONTAINER_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageContainerSplitScreen: reducerAction.pageContainerSplitScreen\n        };\n        break;\n      case 'SET_API_CATALOG':\n        state = {\n          ...state,\n          catalog: reducerAction.catalog\n        };\n        break;\n      case 'SET_API_CATALOG_PROMISE':\n        state = {\n          ...state,\n          catalogPromise: reducerAction.catalogPromise\n        };\n        break;\n      case 'SET_CATALOG_ENTITIES':\n        state = {\n          ...state,\n          catalogEntities: reducerAction.catalogEntities\n        };\n        break;\n      case 'SET_CATALOG_PROMOTED_ENTITIES':\n        state = {\n          ...state,\n          catalogPromotedEntities: reducerAction.catalogPromotedEntities\n        };\n        break;\n      case 'SET_INQUIRY_PARAMS':\n        let initialContainerId = 0;\n        if (reducerAction.containerId) {\n          initialContainerId = reducerAction.containerId;\n        }\n\n        const updatedInquiryParams = { ...state.inquiryParams };\n        updatedInquiryParams[initialContainerId] = reducerAction.inquiryParams;\n        state = {\n          ...state,\n          inquiryParams: updatedInquiryParams\n        };\n        break;\n      case 'SET_SHOW_INQUIRY_HEADER_ACTIONS':\n        state = {\n          ...state,\n          showInquiryHeaderActions: reducerAction.showInquiryHeaderActions\n        };\n        break;\n      case 'SET_MENU_LIST_STATE':\n        state = {\n          ...state,\n          menuListState: reducerAction.menuListState\n        };\n        break;\n      case 'SET_ACTION_STATE_FOR_NEW_ROUTE':\n        state = {\n          ...state,\n          ...newRouteEmptyAction\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${reducerAction.type}`);\n    }\n    state = {\n      ...state,\n      setCurrentEntityName: setCurrentEntityName\n    };\n    return state;\n  }, emptyAction);\n\n  const [actionLoadingState, dispatchActionLoading] = useReducer(\n    (state, reducerAction) => {\n      switch (reducerAction.type) {\n        case 'SET_ACTION_LOADING':\n          state = {\n            ...state,\n            loading: reducerAction.loading\n          };\n          break;\n        case 'SET_ACTION_WAITING_TO_EXECUTE':\n          state = {\n            ...state,\n            waitingToExecute: reducerAction.actionId\n          };\n          break;\n        default:\n          throw new Error(`Unknown action loading type ${reducerAction.type}`);\n      }\n      return state;\n    },\n    emptyActionLoading\n  );\n  const action = useMemo(() => {\n    let selectedAction = null;\n    if (actionState) {\n      if (actionState.modal?.action) {\n        selectedAction = actionState.modal.action;\n      }\n      if (actionState.sideSheet?.action) {\n        selectedAction = actionState.sideSheet.action;\n      }\n      if (actionState.splitScreen?.action) {\n        selectedAction = actionState.splitScreen.action;\n      }\n      if (actionState.pageSplitScreen?.action) {\n        selectedAction = actionState.pageSplitScreen.action;\n      }\n      if (actionState.pageContainerSplitScreen?.action) {\n        selectedAction = actionState.pageContainerSplitScreen.action;\n      }\n    }\n\n    return selectedAction;\n  }, [actionState]);\n\n  const entityAttributes = useMemo(() => {\n    if (!catalog) {\n      return [];\n    }\n    const entityName = actionPanel ? actionPanel.entityName : currentEntityName;\n\n    return getEntityAttributes(catalog, entityName);\n  }, [actionPanel, catalog, currentEntityName]);\n\n  const { defaultFormValues } = useDefaultFormValues(entityAttributes);\n  const [crudTableFormData, setCrudTableFormData] = useState(defaultFormValues);\n\n  const crudTableEditionData = useMemo(() => {\n    let crudData = null;\n    if (\n      selectedNode?.nodeObj &&\n      action &&\n      action.actionTypeId === NodeActionEnums.Update\n    ) {\n      crudData = selectedNode.nodeObj;\n      setCrudTableFormData(selectedNode.nodeObj);\n    } else {\n      setCrudTableFormData(defaultFormValues);\n    }\n\n    return crudData;\n  }, [action, selectedNode]);\n\n  const executeAction = useCallback(\n    async (data, id) =>\n      apiMutate(\n        ConfigService.integrationV1ApiUrl,\n        `apimethod/executeQueryWithParameters/${id}`,\n        {\n          method: 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const inquiryActions = (\n    <ActionWrapper\n      action={action}\n      actionState={actionState}\n      actionPanel={actionPanel}\n      dispatch={dispatch}\n      catalog={catalog}\n      executeAction={executeAction}\n      splitScreenBody={children}\n      entityAttributes={entityAttributes}\n      foreignKeyData={foreignKeyData}\n      setForeignKeyData={setForeignKeyData}\n      crudTableEditionData={crudTableEditionData}\n      crudTableFormData={crudTableFormData}\n    />\n  );\n\n  useEffect(() => {\n    if (tpacb) {\n      setApiCatalogId(tpacb.apiCatalogId);\n      setCurrentApiCatalogId(tpacb.apiCatalogId);\n    }\n  }, [tpacb, setCurrentApiCatalogId]);\n\n  useEffect(() => {\n    if (action && actionState) {\n      setActionPanel(\n        actionState?.actionPanels[currentContainerId || 0]?.find((ap) =>\n          ap.panelActions.find((pa) => pa.actionId === action.actionId)\n        )\n      );\n    }\n  }, [action, actionState, currentContainerId]);\n\n  useEffect(\n    () =>\n      dispatchActionLoading({\n        type: 'SET_ACTION_LOADING',\n        loading: catalogLoading || tpacbLoading\n      }),\n    [catalogLoading, tpacbLoading]\n  );\n\n  useEffect(() => {\n    if (catalog) {\n      dispatch({\n        type: 'SET_API_CATALOG',\n        catalog: catalog\n      });\n    }\n  }, [catalog]);\n\n  // TODO: Find a better way to trigger actions even though it's waiting for\n  // catalog to finish loading. One way is to wait for catalog to finish loading before\n  // rendering children\n  useEffect(() => {\n    if (catalogPromise) {\n      dispatch({\n        type: 'SET_API_CATALOG_PROMISE',\n        catalogPromise: catalogPromise\n      });\n    }\n  }, [catalogPromise]);\n\n  // listening to route changes to reset specific properties in the action state\n  useEffect(() => {\n    if (history) {\n      return history.listen((location) => {\n        if (currentLocationPathname !== location.pathname) {\n          setCurrentLocationPathname(location.pathname);\n          dispatch({\n            type: 'SET_ACTION_STATE_FOR_NEW_ROUTE'\n          });\n        }\n      });\n    }\n  }, [history, currentLocationPathname]);\n\n  const actionLoading = useMemo(\n    () => <LoadingOverlay open={actionLoadingState.waitingToExecute} />,\n    [actionLoadingState]\n  );\n\n  return (\n    <>\n      {actionLoading}\n      <ActionContext.Provider value={actionState}>\n        <ActionDispatchContext.Provider value={dispatch}>\n          <ActionLoadingContext.Provider value={actionLoadingState}>\n            <ActionLoadingDispatchContext.Provider\n              value={dispatchActionLoading}\n            >\n              {domRoot ? createPortal(inquiryActions, domRoot) : inquiryActions}\n            </ActionLoadingDispatchContext.Provider>\n          </ActionLoadingContext.Provider>\n        </ActionDispatchContext.Provider>\n      </ActionContext.Provider>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/{AmbientAutoComplete-09VfbDE4.js → AmbientAutoComplete-J8PArVAs.js}

@@ -42,7 +42,7 @@ const AutoCompletePopper = (props) => {
 	});
 };
 const AmbientAutoComplete = (props) => {
-	const { getOptionLabelFunction, getOptionSelected, label, placeholder, options, textFieldProps, disabled, onChange: onChangeProp, value, additionalOnChangeAction, classes: classProps, variant = "filled", inputProps, inputPropClasses, customPopper, disableClearable = false, defaultValue, additionalOptionKey, isMultiple = false, limitTags, renderTags, size = "medium", groupBy = null, loading, disableCloseOnSelect = false,...other } = props;
+	const { getOptionLabelFunction, getOptionSelected, label, placeholder, options, textFieldProps, disabled, onChange: onChangeProp, value, additionalOnChangeAction, classes: classProps, variant = "filled", inputProps, inputPropClasses, customPopper, disableClearable = false, defaultValue, additionalOptionKey, isMultiple = false, limitTags, renderTags, size = "medium", groupBy = null, loading, disableCloseOnSelect = false, getOptionDisabled,...other } = props;
 	const classes = useStyles(props);
 	const { autocompleteRoot } = classProps || {};
 	const onChange = useCallback((e, value$1) => {
@@ -61,6 +61,7 @@ const AmbientAutoComplete = (props) => {
 		groupBy,
 		onChange,
 		value: value || (isMultiple ? [] : null),
+		getOptionDisabled,
 		className: autocompleteRoot,
 		classes: { root: classes.formControl },
 		PopperComponent: customPopper || AutoCompletePopper,
@@ -98,4 +99,4 @@ const AmbientAutoComplete = (props) => {
 
 //#endregion
 export { AmbientAutoComplete as t };
-//# sourceMappingURL=AmbientAutoComplete-09VfbDE4.js.map
+//# sourceMappingURL=AmbientAutoComplete-J8PArVAs.js.map

package/dist/AmbientAutoComplete-J8PArVAs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientAutoComplete-J8PArVAs.js","names":["value"],"sources":["../src/UI/inputs/textField/AmbientAutoComplete.jsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport React, { useCallback } from 'react';\nimport { TextField, makeStyles, Popper } from '@material-ui/core';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\n\nconst useStyles = makeStyles((theme) => ({\n  input: {\n    borderRadius: 2,\n    minHeight: 32,\n    padding: 0,\n    paddingTop: '0 !important',\n    paddingBottom: (props) => (props.isMultiple ? '0 !important' : 10),\n    marginTop: 3,\n    '& .MuiFilledInput-inputMarginDense': {\n      paddingTop: 8\n    },\n    '& .MuiFilledInput-root': {\n      paddingTop: 0\n    },\n    '& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)':\n      {\n        marginTop: theme.spacing(0.5),\n        marginLeft: theme.spacing(1)\n      }\n  },\n  formTextInput: {\n    fontSize: 14,\n    marginTop: '2px !important',\n    paddingBottom: '2px !important'\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  root: {\n    marginTop: 25,\n    '& .MuiFormLabel-root': {\n      marginTop: -30,\n      marginLeft: -11\n    },\n    '& .MuiInputAdornment-root': {\n      paddingLeft: theme.spacing(1)\n    }\n  },\n  noLabel: {\n    marginTop: theme.spacing(1)\n  },\n  formControl: {\n    width: '100%'\n  }\n}));\n\nconst AutoCompletePopper = (props) => {\n  return <Popper {...props} placement='bottom-start' />;\n};\n\nexport const AmbientAutoComplete = (props) => {\n  const {\n    getOptionLabelFunction,\n    getOptionSelected,\n    label,\n    placeholder,\n    options,\n    textFieldProps,\n    disabled,\n    onChange: onChangeProp,\n    value,\n    additionalOnChangeAction,\n    classes: classProps,\n    variant = 'filled',\n    inputProps,\n    inputPropClasses,\n    customPopper,\n    disableClearable = false,\n    defaultValue,\n    additionalOptionKey,\n    isMultiple = false,\n    limitTags,\n    renderTags,\n    size = 'medium',\n    groupBy = null,\n    loading,\n    disableCloseOnSelect = false,\n    getOptionDisabled,\n    ...other\n  } = props;\n\n  const classes = useStyles(props);\n  const { autocompleteRoot } = classProps || {};\n\n  const onChange = useCallback(\n    (e, value) => {\n      if (additionalOnChangeAction) {\n        additionalOnChangeAction(value);\n      }\n      return onChangeProp?.(value);\n    },\n    [onChangeProp, additionalOnChangeAction]\n  );\n\n  return (\n    <Autocomplete\n      id='autocomplete'\n      multiple={isMultiple}\n      limitTags={limitTags}\n      disabled={disabled}\n      options={options || []}\n      loading={loading}\n      getOptionLabel={getOptionLabelFunction}\n      getOptionSelected={getOptionSelected}\n      groupBy={groupBy}\n      onChange={onChange}\n      value={value || (isMultiple ? [] : null)}\n      getOptionDisabled={getOptionDisabled}\n      className={autocompleteRoot}\n      classes={{\n        root: classes.formControl\n      }}\n      PopperComponent={customPopper || AutoCompletePopper}\n      disableClearable={disableClearable}\n      defaultValue={defaultValue}\n      size={size}\n      disableCloseOnSelect={disableCloseOnSelect}\n      renderInput={(params) => (\n        <div className={label ? classes.root : classes.noLabel}>\n          <TextField\n            {...textFieldProps}\n            {...params}\n            {...other}\n            label={label}\n            margin='dense'\n            variant={variant}\n            size='small'\n            InputProps={{\n              ...params.InputProps,\n              classes: {\n                root: classes.input,\n                input: classes.formTextInput,\n                ...props.InputProps?.classes\n              }\n            }}\n            InputLabelProps={{\n              shrink: false,\n              classes: {\n                root: classes.labelRoot,\n                focused: classes.labelFocused\n              }\n            }}\n          />\n        </div>\n      )}\n      renderTags={renderTags}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO;EACL,cAAc;EACd,WAAW;EACX,SAAS;EACT,YAAY;EACZ,gBAAgB,UAAW,MAAM,aAAa,iBAAiB;EAC/D,WAAW;EACX,sCAAsC,EACpC,YAAY,GACb;EACD,0BAA0B,EACxB,YAAY,GACb;EACD,mGACE;GACE,WAAW,MAAM,QAAQ,GAAI;GAC7B,YAAY,MAAM,QAAQ,EAAE;GAC7B;EACJ;CACD,eAAe;EACb,UAAU;EACV,WAAW;EACX,eAAe;EAChB;CACD,WAAW,EACT,UAAU,IACX;CACD,MAAM;EACJ,WAAW;EACX,wBAAwB;GACtB,WAAW;GACX,YAAY;GACb;EACD,6BAA6B,EAC3B,aAAa,MAAM,QAAQ,EAAE,EAC9B;EACF;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACD,aAAa,EACX,OAAO,QACR;CACF,EAAE;AAEH,MAAM,sBAAsB,UAAU;AACpC,QAAO,oCAAC;EAAO,GAAI;EAAO,WAAU;GAAiB;;AAGvD,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,wBACA,mBACA,OACA,aACA,SACA,gBACA,UACA,UAAU,cACV,OACA,0BACA,SAAS,YACT,UAAU,UACV,YACA,kBACA,cACA,mBAAmB,OACnB,cACA,qBACA,aAAa,OACb,WACA,YACA,OAAO,UACP,UAAU,MACV,SACA,uBAAuB,OACvB,kBACA,GAAG,UACD;CAEJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,qBAAqB,cAAc,EAAE;CAE7C,MAAM,WAAW,aACd,GAAG,YAAU;AACZ,MAAI,yBACF,0BAAyBA,QAAM;AAEjC,SAAO,eAAeA,QAAM;IAE9B,CAAC,cAAc,yBAAyB,CACzC;AAED,QACE,oCAAC;EACC,IAAG;EACH,UAAU;EACC;EACD;EACV,SAAS,WAAW,EAAE;EACb;EACT,gBAAgB;EACG;EACV;EACC;EACV,OAAO,UAAU,aAAa,EAAE,GAAG;EAChB;EACnB,WAAW;EACX,SAAS,EACP,MAAM,QAAQ,aACf;EACD,iBAAiB,gBAAgB;EACf;EACJ;EACR;EACgB;EACtB,cAAc,WACZ,oCAAC,SAAI,WAAW,QAAQ,QAAQ,OAAO,QAAQ,WAC7C,oCAAC;GACC,GAAI;GACJ,GAAI;GACJ,GAAI;GACG;GACP,QAAO;GACE;GACT,MAAK;GACL,YAAY;IACV,GAAG,OAAO;IACV,SAAS;KACP,MAAM,QAAQ;KACd,OAAO,QAAQ;KACf,GAAG,MAAM,YAAY;KACtB;IACF;GACD,iBAAiB;IACf,QAAQ;IACR,SAAS;KACP,MAAM,QAAQ;KACd,SAAS,QAAQ;KAClB;IACF;IACD,CACE;EAEI;GACZ"}

package/dist/{AppMenu-DzMsTuWv.js → AppMenu-CEp4BrdJ.js}

@@ -1,7 +1,7 @@
 import { t as apiMutate$1 } from "./useAxiosMutate-C_CLzTKW.js";
 import { t as FluentIcon } from "./FluentIcon-iRSVzrph.js";
 import { n as useActions } from "./useActions-V6oRdjcy.js";
-import { t as redirectToLinkOnClick } from "./redirectToLink-CluBHXV_.js";
+import { t as redirectToLinkOnClick } from "./redirectToLink-DUidqyQh.js";
 import React, { forwardRef, useContext, useEffect, useState } from "react";
 import { Collapse, List, ListItem, ListItemIcon, ListItemText, createStyles, makeStyles } from "@material-ui/core";
 import { ConfigService } from "udp-react-stencil-component-library";
@@ -167,4 +167,4 @@ const AppMenu = ({ childrenIcons, menuItems, sidebarExpanded, user }) => {
 
 //#endregion
 export { AppMenuItemComponent as i, AppMenuItem as n, AppMenuItemPropTypes as r, AppMenu as t };
-//# sourceMappingURL=AppMenu-DzMsTuWv.js.map
+//# sourceMappingURL=AppMenu-CEp4BrdJ.js.map

package/dist/{AppMenu-DzMsTuWv.js.map → AppMenu-CEp4BrdJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AppMenu-DzMsTuWv.js","names":["apiMutate"],"sources":["../src/UI/navigation/menus/AppMenuItemComponent.jsx","../src/UI/navigation/menus/AppMenuItem.jsx","../src/UI/navigation/menus/AppMenu.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ListItem } from '@material-ui/core'\nimport { NavLink } from 'react-router-dom'\n\nconst ListItemLinkComponent = forwardRef((props, ref) => (\n  <NavLink exact {...props} innerRef={ref} />\n))\nListItemLinkComponent.displayName = 'ListItemLinkComponent'\n\nexport const AppMenuItemComponent = (props) => {\n  const { link, params, isChild, ...other } = props\n\n  // If link is not set return the ordinary ListItem\n  if (!link || typeof link !== 'string') {\n    return <ListItem button {...other} dense />\n  }\n\n  // Return a ListItem with a link component\n  return (\n    <ListItem\n      id={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      udprecordid={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      button\n      component={ListItemLinkComponent}\n      to={{\n        pathname: link,\n        state: params\n      }}\n      {...other}\n      onClick={undefined}\n      dense\n    />\n  )\n}\n","import { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport {\n  Collapse,\n  createStyles,\n  List,\n  ListItemIcon,\n  ListItemText,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useActions } from '../../../hooks/useActions';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { AppMenuItemComponent } from './AppMenuItemComponent';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\n// React runtime PropTypes\nexport const AppMenuItemPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  link: PropTypes.string,\n  icon: PropTypes.elementType,\n  iconName: PropTypes.string,\n  items: PropTypes.array,\n  indent: PropTypes.string,\n  redirectInfo: PropTypes.string,\n  params: PropTypes.object,\n  menuItemId: PropTypes.string,\n  menuStructureId: PropTypes.number,\n  parentId: PropTypes.number,\n  productId: PropTypes.number,\n  isActive: PropTypes.bool,\n  roleIds: PropTypes.array,\n  getAccessToken: PropTypes.any,\n  childrenIcons: PropTypes.bool,\n  isChild: PropTypes.bool,\n  childIndex: PropTypes.number,\n  sidebarExpanded: PropTypes.bool,\n  devicesHiddenOn: PropTypes.array\n};\n\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    menuItem: {\n      '&.active': {\n        background: 'rgba(0, 0, 0, 0.08)',\n        '& .MuiListItemIcon-root': { marginLeft: theme.spacing(2) }\n      }\n    },\n    menuItemIcon: {\n      minWidth: theme.spacing(5)\n    },\n    item: {\n      width: 254,\n      whiteSpace: 'normal',\n      paddingLeft: (props) =>\n        props?.isChild && props.sidebarExpanded\n          ? `calc(16px + ${\n              16 * (props.childIndex !== undefined ? props.childIndex : 0)\n            }px)`\n          : null\n    },\n    indent: {},\n    icon: {\n      width: theme.spacing(3),\n      height: theme.spacing(3),\n      color: theme.palette.secondary.dark\n    },\n    expand: {\n      // marginRight: theme.spacing(1),\n      visibility: (props) => (props.sidebarExpanded ? 'visible' : 'hidden')\n    },\n    images: {\n      width: theme.spacing(3.5),\n      height: theme.spacing(3.5)\n    }\n  })\n);\n\nexport const AppMenuItem = (props) => {\n  const {\n    childrenIcons = true,\n    isChild = false,\n    childIndex = 0,\n    label,\n    link,\n    icon,\n    image,\n    getAccessToken,\n    indent,\n    items = [],\n    redirectInfo,\n    sidebarExpanded,\n    user,\n    params,\n    tenantSsoId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const isExpandable = items?.length > 0;\n  const [open, setOpen] = useState(false);\n  const { triggerMultipleActions } = useActions();\n  const { t } = useTranslation();\n\n  const handleClick = async () => {\n    let url = redirectInfo;\n    if (url && tenantSsoId) {\n      const response = await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `sso/${tenantSsoId}`,\n        { method: 'get' }\n      );\n      if (!response) return;\n      url = `${url}${response.data.urlParams}`;\n    }\n    if (url) {\n      redirectToLinkOnClick(url, getAccessToken, user);\n    }\n\n    if (params?.Action?.length) {\n      triggerMultipleActions(params.Action);\n    }\n\n    setOpen(!open);\n  };\n\n  const MenuItemRoot = (\n    <AppMenuItemComponent\n      className={clsx(indent ? classes.menuItem : classes.indent, classes.item)}\n      link={items.length ? '' : link}\n      onClick={handleClick}\n      aria-expanded={isExpandable ? open : null}\n      params={{ ...other, label, params }}\n      isChild={isChild}\n    >\n      {/* Display an icon if any */}\n      {(!!icon || !!image) && ((isChild && childrenIcons) || !isChild) && (\n        <ListItemIcon className={classes.menuItemIcon}>\n          {icon ? (\n            <div className={classes.icon}>\n              <FluentIcon component={icon} />\n            </div>\n          ) : (\n            <img src={image} alt={label} className={classes.images} />\n          )}\n        </ListItemIcon>\n      )}\n      <ListItemText primary={t(label)} inset={!icon && !image} />\n      {/* Display the expand menu if the item has children */}\n      {isExpandable &&\n        (open ? (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronUpIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n            />\n          </div>\n        ) : (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronDownIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n            />\n          </div>\n        ))}\n    </AppMenuItemComponent>\n  );\n\n  const MenuItemChildren = isExpandable ? (\n    <Collapse in={open} timeout='auto' unmountOnExit>\n      {/* <Divider aria-hidden={true} /> */}\n      <List>\n        {items.map((item, index) => (\n          <AppMenuItem\n            {...item}\n            childrenIcons={childrenIcons}\n            isChild\n            key={index}\n            childIndex={childIndex + 1}\n            sidebarExpanded={sidebarExpanded}\n            user={user}\n          />\n        ))}\n      </List>\n    </Collapse>\n  ) : null;\n\n  return (\n    <li>\n      {MenuItemRoot}\n      {MenuItemChildren}\n    </li>\n  );\n};\n","import React from 'react';\nimport { List } from '@material-ui/core';\nimport { AppMenuItem } from './AppMenuItem';\n\nexport const AppMenu = ({\n  childrenIcons,\n  menuItems,\n  sidebarExpanded,\n  user\n}) => {\n  return (\n    <nav aria-label='Site Navigation'>\n      <List>\n        {menuItems.map((item, index) => {\n          return (\n            <AppMenuItem\n              key={index}\n              childrenIcons={childrenIcons}\n              sidebarExpanded={sidebarExpanded}\n              user={user}\n              {...item}\n            />\n          );\n        })}\n      </List>\n    </nav>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AppMenu-CEp4BrdJ.js","names":["apiMutate"],"sources":["../src/UI/navigation/menus/AppMenuItemComponent.jsx","../src/UI/navigation/menus/AppMenuItem.jsx","../src/UI/navigation/menus/AppMenu.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ListItem } from '@material-ui/core'\nimport { NavLink } from 'react-router-dom'\n\nconst ListItemLinkComponent = forwardRef((props, ref) => (\n  <NavLink exact {...props} innerRef={ref} />\n))\nListItemLinkComponent.displayName = 'ListItemLinkComponent'\n\nexport const AppMenuItemComponent = (props) => {\n  const { link, params, isChild, ...other } = props\n\n  // If link is not set return the ordinary ListItem\n  if (!link || typeof link !== 'string') {\n    return <ListItem button {...other} dense />\n  }\n\n  // Return a ListItem with a link component\n  return (\n    <ListItem\n      id={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      udprecordid={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      button\n      component={ListItemLinkComponent}\n      to={{\n        pathname: link,\n        state: params\n      }}\n      {...other}\n      onClick={undefined}\n      dense\n    />\n  )\n}\n","import { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport {\n  Collapse,\n  createStyles,\n  List,\n  ListItemIcon,\n  ListItemText,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useActions } from '../../../hooks/useActions';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { AppMenuItemComponent } from './AppMenuItemComponent';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\n// React runtime PropTypes\nexport const AppMenuItemPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  link: PropTypes.string,\n  icon: PropTypes.elementType,\n  iconName: PropTypes.string,\n  items: PropTypes.array,\n  indent: PropTypes.string,\n  redirectInfo: PropTypes.string,\n  params: PropTypes.object,\n  menuItemId: PropTypes.string,\n  menuStructureId: PropTypes.number,\n  parentId: PropTypes.number,\n  productId: PropTypes.number,\n  isActive: PropTypes.bool,\n  roleIds: PropTypes.array,\n  getAccessToken: PropTypes.any,\n  childrenIcons: PropTypes.bool,\n  isChild: PropTypes.bool,\n  childIndex: PropTypes.number,\n  sidebarExpanded: PropTypes.bool,\n  devicesHiddenOn: PropTypes.array\n};\n\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    menuItem: {\n      '&.active': {\n        background: 'rgba(0, 0, 0, 0.08)',\n        '& .MuiListItemIcon-root': { marginLeft: theme.spacing(2) }\n      }\n    },\n    menuItemIcon: {\n      minWidth: theme.spacing(5)\n    },\n    item: {\n      width: 254,\n      whiteSpace: 'normal',\n      paddingLeft: (props) =>\n        props?.isChild && props.sidebarExpanded\n          ? `calc(16px + ${\n              16 * (props.childIndex !== undefined ? props.childIndex : 0)\n            }px)`\n          : null\n    },\n    indent: {},\n    icon: {\n      width: theme.spacing(3),\n      height: theme.spacing(3),\n      color: theme.palette.secondary.dark\n    },\n    expand: {\n      // marginRight: theme.spacing(1),\n      visibility: (props) => (props.sidebarExpanded ? 'visible' : 'hidden')\n    },\n    images: {\n      width: theme.spacing(3.5),\n      height: theme.spacing(3.5)\n    }\n  })\n);\n\nexport const AppMenuItem = (props) => {\n  const {\n    childrenIcons = true,\n    isChild = false,\n    childIndex = 0,\n    label,\n    link,\n    icon,\n    image,\n    getAccessToken,\n    indent,\n    items = [],\n    redirectInfo,\n    sidebarExpanded,\n    user,\n    params,\n    tenantSsoId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const isExpandable = items?.length > 0;\n  const [open, setOpen] = useState(false);\n  const { triggerMultipleActions } = useActions();\n  const { t } = useTranslation();\n\n  const handleClick = async () => {\n    let url = redirectInfo;\n    if (url && tenantSsoId) {\n      const response = await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `sso/${tenantSsoId}`,\n        { method: 'get' }\n      );\n      if (!response) return;\n      url = `${url}${response.data.urlParams}`;\n    }\n    if (url) {\n      redirectToLinkOnClick(url, getAccessToken, user);\n    }\n\n    if (params?.Action?.length) {\n      triggerMultipleActions(params.Action);\n    }\n\n    setOpen(!open);\n  };\n\n  const MenuItemRoot = (\n    <AppMenuItemComponent\n      className={clsx(indent ? classes.menuItem : classes.indent, classes.item)}\n      link={items.length ? '' : link}\n      onClick={handleClick}\n      aria-expanded={isExpandable ? open : null}\n      params={{ ...other, label, params }}\n      isChild={isChild}\n    >\n      {/* Display an icon if any */}\n      {(!!icon || !!image) && ((isChild && childrenIcons) || !isChild) && (\n        <ListItemIcon className={classes.menuItemIcon}>\n          {icon ? (\n            <div className={classes.icon}>\n              <FluentIcon component={icon} />\n            </div>\n          ) : (\n            <img src={image} alt={label} className={classes.images} />\n          )}\n        </ListItemIcon>\n      )}\n      <ListItemText primary={t(label)} inset={!icon && !image} />\n      {/* Display the expand menu if the item has children */}\n      {isExpandable &&\n        (open ? (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronUpIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n            />\n          </div>\n        ) : (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronDownIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n            />\n          </div>\n        ))}\n    </AppMenuItemComponent>\n  );\n\n  const MenuItemChildren = isExpandable ? (\n    <Collapse in={open} timeout='auto' unmountOnExit>\n      {/* <Divider aria-hidden={true} /> */}\n      <List>\n        {items.map((item, index) => (\n          <AppMenuItem\n            {...item}\n            childrenIcons={childrenIcons}\n            isChild\n            key={index}\n            childIndex={childIndex + 1}\n            sidebarExpanded={sidebarExpanded}\n            user={user}\n          />\n        ))}\n      </List>\n    </Collapse>\n  ) : null;\n\n  return (\n    <li>\n      {MenuItemRoot}\n      {MenuItemChildren}\n    </li>\n  );\n};\n","import React from 'react';\nimport { List } from '@material-ui/core';\nimport { AppMenuItem } from './AppMenuItem';\n\nexport const AppMenu = ({\n  childrenIcons,\n  menuItems,\n  sidebarExpanded,\n  user\n}) => {\n  return (\n    <nav aria-label='Site Navigation'>\n      <List>\n        {menuItems.map((item, index) => {\n          return (\n            <AppMenuItem\n              key={index}\n              childrenIcons={childrenIcons}\n              sidebarExpanded={sidebarExpanded}\n              user={user}\n              {...item}\n            />\n          );\n        })}\n      </List>\n    </nav>\n  );\n};\n"],"mappings":"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"}

package/dist/{BaseTreeMenu-DkcHI-BC.js → BaseTreeMenu-CN_g4GEm.js}

@@ -354,4 +354,4 @@ const BaseTreeMenu = (props) => {
 
 //#endregion
 export { BaseTreeMenuItem as n, BaseTreeMenu as t };
-//# sourceMappingURL=BaseTreeMenu-DkcHI-BC.js.map
+//# sourceMappingURL=BaseTreeMenu-CN_g4GEm.js.map

package/dist/{BaseTreeMenu-DkcHI-BC.js.map → BaseTreeMenu-CN_g4GEm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BaseTreeMenu-DkcHI-BC.js","names":["useStyles","other","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  makeStyles,\n  lighten,\n  Typography,\n  CircularProgress,\n  darken,\n  useTheme,\n  Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n  NodeActionTriggerEnums,\n  TreeViewModeEnums\n} from '../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../UI/utilityDisplay/AggregateChip';\nimport { StatusChip } from '../UI/dataDisplay/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&.Mui-selected > .MuiTreeItem-content': {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[700]\n          : theme.palette.grey[300],\n      borderRight: `4px solid ${theme.palette.primary.main}`\n    },\n    '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n      backgroundColor: 'transparent',\n      paddingLeft: 0\n    },\n    '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n      backgroundColor:\n        theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n      display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n    }\n  },\n  content: {\n    backgroundColor: (props) =>\n      theme?.getThemeData()?.mode !== 'dark' &&\n      props.conditionalIconName &&\n      props.conditionalIconColor\n        ? lighten(props.conditionalIconColor, 0.92)\n        : ''\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n    width: '100%'\n  },\n  labelContainer: {\n    display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `calc(100% - ${theme.spacing(6.25)}px)`\n        : `calc(100% - ${theme.spacing(7.75)}px)`\n  },\n  conditionalIconContainer: {\n    display: 'inline-flex'\n  },\n  labelText: {\n    fontSize: '0.75rem',\n    fontWeight: 600,\n    lineHeight: '1rem',\n    letterSpacing: 0.1\n  },\n  captionText: {\n    marginLeft: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n    fontSize: '0.65rem',\n    fontWeight: 400,\n    lineHeight: 1,\n    letterSpacing: 0.4\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis'\n  },\n  group: {\n    width: '100%',\n    '& .MuiTreeItem-group': {\n      marginLeft: 0\n    },\n    '& .MuiTreeItem-content': {\n      paddingLeft: (props) =>\n        props.sidebarExpanded ? (props.depth || 1) * theme.spacing(1) : 0,\n      borderRight: (props) =>\n        props.showRightBorderColor\n          ? `4px solid ${theme.palette.primary.main}`\n          : '',\n      borderBottom: (props) =>\n        props.treeViewMode === TreeViewModeEnums.Compact\n          ? `1px solid ${theme.palette.grey[200]}`\n          : ''\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-label': {\n      paddingLeft: 0,\n      width: (props) =>\n        props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n      display: (props) => (props.hideExpansion ? 'none' : '')\n    },\n    '& .MuiCollapse-wrapperInner': {\n      backgroundColor: (props) =>\n        theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n          ? theme.palette.grey[50]\n          : ''\n    }\n  },\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 50,\n    marginTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginRight: theme.spacing(1),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    height: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    border: (props) =>\n      props.iconColor\n        ? `1px solid ${darken(props.iconColor, 0.1)}`\n        : `1px solid ${theme.palette.secondary.main}`,\n    backgroundColor: '#ffffff'\n  }\n}));\n\nexport const BaseTreeMenuItem = (props) => {\n  const {\n    parentId,\n    nodeId,\n    iconName,\n    iconType,\n    conditionalIconName,\n    conditionalIconType,\n    conditionalIconColor,\n    label,\n    iconColor,\n    onNodeSelect,\n    isSelectedNode,\n    subLabel,\n    sidebarExpanded,\n    isLastNode,\n    loading,\n    node,\n    onDropNode,\n    treeViewMode,\n    menuIndex,\n    aggregateThresholdId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const theme = useTheme();\n\n  const [{ isDragging }, dragRef] = useDrag({\n    type: 'BaseTreeMenuItem',\n    item: { ...node, sourceNodeMenuIndex: menuIndex },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging()\n    })\n  });\n\n  const handleOnDrop = useCallback(\n    (sourceNode, monitor) => {\n      if (!monitor.didDrop()) {\n        if (onDropNode) {\n          const { sourceNodeMenuIndex, ...other } = sourceNode;\n          onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n        }\n      }\n    },\n    [onDropNode, node, menuIndex]\n  );\n\n  const [{ canDrop, isOver }, dropRef] = useDrop(\n    () => ({\n      accept: ['BaseTreeMenuItem'],\n      drop: (sourceNode, monitor) => {\n        // condition to only handle first drop\n        handleOnDrop(sourceNode, monitor);\n      },\n      canDrop: (sourceNode) => checkCanDrop(sourceNode),\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n        canDrop: !!monitor.canDrop()\n      })\n    }),\n    [handleOnDrop]\n  );\n\n  const checkCanDrop = useCallback(\n    (sourceNode) => {\n      if (sourceNode) {\n        const onDropActions = node?.properties?.nodeActions?.filter(\n          (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n        );\n        if (!onDropActions) {\n          return false;\n        }\n        const nodeDragEntities = onDropActions?.map(\n          (action) => action?.dragEntityName\n        );\n        return nodeDragEntities.includes(\n          sourceNode?.properties?.catalogReturnObject\n        );\n      }\n    },\n    [node]\n  );\n\n  const handleOnLabelClick = useCallback(\n    (e) => {\n      e.preventDefault();\n      onNodeSelect(e, nodeId);\n    },\n    [onNodeSelect, nodeId]\n  );\n\n  return (\n    <TreeItem\n      className={classes.group}\n      key={nodeId}\n      nodeId={nodeId}\n      label={\n        <div ref={dropRef}>\n          <Tooltip title={sidebarExpanded ? '' : label}>\n            <div\n              ref={(node?.properties?.isDraggable && dragRef) || null}\n              style={{ opacity: isDragging ? 0.5 : 1 }}\n            >\n              {loading ? (\n                <CircularProgress size={12} />\n              ) : (\n                <div\n                  id={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n                  udprecordid={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n                  className={classes.labelRoot}\n                  style={{\n                    fontWeight: isSelectedNode ? 'bold' : ''\n                  }}\n                >\n                  {iconName && (\n                    <div className={classes.iconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'medium'\n                        }\n                        color={iconColor}\n                        type={iconType}\n                        icon={\n                          iconType === 'unity'\n                            ? getUnityIconFromName(iconName)\n                            : getIconFromName(iconName)\n                        }\n                        style={{\n                          color: iconColor\n                            ? darken(iconColor, 0.1)\n                            : theme.palette.secondary.main\n                        }}\n                      />\n                    </div>\n                  )}\n                  <div className={classes.labelContainer}>\n                    <Typography\n                      variant='subtitle2'\n                      className={clsx(classes.labelText, classes.labelOverflow)}\n                    >\n                      {label}\n                      {subLabel &&\n                        treeViewMode === TreeViewModeEnums.Compact && (\n                          <Typography\n                            variant='caption'\n                            className={clsx(\n                              classes.captionText,\n                              classes.labelOverflow\n                            )}\n                          >\n                            {subLabel}\n                          </Typography>\n                        )}\n                    </Typography>\n                    {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n                      <div className={classes.labelOverflow}>\n                        <Typography\n                          variant='caption'\n                          className={clsx(classes.captionText)}\n                        >\n                          {subLabel}\n                        </Typography>\n                      </div>\n                    )}\n                  </div>\n                  {node?.properties?.itemCount !== undefined &&\n                    node?.properties?.itemCount !== null &&\n                    sidebarExpanded && (\n                      <StatusChip\n                        label={String(node.properties.itemCount)}\n                        useSmallChip={true}\n                      />\n                    )}\n                  <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n                  {conditionalIconName && sidebarExpanded && (\n                    <div className={classes.conditionalIconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'medium'\n                        }\n                        color={conditionalIconColor}\n                        type={conditionalIconType}\n                        icon={\n                          conditionalIconType === 'unity'\n                            ? getUnityIconFromName(conditionalIconName)\n                            : getIconFromName(conditionalIconName)\n                        }\n                        style={{\n                          color: conditionalIconColor\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          </Tooltip>\n        </div>\n      }\n      onLabelClick={handleOnLabelClick}\n      classes={{ root: classes.root, content: classes.content }}\n      {...other}\n    />\n  );\n};\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  lighten,\n  CircularProgress,\n  Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { BaseTreeMenuItem } from './BaseTreeMenuItem';\nimport {\n  searchTree,\n  findAllParentIds,\n  getNodeIdForRightBorder\n} from '../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginBottom: theme.spacing(1.75),\n    borderTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  },\n  noChildrenContainer: {\n    borderBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  }\n}));\n\nexport const BaseTreeMenu = (props) => {\n  const {\n    menuItems,\n    onSelectNode,\n    onDropNode,\n    menuIndex,\n    selectedNodeId,\n    selectedNodeParentId,\n    sidebarExpanded,\n    treeViewMode,\n    childrenKey = 'children'\n  } = props;\n  const [expanded, setExpanded] = useState(null);\n  const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n  const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n  const [tree, setTree] = useState(menuItems);\n  const theme = useTheme();\n  const classes = useStyles(props);\n  const firstRender = useRef(true);\n\n  const handleSelectedNode = useCallback(\n    (e, value) => {\n      const selectedNode = searchTree(tree, value);\n      if (onSelectNode) {\n        onSelectNode(selectedNode, menuIndex);\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [tree, menuIndex, onSelectNode]\n  );\n\n  const renderTree = useCallback(\n    (node, depth = 1) => {\n      let label = node.properties?.nodeLabel || node.properties?.name;\n      let subLabel = node.properties?.nodeSubLabel;\n      let iconName = node.properties?.defaultIcon?.name;\n      let iconType = node.properties?.defaultIcon?.type;\n      let conditionalIconName = node.properties?.conditionalIconName || '';\n      let conditionalIconType = node.properties?.conditionalIconName\n        ? node.properties.conditionalIconType\n        : '';\n      let conditionalIconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : '';\n      let nodeId = node.id;\n      let iconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : node.properties?.defaultIcon?.color?.hex;\n      let aggregateThresholdId = node.properties?.aggregateThresholdId || '';\n\n      if (node.isGroupNode) {\n        label = node.properties?.label;\n        subLabel = node.properties?.subLabel;\n        iconName = node.properties?.icon?.name;\n        iconType = node.properties?.icon?.type;\n        iconColor = node.properties?.icon?.color?.hex;\n      }\n\n      return (\n        <BaseTreeMenuItem\n          key={nodeId}\n          nodeId={nodeId}\n          label={label}\n          subLabel={subLabel}\n          iconName={iconName}\n          iconType={iconType}\n          conditionalIconName={conditionalIconName}\n          conditionalIconType={conditionalIconType}\n          conditionalIconColor={conditionalIconColor}\n          parentId={node.parentId}\n          iconColor={iconColor}\n          onNodeSelect={handleSelectedNode}\n          selectedNodeId={selectedNodeId}\n          isSelectedNode={selectedNodeId === node.id}\n          showRightBorderColor={\n            selectedNodeIsHidden &&\n            isCurrentActiveTree &&\n            getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n              node.id\n          }\n          isCurrentActiveTree={isCurrentActiveTree}\n          sidebarExpanded={sidebarExpanded}\n          depth={depth}\n          hideExpansion={!!!node[childrenKey]?.length}\n          node={node}\n          onDropNode={onDropNode}\n          treeViewMode={treeViewMode}\n          menuIndex={menuIndex}\n          aggregateThresholdId={aggregateThresholdId}\n        >\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            !node.completedLoadingChildren && (\n              <CircularProgress\n                size={12}\n                style={{ marginLeft: (depth || 1) * theme.spacing(1) }}\n              />\n            )}\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            !node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  No Children\n                </Typography>\n              </div>\n            )}\n          {node.properties?.lazyLoad &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  {`Error Retrieving ${\n                    !!node[childrenKey]?.length ? `Additional ` : ''\n                  }Children`}\n                </Typography>\n              </div>\n            )}\n          {Array.isArray(node[childrenKey])\n            ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n            : null}\n        </BaseTreeMenuItem>\n      );\n    },\n    [\n      handleSelectedNode,\n      selectedNodeId,\n      selectedNodeIsHidden,\n      isCurrentActiveTree,\n      sidebarExpanded,\n      expanded,\n      tree,\n      selectedNodeParentId,\n      theme,\n      classes,\n      onDropNode,\n      treeViewMode,\n      menuIndex,\n      childrenKey\n    ]\n  );\n\n  const handleNodeExpansion = useCallback(\n    async (evt, nodeIds) => {\n      const treeCopy = cloneDeep(tree);\n      setExpanded(nodeIds);\n\n      const parentNode = searchTree(treeCopy, selectedNodeParentId);\n      const initialAllParentNodeIds = selectedNodeParentId\n        ? [selectedNodeParentId]\n        : [];\n      const allParentNodeIds = findAllParentIds(\n        treeCopy,\n        parentNode,\n        initialAllParentNodeIds\n      );\n      const selectedNodeShown = allParentNodeIds.every((id) =>\n        nodeIds.includes(id)\n      );\n      if (\n        isCurrentActiveTree &&\n        allParentNodeIds.length &&\n        !selectedNodeShown\n      ) {\n        setSelectedNodeIsHidden(true);\n      } else {\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [isCurrentActiveTree, tree, selectedNodeParentId]\n  );\n\n  const getExpandedRecursively = useCallback(\n    (tree) => {\n      if (!tree) return [];\n      return tree.reduce((expandedIds, item) => {\n        if (item?.isExpanded) {\n          expandedIds.push(item.id);\n        }\n        if (item && item[childrenKey]?.length) {\n          expandedIds = expandedIds.concat(\n            getExpandedRecursively(item[childrenKey])\n          );\n        }\n        return expandedIds;\n      }, []);\n    },\n    [childrenKey]\n  );\n\n  useEffect(() => {\n    setTree(menuItems);\n  }, [menuItems]);\n\n  useEffect(() => {\n    if (!tree) return;\n    if (firstRender.current) {\n      let expanded = [];\n      if (tree?.isExpanded) {\n        expanded.push(tree.id);\n      }\n      expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n      setExpanded(expanded);\n      firstRender.current = false;\n    }\n    // Do not reset expanded on subsequent updates\n  }, [getExpandedRecursively, tree, childrenKey]);\n\n  useEffect(() => {\n    if (!!searchTree(tree, selectedNodeId)) {\n      setIsCurrentActiveTree(true);\n    } else {\n      setIsCurrentActiveTree(false);\n    }\n  }, [tree, selectedNodeId]);\n\n  if (!expanded) {\n    return null;\n  }\n\n  return (\n    <TreeView\n      key={tree}\n      className={classes.root}\n      defaultCollapseIcon={\n        <FluentIcon\n          size='small'\n          component={CaretUpSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      expanded={expanded || []}\n      onNodeToggle={handleNodeExpansion}\n      defaultExpandIcon={\n        <FluentIcon\n          size='small'\n          component={CaretDownSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      selected={selectedNodeId}\n    >\n      {tree && renderTree(tree)}\n    </TreeView>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BaseTreeMenu-CN_g4GEm.js","names":["useStyles","other","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  makeStyles,\n  lighten,\n  Typography,\n  CircularProgress,\n  darken,\n  useTheme,\n  Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n  NodeActionTriggerEnums,\n  TreeViewModeEnums\n} from '../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../UI/utilityDisplay/AggregateChip';\nimport { StatusChip } from '../UI/dataDisplay/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&.Mui-selected > .MuiTreeItem-content': {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[700]\n          : theme.palette.grey[300],\n      borderRight: `4px solid ${theme.palette.primary.main}`\n    },\n    '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n      backgroundColor: 'transparent',\n      paddingLeft: 0\n    },\n    '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n      backgroundColor:\n        theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n      display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n    }\n  },\n  content: {\n    backgroundColor: (props) =>\n      theme?.getThemeData()?.mode !== 'dark' &&\n      props.conditionalIconName &&\n      props.conditionalIconColor\n        ? lighten(props.conditionalIconColor, 0.92)\n        : ''\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n    width: '100%'\n  },\n  labelContainer: {\n    display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `calc(100% - ${theme.spacing(6.25)}px)`\n        : `calc(100% - ${theme.spacing(7.75)}px)`\n  },\n  conditionalIconContainer: {\n    display: 'inline-flex'\n  },\n  labelText: {\n    fontSize: '0.75rem',\n    fontWeight: 600,\n    lineHeight: '1rem',\n    letterSpacing: 0.1\n  },\n  captionText: {\n    marginLeft: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n    fontSize: '0.65rem',\n    fontWeight: 400,\n    lineHeight: 1,\n    letterSpacing: 0.4\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis'\n  },\n  group: {\n    width: '100%',\n    '& .MuiTreeItem-group': {\n      marginLeft: 0\n    },\n    '& .MuiTreeItem-content': {\n      paddingLeft: (props) =>\n        props.sidebarExpanded ? (props.depth || 1) * theme.spacing(1) : 0,\n      borderRight: (props) =>\n        props.showRightBorderColor\n          ? `4px solid ${theme.palette.primary.main}`\n          : '',\n      borderBottom: (props) =>\n        props.treeViewMode === TreeViewModeEnums.Compact\n          ? `1px solid ${theme.palette.grey[200]}`\n          : ''\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-label': {\n      paddingLeft: 0,\n      width: (props) =>\n        props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n      display: (props) => (props.hideExpansion ? 'none' : '')\n    },\n    '& .MuiCollapse-wrapperInner': {\n      backgroundColor: (props) =>\n        theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n          ? theme.palette.grey[50]\n          : ''\n    }\n  },\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 50,\n    marginTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginRight: theme.spacing(1),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    height: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    border: (props) =>\n      props.iconColor\n        ? `1px solid ${darken(props.iconColor, 0.1)}`\n        : `1px solid ${theme.palette.secondary.main}`,\n    backgroundColor: '#ffffff'\n  }\n}));\n\nexport const BaseTreeMenuItem = (props) => {\n  const {\n    parentId,\n    nodeId,\n    iconName,\n    iconType,\n    conditionalIconName,\n    conditionalIconType,\n    conditionalIconColor,\n    label,\n    iconColor,\n    onNodeSelect,\n    isSelectedNode,\n    subLabel,\n    sidebarExpanded,\n    isLastNode,\n    loading,\n    node,\n    onDropNode,\n    treeViewMode,\n    menuIndex,\n    aggregateThresholdId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const theme = useTheme();\n\n  const [{ isDragging }, dragRef] = useDrag({\n    type: 'BaseTreeMenuItem',\n    item: { ...node, sourceNodeMenuIndex: menuIndex },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging()\n    })\n  });\n\n  const handleOnDrop = useCallback(\n    (sourceNode, monitor) => {\n      if (!monitor.didDrop()) {\n        if (onDropNode) {\n          const { sourceNodeMenuIndex, ...other } = sourceNode;\n          onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n        }\n      }\n    },\n    [onDropNode, node, menuIndex]\n  );\n\n  const [{ canDrop, isOver }, dropRef] = useDrop(\n    () => ({\n      accept: ['BaseTreeMenuItem'],\n      drop: (sourceNode, monitor) => {\n        // condition to only handle first drop\n        handleOnDrop(sourceNode, monitor);\n      },\n      canDrop: (sourceNode) => checkCanDrop(sourceNode),\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n        canDrop: !!monitor.canDrop()\n      })\n    }),\n    [handleOnDrop]\n  );\n\n  const checkCanDrop = useCallback(\n    (sourceNode) => {\n      if (sourceNode) {\n        const onDropActions = node?.properties?.nodeActions?.filter(\n          (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n        );\n        if (!onDropActions) {\n          return false;\n        }\n        const nodeDragEntities = onDropActions?.map(\n          (action) => action?.dragEntityName\n        );\n        return nodeDragEntities.includes(\n          sourceNode?.properties?.catalogReturnObject\n        );\n      }\n    },\n    [node]\n  );\n\n  const handleOnLabelClick = useCallback(\n    (e) => {\n      e.preventDefault();\n      onNodeSelect(e, nodeId);\n    },\n    [onNodeSelect, nodeId]\n  );\n\n  return (\n    <TreeItem\n      className={classes.group}\n      key={nodeId}\n      nodeId={nodeId}\n      label={\n        <div ref={dropRef}>\n          <Tooltip title={sidebarExpanded ? '' : label}>\n            <div\n              ref={(node?.properties?.isDraggable && dragRef) || null}\n              style={{ opacity: isDragging ? 0.5 : 1 }}\n            >\n              {loading ? (\n                <CircularProgress size={12} />\n              ) : (\n                <div\n                  id={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n                  udprecordid={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n                  className={classes.labelRoot}\n                  style={{\n                    fontWeight: isSelectedNode ? 'bold' : ''\n                  }}\n                >\n                  {iconName && (\n                    <div className={classes.iconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'medium'\n                        }\n                        color={iconColor}\n                        type={iconType}\n                        icon={\n                          iconType === 'unity'\n                            ? getUnityIconFromName(iconName)\n                            : getIconFromName(iconName)\n                        }\n                        style={{\n                          color: iconColor\n                            ? darken(iconColor, 0.1)\n                            : theme.palette.secondary.main\n                        }}\n                      />\n                    </div>\n                  )}\n                  <div className={classes.labelContainer}>\n                    <Typography\n                      variant='subtitle2'\n                      className={clsx(classes.labelText, classes.labelOverflow)}\n                    >\n                      {label}\n                      {subLabel &&\n                        treeViewMode === TreeViewModeEnums.Compact && (\n                          <Typography\n                            variant='caption'\n                            className={clsx(\n                              classes.captionText,\n                              classes.labelOverflow\n                            )}\n                          >\n                            {subLabel}\n                          </Typography>\n                        )}\n                    </Typography>\n                    {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n                      <div className={classes.labelOverflow}>\n                        <Typography\n                          variant='caption'\n                          className={clsx(classes.captionText)}\n                        >\n                          {subLabel}\n                        </Typography>\n                      </div>\n                    )}\n                  </div>\n                  {node?.properties?.itemCount !== undefined &&\n                    node?.properties?.itemCount !== null &&\n                    sidebarExpanded && (\n                      <StatusChip\n                        label={String(node.properties.itemCount)}\n                        useSmallChip={true}\n                      />\n                    )}\n                  <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n                  {conditionalIconName && sidebarExpanded && (\n                    <div className={classes.conditionalIconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'medium'\n                        }\n                        color={conditionalIconColor}\n                        type={conditionalIconType}\n                        icon={\n                          conditionalIconType === 'unity'\n                            ? getUnityIconFromName(conditionalIconName)\n                            : getIconFromName(conditionalIconName)\n                        }\n                        style={{\n                          color: conditionalIconColor\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          </Tooltip>\n        </div>\n      }\n      onLabelClick={handleOnLabelClick}\n      classes={{ root: classes.root, content: classes.content }}\n      {...other}\n    />\n  );\n};\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  lighten,\n  CircularProgress,\n  Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { BaseTreeMenuItem } from './BaseTreeMenuItem';\nimport {\n  searchTree,\n  findAllParentIds,\n  getNodeIdForRightBorder\n} from '../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginBottom: theme.spacing(1.75),\n    borderTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  },\n  noChildrenContainer: {\n    borderBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  }\n}));\n\nexport const BaseTreeMenu = (props) => {\n  const {\n    menuItems,\n    onSelectNode,\n    onDropNode,\n    menuIndex,\n    selectedNodeId,\n    selectedNodeParentId,\n    sidebarExpanded,\n    treeViewMode,\n    childrenKey = 'children'\n  } = props;\n  const [expanded, setExpanded] = useState(null);\n  const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n  const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n  const [tree, setTree] = useState(menuItems);\n  const theme = useTheme();\n  const classes = useStyles(props);\n  const firstRender = useRef(true);\n\n  const handleSelectedNode = useCallback(\n    (e, value) => {\n      const selectedNode = searchTree(tree, value);\n      if (onSelectNode) {\n        onSelectNode(selectedNode, menuIndex);\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [tree, menuIndex, onSelectNode]\n  );\n\n  const renderTree = useCallback(\n    (node, depth = 1) => {\n      let label = node.properties?.nodeLabel || node.properties?.name;\n      let subLabel = node.properties?.nodeSubLabel;\n      let iconName = node.properties?.defaultIcon?.name;\n      let iconType = node.properties?.defaultIcon?.type;\n      let conditionalIconName = node.properties?.conditionalIconName || '';\n      let conditionalIconType = node.properties?.conditionalIconName\n        ? node.properties.conditionalIconType\n        : '';\n      let conditionalIconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : '';\n      let nodeId = node.id;\n      let iconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : node.properties?.defaultIcon?.color?.hex;\n      let aggregateThresholdId = node.properties?.aggregateThresholdId || '';\n\n      if (node.isGroupNode) {\n        label = node.properties?.label;\n        subLabel = node.properties?.subLabel;\n        iconName = node.properties?.icon?.name;\n        iconType = node.properties?.icon?.type;\n        iconColor = node.properties?.icon?.color?.hex;\n      }\n\n      return (\n        <BaseTreeMenuItem\n          key={nodeId}\n          nodeId={nodeId}\n          label={label}\n          subLabel={subLabel}\n          iconName={iconName}\n          iconType={iconType}\n          conditionalIconName={conditionalIconName}\n          conditionalIconType={conditionalIconType}\n          conditionalIconColor={conditionalIconColor}\n          parentId={node.parentId}\n          iconColor={iconColor}\n          onNodeSelect={handleSelectedNode}\n          selectedNodeId={selectedNodeId}\n          isSelectedNode={selectedNodeId === node.id}\n          showRightBorderColor={\n            selectedNodeIsHidden &&\n            isCurrentActiveTree &&\n            getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n              node.id\n          }\n          isCurrentActiveTree={isCurrentActiveTree}\n          sidebarExpanded={sidebarExpanded}\n          depth={depth}\n          hideExpansion={!!!node[childrenKey]?.length}\n          node={node}\n          onDropNode={onDropNode}\n          treeViewMode={treeViewMode}\n          menuIndex={menuIndex}\n          aggregateThresholdId={aggregateThresholdId}\n        >\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            !node.completedLoadingChildren && (\n              <CircularProgress\n                size={12}\n                style={{ marginLeft: (depth || 1) * theme.spacing(1) }}\n              />\n            )}\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            !node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  No Children\n                </Typography>\n              </div>\n            )}\n          {node.properties?.lazyLoad &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  {`Error Retrieving ${\n                    !!node[childrenKey]?.length ? `Additional ` : ''\n                  }Children`}\n                </Typography>\n              </div>\n            )}\n          {Array.isArray(node[childrenKey])\n            ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n            : null}\n        </BaseTreeMenuItem>\n      );\n    },\n    [\n      handleSelectedNode,\n      selectedNodeId,\n      selectedNodeIsHidden,\n      isCurrentActiveTree,\n      sidebarExpanded,\n      expanded,\n      tree,\n      selectedNodeParentId,\n      theme,\n      classes,\n      onDropNode,\n      treeViewMode,\n      menuIndex,\n      childrenKey\n    ]\n  );\n\n  const handleNodeExpansion = useCallback(\n    async (evt, nodeIds) => {\n      const treeCopy = cloneDeep(tree);\n      setExpanded(nodeIds);\n\n      const parentNode = searchTree(treeCopy, selectedNodeParentId);\n      const initialAllParentNodeIds = selectedNodeParentId\n        ? [selectedNodeParentId]\n        : [];\n      const allParentNodeIds = findAllParentIds(\n        treeCopy,\n        parentNode,\n        initialAllParentNodeIds\n      );\n      const selectedNodeShown = allParentNodeIds.every((id) =>\n        nodeIds.includes(id)\n      );\n      if (\n        isCurrentActiveTree &&\n        allParentNodeIds.length &&\n        !selectedNodeShown\n      ) {\n        setSelectedNodeIsHidden(true);\n      } else {\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [isCurrentActiveTree, tree, selectedNodeParentId]\n  );\n\n  const getExpandedRecursively = useCallback(\n    (tree) => {\n      if (!tree) return [];\n      return tree.reduce((expandedIds, item) => {\n        if (item?.isExpanded) {\n          expandedIds.push(item.id);\n        }\n        if (item && item[childrenKey]?.length) {\n          expandedIds = expandedIds.concat(\n            getExpandedRecursively(item[childrenKey])\n          );\n        }\n        return expandedIds;\n      }, []);\n    },\n    [childrenKey]\n  );\n\n  useEffect(() => {\n    setTree(menuItems);\n  }, [menuItems]);\n\n  useEffect(() => {\n    if (!tree) return;\n    if (firstRender.current) {\n      let expanded = [];\n      if (tree?.isExpanded) {\n        expanded.push(tree.id);\n      }\n      expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n      setExpanded(expanded);\n      firstRender.current = false;\n    }\n    // Do not reset expanded on subsequent updates\n  }, [getExpandedRecursively, tree, childrenKey]);\n\n  useEffect(() => {\n    if (!!searchTree(tree, selectedNodeId)) {\n      setIsCurrentActiveTree(true);\n    } else {\n      setIsCurrentActiveTree(false);\n    }\n  }, [tree, selectedNodeId]);\n\n  if (!expanded) {\n    return null;\n  }\n\n  return (\n    <TreeView\n      key={tree}\n      className={classes.root}\n      defaultCollapseIcon={\n        <FluentIcon\n          size='small'\n          component={CaretUpSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      expanded={expanded || []}\n      onNodeToggle={handleNodeExpansion}\n      defaultExpandIcon={\n        <FluentIcon\n          size='small'\n          component={CaretDownSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      selected={selectedNodeId}\n    >\n      {tree && renderTree(tree)}\n    </TreeView>\n  );\n};\n"],"mappings":"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"}

package/dist/{BreadCrumbMenu-BxpMqfvj.js → BreadCrumbMenu-RkiR54r9.js}

@@ -51,4 +51,4 @@ const BreadCrumbMenu = (props) => {
 
 //#endregion
 export { BreadCrumbMenu as t };
-//# sourceMappingURL=BreadCrumbMenu-BxpMqfvj.js.map
+//# sourceMappingURL=BreadCrumbMenu-RkiR54r9.js.map

package/dist/{BreadCrumbMenu-BxpMqfvj.js.map → BreadCrumbMenu-RkiR54r9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumbMenu-BxpMqfvj.js","names":["Link","RouterLink"],"sources":["../src/UI/inputs/link/BreadCrumbMenu.jsx"],"sourcesContent":["import React from 'react';\nimport { Breadcrumbs, Typography, makeStyles } from '@material-ui/core';\nimport { Link as RouterLink, Link, Route, useHistory } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  link: {\n    textDecoration: 'none',\n    color: (props) =>\n      props.color === 'primary'\n        ? theme?.palette?.getContrastText(theme.palette.primary.main)\n        : theme?.palette?.getContrastText(theme.palette.secondary.main)\n  }\n}));\n\nconst SYSTEM_ROUTE_LABELS = [\n  'inquiry',\n  'page',\n  'menupage',\n  'reports',\n  'virtual',\n  'workflowtask'\n];\n\nexport const BreadCrumbMenu = (props) => {\n  const classes = useStyles(props);\n  const { root, breadCrumbAltLabelList = [] } = props;\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  breadCrumbAltLabelList.forEach((crumb) => crumb.toLowerCase());\n\n  const breadCrumbLabelList = [\n    ...SYSTEM_ROUTE_LABELS,\n    ...breadCrumbAltLabelList\n  ];\n\n  return (\n    <Route>\n      {({ location }) => {\n        const pathnames = location.pathname.split('/').filter((x) => x);\n        pathnames.forEach((name) => name.toLowerCase());\n        // Is true if the 2nd last path part contains the word in the altLabelList\n        const useLabel = breadCrumbLabelList.includes(\n          pathnames[pathnames.length - 2]\n        );\n\n        // Update the last path part to use the menu label if there is one\n        if (useLabel && history?.location?.state?.label) {\n          pathnames[pathnames.length - 1] = history.location.state.label;\n        }\n\n        return (\n          <Breadcrumbs aria-label='Breadcrumb'>\n            <Link color='inherit' to='/' className={classes.link}>\n              {t(root)}\n            </Link>\n            {pathnames.map((value, index) => {\n              if (!!useLabel && index === 0) {\n                return null;\n              }\n              const last = index === pathnames.length - 1;\n              const to = `/${pathnames.slice(0, index + 1).join('/')}`;\n              const capitalValue = value[0].toUpperCase() + value.slice(1);\n\n              return last ? (\n                <Typography className={classes.link} key={to}>\n                  {t(capitalValue)}\n                </Typography>\n              ) : (\n                <RouterLink to={to} key={to} className={classes.link}>\n                  {t(capitalValue)}\n                </RouterLink>\n              );\n            })}\n          </Breadcrumbs>\n        );\n      }}\n    </Route>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,gBAAgB;CAChB,QAAQ,UACN,MAAM,UAAU,YACZ,OAAO,SAAS,gBAAgB,MAAM,QAAQ,QAAQ,KAAK,GAC3D,OAAO,SAAS,gBAAgB,MAAM,QAAQ,UAAU,KAAK;CACpE,EACF,EAAE;AAEH,MAAM,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,MAAM,yBAAyB,EAAE,KAAK;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,YAAY;AAE5B,wBAAuB,SAAS,UAAU,MAAM,aAAa,CAAC;CAE9D,MAAM,sBAAsB,CAC1B,GAAG,qBACH,GAAG,uBACJ;AAED,QACE,oCAAC,cACG,EAAE,eAAe;EACjB,MAAM,YAAY,SAAS,SAAS,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE;AAC/D,YAAU,SAAS,SAAS,KAAK,aAAa,CAAC;EAE/C,MAAM,WAAW,oBAAoB,SACnC,UAAU,UAAU,SAAS,GAC9B;AAGD,MAAI,YAAY,SAAS,UAAU,OAAO,MACxC,WAAU,UAAU,SAAS,KAAK,QAAQ,SAAS,MAAM;AAG3D,SACE,oCAAC,eAAY,cAAW,gBACtB,oCAACA;GAAK,OAAM;GAAU,IAAG;GAAI,WAAW,QAAQ;KAC7C,EAAE,KAAK,CACH,EACN,UAAU,KAAK,OAAO,UAAU;AAC/B,OAAI,CAAC,CAAC,YAAY,UAAU,EAC1B,QAAO;GAET,MAAM,OAAO,UAAU,UAAU,SAAS;GAC1C,MAAM,KAAK,IAAI,UAAU,MAAM,GAAG,QAAQ,EAAE,CAAC,KAAK,IAAI;GACtD,MAAM,eAAe,MAAM,GAAG,aAAa,GAAG,MAAM,MAAM,EAAE;AAE5D,UAAO,OACL,oCAAC;IAAW,WAAW,QAAQ;IAAM,KAAK;MACvC,EAAE,aAAa,CACL,GAEb,oCAACC;IAAe;IAAI,KAAK;IAAI,WAAW,QAAQ;MAC7C,EAAE,aAAa,CACL;IAEf,CACU;GAGZ"}
+{"version":3,"file":"BreadCrumbMenu-RkiR54r9.js","names":["Link","RouterLink"],"sources":["../src/UI/inputs/link/BreadCrumbMenu.jsx"],"sourcesContent":["import React from 'react';\nimport { Breadcrumbs, Typography, makeStyles } from '@material-ui/core';\nimport { Link as RouterLink, Link, Route, useHistory } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  link: {\n    textDecoration: 'none',\n    color: (props) =>\n      props.color === 'primary'\n        ? theme?.palette?.getContrastText(theme.palette.primary.main)\n        : theme?.palette?.getContrastText(theme.palette.secondary.main)\n  }\n}));\n\nconst SYSTEM_ROUTE_LABELS = [\n  'inquiry',\n  'page',\n  'menupage',\n  'reports',\n  'virtual',\n  'workflowtask'\n];\n\nexport const BreadCrumbMenu = (props) => {\n  const classes = useStyles(props);\n  const { root, breadCrumbAltLabelList = [] } = props;\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  breadCrumbAltLabelList.forEach((crumb) => crumb.toLowerCase());\n\n  const breadCrumbLabelList = [\n    ...SYSTEM_ROUTE_LABELS,\n    ...breadCrumbAltLabelList\n  ];\n\n  return (\n    <Route>\n      {({ location }) => {\n        const pathnames = location.pathname.split('/').filter((x) => x);\n        pathnames.forEach((name) => name.toLowerCase());\n        // Is true if the 2nd last path part contains the word in the altLabelList\n        const useLabel = breadCrumbLabelList.includes(\n          pathnames[pathnames.length - 2]\n        );\n\n        // Update the last path part to use the menu label if there is one\n        if (useLabel && history?.location?.state?.label) {\n          pathnames[pathnames.length - 1] = history.location.state.label;\n        }\n\n        return (\n          <Breadcrumbs aria-label='Breadcrumb'>\n            <Link color='inherit' to='/' className={classes.link}>\n              {t(root)}\n            </Link>\n            {pathnames.map((value, index) => {\n              if (!!useLabel && index === 0) {\n                return null;\n              }\n              const last = index === pathnames.length - 1;\n              const to = `/${pathnames.slice(0, index + 1).join('/')}`;\n              const capitalValue = value[0].toUpperCase() + value.slice(1);\n\n              return last ? (\n                <Typography className={classes.link} key={to}>\n                  {t(capitalValue)}\n                </Typography>\n              ) : (\n                <RouterLink to={to} key={to} className={classes.link}>\n                  {t(capitalValue)}\n                </RouterLink>\n              );\n            })}\n          </Breadcrumbs>\n        );\n      }}\n    </Route>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,gBAAgB;CAChB,QAAQ,UACN,MAAM,UAAU,YACZ,OAAO,SAAS,gBAAgB,MAAM,QAAQ,QAAQ,KAAK,GAC3D,OAAO,SAAS,gBAAgB,MAAM,QAAQ,UAAU,KAAK;CACpE,EACF,EAAE;AAEH,MAAM,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,MAAM,yBAAyB,EAAE,KAAK;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,YAAY;AAE5B,wBAAuB,SAAS,UAAU,MAAM,aAAa,CAAC;CAE9D,MAAM,sBAAsB,CAC1B,GAAG,qBACH,GAAG,uBACJ;AAED,QACE,oCAAC,cACG,EAAE,eAAe;EACjB,MAAM,YAAY,SAAS,SAAS,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE;AAC/D,YAAU,SAAS,SAAS,KAAK,aAAa,CAAC;EAE/C,MAAM,WAAW,oBAAoB,SACnC,UAAU,UAAU,SAAS,GAC9B;AAGD,MAAI,YAAY,SAAS,UAAU,OAAO,MACxC,WAAU,UAAU,SAAS,KAAK,QAAQ,SAAS,MAAM;AAG3D,SACE,oCAAC,eAAY,cAAW,gBACtB,oCAACA;GAAK,OAAM;GAAU,IAAG;GAAI,WAAW,QAAQ;KAC7C,EAAE,KAAK,CACH,EACN,UAAU,KAAK,OAAO,UAAU;AAC/B,OAAI,CAAC,CAAC,YAAY,UAAU,EAC1B,QAAO;GAET,MAAM,OAAO,UAAU,UAAU,SAAS;GAC1C,MAAM,KAAK,IAAI,UAAU,MAAM,GAAG,QAAQ,EAAE,CAAC,KAAK,IAAI;GACtD,MAAM,eAAe,MAAM,GAAG,aAAa,GAAG,MAAM,MAAM,EAAE;AAE5D,UAAO,OACL,oCAAC;IAAW,WAAW,QAAQ;IAAM,KAAK;MACvC,EAAE,aAAa,CACL,GAEb,oCAACC;IAAe;IAAI,KAAK;IAAI,WAAW,QAAQ;MAC7C,EAAE,aAAa,CACL;IAEf,CACU;GAGZ"}

package/dist/{CatalogUtilities-Cm2RALT1.js → CatalogUtilities-CgNFjItY.js}

@@ -13,4 +13,4 @@ const buildCatalogObjectList = (catalogObjects, children, catalogObjectList) =>
 
 //#endregion
 export { buildCatalogObjectList as t };
-//# sourceMappingURL=CatalogUtilities-Cm2RALT1.js.map
+//# sourceMappingURL=CatalogUtilities-CgNFjItY.js.map

package/dist/{CatalogUtilities-Cm2RALT1.js.map → CatalogUtilities-CgNFjItY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CatalogUtilities-Cm2RALT1.js","names":[],"sources":["../src/utilities/catalog/CatalogUtilities.js"],"sourcesContent":["export const buildCatalogObjectList = (\n  catalogObjects,\n  children,\n  catalogObjectList\n) => {\n  if (children.length > 0) {\n    for (const child of children) {\n      const matchingChildCatalogObject = catalogObjectList.find(\n        (co) => co.catalogObjectName === child.reference\n      );\n\n      if (matchingChildCatalogObject) {\n        const existingCatalogObject = catalogObjects.find(\n          (co) =>\n            co.catalogObjectName ===\n            matchingChildCatalogObject.catalogObjectName\n        );\n\n        if (!existingCatalogObject) {\n          catalogObjects.push(matchingChildCatalogObject);\n\n          const childsChildren = matchingChildCatalogObject.properties.filter(\n            (property) => property.extendedProperties?.childEntity === true\n          );\n\n          buildCatalogObjectList(\n            catalogObjects,\n            childsChildren,\n            catalogObjectList\n          );\n        }\n      }\n    }\n  }\n};\n"],"mappings":";AAAA,MAAa,0BACX,gBACA,UACA,sBACG;AACH,KAAI,SAAS,SAAS,EACpB,MAAK,MAAM,SAAS,UAAU;EAC5B,MAAM,6BAA6B,kBAAkB,MAClD,OAAO,GAAG,sBAAsB,MAAM,UACxC;AAED,MAAI,4BAOF;OAAI,CAN0B,eAAe,MAC1C,OACC,GAAG,sBACH,2BAA2B,kBAC9B,EAE2B;AAC1B,mBAAe,KAAK,2BAA2B;AAM/C,2BACE,gBALqB,2BAA2B,WAAW,QAC1D,aAAa,SAAS,oBAAoB,gBAAgB,KAC5D,EAKC,kBACD"}
+{"version":3,"file":"CatalogUtilities-CgNFjItY.js","names":[],"sources":["../src/utilities/catalog/CatalogUtilities.js"],"sourcesContent":["export const buildCatalogObjectList = (\n  catalogObjects,\n  children,\n  catalogObjectList\n) => {\n  if (children.length > 0) {\n    for (const child of children) {\n      const matchingChildCatalogObject = catalogObjectList.find(\n        (co) => co.catalogObjectName === child.reference\n      );\n\n      if (matchingChildCatalogObject) {\n        const existingCatalogObject = catalogObjects.find(\n          (co) =>\n            co.catalogObjectName ===\n            matchingChildCatalogObject.catalogObjectName\n        );\n\n        if (!existingCatalogObject) {\n          catalogObjects.push(matchingChildCatalogObject);\n\n          const childsChildren = matchingChildCatalogObject.properties.filter(\n            (property) => property.extendedProperties?.childEntity === true\n          );\n\n          buildCatalogObjectList(\n            catalogObjects,\n            childsChildren,\n            catalogObjectList\n          );\n        }\n      }\n    }\n  }\n};\n"],"mappings":";AAAA,MAAa,0BACX,gBACA,UACA,sBACG;AACH,KAAI,SAAS,SAAS,EACpB,MAAK,MAAM,SAAS,UAAU;EAC5B,MAAM,6BAA6B,kBAAkB,MAClD,OAAO,GAAG,sBAAsB,MAAM,UACxC;AAED,MAAI,4BAOF;OAAI,CAN0B,eAAe,MAC1C,OACC,GAAG,sBACH,2BAA2B,kBAC9B,EAE2B;AAC1B,mBAAe,KAAK,2BAA2B;AAM/C,2BACE,gBALqB,2BAA2B,WAAW,QAC1D,aAAa,SAAS,oBAAoB,gBAAgB,KAC5D,EAKC,kBACD"}

package/dist/{ChatBotProvider-BE_DhBqN.js → ChatBotProvider-ZTkBY_Lp.js}

@@ -64,4 +64,4 @@ const ChatBotProvider = ({ children }) => {
 
 //#endregion
 export { ChatBotProvider as t };
-//# sourceMappingURL=ChatBotProvider-BE_DhBqN.js.map
+//# sourceMappingURL=ChatBotProvider-ZTkBY_Lp.js.map

package/dist/{ChatBotProvider-BE_DhBqN.js.map → ChatBotProvider-ZTkBY_Lp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChatBotProvider-BE_DhBqN.js","names":["messageText"],"sources":["../src/utilities/chatBot/ChatBotProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { ChatBotContext } from './ChatBotContext';\n\ninterface Message {\n  createdAt: string | undefined;\n  createdBy: { name: string; loading: boolean };\n  messageContent: string | JSX.Element | undefined;\n  messageStatus: MessageStatus | undefined;\n  outgoing: boolean | undefined;\n  messageText: string | undefined;\n}\n\nenum MessageStatus {\n  Sent = 0,\n  Delivered = 1,\n  Error = -1\n}\n\n\nexport const ChatBotProvider = ({ children }) => {\n  const defaultCreatedAt = new Date().toLocaleString([], { hour: '2-digit', minute: '2-digit', hour12: true });\n  const defaultCreatedBy = {loading: false, name: 'AI Assistant' };\n  const messageText = 'Welcome! How can I help you search our Product Documentation?';\n  const welcomeMessage: Message = {\n    createdAt: defaultCreatedAt,\n    createdBy: defaultCreatedBy,\n    messageContent: messageText,\n    messageStatus: MessageStatus.Sent,\n    outgoing: false,\n    messageText\n  };\n\n  const [messageHistory, setMessageHistory] = useState<Message[]>([welcomeMessage]);\n  const user = useUser();\n\n  const createMessage = (messageContent: string | JSX.Element, createdBy, messageText) => {\n    const newMessage: Message = {\n      createdAt: new Date().toLocaleString([], { hour: '2-digit', minute: '2-digit', hour12: true }),\n      createdBy,\n      messageContent,\n      messageText,\n      messageStatus: MessageStatus.Sent,\n      outgoing: createdBy.id === user?.id,\n    };\n\n    return newMessage\n  }\n\n  const addMessage = (messageContent: string | JSX.Element, createdBy, messageText) => {\n    const newMessage = createMessage(messageContent, createdBy, messageText)\n    setMessageHistory((prevState) => [...prevState, newMessage]);\n  };\n\n  const removeMessageHistory = (messageContent: string | JSX.Element, createdBy) => {\n    const newMessage = createMessage(messageText, defaultCreatedBy, messageText)\n    setMessageHistory(() => [newMessage]);\n  };\n\n  const removeLoadingMessage = () => {\n    setMessageHistory((prevState) =>\n      prevState.filter((message) => !message.createdBy.loading)\n    );\n  };\n\n  return (\n    <ChatBotContext.Provider\n      value={{\n        messageHistory,\n        addMessage,\n        removeMessageHistory,\n        removeLoadingMessage,\n      }}\n    >\n      {children}\n    </ChatBotContext.Provider>\n  );\n};\n"],"mappings":";;;;;AAaA,IAAK,0DAAL;AACE;AACA;AACA;;EAHG;AAOL,MAAa,mBAAmB,EAAE,eAAe;CAC/C,MAAM,oCAAmB,IAAI,MAAM,EAAC,eAAe,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,QAAQ;EAAM,CAAC;CAC5G,MAAM,mBAAmB;EAAC,SAAS;EAAO,MAAM;EAAgB;CAChE,MAAM,cAAc;CAUpB,MAAM,CAAC,gBAAgB,qBAAqB,SAAoB,CAThC;EAC9B,WAAW;EACX,WAAW;EACX,gBAAgB;EAChB,eAAe,cAAc;EAC7B,UAAU;EACV;EACD,CAE+E,CAAC;CACjF,MAAM,OAAO,SAAS;CAEtB,MAAM,iBAAiB,gBAAsC,WAAW,kBAAgB;AAUtF,SAT4B;GAC1B,4BAAW,IAAI,MAAM,EAAC,eAAe,EAAE,EAAE;IAAE,MAAM;IAAW,QAAQ;IAAW,QAAQ;IAAM,CAAC;GAC9F;GACA;GACA;GACA,eAAe,cAAc;GAC7B,UAAU,UAAU,OAAO,MAAM;GAClC;;CAKH,MAAM,cAAc,gBAAsC,WAAW,kBAAgB;EACnF,MAAM,aAAa,cAAc,gBAAgB,WAAWA,cAAY;AACxE,qBAAmB,cAAc,CAAC,GAAG,WAAW,WAAW,CAAC;;CAG9D,MAAM,wBAAwB,gBAAsC,cAAc;EAChF,MAAM,aAAa,cAAc,aAAa,kBAAkB,YAAY;AAC5E,0BAAwB,CAAC,WAAW,CAAC;;CAGvC,MAAM,6BAA6B;AACjC,qBAAmB,cACjB,UAAU,QAAQ,YAAY,CAAC,QAAQ,UAAU,QAAQ,CAC1D;;AAGH,QACE,oCAAC,eAAe,YACd,OAAO;EACL;EACA;EACA;EACA;EACD,IAEA,SACuB"}
+{"version":3,"file":"ChatBotProvider-ZTkBY_Lp.js","names":["messageText"],"sources":["../src/utilities/chatBot/ChatBotProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { ChatBotContext } from './ChatBotContext';\n\ninterface Message {\n  createdAt: string | undefined;\n  createdBy: { name: string; loading: boolean };\n  messageContent: string | JSX.Element | undefined;\n  messageStatus: MessageStatus | undefined;\n  outgoing: boolean | undefined;\n  messageText: string | undefined;\n}\n\nenum MessageStatus {\n  Sent = 0,\n  Delivered = 1,\n  Error = -1\n}\n\n\nexport const ChatBotProvider = ({ children }) => {\n  const defaultCreatedAt = new Date().toLocaleString([], { hour: '2-digit', minute: '2-digit', hour12: true });\n  const defaultCreatedBy = {loading: false, name: 'AI Assistant' };\n  const messageText = 'Welcome! How can I help you search our Product Documentation?';\n  const welcomeMessage: Message = {\n    createdAt: defaultCreatedAt,\n    createdBy: defaultCreatedBy,\n    messageContent: messageText,\n    messageStatus: MessageStatus.Sent,\n    outgoing: false,\n    messageText\n  };\n\n  const [messageHistory, setMessageHistory] = useState<Message[]>([welcomeMessage]);\n  const user = useUser();\n\n  const createMessage = (messageContent: string | JSX.Element, createdBy, messageText) => {\n    const newMessage: Message = {\n      createdAt: new Date().toLocaleString([], { hour: '2-digit', minute: '2-digit', hour12: true }),\n      createdBy,\n      messageContent,\n      messageText,\n      messageStatus: MessageStatus.Sent,\n      outgoing: createdBy.id === user?.id,\n    };\n\n    return newMessage\n  }\n\n  const addMessage = (messageContent: string | JSX.Element, createdBy, messageText) => {\n    const newMessage = createMessage(messageContent, createdBy, messageText)\n    setMessageHistory((prevState) => [...prevState, newMessage]);\n  };\n\n  const removeMessageHistory = (messageContent: string | JSX.Element, createdBy) => {\n    const newMessage = createMessage(messageText, defaultCreatedBy, messageText)\n    setMessageHistory(() => [newMessage]);\n  };\n\n  const removeLoadingMessage = () => {\n    setMessageHistory((prevState) =>\n      prevState.filter((message) => !message.createdBy.loading)\n    );\n  };\n\n  return (\n    <ChatBotContext.Provider\n      value={{\n        messageHistory,\n        addMessage,\n        removeMessageHistory,\n        removeLoadingMessage,\n      }}\n    >\n      {children}\n    </ChatBotContext.Provider>\n  );\n};\n"],"mappings":";;;;;AAaA,IAAK,0DAAL;AACE;AACA;AACA;;EAHG;AAOL,MAAa,mBAAmB,EAAE,eAAe;CAC/C,MAAM,oCAAmB,IAAI,MAAM,EAAC,eAAe,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,QAAQ;EAAM,CAAC;CAC5G,MAAM,mBAAmB;EAAC,SAAS;EAAO,MAAM;EAAgB;CAChE,MAAM,cAAc;CAUpB,MAAM,CAAC,gBAAgB,qBAAqB,SAAoB,CAThC;EAC9B,WAAW;EACX,WAAW;EACX,gBAAgB;EAChB,eAAe,cAAc;EAC7B,UAAU;EACV;EACD,CAE+E,CAAC;CACjF,MAAM,OAAO,SAAS;CAEtB,MAAM,iBAAiB,gBAAsC,WAAW,kBAAgB;AAUtF,SAT4B;GAC1B,4BAAW,IAAI,MAAM,EAAC,eAAe,EAAE,EAAE;IAAE,MAAM;IAAW,QAAQ;IAAW,QAAQ;IAAM,CAAC;GAC9F;GACA;GACA;GACA,eAAe,cAAc;GAC7B,UAAU,UAAU,OAAO,MAAM;GAClC;;CAKH,MAAM,cAAc,gBAAsC,WAAW,kBAAgB;EACnF,MAAM,aAAa,cAAc,gBAAgB,WAAWA,cAAY;AACxE,qBAAmB,cAAc,CAAC,GAAG,WAAW,WAAW,CAAC;;CAG9D,MAAM,wBAAwB,gBAAsC,cAAc;EAChF,MAAM,aAAa,cAAc,aAAa,kBAAkB,YAAY;AAC5E,0BAAwB,CAAC,WAAW,CAAC;;CAGvC,MAAM,6BAA6B;AACjC,qBAAmB,cACjB,UAAU,QAAQ,YAAY,CAAC,QAAQ,UAAU,QAAQ,CAC1D;;AAGH,QACE,oCAAC,eAAe,YACd,OAAO;EACL;EACA;EACA;EACA;EACD,IAEA,SACuB"}

package/dist/{CircularProgress-CSGPlrG_.js → CircularProgress-CGB2A7S2.js}

@@ -45,4 +45,4 @@ const CircularProgress$1 = (props) => {
 
 //#endregion
 export { CircularProgress$1 as t };
-//# sourceMappingURL=CircularProgress-CSGPlrG_.js.map
+//# sourceMappingURL=CircularProgress-CGB2A7S2.js.map

package/dist/{CircularProgress-CSGPlrG_.js.map → CircularProgress-CGB2A7S2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress-CSGPlrG_.js","names":["makeStyles","CircularProgress","MuiCircularProgress"],"sources":["../src/UI/loading/CircularProgress.jsx"],"sourcesContent":["import React from 'react';\nimport { CircularProgress as MuiCircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n  circleColorPrimary: {\n    color: theme.palette.primary.main,\n  },\n  circleColorSecondary: {\n    color: theme.palette.secondary.main,\n  },\n  circleColorSuccess: {\n    color: theme.palette.success.main,\n  },\n  circleColorError: {\n    color: theme.palette.error.main,\n  },\n  circleColorWarning: {\n    color: theme.palette.warning.main,\n  },\n  circleColorInfo: {\n    color: theme.palette.info.main,\n  },\n  // Custom circle color class\n  customColorCircle: props => ({\n    backgroundColor: props.color,\n  }),\n}));\n\nexport const CircularProgress = props => {\n  const {\n    variant = 'indeterminate',\n    value,\n    color = 'primary',\n    ...otherProps\n  } = props;\n\n  const isPredefinedColor = [\n    'primary',\n    'secondary',\n    'success',\n    'error',\n    'warning',\n    'info',\n  ].includes(color);\n  const classes = useStyles({ color });\n\n  return (\n    <MuiCircularProgress\n      {...otherProps}\n      variant={variant}\n      value={value}\n      classes={{\n        root: classes.root,\n        circle: clsx({\n          [classes.circleColorPrimary]: color === 'primary',\n          [classes.circleColorSecondary]: color === 'secondary',\n          [classes.circleColorSuccess]: color === 'success',\n          [classes.circleColorError]: color === 'error',\n          [classes.circleColorWarning]: color === 'warning',\n          [classes.circleColorInfo]: color === 'info',\n          [classes.customColorCircle]: !isPredefinedColor,\n        }),\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAYA,cAAW,WAAU;CACrC,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,sBAAsB,EACpB,OAAO,MAAM,QAAQ,UAAU,MAChC;CACD,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,kBAAkB,EAChB,OAAO,MAAM,QAAQ,MAAM,MAC5B;CACD,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,iBAAiB,EACf,OAAO,MAAM,QAAQ,KAAK,MAC3B;CAED,oBAAmB,WAAU,EAC3B,iBAAiB,MAAM,OACxB;CACF,EAAE;AAEH,MAAaC,sBAAmB,UAAS;CACvC,MAAM,EACJ,UAAU,iBACV,OACA,QAAQ,UACR,GAAG,eACD;CAEJ,MAAM,oBAAoB;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,SAAS,MAAM;CACjB,MAAM,UAAU,UAAU,EAAE,OAAO,CAAC;AAEpC,QACE,oCAACC;EACC,GAAI;EACK;EACF;EACP,SAAS;GACP,MAAM,QAAQ;GACd,QAAQ,KAAK;KACV,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,uBAAuB,UAAU;KACzC,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,mBAAmB,UAAU;KACrC,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,oBAAoB,CAAC;IAC/B,CAAC;GACH;GACD"}
+{"version":3,"file":"CircularProgress-CGB2A7S2.js","names":["makeStyles","CircularProgress","MuiCircularProgress"],"sources":["../src/UI/loading/CircularProgress.jsx"],"sourcesContent":["import React from 'react';\nimport { CircularProgress as MuiCircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n  circleColorPrimary: {\n    color: theme.palette.primary.main,\n  },\n  circleColorSecondary: {\n    color: theme.palette.secondary.main,\n  },\n  circleColorSuccess: {\n    color: theme.palette.success.main,\n  },\n  circleColorError: {\n    color: theme.palette.error.main,\n  },\n  circleColorWarning: {\n    color: theme.palette.warning.main,\n  },\n  circleColorInfo: {\n    color: theme.palette.info.main,\n  },\n  // Custom circle color class\n  customColorCircle: props => ({\n    backgroundColor: props.color,\n  }),\n}));\n\nexport const CircularProgress = props => {\n  const {\n    variant = 'indeterminate',\n    value,\n    color = 'primary',\n    ...otherProps\n  } = props;\n\n  const isPredefinedColor = [\n    'primary',\n    'secondary',\n    'success',\n    'error',\n    'warning',\n    'info',\n  ].includes(color);\n  const classes = useStyles({ color });\n\n  return (\n    <MuiCircularProgress\n      {...otherProps}\n      variant={variant}\n      value={value}\n      classes={{\n        root: classes.root,\n        circle: clsx({\n          [classes.circleColorPrimary]: color === 'primary',\n          [classes.circleColorSecondary]: color === 'secondary',\n          [classes.circleColorSuccess]: color === 'success',\n          [classes.circleColorError]: color === 'error',\n          [classes.circleColorWarning]: color === 'warning',\n          [classes.circleColorInfo]: color === 'info',\n          [classes.customColorCircle]: !isPredefinedColor,\n        }),\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAYA,cAAW,WAAU;CACrC,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,sBAAsB,EACpB,OAAO,MAAM,QAAQ,UAAU,MAChC;CACD,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,kBAAkB,EAChB,OAAO,MAAM,QAAQ,MAAM,MAC5B;CACD,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,iBAAiB,EACf,OAAO,MAAM,QAAQ,KAAK,MAC3B;CAED,oBAAmB,WAAU,EAC3B,iBAAiB,MAAM,OACxB;CACF,EAAE;AAEH,MAAaC,sBAAmB,UAAS;CACvC,MAAM,EACJ,UAAU,iBACV,OACA,QAAQ,UACR,GAAG,eACD;CAEJ,MAAM,oBAAoB;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,SAAS,MAAM;CACjB,MAAM,UAAU,UAAU,EAAE,OAAO,CAAC;AAEpC,QACE,oCAACC;EACC,GAAI;EACK;EACF;EACP,SAAS;GACP,MAAM,QAAQ;GACd,QAAQ,KAAK;KACV,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,uBAAuB,UAAU;KACzC,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,mBAAmB,UAAU;KACrC,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,oBAAoB,CAAC;IAC/B,CAAC;GACH;GACD"}

package/dist/{Controls-CHns-SHo.js → Controls-B0ogviQm.js}

@@ -1,4 +1,4 @@
-import { t as MapContext_default } from "./MapContext-DMHlc2jW.js";
+import { t as MapContext_default } from "./MapContext-BmClJmMl.js";
 import React, { useContext, useEffect } from "react";
 import { FullScreen } from "ol/control";
 
@@ -24,4 +24,4 @@ var FullScreenControl_default = FullScreenControl;
 
 //#endregion
 export { Controls_default as n, FullScreenControl_default as t };
-//# sourceMappingURL=Controls-CHns-SHo.js.map
+//# sourceMappingURL=Controls-B0ogviQm.js.map

package/dist/{Controls-CHns-SHo.js.map → Controls-B0ogviQm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Controls-CHns-SHo.js","names":["MapContext"],"sources":["../src/maps/openLayerMaps/Controls/Controls.jsx","../src/maps/openLayerMaps/Controls/FullScreenControl.js"],"sourcesContent":["import React from \"react\";\n\nconst Controls = ({ children }) => {\n\treturn <div>{children}</div>;\n};\n\nexport default Controls;\n","import { useContext, useEffect } from 'react';\nimport { FullScreen } from 'ol/control';\nimport MapContext from '../Map/MapContext';\n\nconst FullScreenControl = () => {\n  const { map } = useContext(MapContext);\n\n  useEffect(() => {\n    if (!map) return;\n\n    let fullScreenControl = new FullScreen({});\n\n    map.controls.push(fullScreenControl);\n\n    return () => map.controls.remove(fullScreenControl);\n  }, [map]);\n\n  return null;\n};\n\nexport default FullScreenControl;\n"],"mappings":";;;;;AAEA,MAAM,YAAY,EAAE,eAAe;AAClC,QAAO,oCAAC,aAAK,SAAe;;AAG7B,uBAAe;;;;ACFf,MAAM,0BAA0B;CAC9B,MAAM,EAAE,QAAQ,WAAWA,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,IAAI,oBAAoB,IAAI,WAAW,EAAE,CAAC;AAE1C,MAAI,SAAS,KAAK,kBAAkB;AAEpC,eAAa,IAAI,SAAS,OAAO,kBAAkB;IAClD,CAAC,IAAI,CAAC;AAET,QAAO;;AAGT,gCAAe"}
+{"version":3,"file":"Controls-B0ogviQm.js","names":["MapContext"],"sources":["../src/maps/openLayerMaps/Controls/Controls.jsx","../src/maps/openLayerMaps/Controls/FullScreenControl.js"],"sourcesContent":["import React from \"react\";\n\nconst Controls = ({ children }) => {\n\treturn <div>{children}</div>;\n};\n\nexport default Controls;\n","import { useContext, useEffect } from 'react';\nimport { FullScreen } from 'ol/control';\nimport MapContext from '../Map/MapContext';\n\nconst FullScreenControl = () => {\n  const { map } = useContext(MapContext);\n\n  useEffect(() => {\n    if (!map) return;\n\n    let fullScreenControl = new FullScreen({});\n\n    map.controls.push(fullScreenControl);\n\n    return () => map.controls.remove(fullScreenControl);\n  }, [map]);\n\n  return null;\n};\n\nexport default FullScreenControl;\n"],"mappings":";;;;;AAEA,MAAM,YAAY,EAAE,eAAe;AAClC,QAAO,oCAAC,aAAK,SAAe;;AAG7B,uBAAe;;;;ACFf,MAAM,0BAA0B;CAC9B,MAAM,EAAE,QAAQ,WAAWA,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,IAAI,oBAAoB,IAAI,WAAW,EAAE,CAAC;AAE1C,MAAI,SAAS,KAAK,kBAAkB;AAEpC,eAAa,IAAI,SAAS,OAAO,kBAAkB;IAClD,CAAC,IAAI,CAAC;AAET,QAAO;;AAGT,gCAAe"}

package/dist/{CrudBrowserContainer-BCn9YKhz.js → CrudBrowserContainer-CwD2cxD0.js}

@@ -1,7 +1,7 @@
 import { a as toTitleCase } from "./StringUtilities-PL6_BoI4.js";
 import { r as getSanitizedName } from "./entityUtilities-DOZQpeXw.js";
 import { N as UdpEnums, p as LookupTypeIdEnums } from "./unitySystemEnums-C3qeqk7V.js";
-import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-DUklUn5Q.js";
+import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-DO52Bj_B.js";
 import React, { useCallback, useEffect, useMemo } from "react";
 import { useHistory } from "react-router-dom";
 import { LookupEntitiesIcon } from "@fluentui/react-icons";
@@ -135,7 +135,7 @@ const CrudBrowserContainer = (props) => {
 	const searchMethodConfig = useMemo(() => {
 		return {
 			apiMethodId: promotedEntity?.unityBaseSearchMethod?.apiMethodId,
-			customSearchObject: filterElements
+			customSearchObject: { filterElements }
 		};
 	}, [promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements]);
 	const gridFunctions = useMemo(() => {
@@ -172,4 +172,4 @@ const CrudBrowserContainer = (props) => {
 
 //#endregion
 export { CrudTableColumnDefs as n, mapDotNetTypeToAgGridType as r, CrudBrowserContainer as t };
-//# sourceMappingURL=CrudBrowserContainer-BCn9YKhz.js.map
+//# sourceMappingURL=CrudBrowserContainer-CwD2cxD0.js.map