udp-react-enterprise-component-library 1.0.5-beta.1 → 1.0.5-beta.2

package/dist/MenuPage-MyE8iJHD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage-MyE8iJHD.js","names":["useStyles","other","useStyles","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx","../src/menuPage/MenuPage.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/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';\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                  <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 } 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/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\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 ${!!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) {\n      return;\n    }\n    let expanded = [];\n    if (tree?.isExpanded) {\n      expanded.push(tree.id);\n    }\n    expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n    setExpanded(expanded);\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","import React, { useCallback, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { transformMenuPageTree } from '../utilities/tree/TreeUtilities';\nimport { BaseTreeMenu } from '../treeMenu/BaseTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useUser } from '../utilities/auth/useUser';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/EnvironmentRibbon';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nexport const MenuPage = (props) => {\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const location = useLocation();\n  const user = useUser();\n  const { t } = useTranslation();\n  const setLocationState = useSetLocationState();\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  // Just the menuInstanceId for an inner menu\n  const innerMenuId = location.pathname.replace('/menupage/', '');\n  const [{ data: innerMenu, loading: menuLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `menus/${innerMenuId}`,\n    {},\n    !!!innerMenuId,\n    false\n  );\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedNode?.properties?.page?.id}`,\n      {},\n      !!!selectedNode?.properties?.page?.id,\n      false\n    );\n\n  const handleSelectedNode = useCallback((node, menuIndex) => {\n    setSelectedNode(node);\n  }, []);\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  useEffect(() => {\n    if (innerMenu) {\n      const list = [];\n      let nodeSelected = false;\n      innerMenu.menuItemInstanceStructureViews.forEach((menuInstance) => {\n        const updatedMenu = transformMenuPageTree(menuInstance);\n        if (updatedMenu) {\n          list.push(updatedMenu);\n          if (!nodeSelected) {\n            setSelectedNode(updatedMenu);\n            nodeSelected = true;\n            setNavigationExpanded(false);\n          }\n        }\n      });\n      setMenuItemsList(list);\n    }\n  }, [innerMenu, setNavigationExpanded]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    if (innerMenu) {\n      setLocationState({ label: t(innerMenu?.name) });\n    }\n  }, [setLocationState, t, innerMenu]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={innerMenu?.name}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={innerMenuId}>\n              {menuItemsList?.length > 0 &&\n                !menuLoading &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <BaseTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {menuLoading && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={menuLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          {selectedNode?.properties?.page?.id && (\n            <PageContainer\n              user={user}\n              key={selectedNode?.id}\n              pageData={pageData}\n              pageLoading={pageLoading}\n              widgetParams={{\n                pageId: pageData?.pageId,\n                entityName: selectedNode?.properties?.page?.entity?.entityName,\n                pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,\n                requiredFieldsMap:\n                  selectedNode?.properties?.page?.requiredFieldMapping,\n                udpTagId: selectedNode?.properties?.page?.udpTagId,\n                queryId: selectedNode?.properties?.page?.queryId,\n                inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId\n              }}\n              disableMargins={true}\n              fromMenu={true}\n            />\n          )}\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n"],"mappings":"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"}