remove depth limit

Author: iamfaran

client/packages/lowcoder/src/comps/comps/navComp/components/MenuItem.tsx

@@ -10,7 +10,6 @@ export interface IMenuItemProps {
   item: NavCompType;
   onDelete?: () => void;
   onAddSubMenu?: () => void;
-  showAddSubMenu?: boolean;
 }
 
 const MenuItemWrapper = styled.div`
@@ -43,7 +42,6 @@ const MenuItem: React.FC<IMenuItemProps> = (props) => {
     item,
     onDelete,
     onAddSubMenu,
-    showAddSubMenu = true,
   } = props;
 
   const [isConfigPopShow, showConfigPop] = useState(false);
@@ -76,7 +74,7 @@ const MenuItem: React.FC<IMenuItemProps> = (props) => {
       </SimplePopover>
       <EditPopover
         del={handleDel}
-        add={showAddSubMenu && onAddSubMenu ? handleAddSubMenu : undefined}
+        add={onAddSubMenu ? handleAddSubMenu : undefined}
         addText={trans("navigation.addText")}
       >
         <StyledPointIcon />

client/packages/lowcoder/src/comps/comps/navComp/components/MenuItemList.tsx

@@ -6,7 +6,6 @@ import React, { useMemo, useCallback, createContext, useContext } from "react";
 import styled from "styled-components";
 import { NavCompType, NavListCompType, NavTreeItemData } from "./types";
 import MenuItem from "./MenuItem";
-const MAX_DEPTH = 10;
 const Wrapper = styled.div`
   .menu-title {
     display: flex;
@@ -56,9 +55,6 @@ const NavTreeItemComponent = React.forwardRef<
 
   const handlers = useContext(MenuItemHandlersContext);
 
-  // allow adding sub-menu only if we are above the max depth (depth is 0-indexed)
-  const canAddSubMenu = depth < MAX_DEPTH - 1 ;
-
   const handleDelete = () => {
     handlers?.onDeleteItem(path);
   };
@@ -89,7 +85,6 @@ const NavTreeItemComponent = React.forwardRef<
           item={comp}
           onDelete={handleDelete}
           onAddSubMenu={handleAddSubMenu}
-          showAddSubMenu={canAddSubMenu}
         />
       </TreeItemContent>
     </SimpleTreeItemWrapper>