Componentes Core*

Os componentes Core* podem ser usados diretamente em rotas customizadas quando você precisa de mais controle do que os define*View oferecem.

CoreCollection

Tabela paginada com CRUD completo para uma model.

import { CoreCollection } from "@oondemand/oon-core-front";

<CoreCollection
  model="Cliente"
  mode="dynamic"          // "dynamic" | "full" | "minimal"
  importExport={false}
/>

Props

Prop	Tipo	Descrição
model	string	✅ Nome da model
mode	CollectionMode	Default: "dynamic"
columns	OonColumnDef[]	Colunas (modo full)
form	OonFormFieldDef[]	Campos do form (modo full)
importExport	boolean	Botão import/export

---

CoreDocument

Formulário de documento único com aprovação e anexos.

import { CoreDocument } from "@oondemand/oon-core-front";

<CoreDocument
  model="ContratoServico"
  approval={true}
  attachments={true}
/>

---

CorePipeline

Kanban de tickets por etapas.

import { CorePipeline } from "@oondemand/oon-core-front";

<CorePipeline
  model="Servico"
  stageField="etapa"
  stages={[
    { id: "aberto", label: "Aberto" },
    { id: "concluido", label: "Concluído" },
  ]}
/>

---

CoreDashboard

Painel de métricas com widgets.

import { CoreDashboard } from "@oondemand/oon-core-front";

<CoreDashboard
  widgets={[
    { id: "clientes", label: "Clientes", model: "Cliente", kind: "count" },
    { id: "receita",  label: "Receita",  model: "Pedido",  kind: "sum", field: "total" },
  ]}
/>

---

CoreCurrency

Exibe um valor convertido entre moedas (requer módulo currencies ativo).

import { CoreCurrency } from "@oondemand/oon-core-front";

<CoreCurrency value={1500} from="USD" to="BRL" />

---

CoreIntegration

Painel de status das integrações externas configuradas.

import { CoreIntegration } from "@oondemand/oon-core-front";

<CoreIntegration />

---

CoreAssistant

Assistente contextual (requer módulo assistants ativo).

import { CoreAssistant } from "@oondemand/oon-core-front";

<CoreAssistant context={{ model: "Pedido", id: "abc123" }} />