forlogic-core 2.0.4 → 2.0.6

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

@@ -1,60 +0,0 @@
-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

@@ -1,62 +0,0 @@
-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

@@ -1,75 +0,0 @@
-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

@@ -1,83 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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};

package/dist/assets/DataListDoc-DUy88lCQ.js

@@ -1,13 +0,0 @@
-import{j as e,o as s,a as d,d as r,B as l}from"./index-DkiftrvI.js";import{C as n}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function m({children:i,className:t}){return e.jsx("div",{className:s("space-y-4",t),children:i})}function c({children:i,onClick:t,className:o}){return e.jsx(d,{className:s("transition-colors",t&&"cursor-pointer hover:bg-muted/50",o),onClick:t,children:e.jsx(r,{className:"p-4",children:i})})}function u({label:i,value:t,className:o}){return e.jsxs("div",{className:s("flex justify-between items-center text-sm",o),children:[e.jsxs("span",{className:"text-muted-foreground font-medium",children:[i,":"]}),e.jsx("span",{className:"text-foreground",children:t})]})}const a={Root:m,Item:c,Field:u};function D(){return e.jsx(n,{title:"DataList",description:"Sistema de lista de dados com composição de componentes. Ideal para exibir informações estruturadas em formato de cards.",component:e.jsx("div",{className:"w-full max-w-md",children:e.jsxs(a.Root,{children:[e.jsxs(a.Item,{onClick:()=>alert("Clicou!"),children:[e.jsx(a.Field,{label:"Nome",value:"João Silva"}),e.jsx(a.Field,{label:"Email",value:"joao@exemplo.com"}),e.jsx(a.Field,{label:"Status",value:e.jsx(l,{variant:"success",children:"Ativo"})})]}),e.jsxs(a.Item,{children:[e.jsx(a.Field,{label:"Nome",value:"Maria Santos"}),e.jsx(a.Field,{label:"Email",value:"maria@exemplo.com"}),e.jsx(a.Field,{label:"Status",value:e.jsx(l,{variant:"secondary",children:"Pendente"})})]})]})}),usage:`import { DataList, Badge } from "forlogic-core"
-
-<DataList.Root>
-  <DataList.Item onClick={() => console.log('clicked')}>
-    <DataList.Field label="Nome" value="João Silva" />
-    <DataList.Field label="Email" value="joao@exemplo.com" />
-    <DataList.Field label="Status" value={<Badge>Ativo</Badge>} />
-  </DataList.Item>
-  <DataList.Item>
-    <DataList.Field label="Nome" value="Maria Santos" />
-    <DataList.Field label="Email" value="maria@exemplo.com" />
-  </DataList.Item>
-</DataList.Root>`,props:[{name:"DataList.Root",type:"ReactNode",default:"-",description:"Container principal com espaçamento vertical."},{name:"DataList.Item",type:"ReactNode",default:"-",description:"Item individual renderizado como Card."},{name:"DataList.Item.onClick",type:"() => void",default:"-",description:"Handler de clique (adiciona hover state)."},{name:"DataList.Field",type:"{ label, value }",default:"-",description:"Par label/value formatado horizontalmente."},{name:"DataList.Field.value",type:"ReactNode",default:"-",description:"Valor pode ser texto ou componentes (Badge, etc.)."}],accessibility:["Items clicáveis tem cursor pointer","Hover state visual para feedback","Estrutura semântica com Cards"],notes:["💡 Use para listas de dados estruturados","💡 Field.value aceita ReactNode - use Badge, Button, etc.","💡 onClick em Item adiciona hover state automaticamente"]})}export{D as DataListDoc};

package/dist/assets/DesignSystemHome-DHl9YtbH.js

@@ -1 +0,0 @@
-import{D as a,j as e,B as r}from"./index-DkiftrvI.js";function d({onNavigate:i}){const l=a.reduce((s,t)=>s+t.items.length,0);return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-4xl font-bold tracking-tight",children:"Design System"}),e.jsxs("p",{className:"text-xl text-muted-foreground mt-2",children:["Explore todos os ",l," componentes organizados em ",a.length," categorias"]})]}),e.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:a.map(s=>{const t=s.icon;return e.jsxs("div",{className:"rounded-lg border bg-card p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2 text-foreground",children:[e.jsx(t,{className:"h-5 w-5 text-primary"}),e.jsx("h2",{className:"font-semibold text-base",children:s.title})]}),e.jsx(r,{variant:"secondary",className:"text-xs",children:s.items.length})]}),e.jsx("div",{className:"space-y-0.5",children:s.items.map(n=>e.jsx("button",{onClick:()=>i(n.id),className:"block w-full text-left px-2 py-1.5 text-sm text-primary hover:text-primary/80 hover:bg-accent rounded-md transition-colors",children:n.label},n.id))})]},s.id)})})]})}export{d as DesignSystemHome};