forlogic-core 1.20.1 → 2.0.1

package/dist/assets/DashboardGeneralViewDoc-Cyg1SIiG.js

@@ -0,0 +1,71 @@
+import{j as e,gy as d,gz as t,gA as n}from"./index-DkiftrvI.js";import{C as l}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";n.SharedWithAllCollaborators,t.FiveMinutes,d.NormalPage,t.NotUpdate,d.NormalPage;function i(){const o=[{name:"list",desc:"Lista de dashboards",active:!0},{name:"view",desc:"Visualização do dashboard"},{name:"create",desc:"Criação de novo dashboard"},{name:"edit",desc:"Edição do dashboard"},{name:"share",desc:"Configuração de compartilhamento"}],s=[{from:"list",to:"view",label:"onOpen"},{from:"list",to:"create",label:"onAdd"},{from:"view",to:"edit",label:"onEdit"},{from:"view",to:"share",label:"onShare"},{from:"view",to:"list",label:"onBackToList"},{from:"edit",to:"view",label:"onCancel/onSave"},{from:"share",to:"view",label:"onCancel/onSave"},{from:"create",to:"list",label:"onCancel/onSave"}];return e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:o.map(a=>e.jsxs("div",{className:`px-3 py-2 rounded-lg border text-center ${a.active?"border-primary bg-primary/10 text-primary":"border-border bg-card text-foreground"}`,children:[e.jsx("span",{className:"text-sm font-semibold",children:a.name}),e.jsx("p",{className:"text-[10px] text-muted-foreground mt-0.5",children:a.desc})]},a.name))}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:s.map((a,r)=>e.jsxs("div",{className:"flex items-center gap-1.5 text-xs text-muted-foreground",children:[e.jsx("span",{className:"font-mono bg-muted px-1.5 py-0.5 rounded",children:a.from}),e.jsx("span",{children:"→"}),e.jsx("span",{className:"font-mono bg-muted px-1.5 py-0.5 rounded",children:a.to}),e.jsx("span",{className:"text-primary",children:a.label})]},r))})]})}function h(){return e.jsx(l,{title:"DashboardGeneralView",description:"Componente orquestrador que gerencia todo o ciclo de vida do módulo de Dashboards. Integra DashboardList, DashboardView e DashboardForm através de uma máquina de estados, com suporte a carousel auto-advance e General View.",component:e.jsx(i,{}),usage:`import { DashboardGeneralView } from 'forlogic-core';
+
+// Uso básico (uncontrolled — gerencia estado internamente)
+<DashboardGeneralView
+  dashboards={dashboards}
+  limit={{ maxDashboards: 50, countDashboards: 12 }}
+  canAdd canEdit canRemove
+  activePanels={panels}
+  activePages={pages}
+  getPanelData={(panelId) => ({
+    state: PanelState.Loaded,
+    data: panelData[panelId],
+  })}
+  onOpen={(d) => loadPanels(d.id)}
+  onSave={(values) => createDashboard(values)}
+  onUpdate={(id, values) => updateDashboard(id, values)}
+  onRemove={(d) => removeDashboard(d.id)}
+  onToggleFavorite={(d) => toggleFav(d.id)}
+/>
+
+// Uso controlado (com react-router)
+const [viewState, setViewState] = useState({ mode: 'list' });
+
+<DashboardGeneralView
+  dashboards={dashboards}
+  viewState={viewState}
+  onViewStateChange={(state) => {
+    setViewState(state);
+    if (state.mode === 'view') navigate(\`/dashboards/\${state.dashboardId}\`);
+    if (state.mode === 'list') navigate('/dashboards');
+  }}
+  // ... demais props
+/>`,examples:[{title:"Máquina de Estados",description:"O componente gerencia 5 modos: list, view, create, edit e share. Transições são feitas automaticamente via callbacks ou controladas externamente via viewState/onViewStateChange.",preview:e.jsx(i,{}),code:`// DashboardViewState
+type DashboardViewState =
+  | { mode: 'list' }
+  | { mode: 'view'; dashboardId: string }
+  | { mode: 'create' }
+  | { mode: 'edit'; dashboardId: string }
+  | { mode: 'share'; dashboardId: string };
+
+// Transições automáticas:
+// list → view:   quando onOpen é chamado
+// list → create: quando onAdd é chamado
+// view → edit:   quando onEdit é chamado no viewer
+// view → share:  quando onShare é chamado no viewer
+// edit → view:   quando form salva/cancela
+// create → list: quando form salva/cancela`},{title:"Carousel Auto-Advance",description:"Quando o dashboard usa DashboardViewType.Carousel, as páginas avançam automaticamente com base no DashboardPageTime configurado.",preview:e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"font-semibold text-foreground",children:"Modo:"}),e.jsx("span",{className:"px-2 py-0.5 bg-primary/10 text-primary rounded text-xs",children:"Carousel"})]}),e.jsx("div",{className:"grid grid-cols-4 gap-1",children:["5s","10s","15s","30s","1min","3min","5min","10min"].map((o,s)=>e.jsx("span",{className:`px-2 py-1 rounded text-xs text-center ${s===2?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground"}`,children:o},o))})]}),code:`// O carousel avança automaticamente
+<DashboardGeneralView
+  dashboards={[{
+    ...dashboard,
+    idViewType: DashboardViewType.Carousel,
+    idPageTime: DashboardPageTime.FifteenSeconds,
+  }]}
+  activePages={[
+    { id: 'p1', position: 1, name: 'Página 1' },
+    { id: 'p2', position: 2, name: 'Página 2' },
+    { id: 'p3', position: 3, name: 'Página 3' },
+  ]}
+/>`},{title:"General View",description:'Um dashboard pode ser definido como "Visão Geral" — o dashboard padrão exibido ao entrar no módulo. O ícone de casa indica o dashboard ativo como General View.',preview:e.jsxs("div",{className:"flex items-center gap-2 p-3 rounded-lg border border-border bg-card",children:[e.jsx("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary",children:"🏠 Visão geral"}),e.jsx("span",{className:"text-sm text-foreground",children:"Indicadores de Qualidade"}),e.jsx("span",{className:"ml-auto text-xs text-muted-foreground",children:"DASH-001"})]}),code:`<DashboardGeneralView
+  dashboards={dashboards}
+  generalView={{
+    id: 'gv1',
+    dashboardId: 'dash-1',
+    titlePtBr: 'Indicadores de Qualidade',
+    titleEnUs: 'Quality Indicators',
+    titleEsEs: 'Indicadores de Calidad',
+    idViewType: 1,
+    softwareId: 2,
+  }}
+  onSetGeneralView={(dashboardId) => setGeneralView(dashboardId)}
+/>`}],props:[{name:"dashboards",type:"Dashboard[]",description:"Lista completa de dashboards para exibir na lista."},{name:"limit",type:"DashboardLimit",description:"Limites de uso ({ maxDashboards, countDashboards })."},{name:"generalView",type:"GeneralViewDashboard | null",description:"Dashboard definido como visão geral padrão."},{name:"language",type:"DashboardLanguage",description:"Idioma para resolução de títulos (default: pt-br)."},{name:"activePanels",type:"DashboardPanel[]",description:"Painéis do dashboard atualmente aberto."},{name:"activePages",type:"DashboardPage[]",description:"Páginas do dashboard (modo carousel)."},{name:"getPanelData",type:"(panelId) => PanelRendererProps",description:"Provedor de dados por painel (state, data, series, etc.)."},{name:"viewState",type:"DashboardViewState",description:"Estado controlado (opcional). Sem ele, o componente gerencia internamente."},{name:"onViewStateChange",type:"(state) => void",description:"Callback para modo controlado — útil para sincronizar com react-router."},{name:"canAdd / canEdit / canRemove",type:"boolean",description:"Permissões que controlam botões e ações disponíveis."},{name:"onSave / onUpdate / onRemove",type:"callbacks",description:"CRUD de dashboards."},{name:"onSetGeneralView",type:"(dashboardId) => void",description:"Define um dashboard como visão geral."}]})}export{h as DashboardGeneralViewDoc};

package/dist/assets/DashboardGridDoc-BavePiRF.js

@@ -0,0 +1,49 @@
+import{j as e}from"./index-DkiftrvI.js";import{C as i}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function r(){const o=[{id:"num-1",col:0,row:0,sizeX:1,sizeY:1},{id:"num-2",col:1,row:0,sizeX:1,sizeY:1},{id:"num-3",col:2,row:0,sizeX:1,sizeY:1},{id:"num-4",col:3,row:0,sizeX:1,sizeY:1},{id:"chart-1",col:4,row:0,sizeX:4,sizeY:2},{id:"chart-2",col:0,row:1,sizeX:4,sizeY:2},{id:"wide",col:0,row:3,sizeX:8,sizeY:2}];return e.jsx("div",{className:"w-full border border-border rounded-lg bg-muted/30 p-2",style:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",gridTemplateRows:"repeat(5, 50px)",gap:"6px"},children:o.map(a=>e.jsxs("div",{className:"rounded-md border border-border bg-card flex flex-col items-center justify-center text-center",style:{gridColumn:`${a.col+1} / span ${a.sizeX}`,gridRow:`${a.row+1} / span ${a.sizeY}`},children:[e.jsx("span",{className:"text-[10px] font-mono text-muted-foreground",children:a.id}),e.jsxs("span",{className:"text-[9px] text-muted-foreground",children:[a.sizeX,"×",a.sizeY]})]},a.id))})}function n(){const o=[{type:"Numeric",x:1,y:1},{type:"Text / Bar / Column / Pie / Line / Area / StackedColumn",x:4,y:2},{type:"Pareto / RiskMatrix / Burndown / Performance",x:8,y:2}];return e.jsx("div",{className:"space-y-2",children:o.map(a=>e.jsxs("div",{className:"flex items-center gap-3 p-2 rounded border border-border bg-card",children:[e.jsxs("span",{className:"px-2 py-0.5 bg-primary/10 text-primary rounded text-xs font-mono",children:[a.x,"×",a.y]}),e.jsx("span",{className:"text-xs text-foreground",children:a.type})]},a.type))})}function l(){return e.jsx(i,{title:"DashboardGrid",description:"Grid de 8 colunas com posicionamento por col/row e dimensão por sizeX/sizeY. Suporta drag-and-drop via @dnd-kit quando allowDragging é true. Cada painel é renderizado como um card com header arrastável.",component:e.jsx(r,{}),usage:`import { DashboardGrid, getDefaultPanelSize, getMinPanelSize } from 'forlogic-core';
+
+<DashboardGrid
+  panels={[
+    { id: 'p1', col: 0, row: 0, sizeX: 4, sizeY: 2 },
+    { id: 'p2', col: 4, row: 0, sizeX: 4, sizeY: 2 },
+    { id: 'p3', col: 0, row: 2, sizeX: 8, sizeY: 2 },
+  ]}
+  columns={8}          // padrão: 8
+  cellHeight={160}     // padrão: 160px
+  cellGap={10}         // padrão: 10px
+  allowDragging={canEdit}
+  showGridLines={canEdit}
+  renderPanel={(panelId) => <MyPanelComponent id={panelId} />}
+  onLayoutChange={(updatedPanels) => saveLayout(updatedPanels)}
+/>`,examples:[{title:"Layout com 8 Colunas",description:"O grid suporta layouts flexíveis: painéis numéricos de 1×1, gráficos de 4×2, e painéis panorâmicos de 8×2. O posicionamento é feito por col/row absolutos.",preview:e.jsx(r,{}),code:`<DashboardGrid
+  panels={[
+    { id: 'num-1', col: 0, row: 0, sizeX: 1, sizeY: 1 },
+    { id: 'num-2', col: 1, row: 0, sizeX: 1, sizeY: 1 },
+    { id: 'chart-1', col: 4, row: 0, sizeX: 4, sizeY: 2 },
+    { id: 'chart-2', col: 0, row: 1, sizeX: 4, sizeY: 2 },
+    { id: 'wide', col: 0, row: 3, sizeX: 8, sizeY: 2 },
+  ]}
+  renderPanel={(id) => <MyPanel id={id} />}
+/>`},{title:"Tamanhos Padrão por Tipo",description:"As funções getDefaultPanelSize e getMinPanelSize retornam dimensões ideais baseadas no tipo de painel.",preview:e.jsx(n,{}),code:`import { getDefaultPanelSize, getMinPanelSize, DashboardPanelType } from 'forlogic-core';
+
+const defaultSize = getDefaultPanelSize(DashboardPanelType.Column);
+// → { x: 4, y: 2 }
+
+const minSize = getMinPanelSize(DashboardPanelType.Numeric);
+// → { x: 1, y: 1 }
+
+// Usar ao criar um novo painel:
+const newPanel = {
+  id: generateId(),
+  col: nextAvailableCol,
+  row: nextAvailableRow,
+  sizeX: defaultSize.x,
+  sizeY: defaultSize.y,
+};`},{title:"Drag-and-Drop",description:"Com allowDragging=true, os painéis podem ser reordenados via drag. O handler de header serve como drag handle. Após o drop, as posições são trocadas e onLayoutChange é chamado.",preview:e.jsxs("div",{className:"flex items-center gap-3 p-3 rounded-lg border border-border bg-card",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"⠿"}),e.jsx("span",{className:"text-sm font-medium text-foreground",children:"Título do Painel"}),e.jsx("span",{className:"ml-auto text-xs text-muted-foreground",children:"Arraste para reordenar"})]}),code:`<DashboardGrid
+  panels={panels}
+  allowDragging={true}
+  showGridLines={true}
+  renderPanel={(id) => <PanelRenderer panelId={id} />}
+  onLayoutChange={(updatedPanels) => {
+    // updatedPanels contém as posições trocadas
+    savePanelPositions(updatedPanels);
+  }}
+/>`}],props:[{name:"panels",type:"GridPanelLayout[]",description:"Definições de layout: id, col, row, sizeX, sizeY."},{name:"columns",type:"number",description:"Número de colunas do grid. Default: 8."},{name:"cellHeight",type:"number",description:"Altura de cada célula em pixels. Default: 160."},{name:"cellGap",type:"number",description:"Gap entre células em pixels. Default: 10."},{name:"allowDragging",type:"boolean",description:"Habilita drag-and-drop via @dnd-kit."},{name:"showGridLines",type:"boolean",description:"Mostra background do grid para orientação visual."},{name:"renderPanel",type:"(panelId: string) => ReactNode",description:"Função que renderiza o conteúdo de cada painel."},{name:"onLayoutChange",type:"(panels: GridPanelLayout[]) => void",description:"Chamado após drag com posições atualizadas."}]})}export{l as DashboardGridDoc};

package/dist/assets/DashboardListDoc-CLyMA6UK.js

@@ -0,0 +1,37 @@
+import{j as e,gy as t,gz as r,gA as d}from"./index-DkiftrvI.js";import{C as i}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const n=[{id:"1",code:"DASH-001",title:"Indicadores de Qualidade",titlePtBr:"Indicadores de Qualidade",titleEnUs:"Quality Indicators",titleEsEs:"Indicadores de Calidad",responsibleId:"u1",responsibleName:"João Silva",creationDate:"2025-01-15",lastModified:"2025-03-20",isActive:!0,isFavorite:!0,isGeneralViewUse:!1,isSystemChart:!1,hasSharedIcon:!0,idShare:d.SharedWithAllCollaborators,idUpdateTime:r.FiveMinutes,idViewType:t.NormalPage},{id:"2",code:"DASH-002",title:"Ocorrências por Mês",titlePtBr:"Ocorrências por Mês",titleEnUs:"Occurrences by Month",titleEsEs:"Ocurrencias por Mes",responsibleId:"u2",responsibleName:"Maria Santos",creationDate:"2025-02-10",lastModified:"2025-03-28",isActive:!0,isFavorite:!1,isGeneralViewUse:!1,isSystemChart:!1,idUpdateTime:r.NotUpdate,idViewType:t.NormalPage},{id:"3",code:"DASH-003",title:"Plano de Ação — Burndown",titlePtBr:"Plano de Ação — Burndown",titleEnUs:"Action Plan — Burndown",titleEsEs:"Plan de Acción — Burndown",responsibleId:"u1",responsibleName:"João Silva",creationDate:"2024-11-01",lastModified:"2025-01-10",isActive:!1,isFavorite:!1,isGeneralViewUse:!1,isSystemChart:!1,idUpdateTime:r.ThirtyMinutes,idViewType:t.Carousel}];function o(){return e.jsxs("div",{className:"border border-border rounded-lg overflow-hidden bg-card",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground",children:"Dashboards"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"(3/50)"})]}),e.jsxs("div",{className:"flex gap-2 items-center",children:[e.jsxs("div",{className:"relative",children:[e.jsx("span",{className:"absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground",children:"🔍"}),e.jsx("div",{className:"h-8 w-40 rounded-md border border-input bg-background pl-8 pr-3 text-xs flex items-center text-muted-foreground",children:"Buscar..."})]}),e.jsx("span",{className:"px-3 py-1.5 text-xs bg-primary text-primary-foreground rounded-md font-medium",children:"+ Novo"})]})]}),e.jsx("div",{className:"flex items-center gap-1 px-4 py-1.5 border-b border-border",children:["Todos","Meus dashboards","Favoritos"].map((a,s)=>e.jsx("span",{className:`px-2.5 py-1 text-xs rounded-md ${s===0?"bg-primary text-primary-foreground":"text-muted-foreground hover:bg-accent"}`,children:a},a))}),e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{className:"bg-muted/50",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-3 py-2 text-left text-muted-foreground font-medium w-10",children:"★"}),e.jsx("th",{className:"px-3 py-2 text-left text-muted-foreground font-medium",children:"Código"}),e.jsx("th",{className:"px-3 py-2 text-left text-muted-foreground font-medium",children:"Título"}),e.jsx("th",{className:"px-3 py-2 text-left text-muted-foreground font-medium",children:"Responsável"}),e.jsx("th",{className:"px-3 py-2 text-left text-muted-foreground font-medium",children:"Situação"}),e.jsx("th",{className:"px-3 py-2 w-8"})]})}),e.jsx("tbody",{children:n.map(a=>e.jsxs("tr",{className:"border-t border-border hover:bg-accent/50 cursor-pointer",children:[e.jsx("td",{className:"px-3 py-2",children:a.isFavorite?"★":"☆"}),e.jsx("td",{className:"px-3 py-2 font-mono",children:a.code}),e.jsx("td",{className:"px-3 py-2 font-medium text-foreground",children:a.titlePtBr}),e.jsx("td",{className:"px-3 py-2 text-muted-foreground",children:a.responsibleName}),e.jsx("td",{className:"px-3 py-2",children:e.jsx("span",{className:`px-1.5 py-0.5 rounded-full text-[10px] font-medium ${a.isActive?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"}`,children:a.isActive?"Ativo":"Inativo"})}),e.jsx("td",{className:"px-3 py-2 text-muted-foreground",children:"⋮"})]},a.id))})]})]})}function p(){return e.jsx(i,{title:"DashboardList",description:"Lista/tabela de dashboards com busca integrada, filtros rápidos (Todos / Meus / Favoritos), toggle de favorito, status ativo/inativo, ícone de compartilhamento e menu de contexto por linha.",component:e.jsx(o,{}),usage:`import { DashboardList, QuickFilterDashboard } from 'forlogic-core';
+
+<DashboardList
+  dashboards={dashboards}
+  limit={{ maxDashboards: 50, countDashboards: 12 }}
+  language={DashboardLanguage.PtBr}
+  canAdd canEdit canRemove
+  onOpen={(d) => navigate(\`/dashboards/\${d.id}\`)}
+  onEdit={(d) => navigate(\`/dashboards/\${d.id}/edit\`)}
+  onShare={(d) => openShareDialog(d)}
+  onDuplicate={(d) => duplicateDashboard(d.id)}
+  onRemove={(d) => removeDashboard(d.id)}
+  onAdd={() => navigate('/dashboards/new')}
+  onToggleFavorite={(d) => toggleFavorite(d.id)}
+  onSearch={(q) => setSearch(q)}
+  onQuickFilterChange={(f) => setFilter(f)}
+/>`,examples:[{title:"Lista Completa com Filtros",description:'A lista inclui header com contagem de limites, barra de busca, botão "Novo", filtros rápidos e tabela com colunas de favorito, código, título, responsável, compartilhamento, data e situação.',preview:e.jsx(o,{}),code:`<DashboardList
+  dashboards={dashboards}
+  limit={{ maxDashboards: 50, countDashboards: 12 }}
+  canAdd canEdit canRemove
+  onOpen={(d) => openDashboard(d)}
+  onToggleFavorite={(d) => toggleFav(d.id)}
+  onSearch={(q) => fetchFiltered(q)}
+  onQuickFilterChange={(filter) => {
+    // QuickFilterDashboard.All | OnlyMine | Favorites
+    refetch(filter);
+  }}
+/>`},{title:"Menu de Contexto",description:"Cada linha tem um menu de contexto (⋮) com ações: Abrir, Editar, Compartilhar, Duplicar e Remover. As opções respeitam as permissões canEdit e canRemove.",preview:e.jsxs("div",{className:"border border-border rounded-md bg-popover shadow-md py-1 w-40",children:[e.jsx("div",{className:"px-3 py-1.5 text-sm hover:bg-accent cursor-pointer",children:"Abrir"}),e.jsx("div",{className:"px-3 py-1.5 text-sm hover:bg-accent cursor-pointer",children:"Editar"}),e.jsx("div",{className:"px-3 py-1.5 text-sm hover:bg-accent cursor-pointer",children:"Compartilhar"}),e.jsx("div",{className:"px-3 py-1.5 text-sm hover:bg-accent cursor-pointer",children:"Duplicar"}),e.jsx("div",{className:"my-1 border-t border-border"}),e.jsx("div",{className:"px-3 py-1.5 text-sm text-destructive hover:bg-destructive/10 cursor-pointer",children:"Remover"})]}),code:`// As ações são controladas por callbacks
+<DashboardList
+  canEdit={true}
+  canRemove={true}
+  onOpen={(d) => navigate(\`/view/\${d.id}\`)}
+  onEdit={(d) => navigate(\`/edit/\${d.id}\`)}
+  onShare={(d) => openShareDialog(d)}
+  onDuplicate={(d) => duplicateDashboard(d.id)}
+  onRemove={(d) => confirmAndRemove(d.id)}
+/>`}],props:[{name:"dashboards",type:"Dashboard[]",description:"Lista de dashboards a exibir."},{name:"limit",type:"DashboardLimit",description:"Limites de uso (maxDashboards, countDashboards)."},{name:"language",type:"DashboardLanguage",description:"Idioma para resolução de títulos. Default: pt-br."},{name:"isLoading",type:"boolean",description:"Mostra spinner central quando true."},{name:"canAdd / canEdit / canRemove",type:"boolean",description:'Permissões que controlam o botão "Novo" e opções do menu de contexto.'},{name:"onOpen",type:"(d: Dashboard) => void",description:'Chamado ao clicar na linha ou "Abrir" no menu.'},{name:"onToggleFavorite",type:"(d: Dashboard) => void",description:"Toggle de favorito por dashboard."},{name:"onSearch",type:"(search: string) => void",description:"Chamado a cada digitação na busca."},{name:"onQuickFilterChange",type:"(filter: QuickFilterDashboard) => void",description:"Chamado ao trocar de filtro rápido."},{name:"toolbarExtra",type:"ReactNode",description:"Slot para ações extras no header (ex: botão de exportar)."}]})}export{p as DashboardListDoc};

package/dist/assets/DashboardOverviewDoc-DRVvNIF1.js

@@ -0,0 +1,35 @@
+import{j as e,gw as r,gx as t}from"./index-DkiftrvI.js";import{C as s}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function i(){const o=[{type:r.Numeric,label:"Numeric",desc:"Valor numérico agregado"},{type:r.Text,label:"Text",desc:"HTML rico"},{type:r.Bar,label:"Bar",desc:"Barras horizontais"},{type:r.Column,label:"Column",desc:"Colunas verticais"},{type:r.Line,label:"Line",desc:"Gráfico de linha"},{type:r.Area,label:"Area",desc:"Gráfico de área"},{type:r.Pie,label:"Pie",desc:"Gráfico de pizza"},{type:r.Pareto,label:"Pareto",desc:"Barras + linha cumulativa"},{type:r.StackedColumn,label:"Stacked Column",desc:"Colunas empilhadas"},{type:r.EvolutionLine,label:"Evolution Line",desc:"Linha com evolução temporal"},{type:r.List,label:"List",desc:"Tabela de dados"},{type:r.Burndown,label:"Burndown",desc:"Execução vs Planejamento"},{type:r.PerformanceColumns,label:"Performance",desc:"Barras de desempenho"},{type:r.RiskMatrix,label:"Risk Matrix",desc:"Matriz de criticidade"}];return e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3",children:o.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-1 p-3 rounded-lg border border-border bg-card text-center",children:[e.jsx("span",{className:"text-2xl font-bold text-primary",children:a.type}),e.jsx("span",{className:"text-sm font-medium text-foreground",children:a.label}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:a.desc})]},a.type))})}function d(){const o=[{state:t.Loading,label:"Loading",color:"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"},{state:t.Loaded,label:"Loaded",color:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"},{state:t.NoData,label:"No Data",color:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"},{state:t.Error,label:"Error",color:"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"},{state:t.Unavailable,label:"Unavailable",color:"bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400"}];return e.jsx("div",{className:"flex flex-wrap gap-2",children:o.map(a=>e.jsxs("span",{className:`px-3 py-1.5 rounded-full text-xs font-medium ${a.color}`,children:[a.label," (",a.state,")"]},a.state))})}function l(){const o=[{name:"DashboardGeneralView",desc:"Orquestrador — máquina de estados (list/view/create/edit/share)",color:"bg-primary/10 border-primary/30"},{name:"DashboardList",desc:"Lista com busca, filtros e menu de contexto",color:"bg-chart-2/10 border-chart-2/30"},{name:"DashboardView",desc:"Visualizador com toolbar, pages e grid",color:"bg-chart-3/10 border-chart-3/30"},{name:"DashboardForm",desc:"Formulário de criação/edição multilíngue",color:"bg-chart-4/10 border-chart-4/30"},{name:"DashboardGrid",desc:"Grid de 8 colunas com @dnd-kit",color:"bg-chart-5/10 border-chart-5/30"},{name:"DashboardPanelRenderer",desc:"Mapeia DashboardPanelType → componente",color:"bg-accent border-accent/30"},{name:"14 Panel Components",desc:"Numeric, Text, List, Cartesian (6 variantes), Pie, Pareto, Burndown, Performance, MatrixRisk",color:"bg-muted border-border"}];return e.jsx("div",{className:"space-y-2",children:o.map((a,n)=>e.jsxs("div",{className:`flex items-center gap-3 p-3 rounded-lg border ${a.color}`,style:{marginLeft:`${n*16}px`},children:[e.jsx("span",{className:"text-sm font-semibold text-foreground whitespace-nowrap",children:a.name}),e.jsx("span",{className:"text-xs text-muted-foreground",children:a.desc})]},a.name))})}function b(){return e.jsx(s,{title:"Dashboards — Visão Geral",description:"Módulo completo de dashboards portado do qex-dashboards Angular. Inclui 14 tipos de painéis com Recharts, grid responsivo com drag-and-drop via @dnd-kit, lista com filtros, formulário multilíngue e visualizador com toolbar.",component:e.jsx(l,{}),usage:`import {
+  // Orquestrador principal
+  DashboardGeneralView,
+
+  // Componentes de página
+  DashboardView,
+  DashboardList,
+  DashboardForm,
+  DashboardGrid,
+  DashboardPanelRenderer,
+
+  // Painéis individuais
+  NumericPanel, TextPanel, ListPanel,
+  CartesianPanel, PiePanel, ParetoPanel,
+  BurndownPanel, PerformancePanel, MatrixRiskPanel,
+
+  // Shared de painel
+  PanelHeader, PanelError, PanelLoader, PanelNoData, PanelUnavailable,
+
+  // Types & Helpers
+  DashboardPanelType, PanelState, AggregationType,
+  type PanelConfig, type Dashboard, type DashboardPanel,
+  getDefaultPanelSize, getMinPanelSize,
+  currencyFormatter, processUrl, getLinkFromRow,
+} from 'forlogic-core';`,examples:[{title:"14 Tipos de Painel",description:"Cada tipo é representado pelo enum DashboardPanelType. O DashboardPanelRenderer resolve automaticamente qual componente renderizar.",preview:e.jsx(i,{}),code:`// O renderer mapeia typeId → componente automaticamente
+<DashboardPanelRenderer
+  config={{ ...panelConfig, typeId: DashboardPanelType.Column }}
+  state={PanelState.Loaded}
+  cartesianData={chartData}
+  cartesianSeries={[{ dataKey: 'value', name: 'Total' }]}
+/>`},{title:"5 Estados de Painel",description:"Todos os painéis suportam os mesmos 5 estados. Componentes shared (PanelLoader, PanelError, etc.) são renderizados automaticamente dentro de cada painel.",preview:e.jsx(d,{}),code:`// Os painéis verificam o estado antes de renderizar
+<NumericPanel config={config} state={PanelState.Loading} />   // → PanelLoader
+<NumericPanel config={config} state={PanelState.NoData} />    // → PanelNoData
+<NumericPanel config={config} state={PanelState.Error} />     // → PanelError
+<NumericPanel config={config} state={PanelState.Loaded} value={42} />`}],props:[{name:"DashboardGeneralView",type:"Component",description:"Página orquestradora — integra List → View → Form com máquina de estados, carousel auto-advance e suporte a General View."},{name:"DashboardView",type:"Component",description:"Viewer com toolbar (refresh, fullscreen, favorito, share), tabs de páginas e grid de painéis."},{name:"DashboardList",type:"Component",description:"Lista/tabela com busca, filtros rápidos, favoritos e menu de contexto."},{name:"DashboardForm",type:"Component",description:"Formulário com títulos multilíngue, configurações e aba de compartilhamento."},{name:"DashboardGrid",type:"Component",description:"Grid de 8 colunas com @dnd-kit para posicionamento via drag-and-drop."},{name:"DashboardPanelRenderer",type:"Component",description:"Mapeia DashboardPanelType → componente React (14 tipos)."},{name:"PanelConfig",type:"Interface",description:"Configuração base compartilhada por todos os painéis (título, tipo, query, cores, etc.)."},{name:"PanelState",type:"Enum",description:"Loading (0), Loaded (1), Error (3), NoData (4), Unavailable (5)."}]})}export{b as DashboardOverviewDoc};

package/dist/assets/DashboardPanelRendererDoc--mfwb8Nc.js

@@ -0,0 +1,60 @@
+import{j as e}from"./index-DkiftrvI.js";import{C as t}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function r(){const o=[{types:["Numeric (8)"],component:"NumericPanel",props:"numericValue"},{types:["Text (1)"],component:"TextPanel",props:"—"},{types:["List (7)"],component:"ListPanel",props:"data, listColumns"},{types:["Bar (3)","Column (4)","StackedColumn (5)","Area (2)","Line (6)","EvolutionLine (14)"],component:"CartesianPanel",props:"cartesianData, cartesianSeries"},{types:["Pie (10)"],component:"PiePanel",props:"data"},{types:["Pareto (9)"],component:"ParetoPanel",props:"data"},{types:["Burndown (12)"],component:"BurndownPanel",props:"burndownData"},{types:["PerformanceColumns (13)"],component:"PerformancePanel",props:"performanceData"},{types:["RiskMatrix (11)"],component:"MatrixRiskPanel",props:"matrixRule, matrixRisks"}];return e.jsx("div",{className:"space-y-1.5",children:o.map(a=>e.jsxs("div",{className:"flex items-start gap-3 p-2 rounded border border-border bg-card text-xs",children:[e.jsx("div",{className:"flex flex-wrap gap-1 min-w-[180px]",children:a.types.map(n=>e.jsx("span",{className:"px-1.5 py-0.5 bg-primary/10 text-primary rounded font-mono",children:n},n))}),e.jsxs("span",{className:"text-foreground font-semibold",children:["→ ",a.component]}),e.jsx("span",{className:"text-muted-foreground ml-auto",children:a.props})]},a.component))})}function p(){return e.jsx(t,{title:"DashboardPanelRenderer",description:"Componente de roteamento que mapeia DashboardPanelType para o componente React correto. Recebe config + state e props de dados especializadas, delegando a renderização ao painel apropriado.",component:e.jsx(r,{}),usage:`import { DashboardPanelRenderer, PanelState, DashboardPanelType } from 'forlogic-core';
+
+// O renderer resolve automaticamente qual componente usar
+<DashboardPanelRenderer
+  config={{
+    id: 'p1',
+    title: 'Ocorrências por Mês',
+    typeId: DashboardPanelType.Column,
+    // ... demais campos de PanelConfig
+  }}
+  state={PanelState.Loaded}
+  cartesianData={[
+    { key: 'Jan', value: 42 },
+    { key: 'Fev', value: 58 },
+  ]}
+  cartesianSeries={[{ dataKey: 'value', name: 'Total' }]}
+/>
+
+// Para NumericPanel, use numericValue:
+<DashboardPanelRenderer
+  config={{ ...config, typeId: DashboardPanelType.Numeric }}
+  state={PanelState.Loaded}
+  numericValue={1247}
+/>
+
+// Para MatrixRisk, use matrixRule + matrixRisks:
+<DashboardPanelRenderer
+  config={{ ...config, typeId: DashboardPanelType.RiskMatrix }}
+  state={PanelState.Loaded}
+  matrixRule={rule}
+  matrixRisks={risks}
+/>`,examples:[{title:"Mapa de Tipos → Componentes",description:"O renderer usa um mapa interno CARTESIAN_VARIANT_MAP para os 6 tipos cartesianos e um switch para os demais. Props de dados são injetadas conforme o tipo.",preview:e.jsx(r,{}),code:`// Internamente:
+const CARTESIAN_VARIANT_MAP = {
+  [DashboardPanelType.Bar]: 'bar',
+  [DashboardPanelType.Column]: 'column',
+  [DashboardPanelType.StackedColumn]: 'stacked-column',
+  [DashboardPanelType.Area]: 'area',
+  [DashboardPanelType.Line]: 'line',
+  [DashboardPanelType.EvolutionLine]: 'evolution-line',
+};
+
+// Se o typeId está no mapa → CartesianPanel com a variant
+// Senão → switch específico (Numeric, Text, List, Pie, etc.)`},{title:"Uso com DashboardView",description:"No DashboardView, cada painel é renderizado internamente pelo DashboardPanelRenderer. Os dados são fornecidos via getPanelData callback.",preview:e.jsxs("div",{className:"p-3 rounded-lg border border-border bg-card text-xs space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"font-semibold text-foreground",children:"DashboardView"}),e.jsx("span",{className:"text-muted-foreground",children:"→"}),e.jsx("span",{className:"font-semibold text-foreground",children:"DashboardGrid"}),e.jsx("span",{className:"text-muted-foreground",children:"→"}),e.jsx("span",{className:"font-semibold text-primary",children:"DashboardPanelRenderer"})]}),e.jsx("p",{className:"text-muted-foreground",children:"Cada panelId é resolvido via getPanelData(panelId) → { state, data, numericValue, ... }"})]}),code:`<DashboardView
+  dashboard={dashboard}
+  panels={panels}
+  getPanelData={(panelId) => {
+    const panel = panels.find(p => p.id === panelId);
+    return {
+      state: panelStates[panelId] ?? PanelState.Loading,
+      data: panelResults[panelId],
+      numericValue: panel?.typeId === DashboardPanelType.Numeric ? numericValues[panelId] : undefined,
+      cartesianData: chartData[panelId],
+      cartesianSeries: chartSeries[panelId],
+      burndownData: burndownData[panelId],
+      performanceData: performanceData[panelId],
+      matrixRule: matrixRules[panelId],
+      matrixRisks: matrixRisks[panelId],
+    };
+  }}
+/>`}],props:[{name:"config",type:"PanelConfig",description:"Configuração do painel — inclui typeId que determina qual componente renderizar."},{name:"state",type:"PanelState",description:"Estado atual do painel (Loading, Loaded, Error, NoData, Unavailable)."},{name:"data",type:"PanelResult[]",description:"Dados genéricos para Pie, Pareto, List."},{name:"numericValue",type:"number | string | null",description:"Valor para NumericPanel."},{name:"cartesianData",type:"Record<string, unknown>[]",description:"Dados para os 6 tipos cartesianos."},{name:"cartesianSeries",type:"CartesianSeries[]",description:"Definições de série para cartesianos."},{name:"listColumns",type:"ListPanelColumn[]",description:"Colunas para ListPanel."},{name:"burndownData",type:"BurndownDataPoint[]",description:"Dados para BurndownPanel."},{name:"performanceData",type:"PerformanceDataPoint[]",description:"Dados para PerformancePanel."},{name:"matrixRule",type:"MatrixRule",description:"Regra da matriz para MatrixRiskPanel."},{name:"matrixRisks",type:"MatrixRisk[]",description:"Riscos para MatrixRiskPanel."},{name:"onPanelClick",type:"(data) => void",description:"Callback genérico de clique."}]})}export{p as DashboardPanelRendererDoc};

package/dist/assets/DashboardPanelsBasicDoc-BQ2V_52D.js

@@ -0,0 +1,62 @@
+import{j as e,gB as n,gx as o,gw as a,gC as i,gD as c,gE as m,gF as u}from"./index-DkiftrvI.js";import{C as g}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const t=(r,s,d)=>({id:r,title:s,typeId:d,queryId:"q1",queryContextId:"",queryTitle:"",querySelectedColumns:"",field:"status",fieldType:"string",aggregationType:i.Count,paletteId:u.Default,hexColors:[]});function l(){return e.jsxs("div",{className:"grid grid-cols-3 gap-3 w-full",children:[e.jsx("div",{className:"border border-border rounded-lg bg-card h-32",children:e.jsx(n,{config:t("n1","Total de Ocorrências",a.Numeric),state:o.Loaded,value:1247})}),e.jsx("div",{className:"border border-border rounded-lg bg-card h-32",children:e.jsx(n,{config:{...t("n2","Custo Total",a.Numeric),aggregationType:i.Sum,field:"totalcost"},state:o.Loaded,value:89450.75})}),e.jsx("div",{className:"border border-border rounded-lg bg-card h-32",children:e.jsx(n,{config:t("n3","Carregando...",a.Numeric),state:o.Loading})})]})}function p(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-40 w-full",children:e.jsx(c,{config:{...t("t1","Informações",a.Text),textTypeString:"<h3>Nota Importante</h3><p>Este painel suporta <strong>HTML rico</strong> com formatação, links e listas.</p><ul><li>Item 1</li><li>Item 2</li></ul>"},state:o.Loaded})})}function f(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-48 w-full",children:e.jsx(m,{config:t("l1","Últimas Ocorrências",a.List),state:o.Loaded,data:[{code:"OC-001",title:"Não conformidade produção",status:"Aberto",date:"15/03/2025"},{code:"OC-002",title:"Reclamação do cliente",status:"Em andamento",date:"18/03/2025"},{code:"OC-003",title:"Desvio de processo",status:"Concluído",date:"20/03/2025"}],columns:[{columnName:"code",columnLabel:"Código",columnType:"string",columnFormat:null,isCustomColumn:!1,header:"Código"},{columnName:"title",columnLabel:"Título",columnType:"string",columnFormat:null,isCustomColumn:!1,header:"Título"},{columnName:"status",columnLabel:"Status",columnType:"string",columnFormat:null,isCustomColumn:!1,header:"Status"},{columnName:"date",columnLabel:"Data",columnType:"string",columnFormat:null,isCustomColumn:!1,header:"Data"}]})})}function T(){return e.jsx(g,{title:"Painéis Básicos",description:"Os três painéis não-gráficos do módulo de dashboards: NumericPanel (valor numérico agregado com formatação de moeda), TextPanel (HTML rico via dangerouslySetInnerHTML) e ListPanel (tabela de dados com colunas dinâmicas e links de navegação).",component:e.jsx(l,{}),usage:`import { NumericPanel, TextPanel, ListPanel, PanelState } from 'forlogic-core';
+
+// Painel Numérico
+<NumericPanel
+  config={panelConfig}
+  state={PanelState.Loaded}
+  value={1247}
+  label="Contagem"    // override do label automático
+  onClick={() => openPopover()}
+/>
+
+// Painel de Texto
+<TextPanel
+  config={{ ...panelConfig, textTypeString: '<h3>Título</h3><p>Conteúdo</p>' }}
+  state={PanelState.Loaded}
+/>
+
+// Painel de Lista
+<ListPanel
+  config={panelConfig}
+  state={PanelState.Loaded}
+  data={rows}
+  columns={columnDefinitions}
+  enableRowLinks={true}
+  onRowClick={(row) => openDetail(row)}
+/>`,examples:[{title:"NumericPanel",description:"Exibe um valor numérico centralizado com label de agregação automático (Contagem, Soma, Média, etc.). Detecta automaticamente campos de moeda e formata com R$. Suporta clique para popover.",preview:e.jsx(l,{}),code:`// Contagem simples
+<NumericPanel config={config} state={PanelState.Loaded} value={1247} />
+
+// Com formatação de moeda (detectado pelo campo 'totalcost')
+<NumericPanel
+  config={{ ...config, field: 'totalcost', aggregationType: AggregationType.Sum }}
+  state={PanelState.Loaded}
+  value={89450.75}
+/>
+// Exibe: R$ 89.450,75
+
+// Com clique
+<NumericPanel config={config} state={PanelState.Loaded} value={42} onClick={() => showDetails()} />`},{title:"TextPanel",description:"Renderiza HTML rico configurado no campo textTypeString do painel. Usa classes prose do Tailwind Typography para estilização automática.",preview:e.jsx(p,{}),code:`<TextPanel
+  config={{
+    ...config,
+    textTypeString: '<h3>Informações</h3><p>Texto <strong>formatado</strong></p>'
+  }}
+  state={PanelState.Loaded}
+  // Ou via prop direta:
+  htmlContent="<p>Conteúdo alternativo</p>"
+/>`},{title:"ListPanel",description:"Tabela de dados com colunas dinâmicas baseadas em SelectedColumn. Suporta links automáticos por linha (getLinkFromRow), colunas com render customizado e formatação automática de números e datas.",preview:e.jsx(f,{}),code:`<ListPanel
+  config={config}
+  state={PanelState.Loaded}
+  data={[
+    { code: 'OC-001', title: 'Não conformidade', status: 'Aberto' },
+    { code: 'OC-002', title: 'Reclamação', status: 'Em andamento' },
+  ]}
+  columns={[
+    { columnName: 'code', columnLabel: 'Código', columnType: 'string', ... },
+    { columnName: 'title', columnLabel: 'Título', columnType: 'string', ... },
+    { columnName: 'status', columnLabel: 'Status', columnType: 'string',
+      render: (value) => <Badge>{value}</Badge>  // render customizado
+    },
+  ]}
+  enableRowLinks={true}
+  onRowClick={(row) => openDetail(row)}
+/>`}],props:[{name:"NumericPanel.value",type:"number | string | null",description:"Valor numérico a exibir. Formatado automaticamente como moeda quando o campo é de custo."},{name:"NumericPanel.label",type:"string",description:"Override do label de agregação. Sem ele, usa o mapa interno (Count→Contagem, Sum→Soma, etc.)."},{name:"NumericPanel.onClick",type:"() => void",description:"Torna o valor clicável (cursor pointer + hover)."},{name:"TextPanel.htmlContent",type:"string",description:"HTML alternativo. Sem ele, usa config.textTypeString."},{name:"ListPanel.data",type:"Record<string, unknown>[]",description:"Array de objetos — cada objeto é uma linha da tabela."},{name:"ListPanel.columns",type:"ListPanelColumn[]",description:"Definições de coluna (extends SelectedColumn + render opcional)."},{name:"ListPanel.enableRowLinks",type:"boolean",description:"Auto-navega para link da linha via getLinkFromRow. Default: true."},{name:"ListPanel.onRowClick",type:"(row) => void",description:"Override do comportamento de clique na linha."}]})}export{T as DashboardPanelsBasicDoc};

package/dist/assets/DashboardPanelsCartesianDoc-sy-hcVQY.js

@@ -0,0 +1,75 @@
+import{j as e,gG as a,gx as r,gw as t,gF as l,gC as c}from"./index-DkiftrvI.js";import{C as u}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const o=(d,n)=>({id:`cp-${n}`,title:d,typeId:n,queryId:"q1",queryContextId:"",queryTitle:"",querySelectedColumns:"",field:"status",fieldType:"string",aggregationType:c.Count,paletteId:l.Default,hexColors:["#4e79a7","#f28e2b","#e15759","#76b7b2","#59a14f"]}),i=[{key:"Jan",value:42,series2:28},{key:"Fev",value:58,series2:35},{key:"Mar",value:35,series2:42},{key:"Abr",value:71,series2:50},{key:"Mai",value:49,series2:38},{key:"Jun",value:63,series2:55}];function s(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-64 w-full",children:e.jsx(a,{config:o("Ocorrências por Mês",t.Column),variant:"column",state:r.Loaded,data:i,series:[{dataKey:"value",name:"Ocorrências"}]})})}function m(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-64 w-full",children:e.jsx(a,{config:o("Top Causas",t.Bar),variant:"bar",state:r.Loaded,data:[{key:"Falha no processo",value:45},{key:"Erro humano",value:32},{key:"Material defeituoso",value:28},{key:"Equipamento",value:15}],series:[{dataKey:"value",name:"Quantidade"}]})})}function p(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-64 w-full",children:e.jsx(a,{config:o("Comparativo Mensal",t.Column),variant:"column",state:r.Loaded,data:i,series:[{dataKey:"value",name:"2024",color:"#4e79a7"},{dataKey:"series2",name:"2025",color:"#f28e2b"}]})})}function v(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-64 w-full",children:e.jsx(a,{config:o("Ocorrências Empilhadas",t.StackedColumn),variant:"stacked-column",state:r.Loaded,data:i,series:[{dataKey:"value",name:"Abertas",stackId:"stack"},{dataKey:"series2",name:"Fechadas",stackId:"stack"}]})})}function g(){return e.jsxs("div",{className:"grid grid-cols-2 gap-3 w-full",children:[e.jsx("div",{className:"border border-border rounded-lg bg-card h-52",children:e.jsx(a,{config:o("Tendência (Área)",t.Area),variant:"area",state:r.Loaded,data:i,series:[{dataKey:"value",name:"Valor"}]})}),e.jsx("div",{className:"border border-border rounded-lg bg-card h-52",children:e.jsx(a,{config:o("Evolução (Linha)",t.Line),variant:"line",state:r.Loaded,data:i,series:[{dataKey:"value",name:"2024"},{dataKey:"series2",name:"2025"}]})})]})}function b(){return e.jsx(u,{title:"Painéis Cartesianos",description:"CartesianPanel é um componente unificado que renderiza 6 variantes de gráfico (Bar, Column, StackedColumn, Area, Line, EvolutionLine) via a prop variant. Todos usam Recharts internamente e compartilham a mesma API de dados.",component:e.jsx(s,{}),usage:`import { CartesianPanel, PanelState, type CartesianSeries } from 'forlogic-core';
+
+// Uso básico — série única
+<CartesianPanel
+  config={panelConfig}
+  variant="column"   // 'bar' | 'column' | 'stacked-column' | 'area' | 'line' | 'evolution-line'
+  state={PanelState.Loaded}
+  data={[
+    { key: 'Jan', value: 42 },
+    { key: 'Fev', value: 58 },
+  ]}
+/>
+
+// Múltiplas séries
+<CartesianPanel
+  config={panelConfig}
+  variant="column"
+  state={PanelState.Loaded}
+  data={data}
+  series={[
+    { dataKey: 'opened', name: 'Abertas', color: '#4e79a7' },
+    { dataKey: 'closed', name: 'Fechadas', color: '#59a14f' },
+  ]}
+  categoryKey="month"         // chave do eixo X (default: 'key')
+  yAxisFormat="R$ {value}"    // formato do eixo Y
+  onPointClick={(data, index) => openDetail(data)}
+/>`,examples:[{title:"Column (Colunas Verticais)",description:"Variante padrão para visualizar dados categóricos. Barras verticais com tooltip e labels rotacionados.",preview:e.jsx(s,{}),code:`<CartesianPanel
+  config={config}
+  variant="column"
+  state={PanelState.Loaded}
+  data={[
+    { key: 'Jan', value: 42 },
+    { key: 'Fev', value: 58 },
+    { key: 'Mar', value: 35 },
+  ]}
+/>`},{title:"Bar (Barras Horizontais)",description:"Variante horizontal — ideal para labels longos (ex: nomes de causas). O eixo Y vira category e o X vira value.",preview:e.jsx(m,{}),code:`<CartesianPanel
+  config={config}
+  variant="bar"
+  state={PanelState.Loaded}
+  data={[
+    { key: 'Falha no processo', value: 45 },
+    { key: 'Erro humano', value: 32 },
+  ]}
+/>`},{title:"Múltiplas Séries",description:"Defina múltiplas séries via prop series. Cada série tem dataKey, name e color opcional. A legenda aparece automaticamente.",preview:e.jsx(p,{}),code:`<CartesianPanel
+  config={config}
+  variant="column"
+  state={PanelState.Loaded}
+  data={data}
+  series={[
+    { dataKey: 'value', name: '2024', color: '#4e79a7' },
+    { dataKey: 'series2', name: '2025', color: '#f28e2b' },
+  ]}
+/>`},{title:"Stacked Column (Colunas Empilhadas)",description:"Barras empilhadas usando stackId. Útil para comparar composições entre categorias.",preview:e.jsx(v,{}),code:`<CartesianPanel
+  config={config}
+  variant="stacked-column"
+  state={PanelState.Loaded}
+  data={data}
+  series={[
+    { dataKey: 'value', name: 'Abertas', stackId: 'stack' },
+    { dataKey: 'series2', name: 'Fechadas', stackId: 'stack' },
+  ]}
+/>`},{title:"Area & Line",description:"Variantes Area e Line para séries temporais. Area tem preenchimento com opacidade; Line tem dots nos pontos.",preview:e.jsx(g,{}),code:`// Área
+<CartesianPanel config={config} variant="area" state={PanelState.Loaded} data={data} />
+
+// Linha com múltiplas séries
+<CartesianPanel
+  config={config}
+  variant="line"
+  state={PanelState.Loaded}
+  data={data}
+  series={[
+    { dataKey: 'value', name: '2024' },
+    { dataKey: 'series2', name: '2025' },
+  ]}
+/>`}],props:[{name:"variant",type:"CartesianVariant",description:"'bar' | 'column' | 'stacked-column' | 'area' | 'line' | 'evolution-line'"},{name:"data",type:"Record<string, unknown>[]",description:'Array de data points. Cada objeto precisa ter a chave do categoryKey (default: "key") e as chaves das séries.'},{name:"series",type:"CartesianSeries[]",description:'Definições de série: { dataKey, name?, color?, stackId? }. Se omitido, usa { dataKey: "value" }.'},{name:"categoryKey",type:"string",description:'Chave do eixo de categorias nos dados. Default: "key".'},{name:"colors",type:"string[]",description:"Override de paleta de cores. Sem ela, usa config.hexColors ou DEFAULT_COLORS."},{name:"yAxisFormat",type:"string",description:'Template do eixo Y (ex: "R$ {value}"). Substitui {value} pelo número formatado.'},{name:"onPointClick",type:"(data, index) => void",description:"Chamado ao clicar em uma barra/ponto."},{name:"onExport",type:"() => void",description:"Callback para exportação — aparece no menu do PanelHeader."}]})}export{b as DashboardPanelsCartesianDoc};

package/dist/assets/DashboardPanelsSpecialDoc-DsIUCRRP.js

@@ -0,0 +1,83 @@
+import{j as e,gH as d,gx as a,gw as o,gI as c,gJ as l,gK as s,gL as p,gM as P,gF as m,gC as u}from"./index-DkiftrvI.js";import{C as f}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const n=(i,r)=>({id:`sp-${r}`,title:i,typeId:r,queryId:"q1",queryContextId:"",queryTitle:"",querySelectedColumns:"",field:"status",fieldType:"string",aggregationType:u.Count,paletteId:m.Default,hexColors:["#4e79a7","#f28e2b","#e15759","#76b7b2","#59a14f","#edc948"]}),x=[{key:"Conforme",value:120},{key:"Não Conforme",value:45},{key:"Em Análise",value:30},{key:"Pendente",value:15}],g=[{key:"Falha no processo",value:45},{key:"Erro humano",value:32},{key:"Material",value:28},{key:"Equipamento",value:15},{key:"Ambiente",value:8},{key:"Outros",value:5}];function t(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-72 w-full",children:e.jsx(d,{config:n("Status das Ocorrências",o.Pie),state:a.Loaded,data:x})})}function k(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-72 w-full",children:e.jsx(c,{config:n("Causas Raiz — Pareto",o.Pareto),state:a.Loaded,data:g})})}function y(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-72 w-full",children:e.jsx(l,{config:n("Burndown — Plano de Ação",o.Burndown),state:a.Loaded,data:[{date:"01/Jan",executedPercentage:0,plannedPercentage:0},{date:"15/Jan",executedPercentage:12,plannedPercentage:20},{date:"01/Fev",executedPercentage:28,plannedPercentage:40},{date:"15/Fev",executedPercentage:45,plannedPercentage:60},{date:"01/Mar",executedPercentage:65,plannedPercentage:80},{date:"15/Mar",executedPercentage:82,plannedPercentage:100}]})})}function b(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-72 w-full",children:e.jsx(s,{config:n("Performance — Projetos",o.PerformanceColumns),state:a.Loaded,data:[{name:"Projeto A",executedWork:85,plannedWork:90},{name:"Projeto B",executedWork:72,plannedWork:80},{name:"Projeto C",executedWork:95,plannedWork:70},{name:"Projeto D",executedWork:45,plannedWork:60}]})})}function v(){return e.jsx("div",{className:"border border-border rounded-lg bg-card h-64 w-full",children:e.jsx(p,{config:n("Matriz de Risco",o.RiskMatrix),state:a.Loaded,matrixViewType:P.Quantity,rule:{name_x:"Probabilidade",name_y:"Impacto",parametersX:[{name:"Baixa",position:1},{name:"Média",position:2},{name:"Alta",position:3}],parametersY:[{name:"Baixo",position:1},{name:"Médio",position:2},{name:"Alto",position:3}],colorMatrix:[["#4caf50","#ffeb3b","#ff9800"],["#ffeb3b","#ff9800","#f44336"],["#ff9800","#f44336","#b71c1c"]]},risks:[{code:"R-001",name:"Risco A",parameterXPosition:2,parameterYPosition:3},{code:"R-002",name:"Risco B",parameterXPosition:3,parameterYPosition:3},{code:"R-003",name:"Risco C",parameterXPosition:1,parameterYPosition:1},{code:"R-004",name:"Risco D",parameterXPosition:2,parameterYPosition:2}]})})}function j(){return e.jsx(f,{title:"Painéis Especiais",description:"Cinco painéis especializados: PiePanel (pizza com percentuais), ParetoPanel (barras + linha cumulativa), BurndownPanel (execução vs planejamento), PerformancePanel (barras comparativas) e MatrixRiskPanel (grid de criticidade com tooltips).",component:e.jsx(t,{}),usage:`import {
+  PiePanel, ParetoPanel, BurndownPanel,
+  PerformancePanel, MatrixRiskPanel,
+  PanelState, MatrixViewType,
+} from 'forlogic-core';
+
+// Pie
+<PiePanel config={config} state={PanelState.Loaded} data={pieData} />
+
+// Pareto
+<ParetoPanel config={config} state={PanelState.Loaded} data={paretoData} />
+
+// Burndown
+<BurndownPanel config={config} state={PanelState.Loaded} data={burndownData} />
+
+// Performance
+<PerformancePanel config={config} state={PanelState.Loaded} data={performanceData} />
+
+// Matrix Risk
+<MatrixRiskPanel
+  config={config}
+  state={PanelState.Loaded}
+  rule={matrixRule}
+  risks={risks}
+  matrixViewType={MatrixViewType.Quantity}
+/>`,examples:[{title:"PiePanel",description:"Gráfico de pizza com labels de percentual, tooltips com valor absoluto e percentual, e legenda. As cores vêm da paleta do config ou da prop colors.",preview:e.jsx(t,{}),code:`<PiePanel
+  config={config}
+  state={PanelState.Loaded}
+  data={[
+    { key: 'Conforme', value: 120 },
+    { key: 'Não Conforme', value: 45 },
+    { key: 'Em Análise', value: 30 },
+  ]}
+  onSliceClick={(entry, index) => filterByStatus(entry.key)}
+/>`},{title:"ParetoPanel",description:"Gráfico de Pareto com barras decrescentes (eixo esquerdo) e linha cumulativa de percentual (eixo direito, 0–100%). Os dados são automaticamente ordenados por valor decrescente.",preview:e.jsx(k,{}),code:`<ParetoPanel
+  config={config}
+  state={PanelState.Loaded}
+  data={[
+    { key: 'Falha no processo', value: 45 },
+    { key: 'Erro humano', value: 32 },
+    { key: 'Material', value: 28 },
+  ]}
+  barColor="#4e79a7"
+  lineColor="#e31a1c"
+/>`},{title:"BurndownPanel",description:"Gráfico de área com duas séries: Trabalho executado e Trabalho planejado. Eixo Y em percentual (0–100%). Ideal para acompanhar planos de ação.",preview:e.jsx(y,{}),code:`<BurndownPanel
+  config={config}
+  state={PanelState.Loaded}
+  data={[
+    { date: '01/Jan', executedPercentage: 0, plannedPercentage: 0 },
+    { date: '15/Jan', executedPercentage: 12, plannedPercentage: 20 },
+    { date: '01/Fev', executedPercentage: 28, plannedPercentage: 40 },
+  ]}
+  executedLabel="Trabalho executado"
+  plannedLabel="Trabalho planejado"
+/>`},{title:"PerformancePanel",description:"Barras lado a lado comparando Execução vs Planejamento. Eixo Y em percentual. Clique em barras para detalhar.",preview:e.jsx(b,{}),code:`<PerformancePanel
+  config={config}
+  state={PanelState.Loaded}
+  data={[
+    { name: 'Projeto A', executedWork: 85, plannedWork: 90 },
+    { name: 'Projeto B', executedWork: 72, plannedWork: 80 },
+  ]}
+  onPointClick={(entry, index) => openProject(entry.name)}
+/>`},{title:"MatrixRiskPanel",description:"Grid de criticidade com dois modos: Quantity (conta riscos por célula) e AllRisksList (mostra código de cada risco com tooltip detalhado). A cor de cada célula vem de colorMatrix.",preview:e.jsx(v,{}),code:`<MatrixRiskPanel
+  config={config}
+  state={PanelState.Loaded}
+  matrixViewType={MatrixViewType.Quantity}
+  rule={{
+    name_x: 'Probabilidade',
+    name_y: 'Impacto',
+    parametersX: [{ name: 'Baixa', position: 1 }, { name: 'Média', position: 2 }, { name: 'Alta', position: 3 }],
+    parametersY: [{ name: 'Baixo', position: 1 }, { name: 'Médio', position: 2 }, { name: 'Alto', position: 3 }],
+    colorMatrix: [
+      ['#4caf50', '#ffeb3b', '#ff9800'],
+      ['#ffeb3b', '#ff9800', '#f44336'],
+      ['#ff9800', '#f44336', '#b71c1c'],
+    ],
+  }}
+  risks={[
+    { code: 'R-001', name: 'Risco A', parameterXPosition: 2, parameterYPosition: 3 },
+  ]}
+  onCellClick={(x, y, risks) => showRisks(risks)}
+  onRiskClick={(risk) => openRisk(risk.code)}
+/>`}],props:[{name:"PiePanel.data",type:"PanelResult[]",description:"Cada item precisa de key (label) e value (número). O percentual é calculado automaticamente."},{name:"PiePanel.onSliceClick",type:"(entry, index) => void",description:"Chamado ao clicar em uma fatia."},{name:"ParetoPanel.barColor / lineColor",type:"string",description:"Override de cores. Default: primeira cor da paleta / #e31a1c."},{name:"BurndownPanel.data",type:"BurndownDataPoint[]",description:"{ date, executedPercentage, plannedPercentage }."},{name:"PerformancePanel.data",type:"PerformanceDataPoint[]",description:"{ name, executedWork, plannedWork }."},{name:"MatrixRiskPanel.rule",type:"MatrixRule",description:"Define eixos (name_x, name_y), parâmetros e colorMatrix."},{name:"MatrixRiskPanel.risks",type:"MatrixRisk[]",description:"Riscos posicionados na matriz por parameterXPosition/parameterYPosition."},{name:"MatrixRiskPanel.matrixViewType",type:"MatrixViewType",description:"Quantity (conta riscos) ou AllRisksList (mostra códigos)."}]})}export{j as DashboardPanelsSpecialDoc};

package/dist/assets/DashboardViewDoc-CtlCNlEF.js

@@ -0,0 +1,45 @@
+import{j as e}from"./index-DkiftrvI.js";import{C as d}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function o(){return e.jsxs("div",{className:"border border-border rounded-lg overflow-hidden bg-card w-full",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-border",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground",children:"Indicadores de Qualidade"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"João Silva"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"p-1.5 rounded hover:bg-accent cursor-pointer text-muted-foreground",title:"Atualizar",children:"🔄"}),e.jsx("span",{className:"p-1.5 rounded hover:bg-accent cursor-pointer text-muted-foreground",title:"Fullscreen",children:"⛶"}),e.jsx("span",{className:"p-1.5 rounded hover:bg-accent cursor-pointer text-muted-foreground",title:"Compartilhar",children:"👥"}),e.jsx("span",{className:"p-1.5 rounded hover:bg-accent cursor-pointer text-yellow-400",title:"Favorito",children:"★"})]})]}),e.jsx("div",{className:"p-3 bg-muted/30",style:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",gridTemplateRows:"repeat(2, 60px)",gap:"6px"},children:[{id:"p1",col:0,sizeX:2,sizeY:1,row:0},{id:"p2",col:2,sizeX:2,sizeY:1,row:0},{id:"p3",col:4,sizeX:4,sizeY:1,row:0},{id:"p4",col:0,sizeX:4,sizeY:1,row:1},{id:"p5",col:4,sizeX:4,sizeY:1,row:1}].map(a=>e.jsxs("div",{className:"rounded border border-border bg-card flex items-center justify-center text-[10px] font-mono text-muted-foreground",style:{gridColumn:`${a.col+1} / span ${a.sizeX}`,gridRow:`${a.row+1} / span ${a.sizeY}`},children:["Painel ",a.id]},a.id))})]})}function s(){return e.jsxs("div",{className:"border border-border rounded-lg overflow-hidden bg-card w-full",children:[e.jsx("div",{className:"flex items-center justify-between px-4 py-2 border-b border-border",children:e.jsx("span",{className:"text-sm font-semibold text-foreground",children:"Dashboard Carousel"})}),e.jsx("div",{className:"flex items-center gap-1 px-4 py-1.5 border-b border-border",children:["Dashboard 1","Dashboard 2","Dashboard 3"].map((a,r)=>e.jsx("span",{className:`px-3 py-1 text-xs rounded-md ${r===0?"bg-primary text-primary-foreground":"text-muted-foreground"}`,children:a},a))}),e.jsx("div",{className:"p-3 bg-muted/30 flex items-center justify-center h-20 text-xs text-muted-foreground",children:"Painéis da página ativa"})]})}function l(){return e.jsx(d,{title:"DashboardView",description:"Visualizador completo de dashboard com toolbar (refresh com cooldown, fullscreen, compartilhar, favoritar), tabs de páginas para modo carousel e grid de painéis com drag-and-drop via DashboardGrid.",component:e.jsx(o,{}),usage:`import { DashboardView, PanelState } from 'forlogic-core';
+
+<DashboardView
+  dashboard={dashboard}
+  panels={panels}
+  pages={pages}           // opcional — modo carousel
+  activePageId="p1"       // página ativa
+  canEdit={true}
+  isFullscreen={false}
+  getPanelData={(panelId) => ({
+    state: PanelState.Loaded,
+    data: panelResults[panelId],
+    numericValue: numericValues[panelId],
+    cartesianData: chartData[panelId],
+    cartesianSeries: chartSeries[panelId],
+  })}
+  onRefresh={() => refetch()}
+  onToggleFullscreen={() => setFullscreen(f => !f)}
+  onToggleFavorite={() => toggleFav(dashboard.id)}
+  onEdit={() => navigate(\`/edit/\${dashboard.id}\`)}
+  onShare={() => openShareDialog()}
+  onAddPanel={() => openPanelForm()}
+  onEditPanel={(id) => openPanelForm(id)}
+  onRemovePanel={(id) => removePanel(id)}
+  onLayoutChange={(panels) => saveLayout(panels)}
+  onPageChange={(pageId) => setActivePage(pageId)}
+/>`,examples:[{title:"Toolbar com Grid",description:"A toolbar inclui título, nome do responsável, botões de refresh (com cooldown de 30s), fullscreen, compartilhar e favoritar. Abaixo, o grid de 8 colunas renderiza os painéis.",preview:e.jsx(o,{}),code:`<DashboardView
+  dashboard={{ title: 'Indicadores', responsibleName: 'João', isFavorite: true, ... }}
+  panels={panels}
+  canEdit={true}
+  onRefresh={() => refetch()}
+  onToggleFullscreen={() => toggleFullscreen()}
+  onToggleFavorite={() => toggleFav()}
+  onAddPanel={() => openNewPanelDialog()}
+  onLayoutChange={(updated) => saveLayout(updated)}
+/>`},{title:"Modo Carousel",description:"Quando o dashboard usa DashboardViewType.Carousel, tabs de páginas aparecem abaixo da toolbar. A troca de página é feita via onPageChange.",preview:e.jsx(s,{}),code:`<DashboardView
+  dashboard={{ ...dashboard, idViewType: DashboardViewType.Carousel }}
+  panels={panels}
+  pages={[
+    { id: 'p1', position: 1, name: 'Dashboard 1' },
+    { id: 'p2', position: 2, name: 'Dashboard 2' },
+  ]}
+  activePageId="p1"
+  onPageChange={(pageId) => setActivePageId(pageId)}
+/>`}],props:[{name:"dashboard",type:"Dashboard",description:"Metadados do dashboard (título, responsável, favorito, tipo de visualização)."},{name:"panels",type:"DashboardPanel[]",description:"Painéis a renderizar no grid."},{name:"pages",type:"DashboardPage[]",description:"Páginas do carousel (opcional)."},{name:"activePageId",type:"string",description:"ID da página ativa no modo carousel."},{name:"canEdit",type:"boolean",description:"Habilita drag-and-drop, botão de adicionar painel e ações de edição."},{name:"isFullscreen",type:"boolean",description:"Renderiza em tela cheia com position fixed."},{name:"getPanelData",type:"(panelId) => PanelRendererProps",description:"Função que retorna dados específicos para cada painel (state, data, series, etc.)."},{name:"onRefresh",type:"() => void",description:"Refresh com cooldown de 30s integrado."},{name:"onLayoutChange",type:"(panels: GridPanelLayout[]) => void",description:"Chamado após drag-and-drop com o layout atualizado."},{name:"toolbarActions",type:"ReactNode",description:"Slot para ações extras na toolbar."}]})}export{l as DashboardViewDoc};