🚀 Initial commit: Versão atual do TrackSteel APP

2026-03-18 21:17:53 +00:00
commit bde410c9ad
633 changed files with 108150 additions and 0 deletions
@@ -0,0 +1,96 @@
+
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { ChevronRight } from "lucide-react";
+import { SidebarMenuItem, SidebarMenuButton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem } from "@/components/ui/sidebar";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
+import { MenuItem } from './types';
+
+interface SidebarMenuItemProps {
+  item: MenuItem;
+  isActive: (url: string) => boolean;
+  canAccessItem: (itemKey: string) => boolean;
+  isAdmin: boolean;
+  openGroups: { [key: string]: boolean };
+  onSubmenuToggle: (itemKey: string, currentState: boolean) => void;
+  onMenuItemClick: (hasSubItems?: boolean) => void;
+  getIconProps: (itemKey?: string) => any;
+}
+
+export const AppSidebarMenuItem: React.FC<SidebarMenuItemProps> = ({
+  item,
+  isActive,
+  canAccessItem,
+  isAdmin,
+  openGroups,
+  onSubmenuToggle,
+  onMenuItemClick,
+  getIconProps
+}) => {
+  const canAccess = canAccessItem(item.key);
+  
+  if (!canAccess && !isAdmin) {
+    return null; // Don't show item if no access
+  }
+  
+  return (
+    <SidebarMenuItem key={item.key || item.title}>
+      {item.subItems && item.subItems.length > 0 ? (
+        <Collapsible 
+          open={openGroups[item.key] || false}
+          onOpenChange={(open) => onSubmenuToggle(item.key, openGroups[item.key] || false)}
+        >
+          <CollapsibleTrigger asChild>
+            <SidebarMenuButton className="w-full justify-between">
+              <div className="flex items-center">
+                {item.icon && <item.icon {...getIconProps(item.key)} />}
+                <span>{item.title}</span>
+              </div>
+              <ChevronRight className="h-4 w-4 transition-transform data-[state=open]:rotate-90" />
+            </SidebarMenuButton>
+          </CollapsibleTrigger>
+          <CollapsibleContent>
+            <SidebarMenuSub>
+              {item.subItems?.map((subItem) => {
+                // Filter theme customization for non-admins
+                if (subItem.url === "/admin/theme-customization" && !isAdmin) {
+                  return null;
+                }
+                
+                return (
+                  <SidebarMenuSubItem key={subItem.key || subItem.title}>
+                    <SidebarMenuSubButton 
+                      asChild
+                      isActive={isActive(subItem.url)}
+                    >
+                      <Link 
+                        to={subItem.url}
+                        onClick={() => onMenuItemClick(false)}
+                      >
+                        {subItem.icon && <subItem.icon className="mr-2 h-4 w-4" />}
+                        <span>{subItem.title}</span>
+                      </Link>
+                    </SidebarMenuSubButton>
+                  </SidebarMenuSubItem>
+                );
+              })}
+            </SidebarMenuSub>
+          </CollapsibleContent>
+        </Collapsible>
+      ) : (
+        <SidebarMenuButton 
+          asChild
+          isActive={isActive(item.url || '#')}
+        >
+          <Link 
+            to={item.url || '#'}
+            onClick={() => onMenuItemClick(false)}
+          >
+            {item.icon && <item.icon {...getIconProps(item.key)} />}
+            <span>{item.title}</span>
+          </Link>
+        </SidebarMenuButton>
+      )}
+    </SidebarMenuItem>
+  );
+};