forlogic-core 1.20.0 → 2.0.0

package/dist/assets/LeadershipDoc-DRiB0spL.js

@@ -1,416 +0,0 @@
-import{j as e,aN as b,ar as T,at as O,au as S,av as j,l as p,aw as k,ax as L,a7 as D,h as N,cf as m,r as C,d$ as M,e0 as R,f as o,e1 as B,e2 as I,e3 as z,bU as P,M as U}from"./index-CE0k7Rdh.js";import{C as q}from"./ComponentDocTemplate-CRbRY-v5.js";import{H as _,a as H,b as F}from"./hover-card-DEuucfxP.js";import{U as y}from"./user-plus-Bad2xWIT.js";function A({item:a,level:r,columns:n,nameKey:l,iconComponent:c,expandedIds:u,onToggleExpand:d,onRowClick:t,renderActions:i,rowActionsVariant:h="default"}){const x=u.has(a.id),g=(a.children?.length??0)>0,f=r*24,v=h==="inline";return e.jsxs(e.Fragment,{children:[e.jsxs(S,{className:p(t&&"cursor-pointer",v&&"group"),onClick:t?()=>t(a):void 0,children:[e.jsx(L,{children:e.jsxs("div",{className:"flex items-center gap-2",style:{paddingLeft:`${f}px`},children:[g?e.jsx("button",{onClick:s=>{s.stopPropagation(),d(a.id)},className:"p-1 hover:bg-accent rounded shrink-0",children:x?e.jsx(D,{className:"h-4 w-4"}):e.jsx(N,{className:"h-4 w-4"})}):e.jsx("div",{className:"w-6 shrink-0"}),c??e.jsx(b,{className:"h-4 w-4 text-muted-foreground shrink-0"}),e.jsx("span",{className:"font-medium truncate",children:String(a[l]??a.id)})]})}),n.map(s=>{const w=a[s.key],E=s.render?s.render(a,r):w!=null?String(w):"—";return e.jsx(L,{className:p("text-center",s.className),children:s.hoverContent?e.jsxs(_,{openDelay:200,children:[e.jsx(H,{asChild:!0,children:e.jsx("span",{className:"cursor-default underline decoration-dotted underline-offset-4 text-foreground",children:E})}),e.jsx(F,{side:"bottom",align:"center",className:"w-auto max-w-xs",children:s.hoverContent(a)})]}):E},String(s.key))}),i&&e.jsx(L,{className:"text-right",children:e.jsx("div",{onClick:s=>s.stopPropagation(),className:p("flex items-center justify-end gap-1",v&&"opacity-0 group-hover:opacity-100 transition-opacity"),children:i(a)})})]}),g&&x&&a.children.map(s=>e.jsx(A,{item:s,level:r+1,columns:n,nameKey:l,iconComponent:c,expandedIds:u,onToggleExpand:d,onRowClick:t,renderActions:i,rowActionsVariant:h},s.id))]})}function Q({data:a,columns:r,nameKey:n,nameHeader:l="Nome",iconComponent:c,expandedIds:u,onToggleExpand:d,onRowClick:t,renderActions:i,actionsHeader:h="Ações",rowActionsVariant:x="default",isLoading:g,emptyMessage:f="Nenhum registro encontrado.",className:v}){return g?e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:"animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full mx-auto"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Carregando..."})]})}):!a||a.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 text-center space-y-2",children:[e.jsx(b,{className:"h-10 w-10 text-muted-foreground/50"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:f})]}):e.jsx("div",{className:p("border rounded-lg overflow-hidden",v),children:e.jsxs(T,{children:[e.jsx(O,{children:e.jsxs(S,{children:[e.jsx(j,{className:"text-left",children:l}),r.map(s=>e.jsx(j,{className:p("text-center",s.className),style:s.width?{width:s.width}:void 0,children:s.header},String(s.key))),i&&e.jsx(j,{className:"text-right",children:h})]})}),e.jsx(k,{children:a.map(s=>e.jsx(A,{item:s,level:0,columns:r,nameKey:n,iconComponent:c,expandedIds:u,onToggleExpand:d,onRowClick:t,renderActions:i,rowActionsVariant:x},s.id))})]})})}function te(){return e.jsx(q,{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($,{}),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(G,{}),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(V,{}),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(J,{}),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(W,{}),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(K,{}),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(X,{}),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(Y,{}),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(ee,{}),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 $(){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(m,{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 G(){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 V(){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,n)=>e.jsxs("div",{className:"flex items-center gap-2 text-sm",style:{paddingLeft:r.level*16},children:[e.jsx(m,{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)"]})]},n))]})}function J(){const[a,r]=C.useState(!1);return e.jsx("div",{className:"p-4 border rounded-lg",children:e.jsxs(M,{open:a,onOpenChange:r,children:[e.jsx(R,{asChild:!0,children:e.jsxs(o,{children:[e.jsx(y,{className:"h-4 w-4 mr-2"}),"Adicionar Líder"]})}),e.jsxs(B,{children:[e.jsx(I,{children:e.jsx(z,{children:"Novo Líder"})}),e.jsx("div",{className:"py-4 text-center text-muted-foreground",children:"[LeadershipForm seria renderizado aqui]"})]})]})})}function W(){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 K(){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,n)=>e.jsx("div",{children:r.name},n))]})}function X(){const[a,r]=C.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(D,{className:"h-4 w-4"}):e.jsx(N,{className:"h-4 w-4"})}),e.jsx(m,{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(m,{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(m,{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 Y(){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(o,{size:"sm",variant:"outline",children:"Expandir Todos"}),e.jsxs(o,{size:"sm",children:[e.jsx(y,{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"})]})}const Z=[{id:"1",name:"Maria Silva (CEO)",email:"maria@empresa.com",subordinatesCount:2,subordinateNames:["João Souza","Ana Costa"],children:[{id:"2",name:"João Souza",email:"joao@empresa.com",subordinatesCount:3,subordinateNames:["Carlos Lima","Fernanda Dias","Ricardo Alves"],children:[{id:"4",name:"Carlos Lima",email:"carlos@empresa.com",subordinatesCount:0,subordinateNames:[],children:[]},{id:"5",name:"Fernanda Dias",email:"fernanda@empresa.com",subordinatesCount:2,subordinateNames:["Paula Rocha","Bruno Santos"],children:[]}]},{id:"3",name:"Ana Costa",email:"ana@empresa.com",subordinatesCount:1,subordinateNames:["Marcos Oliveira"],children:[]}]}];function ee(){const[a,r]=C.useState(new Set(["1","2"])),n=d=>{r(t=>{const i=new Set(t);return i.has(d)?i.delete(d):i.add(d),i})},l=()=>{r(new Set(["1","2","3","4","5"]))},c=()=>{r(new Set)},u=[{key:"subordinatesCount",header:"Subordinados",hoverContent:d=>d.subordinateNames.length>0?e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("p",{className:"text-xs font-medium text-muted-foreground mb-1",children:"Subordinados diretos:"}),d.subordinateNames.map(t=>e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx(b,{className:"h-3 w-3 text-muted-foreground"}),e.jsx("span",{children:t})]},t))]}):e.jsx("p",{className:"text-xs text-muted-foreground",children:"Sem subordinados diretos"})},{key:"email",header:"Email",className:"text-left",render:d=>e.jsxs("span",{className:"flex items-center gap-1.5 text-muted-foreground text-sm",children:[e.jsx(U,{className:"h-3.5 w-3.5"}),d.email]})}];return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"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:"5 líderes • 1 nível raiz"})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(o,{size:"sm",variant:"outline",onClick:l,children:"Expandir"}),e.jsx(o,{size:"sm",variant:"outline",onClick:c,children:"Colapsar"}),e.jsxs(o,{size:"sm",children:[e.jsx(y,{className:"h-4 w-4 mr-1"}),"Adicionar"]})]})]}),e.jsx(Q,{data:Z,columns:u,nameKey:"name",nameHeader:"Líder",expandedIds:a,onToggleExpand:n,iconComponent:e.jsx(m,{className:"h-4 w-4 text-muted-foreground shrink-0"}),rowActionsVariant:"inline",renderActions:d=>e.jsx(o,{variant:"ghost",size:"icon",className:"h-8 w-8",children:e.jsx(P,{className:"h-4 w-4"})})}),e.jsxs("div",{className:"px-3 py-2 bg-muted/20 border rounded-lg 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{te as LeadershipDoc};