@oondemand/oon-core-front 0.3.28 → 0.3.29

package/dist/index.d.ts

@@ -618,9 +618,20 @@ interface CentralUiManifest {
         model?: string;
         mode?: string;
         stageField?: string;
+        stages?: Array<{
+            id: string;
+            label: string;
+        }>;
+        titleField?: string;
         path?: string;
         label?: string;
         section?: string;
+        /** Overrides do formulário usado ao editar um ticket. */
+        form?: CentralFormFieldDef[];
+        /** Relações consumidas por abas de resumo e grids relacionados. */
+        relations?: Record<string, OonRelationDef>;
+        /** Abas, grupos e tamanho do modal aberto pelo card da esteira. */
+        ticketModal?: OonDetailModalConfig;
     }>;
     documents?: Array<{
         model: string;
@@ -660,6 +671,23 @@ declare function manifestToConfig(manifest: CentralUiManifest, runtime: Manifest
  */
 declare function startFromManifest(manifest: CentralUiManifest, runtime: ManifestRuntime): void;
 
+/** Configuração declarativa do editor de um ticket aberto pela esteira. */
+type OonPipelineTicketModalConfig = OonDetailModalConfig;
+/**
+ * Extensão pública da view de esteira com formulário, relações e modal do ticket.
+ * 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;
+};
+
 /**
  * Helpers declarativos (API pública da Seção 4.3). São identidades tipadas que
  * fixam o `type` da view — servem para o autocomplete e para registrar a view
@@ -667,7 +695,7 @@ declare function startFromManifest(manifest: CentralUiManifest, runtime: Manifes
  */
 declare function defineCollectionView(def: Omit<CollectionViewDef, "type">): CollectionViewDef;
 declare function defineDocumentView(def: Omit<DocumentViewDef, "type">): DocumentViewDef;
-declare function definePipelineView(def: Omit<PipelineViewDef, "type">): PipelineViewDef;
+declare function definePipelineView(def: Omit<OonPipelineViewDef, "type">): OonPipelineViewDef;
 declare function defineDashboard(def: Omit<DashboardViewDef, "type">): DashboardViewDef;
 /** Açúcar para declarar um módulo com tipagem. */
 declare function defineOonModule(mod: OonModule): OonModule;
@@ -717,9 +745,15 @@ interface CorePipelineProps {
         label: string;
     }>;
     titleField?: string;
+    /** Overrides mesclados aos campos derivados da metadata. */
+    form?: OonFormFieldDef[];
+    /** Relações utilizadas pelas abas de resumo e grids relacionados. */
+    relations?: Record<string, OonRelationDef>;
+    /** Configuração declarativa do editor aberto ao clicar no ticket. */
+    ticketModal?: OonDetailModalConfig;
 }
 /** Esteira horizontal padrão, com tickets clicáveis e formulário completo em modal. */
-declare function CorePipeline({ model, label, endpoint, stageField, stages, titleField }: CorePipelineProps): react.JSX.Element;
+declare function CorePipeline({ model, label, endpoint, stageField, stages, titleField, form, relations, ticketModal, }: CorePipelineProps): react.JSX.Element;
 
 interface CoreIntegrationProps {
     label?: string;
@@ -902,4 +936,4 @@ declare function useCoreMetadata(): _tanstack_react_query.UseQueryResult<NoInfer
 /** Descrição de uma model específica — base do modo "dynamic". */
 declare function useModelSchema(name: string): _tanstack_react_query.UseQueryResult<NoInfer<ModelSummary>, Error>;
 
-export { type CentralFormFieldDef, type CentralUiManifest, type CollectionMode, type CollectionViewDef, CoreActions, CoreAssistant, CoreCards, CoreCollection, CoreCurrency, CoreDashboard, CoreDataGrid, CoreDocument, CoreEmptyState, CoreField, CoreForm, CoreIntegration, CoreLoadingState, type CoreMetadata, CorePage, CorePageHeader, CorePipeline, CoreRelationField, CoreToolbar, type DashboardViewDef, type DashboardWidgetDef, type DocumentViewDef, type FieldKind, type FieldMeta, type ListParams, type ManifestRuntime, type ModelSummary, type OonActionDef, type OonApiConfig, type OonAppConfig, type OonAppKind, type OonAuthConfig, type OonAuthMode, type OonBlockDef, type OonColumnDef, type OonComponentRegistry, type OonCoreFrontConfig, type OonError, type OonFormFieldDef, type OonLayoutConfig, type OonMenuItem, type OonModule, type OonNavigationConfig, type OonNavigationMode, type OonPageDef, type OonRoute, type OonSchemaVersion, type OonSecurityConfig, type OonUiManifest, type OonUser, type OonViewDefinition, type PaginatedResult, type Pagination, PermissionGate, type PipelineViewDef, defineCollectionView, defineDashboard, defineDocumentView, defineOonModule, definePipelineView, manifestToConfig, oonCoreFront, start, startFromManifest, useCoreMetadata, useModelSchema, useOonApi, useOonAuth, useOonResource };
+export { type CentralFormFieldDef, type CentralUiManifest, type CollectionMode, type CollectionViewDef, CoreActions, CoreAssistant, CoreCards, CoreCollection, CoreCurrency, CoreDashboard, CoreDataGrid, CoreDocument, CoreEmptyState, CoreField, CoreForm, CoreIntegration, CoreLoadingState, type CoreMetadata, CorePage, CorePageHeader, CorePipeline, CoreRelationField, CoreToolbar, type DashboardViewDef, type DashboardWidgetDef, type DocumentViewDef, type FieldKind, type FieldMeta, type ListParams, type ManifestRuntime, type ModelSummary, type OonActionDef, type OonApiConfig, type OonAppConfig, type OonAppKind, type OonAuthConfig, type OonAuthMode, type OonBlockDef, type OonColumnDef, type OonComponentRegistry, type OonCoreFrontConfig, type OonError, type OonFormFieldDef, type OonLayoutConfig, type OonMenuItem, type OonModule, type OonNavigationConfig, type OonNavigationMode, type OonPageDef, type OonPipelineTicketModalConfig, type OonPipelineViewDef, type OonRoute, type OonSchemaVersion, type OonSecurityConfig, type OonUiManifest, type OonUser, type OonViewDefinition, type PaginatedResult, type Pagination, PermissionGate, type PipelineViewDef, defineCollectionView, defineDashboard, defineDocumentView, defineOonModule, definePipelineView, manifestToConfig, oonCoreFront, start, startFromManifest, useCoreMetadata, useModelSchema, useOonApi, useOonAuth, useOonResource };

package/dist/index.js

@@ -2561,7 +2561,27 @@ function ticketId(row) {
   const id = row._id ?? row.id;
   return id == null ? void 0 : String(id);
 }
-function CorePipeline({ model, label, endpoint, stageField = "status", stages, titleField }) {
+function mergeFormFields2(metadataFields, overrides) {
+  if (!overrides?.length) return metadataFields;
+  const byField = new Map(overrides.map((field) => [field.field, field]));
+  const merged = metadataFields.map((field) => ({ ...field, ...byField.get(field.field) }));
+  const known = new Set(metadataFields.map((field) => field.field));
+  overrides.forEach((field) => {
+    if (!known.has(field.field)) merged.push(field);
+  });
+  return merged;
+}
+function CorePipeline({
+  model,
+  label,
+  endpoint,
+  stageField = "status",
+  stages,
+  titleField,
+  form,
+  relations,
+  ticketModal
+}) {
   const schemaQuery = useModelSchema(model);
   const schema = schemaQuery.data;
   const basePath = endpoint ?? schema?.basePath ?? `/${model.toLowerCase()}s`;
@@ -2574,6 +2594,7 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
     queryFn: () => resource.list({ pageSize: 200 }),
     enabled: !!schema
   });
+  const invalidate = () => queryClient.invalidateQueries({ queryKey: ["oon", "pipeline", basePath] });
   const saveMutation = useMutation3({
     mutationFn: (values) => {
       const id = selectedTicket ? ticketId(selectedTicket) : void 0;
@@ -2581,7 +2602,7 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
       return resource.update(id, values);
     },
     onSuccess: async () => {
-      await queryClient.invalidateQueries({ queryKey: ["oon", "pipeline", basePath] });
+      await invalidate();
       setSelectedTicket(null);
       setFormError(null);
     },
@@ -2592,9 +2613,9 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
   if (listQuery.isError) return /* @__PURE__ */ jsx18(ErrorState, { error: listQuery.error });
   const stageFieldMeta = schema?.fields.find((field) => field.name === stageField);
   const resolvedStages = stages ?? (stageFieldMeta?.options ?? []).map((option) => ({ id: option, label: option }));
-  const title = titleField ?? schema?.fields.find((field) => field.kind === "string")?.name ?? schema?.searchable[0] ?? "_id";
-  const detailFields = (schema?.fields ?? []).filter((field) => field.name !== stageField && field.name !== title && !["raw"].includes(field.kind)).slice(0, 3);
-  const formFields = formFieldsFromMeta(schema?.fields ?? []);
+  const resolvedTitleField = titleField ?? ticketModal?.titleField ?? schema?.fields.find((field) => field.kind === "string")?.name ?? schema?.searchable[0] ?? "_id";
+  const detailFields = (schema?.fields ?? []).filter((field) => field.name !== stageField && field.name !== resolvedTitleField && !["raw"].includes(field.kind)).slice(0, 3);
+  const formFields = mergeFormFields2(formFieldsFromMeta(schema?.fields ?? []), form);
   const rows = listQuery.data?.results ?? [];
   const byStage = /* @__PURE__ */ new Map();
   for (const stage of resolvedStages) byStage.set(stage.id, []);
@@ -2628,7 +2649,7 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
               /* @__PURE__ */ jsx18(Badge4, { colorPalette: "brand", variant: "solid", borderRadius: "full", minW: "24px", justifyContent: "center", children: items.length })
             ] }),
             /* @__PURE__ */ jsx18(Stack5, { gap: 2, children: items.length === 0 ? /* @__PURE__ */ jsx18(Box10, { borderWidth: "1px", borderStyle: "dashed", borderColor: "#C8D0D5", borderRadius: "10px", p: 5, textAlign: "center", children: /* @__PURE__ */ jsx18(Text12, { fontSize: "12px", color: "gray.500", children: "Nenhum ticket nesta etapa." }) }) : items.map((row, index) => {
-              const ticketTitle = formatCell(row[title], "string");
+              const ticketTitle = formatCell(row[resolvedTitleField], "string");
               return /* @__PURE__ */ jsxs13(
                 Button9,
                 {
@@ -2670,7 +2691,23 @@ function CorePipeline({ model, label, endpoint, stageField = "status", stages, t
         stageId
       );
     }) }),
-    selectedTicket ? /* @__PURE__ */ jsx18(
+    selectedTicket && ticketModal && ticketModal.enabled !== false ? /* @__PURE__ */ jsx18(
+      CoreDetailModal,
+      {
+        model,
+        title: schema?.singular ?? label ?? model,
+        config: { ...ticketModal, titleField: ticketModal.titleField ?? resolvedTitleField },
+        formFields,
+        recordId: ticketId(selectedTicket),
+        initialRecord: selectedTicket,
+        relations,
+        onClose: () => {
+          setSelectedTicket(null);
+          setFormError(null);
+        },
+        onSaved: invalidate
+      }
+    ) : selectedTicket ? /* @__PURE__ */ jsx18(
       DynamicForm,
       {
         title: `Editar ${schema?.singular ?? label ?? model}`,
@@ -2939,7 +2976,11 @@ function renderView(view, registry) {
           model: v.model,
           label: viewLabel(v),
           stageField: v.stageField,
-          stages: v.stages
+          stages: v.stages,
+          titleField: v.titleField,
+          form: v.form,
+          relations: v.relations,
+          ticketModal: v.ticketModal
         }
       );
     }
@@ -4066,7 +4107,12 @@ function manifestToConfig(manifest, runtime) {
       label: p.label ?? p.name,
       path: p.path,
       stageField: p.stageField,
-      section: p.section
+      stages: p.stages,
+      titleField: p.titleField,
+      section: p.section,
+      form: p.form,
+      relations: p.relations,
+      ticketModal: p.ticketModal
     };
     views.push(view);
   }