forlogic-core 1.16.3 → 1.16.5

package/dist/assets/LeadershipDoc-BnrTuaeV.js

@@ -1,416 +0,0 @@
-import{j as e,c7 as s,r as l,dS as p,dT as m,f as d,dU as h,dV as x,dW as g,a7 as u,h as n}from"./index-BtX5DZqb.js";import{C as v}from"./ComponentDocTemplate-BtOCnlM2.js";import{U as c}from"./user-plus-Dce9DbqQ.js";import"./ExampleCard-DfuMYM6E.js";import"./TableOfContents-DBMJMbI4.js";function M(){return e.jsx(v,{title:"Leadership",description:"Módulo hierárquico de liderança para gerenciar relações de liderança entre usuários do Qualiex. Inclui componentes visuais, hooks de API e utilitários para construção de árvores hierárquicas.",installation:`import { 
-  LeadershipPage,
-  LeadershipDialog,
-  LeadershipForm,
-  LeaderRow,
-  useLeadershipApi,
-  useLeadershipMutations,
-  buildHierarchy,
-  flattenTree
-} from 'forlogic-core';`,component:e.jsx(L,{}),usage:`// Página completa de liderança
-import { LeadershipPage } from 'forlogic-core';
-
-function MyLeadershipPage() {
-  return <LeadershipPage />;
-}
-
-// Ou use componentes individuais
-import { 
-  LeadershipDialog, 
-  useLeadershipApi 
-} from 'forlogic-core';
-
-function CustomLeadershipView() {
-  const { data: leaders, isLoading } = useLeadershipApi();
-  const [dialogOpen, setDialogOpen] = useState(false);
-
-  if (isLoading) return <div>Carregando...</div>;
-
-  return (
-    <div>
-      <Button onClick={() => setDialogOpen(true)}>
-        Adicionar Líder
-      </Button>
-      
-      <LeadershipDialog
-        open={dialogOpen}
-        onOpenChange={setDialogOpen}
-        title="Novo Líder"
-      />
-      
-      {/* Renderizar hierarquia */}
-    </div>
-  );
-}`,examples:[{title:"Estrutura de Tipos",description:"Tipos principais usados no módulo de liderança.",preview:e.jsx(f,{}),code:`// Tipos principais
-interface Leader {
-  id: string;
-  alias: string;
-  id_user: string;           // ID do usuário no Qualiex
-  id_leader: string | null;  // ID do líder superior (null = raiz)
-  is_removed: boolean;
-  is_active: boolean;
-  created_at: string;
-  updated_at: string;
-  
-  // Campos enriquecidos do Qualiex (virtuais)
-  name?: string;
-  email?: string;
-  subordinatesCount?: number;
-}
-
-interface LeaderNode extends Leader {
-  children: LeaderNode[];  // Subordinados diretos
-  level: number;           // Nível na hierarquia (0 = raiz)
-}`},{title:"Hook useLeadershipApi",description:"Hook para buscar a hierarquia de liderança com dados enriquecidos do Qualiex.",preview:e.jsx(j,{}),code:`import { useLeadershipApi, flattenTree } from 'forlogic-core';
-
-function LeadersList() {
-  const { 
-    data: leaders = [],  // LeaderNode[] - árvore hierárquica
-    isLoading, 
-    error 
-  } = useLeadershipApi();
-
-  if (isLoading) return <div>Carregando...</div>;
-  if (error) return <div>Erro: {error.message}</div>;
-
-  // Achatar a árvore para iteração simples
-  const allLeaders = flattenTree(leaders);
-
-  return (
-    <ul>
-      {allLeaders.map(leader => (
-        <li key={leader.id} style={{ marginLeft: leader.level * 20 }}>
-          {leader.name} ({leader.subordinatesCount} subordinados)
-        </li>
-      ))}
-    </ul>
-  );
-}`},{title:"LeadershipDialog",description:"Dialog modal para adicionar ou editar um líder.",preview:e.jsx(b,{}),code:`import { useState } from 'react';
-import { LeadershipDialog, Button } from 'forlogic-core';
-
-function AddLeaderButton() {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <>
-      <Button onClick={() => setOpen(true)}>
-        Adicionar Líder
-      </Button>
-
-      <LeadershipDialog
-        open={open}
-        onOpenChange={setOpen}
-        title="Novo Líder"
-        // Opcional: pré-selecionar um líder superior
-        prefilledLeaderId="user-uuid-do-lider"
-      />
-    </>
-  );
-}
-
-// Editando um líder existente
-function EditLeaderButton({ leader }) {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <>
-      <Button variant="outline" onClick={() => setOpen(true)}>
-        Editar
-      </Button>
-
-      <LeadershipDialog
-        open={open}
-        onOpenChange={setOpen}
-        leader={leader}  // Passa o líder para edição
-        title="Editar Líder"
-      />
-    </>
-  );
-}`},{title:"Mutations (useLeadershipMutations)",description:"Hooks de mutação para criar, atualizar e remover líderes.",preview:e.jsx(N,{}),code:`import { 
-  useCreateMultipleLeadersMutation,
-  useUpdateLeaderMutation,
-  useRemoveLeaderMutation,
-  useSyncSubordinatesMutation 
-} from 'forlogic-core';
-
-function LeaderActions() {
-  // Criar múltiplos liderados de uma vez
-  const createMultiple = useCreateMultipleLeadersMutation();
-  
-  // Atualizar líder existente
-  const updateLeader = useUpdateLeaderMutation();
-  
-  // Remover líder (soft delete)
-  const removeLeader = useRemoveLeaderMutation();
-  
-  // Sincronizar subordinados de um líder
-  const syncSubordinates = useSyncSubordinatesMutation();
-
-  const handleCreateMultiple = async () => {
-    await createMultiple.mutateAsync({
-      id_leader: 'uuid-do-lider-superior', // null para raiz
-      users: [
-        { id_user: 'uuid-usuario-1' },
-        { id_user: 'uuid-usuario-2' }
-      ]
-    });
-  };
-
-  const handleUpdate = async () => {
-    await updateLeader.mutateAsync({
-      id: 'uuid-do-registro-leader',
-      id_leader: 'novo-uuid-lider-superior'
-    });
-  };
-
-  const handleRemove = async () => {
-    await removeLeader.mutateAsync('uuid-do-registro-leader');
-  };
-
-  const handleSync = async () => {
-    await syncSubordinates.mutateAsync({
-      leaderUserId: 'uuid-do-lider',
-      selectedUsers: [
-        { id_user: 'uuid-subordinado-1' },
-        { id_user: 'uuid-subordinado-2' }
-      ]
-    });
-  };
-
-  return (
-    <div className="space-x-2">
-      <Button onClick={handleCreateMultiple}>Criar Múltiplos</Button>
-      <Button onClick={handleUpdate}>Atualizar</Button>
-      <Button onClick={handleRemove} variant="destructive">Remover</Button>
-      <Button onClick={handleSync}>Sincronizar</Button>
-    </div>
-  );
-}`},{title:"Utilitários (buildHierarchy, flattenTree)",description:"Funções utilitárias para manipular a estrutura hierárquica.",preview:e.jsx(C,{}),code:`import { buildHierarchy, flattenTree } from 'forlogic-core';
-
-// buildHierarchy: Converte lista plana em árvore
-const leaders = [
-  { id: '1', id_user: 'user-a', id_leader: null, name: 'CEO' },
-  { id: '2', id_user: 'user-b', id_leader: 'user-a', name: 'Diretor' },
-  { id: '3', id_user: 'user-c', id_leader: 'user-b', name: 'Gerente' }
-];
-
-const tree = buildHierarchy(leaders);
-// Resultado:
-// [{ 
-//   id: '1', name: 'CEO', level: 0, children: [
-//     { id: '2', name: 'Diretor', level: 1, children: [
-//       { id: '3', name: 'Gerente', level: 2, children: [] }
-//     ]}
-//   ]
-// }]
-
-// flattenTree: Achata árvore para lista
-const flatList = flattenTree(tree);
-// Resultado: [CEO, Diretor, Gerente] com níveis preservados
-
-// Uso comum: iterar mantendo indentação visual
-flatList.forEach(node => {
-  const indent = '  '.repeat(node.level);
-  console.log(\`\${indent}\${node.name}\`);
-});`},{title:"LeaderRow (Componente de Linha)",description:"Componente de linha expansível para tabelas de liderança.",preview:e.jsx(y,{}),code:`import { useState } from 'react';
-import { LeaderRow, useLeadershipApi } from 'forlogic-core';
-
-function LeadersTable() {
-  const { data: leaders = [] } = useLeadershipApi();
-  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());
-
-  const handleToggleExpand = (id: string) => {
-    setExpandedIds(prev => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        next.add(id);
-      }
-      return next;
-    });
-  };
-
-  const handleEdit = (leader) => {
-    console.log('Editar:', leader);
-  };
-
-  return (
-    <table className="w-full">
-      <thead>
-        <tr>
-          <th>Nome</th>
-          <th>Subordinados</th>
-        </tr>
-      </thead>
-      <tbody>
-        {leaders.map(leader => (
-          <LeaderRow
-            key={leader.id}
-            leader={leader}
-            expandedIds={expandedIds}
-            onToggleExpand={handleToggleExpand}
-            onEdit={handleEdit}
-          />
-        ))}
-      </tbody>
-    </table>
-  );
-}`},{title:"Página Completa (LeadershipPage)",description:"Componente de página completa com todas as funcionalidades integradas.",preview:e.jsx(w,{}),code:`import { LeadershipPage } from 'forlogic-core';
-
-// Uso simples - página completa pronta
-function MyApp() {
-  return (
-    <Routes>
-      <Route path="/leadership" element={<LeadershipPage />} />
-    </Routes>
-  );
-}
-
-// A LeadershipPage inclui:
-// - Botão "Adicionar Líder"
-// - Botões "Expandir/Colapsar Todos"
-// - Tabela hierárquica com LeaderRow
-// - LeadershipDialog para criar/editar
-// - Contadores de usuários associados/não associados
-// - Persistência do estado de expansão no localStorage`},{title:"Exemplo Completo Integrado",description:"Implementação customizada com todos os recursos do módulo de liderança.",preview:e.jsx(E,{}),code:`import { useState, useMemo } from 'react';
-import { 
-  useLeadershipApi, 
-  useRemoveLeaderMutation,
-  LeadershipDialog,
-  LeaderRow,
-  flattenTree,
-  Button,
-  Card,
-  toast
-} from 'forlogic-core';
-import { Users, UserPlus, ChevronDown, ChevronUp, Trash2 } from 'lucide-react';
-
-function CustomLeadershipPage() {
-  const { data: leaders = [], isLoading, error } = useLeadershipApi();
-  const removeLeader = useRemoveLeaderMutation();
-  
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const [editingLeader, setEditingLeader] = useState<Leader | null>(null);
-  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());
-  
-  // Achatar árvore para estatísticas
-  const flatList = useMemo(() => flattenTree(leaders), [leaders]);
-  const totalLeaders = flatList.length;
-  const rootLeaders = leaders.length;
-  
-  // Handlers
-  const handleToggleExpand = (id: string) => {
-    setExpandedIds(prev => {
-      const next = new Set(prev);
-      next.has(id) ? next.delete(id) : next.add(id);
-      return next;
-    });
-  };
-  
-  const handleExpandAll = () => {
-    setExpandedIds(new Set(flatList.map(l => l.id)));
-  };
-  
-  const handleCollapseAll = () => {
-    setExpandedIds(new Set());
-  };
-  
-  const handleEdit = (leader: Leader) => {
-    setEditingLeader(leader);
-    setDialogOpen(true);
-  };
-  
-  const handleAdd = () => {
-    setEditingLeader(null);
-    setDialogOpen(true);
-  };
-  
-  const handleRemove = async (leader: Leader) => {
-    try {
-      await removeLeader.mutateAsync(leader.id);
-      toast.success(\`\${leader.name} removido com sucesso\`);
-    } catch (error) {
-      toast.error('Erro ao remover líder');
-    }
-  };
-  
-  const handleDialogClose = () => {
-    setDialogOpen(false);
-    setEditingLeader(null);
-  };
-  
-  if (isLoading) return <div>Carregando hierarquia...</div>;
-  if (error) return <div>Erro: {error.message}</div>;
-  
-  return (
-    <div className="space-y-6">
-      {/* Header com estatísticas e ações */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-bold">Hierarquia de Liderança</h1>
-          <p className="text-muted-foreground">
-            {totalLeaders} líderes • {rootLeaders} níveis raiz
-          </p>
-        </div>
-        
-        <div className="flex gap-2">
-          <Button variant="outline" size="sm" onClick={handleExpandAll}>
-            <ChevronDown className="h-4 w-4 mr-1" />
-            Expandir
-          </Button>
-          <Button variant="outline" size="sm" onClick={handleCollapseAll}>
-            <ChevronUp className="h-4 w-4 mr-1" />
-            Colapsar
-          </Button>
-          <Button onClick={handleAdd}>
-            <UserPlus className="h-4 w-4 mr-1" />
-            Adicionar Líder
-          </Button>
-        </div>
-      </div>
-      
-      {/* Tabela hierárquica */}
-      <Card>
-        <table className="w-full">
-          <thead className="bg-muted/50">
-            <tr>
-              <th className="text-left p-4">Líder</th>
-              <th className="text-center p-4">Subordinados</th>
-              <th className="text-right p-4">Ações</th>
-            </tr>
-          </thead>
-          <tbody>
-            {leaders.map(leader => (
-              <LeaderRow
-                key={leader.id}
-                leader={leader}
-                expandedIds={expandedIds}
-                onToggleExpand={handleToggleExpand}
-                onEdit={handleEdit}
-                // Ação extra de remoção
-                actions={
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    onClick={() => handleRemove(leader)}
-                  >
-                    <Trash2 className="h-4 w-4 text-destructive" />
-                  </Button>
-                }
-              />
-            ))}
-          </tbody>
-        </table>
-      </Card>
-      
-      {/* Dialog para criar/editar */}
-      <LeadershipDialog
-        open={dialogOpen}
-        onOpenChange={handleDialogClose}
-        leader={editingLeader}
-        title={editingLeader ? 'Editar Líder' : 'Novo Líder'}
-      />
-    </div>
-  );
-}`}],props:[{name:"LeadershipDialog.open",type:"boolean",description:"Controla a visibilidade do dialog."},{name:"LeadershipDialog.onOpenChange",type:"(open: boolean) => void",description:"Callback quando o estado de abertura muda."},{name:"LeadershipDialog.leader",type:"Leader",description:"Líder a ser editado (se não fornecido, cria novo)."},{name:"LeadershipDialog.prefilledLeaderId",type:"string | null",description:"ID do líder superior pré-selecionado (para criação)."},{name:"LeadershipDialog.title",type:"string",description:"Título do dialog."},{name:"LeaderRow.leader",type:"LeaderNode",description:"Nó do líder a ser renderizado."},{name:"LeaderRow.expandedIds",type:"Set<string>",description:"IDs dos nós atualmente expandidos."},{name:"LeaderRow.onToggleExpand",type:"(id: string) => void",description:"Callback para alternar expansão de um nó."},{name:"LeaderRow.onEdit",type:"(leader: Leader) => void",description:"Callback quando o nome do líder é clicado."},{name:"LeadershipForm.leader",type:"Leader",description:"Líder a ser editado (modo edição)."},{name:"LeadershipForm.prefilledLeaderId",type:"string | null",description:"ID do líder superior pré-selecionado."},{name:"LeadershipForm.onSuccess",type:"() => void",description:"Callback executado após salvar com sucesso."}],accessibility:["Os botões de expandir/colapsar são acessíveis via teclado.",'Os nomes clicáveis têm role="button" implícito.',"O dialog segue padrões WAI-ARIA para modais.","Checkboxes de seleção de usuários são navegáveis via Tab.","Estados de loading são anunciados para leitores de tela."],notes:["O módulo requer autenticação ativa (useAuth) e integração com Qualiex.","Os dados são enriquecidos automaticamente com nomes/emails do Qualiex.",'Líderes "virtuais" são criados automaticamente para referências não cadastradas.',"Validação de ciclos na hierarquia é feita automaticamente.","O estado de expansão é persistido no localStorage por alias.","Soft delete é usado para remoção (is_removed = true)."]})}function L(){return e.jsxs("div",{className:"p-6 border rounded-lg bg-card space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s,{className:"h-6 w-6 text-primary"}),e.jsx("h3",{className:"text-lg font-semibold",children:"Módulo de Liderança"})]}),e.jsx("p",{className:"text-muted-foreground",children:"Sistema completo para gerenciar hierarquias de liderança, incluindo:"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm",children:[e.jsx("li",{children:"Visualização em árvore hierárquica"}),e.jsx("li",{children:"Criação e edição de líderes"}),e.jsx("li",{children:"Seleção múltipla de subordinados"}),e.jsx("li",{children:"Validação automática de ciclos"}),e.jsx("li",{children:"Integração com usuários do Qualiex"})]})]})}function f(){return e.jsxs("div",{className:"p-4 border rounded-lg bg-muted/30 font-mono text-xs space-y-2",children:[e.jsx("div",{className:"text-primary",children:"Leader"}),e.jsx("div",{className:"pl-4 text-muted-foreground",children:"id, alias, id_user, id_leader, is_removed, is_active"}),e.jsx("div",{className:"text-primary",children:"LeaderNode extends Leader"}),e.jsx("div",{className:"pl-4 text-muted-foreground",children:"children: LeaderNode[], level: number"})]})}function j(){const a=[{name:"CEO",level:0,subordinatesCount:2},{name:"Diretor A",level:1,subordinatesCount:3},{name:"Diretor B",level:1,subordinatesCount:1}];return e.jsxs("div",{className:"p-4 border rounded-lg space-y-2",children:[e.jsx("div",{className:"text-sm font-medium text-muted-foreground mb-2",children:"Resultado do useLeadershipApi:"}),a.map((r,t)=>e.jsxs("div",{className:"flex items-center gap-2 text-sm",style:{paddingLeft:r.level*16},children:[e.jsx(s,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{children:r.name}),e.jsxs("span",{className:"text-muted-foreground",children:["(",r.subordinatesCount," subordinados)"]})]},t))]})}function b(){const[a,r]=l.useState(!1);return e.jsx("div",{className:"p-4 border rounded-lg",children:e.jsxs(p,{open:a,onOpenChange:r,children:[e.jsx(m,{asChild:!0,children:e.jsxs(d,{children:[e.jsx(c,{className:"h-4 w-4 mr-2"}),"Adicionar Líder"]})}),e.jsxs(h,{children:[e.jsx(x,{children:e.jsx(g,{children:"Novo Líder"})}),e.jsx("div",{className:"py-4 text-center text-muted-foreground",children:"[LeadershipForm seria renderizado aqui]"})]})]})})}function N(){return e.jsxs("div",{className:"p-4 border rounded-lg space-y-3",children:[e.jsx("div",{className:"text-sm font-medium",children:"Mutations disponíveis:"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[e.jsx("div",{className:"p-2 bg-muted/50 rounded",children:"useCreateMultipleLeadersMutation"}),e.jsx("div",{className:"p-2 bg-muted/50 rounded",children:"useUpdateLeaderMutation"}),e.jsx("div",{className:"p-2 bg-muted/50 rounded",children:"useRemoveLeaderMutation"}),e.jsx("div",{className:"p-2 bg-muted/50 rounded",children:"useSyncSubordinatesMutation"})]})]})}function C(){const a=[{name:"CEO",level:0},{name:"├── Diretor",level:1},{name:"│   └── Gerente",level:2}];return e.jsxs("div",{className:"p-4 border rounded-lg font-mono text-sm space-y-1",children:[e.jsx("div",{className:"text-muted-foreground mb-2",children:"buildHierarchy → flattenTree:"}),a.map((r,t)=>e.jsx("div",{children:r.name},t))]})}function y(){const[a,r]=l.useState(!0);return e.jsx("div",{className:"border rounded-lg overflow-hidden",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-muted/50",children:e.jsxs("tr",{children:[e.jsx("th",{className:"text-left p-3",children:"Nome"}),e.jsx("th",{className:"text-center p-3",children:"Subordinados"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-t hover:bg-muted/30",children:[e.jsx("td",{className:"p-3",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>r(!a),className:"p-1 hover:bg-accent rounded",children:a?e.jsx(u,{className:"h-4 w-4"}):e.jsx(n,{className:"h-4 w-4"})}),e.jsx(s,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{className:"font-medium hover:text-primary cursor-pointer",children:"CEO"})]})}),e.jsx("td",{className:"text-center p-3",children:"2"})]}),a&&e.jsxs(e.Fragment,{children:[e.jsxs("tr",{className:"border-t hover:bg-muted/30",children:[e.jsx("td",{className:"p-3",children:e.jsxs("div",{className:"flex items-center gap-2",style:{paddingLeft:32},children:[e.jsx("button",{className:"p-1 hover:bg-accent rounded",children:e.jsx(n,{className:"h-4 w-4"})}),e.jsx(s,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{className:"font-medium hover:text-primary cursor-pointer",children:"Diretor A"})]})}),e.jsx("td",{className:"text-center p-3",children:"3"})]}),e.jsxs("tr",{className:"border-t hover:bg-muted/30",children:[e.jsx("td",{className:"p-3",children:e.jsxs("div",{className:"flex items-center gap-2",style:{paddingLeft:32},children:[e.jsx("div",{className:"w-6"}),e.jsx(s,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{className:"font-medium hover:text-primary cursor-pointer",children:"Diretor B"})]})}),e.jsx("td",{className:"text-center p-3",children:"0"})]})]})]})]})})}function w(){return e.jsxs("div",{className:"p-4 border rounded-lg space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"font-medium",children:"LeadershipPage"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(d,{size:"sm",variant:"outline",children:"Expandir Todos"}),e.jsxs(d,{size:"sm",children:[e.jsx(c,{className:"h-4 w-4 mr-1"}),"Adicionar"]})]})]}),e.jsx("div",{className:"text-xs text-muted-foreground",children:"Inclui tabela hierárquica, dialog de edição, contadores e persistência"})]})}function E(){const[a,r]=l.useState(!0),t=[{name:"CEO",subordinates:2,level:0},{name:"Diretor Comercial",subordinates:3,level:1},{name:"Gerente de Vendas",subordinates:5,level:2},{name:"Diretor de TI",subordinates:2,level:1}];return e.jsxs("div",{className:"border rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 bg-muted/30 border-b flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold",children:"Hierarquia de Liderança"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"4 líderes • 2 níveis raiz"})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(d,{size:"sm",variant:"outline",onClick:()=>r(!a),children:a?"Colapsar":"Expandir"}),e.jsxs(d,{size:"sm",children:[e.jsx(c,{className:"h-4 w-4 mr-1"}),"Adicionar"]})]})]}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-muted/50",children:e.jsxs("tr",{children:[e.jsx("th",{className:"text-left p-3",children:"Líder"}),e.jsx("th",{className:"text-center p-3",children:"Subordinados"}),e.jsx("th",{className:"text-right p-3",children:"Ações"})]})}),e.jsx("tbody",{children:t.slice(0,a?4:1).map((i,o)=>e.jsxs("tr",{className:"border-t hover:bg-muted/30",children:[e.jsx("td",{className:"p-3",children:e.jsxs("div",{className:"flex items-center gap-2",style:{paddingLeft:i.level*16},children:[o===0&&e.jsx("button",{onClick:()=>r(!a),className:"p-1 hover:bg-accent rounded",children:a?e.jsx(u,{className:"h-4 w-4"}):e.jsx(n,{className:"h-4 w-4"})}),o!==0&&e.jsx("div",{className:"w-6"}),e.jsx(s,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{className:"font-medium hover:text-primary cursor-pointer",children:i.name})]})}),e.jsx("td",{className:"text-center p-3",children:i.subordinates}),e.jsx("td",{className:"text-right p-3",children:e.jsx(d,{variant:"ghost",size:"sm",children:"Editar"})})]},o))})]}),e.jsxs("div",{className:"p-3 bg-muted/20 border-t text-xs text-muted-foreground flex justify-between",children:[e.jsx("span",{children:"Usuários associados: 12"}),e.jsx("span",{children:"Usuários não associados: 5"})]})]})}export{M as LeadershipDoc};