@oondemand/oon-core-front 0.5.6 → 0.6.1

package/dist/ui-1Um8gXIZ.d.ts

@@ -0,0 +1,337 @@
+import '@chakra-ui/react';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { Q as OonRowActionDef, u as OonFormFieldDef, R as OonDetailModalConfig, S as OonDetailTabDef, K as PipelineViewDef, T as OonRelationDef, U as OonListFilterDef, V as OonCollectionListConfig, g as CollectionMode, r as OonColumnDef, s as OonComponentRegistry, i as DashboardWidgetDef, x as OonPageDef } from './types-BEVt-nU8.js';
+
+type OonRelatedGridCreateDef = {
+    enabled?: boolean;
+    label?: string;
+    fields?: OonFormFieldDef[];
+    initialValues?: Record<string, unknown>;
+};
+type OonRelatedGridDeleteDef = {
+    enabled?: boolean;
+    confirm?: string;
+};
+type BaseRelatedGridTab = Extract<OonDetailTabDef, {
+    type: "relatedGrid";
+}>;
+/** Aba relacionada com inclusão e exclusão opcionais. */
+type OonOperationalDetailTabDef = Exclude<OonDetailTabDef, BaseRelatedGridTab> | (BaseRelatedGridTab & {
+    create?: OonRelatedGridCreateDef;
+    delete?: OonRelatedGridDeleteDef;
+});
+/** Modal declarativo que amplia relatedGrid sem quebrar o contrato anterior. */
+type OonOperationalDetailModalConfig = Omit<OonDetailModalConfig, "tabs"> & {
+    tabs: OonOperationalDetailTabDef[];
+};
+/** Configuração declarativa do editor de um ticket aberto pela esteira. */
+type OonPipelineTicketModalConfig = OonOperationalDetailModalConfig;
+type OonPipelineViewMode = "board" | "list";
+type OonPipelineCreateDef = {
+    enabled?: boolean;
+    label?: string;
+    initialTab?: string;
+    defaultStage?: string;
+    defaultValues?: Record<string, unknown>;
+};
+type OonPipelineActionGroup = "approval" | "workStatus" | "custom";
+type OonPipelineActionTone = "success" | "danger" | "warning" | "neutral" | "brand";
+type OonPipelineOperationalKind = "approval" | "work-status" | "business";
+/**
+ * Ações padrão da esteira. Quando omitido, aprovação/reprovação e status de
+ * trabalho ficam habilitados automaticamente quando os campos necessários
+ * existem na metadata do model.
+ */
+type OonPipelineDefaultActionsConfig = {
+    approval?: boolean;
+    workStatus?: boolean;
+    workStatusField?: string;
+    excludedStages?: string[];
+};
+type OonPipelineDefaultActionsDef = false | OonPipelineDefaultActionsConfig;
+/**
+ * Ações operacionais exibidas no cabeçalho do ticket.
+ *
+ * - setField/transition atualizam um campo do próprio ticket;
+ * - formAction carrega dados opcionais e envia um formulário a um endpoint;
+ * - group/tone organizam a ação visualmente sem acoplar regra de negócio à UI;
+ * - operationalKind cria um contrato estável para telemetria, SLA e produtividade.
+ */
+type OonPipelineActionDef = Omit<OonRowActionDef, "type"> & {
+    type: OonRowActionDef["type"] | "setField" | "transition" | "formAction";
+    field?: string;
+    value?: unknown;
+    title?: string;
+    submitLabel?: string;
+    loadEndpoint?: string;
+    fields?: OonFormFieldDef[];
+    initialValues?: Record<string, unknown>;
+    group?: OonPipelineActionGroup;
+    tone?: OonPipelineActionTone;
+    operationalKind?: OonPipelineOperationalKind;
+};
+/**
+ * Extensão pública da view de esteira com filtros, inclusão, lista, ações e
+ * modal declarativo. Continua estruturalmente compatível com PipelineViewDef.
+ */
+type OonPipelineViewDef = PipelineViewDef & {
+    /** Campo exibido como título do card e do modal. */
+    titleField?: string;
+    /** Overrides de formulário mesclados à metadata do model. */
+    form?: OonFormFieldDef[];
+    /** Relações disponíveis para abas summary/relatedGrid/readonlyGrid. */
+    relations?: Record<string, OonRelationDef>;
+    /** Modal declarativo usado ao abrir um ticket da esteira. */
+    ticketModal?: OonPipelineTicketModalConfig;
+    /** Filtros aplicados tanto ao quadro quanto à visualização em lista. */
+    filters?: OonListFilterDef[];
+    /** Configuração do botão de inclusão pela própria esteira. */
+    create?: OonPipelineCreateDef;
+    /** Modos de visualização liberados para o usuário. */
+    viewModes?: OonPipelineViewMode[];
+    /** Visualização inicial. */
+    defaultView?: OonPipelineViewMode;
+    /** Colunas e ações da visualização em lista. */
+    list?: OonCollectionListConfig;
+    /** Ações padrão do Core; use false para desabilitá-las nesta esteira. */
+    defaultActions?: OonPipelineDefaultActionsDef;
+    /** Ações adicionais ou overrides exibidos no cabeçalho do ticket aberto. */
+    ticketActions?: OonPipelineActionDef[];
+};
+
+interface CoreCollectionProps {
+    model: string;
+    label?: string;
+    section?: string;
+    mode?: CollectionMode;
+    endpoint?: string;
+    columns?: OonColumnDef[];
+    form?: OonFormFieldDef[];
+    importExport?: boolean;
+    list?: OonCollectionListConfig;
+    relations?: Record<string, OonRelationDef>;
+    detailModal?: OonDetailModalConfig;
+    cellRenderers?: OonComponentRegistry["cellRenderers"];
+    registry?: OonComponentRegistry;
+}
+declare function CoreCollection({ model, label, section, mode, endpoint, columns, form, importExport, list, relations, detailModal, cellRenderers, registry }: CoreCollectionProps): react.JSX.Element;
+
+interface CoreDocumentProps {
+    model: string;
+    label?: string;
+    endpoint?: string;
+    columns?: OonColumnDef[];
+    form?: OonFormFieldDef[];
+    /** liga ações de aprovar/reprovar (RESTful: /:id/actions/approve|reject). */
+    approval?: boolean;
+    /** liga gestão de anexos (futuro: /:id/files). */
+    attachments?: boolean;
+    /** CRUD preserva o comportamento legado; library prioriza descoberta e leitura. */
+    display?: "crud" | "library";
+    categoryField?: string;
+    titleField?: string;
+    descriptionField?: string;
+    contentField?: string;
+    statusField?: string;
+    updatedAtField?: string;
+}
+declare function CoreDocument({ model, label, endpoint, columns, form, display, categoryField, titleField, descriptionField, contentField, statusField, updatedAtField, }: CoreDocumentProps): react.JSX.Element;
+
+interface CorePipelineProps {
+    model: string;
+    label?: string;
+    endpoint?: string;
+    stageField?: string;
+    stages?: Array<{
+        id: string;
+        label: string;
+    }>;
+    titleField?: string;
+    form?: OonFormFieldDef[];
+    relations?: Record<string, OonRelationDef>;
+    ticketModal?: OonDetailModalConfig;
+    filters?: OonListFilterDef[];
+    create?: OonPipelineCreateDef;
+    viewModes?: OonPipelineViewMode[];
+    defaultView?: OonPipelineViewMode;
+    list?: OonCollectionListConfig;
+    defaultActions?: OonPipelineDefaultActionsDef;
+    ticketActions?: OonPipelineActionDef[];
+    registry?: OonComponentRegistry;
+}
+/** Esteira com quadro/lista, filtros, inclusão e ações operacionais no ticket. */
+declare function CorePipeline({ model, label, endpoint, stageField, stages, titleField, form, relations, ticketModal, filters, create, viewModes, defaultView, list, defaultActions, ticketActions, registry, }: CorePipelineProps): react.JSX.Element;
+
+interface CoreCurrencyProps {
+    /** model das moedas. Default: "Moeda". */
+    model?: string;
+    label?: string;
+    endpoint?: string;
+    columns?: OonColumnDef[];
+}
+/**
+ * Multi-moedas (módulo de domínio, Seção 4.6/2.11). Lista as moedas e expõe a
+ * ação RESTful de atualizar cotações (POST /<endpoint>/actions/update-rates).
+ */
+declare function CoreCurrency({ model, label, endpoint, columns }: CoreCurrencyProps): react.JSX.Element;
+
+interface CoreAssistantProps {
+    /** code do assistente registrado no back (ex.: "servicos-tomados.revisao"). */
+    assistantCode: string;
+    label?: string;
+    /** entidade de contexto (apenas tipo + id; nada sensível). */
+    entity?: {
+        type: string;
+        id: string;
+    };
+    /** base de assistentes; default usa o mesmo client REST do Core. */
+    endpoint?: string;
+}
+/**
+ * Assistente IA do Core (Seção 2.12 / 6.2). Envia ao back apenas
+ * assistantCode + entity + message — NUNCA chave de IA, modelo ou prompt.
+ * O back resolve modelo, prompt, chave e políticas.
+ */
+declare function CoreAssistant({ assistantCode, label, entity, endpoint }: CoreAssistantProps): react.JSX.Element;
+
+type DashboardFilterPrimitive = string | number | boolean | null;
+type DashboardFilterValue = DashboardFilterPrimitive | {
+    eq?: DashboardFilterPrimitive;
+    ne?: DashboardFilterPrimitive;
+    in?: DashboardFilterPrimitive[];
+    nin?: DashboardFilterPrimitive[];
+    gt?: DashboardFilterPrimitive;
+    gte?: DashboardFilterPrimitive;
+    lt?: DashboardFilterPrimitive;
+    lte?: DashboardFilterPrimitive;
+    exists?: boolean;
+};
+type CoreDashboardWidget = Omit<DashboardWidgetDef, "kind"> & {
+    description?: string;
+    kind?: "count" | "sum" | "groupCount" | "groupSum" | "custom";
+    groupBy?: string;
+    filters?: Record<string, DashboardFilterValue>;
+    format?: "number" | "currency";
+};
+interface CoreDashboardProps {
+    label?: string;
+    widgets?: CoreDashboardWidget[];
+}
+/** Dashboard declarativo com agregações executadas integralmente no backend. */
+declare function CoreDashboard({ label, widgets }: CoreDashboardProps): react.JSX.Element;
+
+declare function CoreUsersAccess(): react.JSX.Element;
+
+declare function CoreTransactionalEmail(): react.JSX.Element;
+
+declare function CorePage({ page, registry }: {
+    page: OonPageDef;
+    registry?: OonComponentRegistry;
+}): react.JSX.Element;
+
+declare function CorePageHeader({ title, description, actions }: {
+    title?: string;
+    description?: string;
+    actions?: ReactNode;
+}): react.JSX.Element;
+declare function CoreToolbar({ children }: {
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function CoreDataGrid(props: {
+    model: string;
+    mode?: CollectionMode;
+    columns?: OonColumnDef[];
+    form?: OonFormFieldDef[];
+    label?: string;
+}): react.JSX.Element;
+declare function CoreCards(props: {
+    model: string;
+    renderer?: string;
+}): react.JSX.Element;
+declare function CoreForm(props: {
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function CoreField({ label, children }: {
+    label?: string;
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function CoreRelationField(props: {
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function CoreActions({ children }: {
+    children?: ReactNode;
+}): react.JSX.Element;
+declare function CoreEmptyState({ title, actionLabel, onAction }: {
+    title?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+}): react.JSX.Element;
+declare function CoreLoadingState({ label }: {
+    label?: string;
+}): react.JSX.Element;
+declare function CoreErrorState({ title, description, retryLabel, onRetry }: {
+    title?: string;
+    description?: string;
+    retryLabel?: string;
+    onRetry?: () => void;
+}): react.JSX.Element;
+declare function CoreTabs({ items, value, onChange }: {
+    items: Array<{
+        id: string;
+        label: string;
+        content: ReactNode;
+    }>;
+    value?: string;
+    onChange?: (id: string) => void;
+}): react.JSX.Element;
+declare function CoreSummaryCards({ items }: {
+    items: Array<{
+        id: string;
+        label: string;
+        value: ReactNode;
+        description?: string;
+        tone?: "neutral" | "success" | "warning" | "danger" | "info";
+    }>;
+}): react.JSX.Element;
+declare function CoreTimeline({ items }: {
+    items: Array<{
+        id: string;
+        title: string;
+        description?: string;
+        at?: string;
+        status?: string;
+    }>;
+}): react.JSX.Element;
+declare function CoreStepper({ steps, current }: {
+    steps: Array<{
+        id: string;
+        label: string;
+        description?: string;
+    }>;
+    current: string;
+}): react.JSX.Element;
+declare function CoreStatusPanel({ title, status, description, actions }: {
+    title: string;
+    status: string;
+    description?: string;
+    actions?: ReactNode;
+}): react.JSX.Element;
+declare function CoreActivityLog(props: {
+    items: Array<{
+        id: string;
+        title: string;
+        description?: string;
+        at?: string;
+        status?: string;
+    }>;
+}): react.JSX.Element;
+declare function CoreConfirmAction({ label, confirmLabel, cancelLabel, tone, onConfirm }: {
+    label: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    tone?: "danger" | "neutral";
+    onConfirm: () => void;
+}): react.JSX.Element;
+
+export { CoreErrorState as A, CoreStatusPanel as B, CoreActions as C, CoreStepper as D, CoreSummaryCards as E, CoreTabs as F, CoreTimeline as G, type OonPipelineViewDef as O, CoreAssistant as a, CoreCards as b, CoreCollection as c, CoreCurrency as d, CoreDashboard as e, CoreDataGrid as f, CoreDocument as g, CoreEmptyState as h, CoreField as i, CoreForm as j, CoreLoadingState as k, CorePage as l, CorePageHeader as m, CorePipeline as n, CoreRelationField as o, CoreToolbar as p, CoreTransactionalEmail as q, CoreUsersAccess as r, type OonPipelineActionDef as s, type OonPipelineActionGroup as t, type OonPipelineActionTone as u, type OonPipelineDefaultActionsConfig as v, type OonPipelineDefaultActionsDef as w, type OonPipelineTicketModalConfig as x, CoreActivityLog as y, CoreConfirmAction as z };

package/dist/ui.d.ts

@@ -0,0 +1,5 @@
+export { Badge as OonBadge, Button as OonButton, Card as OonCard, Drawer as OonDrawer, Grid as OonGrid, Input as OonInput, Dialog as OonModal, NativeSelect as OonSelect, Stack as OonStack } from '@chakra-ui/react';
+export { C as CoreActions, y as CoreActivityLog, a as CoreAssistant, b as CoreCards, c as CoreCollection, z as CoreConfirmAction, d as CoreCurrency, e as CoreDashboard, f as CoreDataGrid, g as CoreDocument, h as CoreEmptyState, A as CoreErrorState, i as CoreField, j as CoreForm, k as CoreLoadingState, l as CorePage, m as CorePageHeader, n as CorePipeline, o as CoreRelationField, B as CoreStatusPanel, D as CoreStepper, E as CoreSummaryCards, F as CoreTabs, G as CoreTimeline, p as CoreToolbar, q as CoreTransactionalEmail, r as CoreUsersAccess } from './ui-1Um8gXIZ.js';
+import 'react';
+import './types-BEVt-nU8.js';
+import './theme-Clhoswb3.js';

package/dist/ui.js

@@ -0,0 +1,86 @@
+import {
+  CoreAssistant,
+  CoreCurrency
+} from "./chunk-KD7UQF5E.js";
+import {
+  CoreActions,
+  CoreActivityLog,
+  CoreCards,
+  CoreCollection,
+  CoreConfirmAction,
+  CoreDashboard,
+  CoreDataGrid,
+  CoreDocument,
+  CoreEmptyState,
+  CoreErrorState,
+  CoreField,
+  CoreForm,
+  CoreLoadingState,
+  CorePage,
+  CorePageHeader,
+  CorePipeline,
+  CoreRelationField,
+  CoreStatusPanel,
+  CoreStepper,
+  CoreSummaryCards,
+  CoreTabs,
+  CoreTimeline,
+  CoreToolbar,
+  CoreTransactionalEmail,
+  CoreUsersAccess
+} from "./chunk-R7ZBLDC2.js";
+import "./chunk-ALZCHGGI.js";
+import "./chunk-VJ7YNFF7.js";
+import "./chunk-V6TY7KAL.js";
+
+// src/ui.ts
+import {
+  Button,
+  Input,
+  NativeSelect,
+  Card,
+  Badge,
+  Grid,
+  Stack,
+  Dialog,
+  Drawer
+} from "@chakra-ui/react";
+export {
+  CoreActions,
+  CoreActivityLog,
+  CoreAssistant,
+  CoreCards,
+  CoreCollection,
+  CoreConfirmAction,
+  CoreCurrency,
+  CoreDashboard,
+  CoreDataGrid,
+  CoreDocument,
+  CoreEmptyState,
+  CoreErrorState,
+  CoreField,
+  CoreForm,
+  CoreLoadingState,
+  CorePage,
+  CorePageHeader,
+  CorePipeline,
+  CoreRelationField,
+  CoreStatusPanel,
+  CoreStepper,
+  CoreSummaryCards,
+  CoreTabs,
+  CoreTimeline,
+  CoreToolbar,
+  CoreTransactionalEmail,
+  CoreUsersAccess,
+  Badge as OonBadge,
+  Button as OonButton,
+  Card as OonCard,
+  Drawer as OonDrawer,
+  Grid as OonGrid,
+  Input as OonInput,
+  Dialog as OonModal,
+  NativeSelect as OonSelect,
+  Stack as OonStack
+};
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui.ts"],"sourcesContent":["export {\n  Button as OonButton,\n  Input as OonInput,\n  NativeSelect as OonSelect,\n  Card as OonCard,\n  Badge as OonBadge,\n  Grid as OonGrid,\n  Stack as OonStack,\n  Dialog as OonModal,\n  Drawer as OonDrawer,\n} from \"@chakra-ui/react\";\n\nexport { CoreCollection } from \"./components/CoreCollection\";\nexport { CoreDocument } from \"./components/CoreDocument\";\nexport { CorePipeline } from \"./components/CorePipeline\";\nexport { CoreCurrency } from \"./components/CoreCurrency\";\nexport { CoreAssistant } from \"./components/CoreAssistant\";\nexport { CoreDashboard } from \"./components/CoreDashboard\";\nexport { CoreUsersAccess } from \"./components/CoreUsersAccess\";\nexport { CoreTransactionalEmail } from \"./components/CoreTransactionalEmail\";\nexport { CorePage } from \"./components/ui-v2/CorePage\";\nexport * from \"./components/ui-v2/CorePrimitives\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EACY;AAAA,EACD;AAAA,EACO;AAAA,EACR;AAAA,EACC;AAAA,EACD;AAAA,EACC;AAAA,EACC;AAAA,EACA;AAAA,OACL;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oondemand/oon-core-front",
-  "version": "0.5.6",
+  "version": "0.6.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/oondemand/oon-platform.git",
@@ -15,6 +15,26 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js"
+    },
+    "./routing": {
+      "types": "./dist/routing.d.ts",
+      "import": "./dist/routing.js"
+    },
+    "./theme": {
+      "types": "./dist/theme.d.ts",
+      "import": "./dist/theme.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js"
+    },
+    "./testing": {
+      "types": "./dist/testing.d.ts",
+      "import": "./dist/testing.js"
     }
   },
   "bin": {