@oondemand/oon-core-front 0.4.5 → 0.4.6

package/dist/index.d.ts

@@ -925,8 +925,9 @@ interface CoreCollectionProps {
     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 }: CoreCollectionProps): react.JSX.Element;
+declare function CoreCollection({ model, label, section, mode, endpoint, columns, form, importExport, list, relations, detailModal, cellRenderers, registry }: CoreCollectionProps): react.JSX.Element;
 
 interface CoreDocumentProps {
     model: string;
@@ -967,9 +968,10 @@ interface CorePipelineProps {
     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, }: CorePipelineProps): react.JSX.Element;
+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 CoreIntegrationProps {
     label?: string;

package/dist/index.js

@@ -3001,6 +3001,11 @@ function CoreRelatedGrid({
 
 // src/components/internal/CoreTabbedDetail.tsx
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+function resolveCustomDetailComponent(tab, registry) {
+  if (tab?.type !== "customComponent") return void 0;
+  const componentKey = tab.component.startsWith("custom:") ? tab.component.slice("custom:".length) : tab.component;
+  return registry?.pageComponents?.[componentKey];
+}
 function toValue2(value2, kind) {
   if (value2 == null) return "";
   if (kind === "date") {
@@ -3375,6 +3380,7 @@ function CoreTabbedDetail({
   formFields,
   resource,
   relations,
+  registry,
   refreshTokens,
   onRefresh,
   onParentSaved,
@@ -3384,6 +3390,7 @@ function CoreTabbedDetail({
   externalSubmit
 }) {
   const active = tabs.find((tab) => tab.id === activeTab) ?? tabs[0];
+  const CustomComponent = resolveCustomDetailComponent(active, registry);
   const activeForm = active?.type === "form" ? active : void 0;
   const draftFields = useMemo7(() => fieldsForFormTabs(formFields, tabs), [formFields, tabs]);
   const formParent = useMemo7(() => parent ?? {}, [parent]);
@@ -3429,8 +3436,18 @@ function CoreTabbedDetail({
           refreshToken: refreshTokens[active.id],
           onRefresh
         }
-      ) : active.type === "customComponent" ? /* @__PURE__ */ jsxs12(Text12, { color: "#667085", children: [
-        "Componente customizado: ",
+      ) : active.type === "customComponent" && CustomComponent ? /* @__PURE__ */ jsx18(
+        CustomComponent,
+        {
+          ...active.props ?? {},
+          parent,
+          record: parent,
+          recordId: parent?._id ?? parent?.id,
+          refreshToken: refreshTokens[active.id],
+          onRefresh
+        }
+      ) : active.type === "customComponent" ? /* @__PURE__ */ jsxs12(Text12, { color: "#C92A2A", children: [
+        "Componente customizado n\xE3o registrado: ",
         active.component
       ] }) : /* @__PURE__ */ jsx18(Text12, { color: "#667085", children: "Salve o registro principal para liberar esta aba." })
     ] })
@@ -3439,7 +3456,7 @@ function CoreTabbedDetail({
 
 // src/components/internal/CoreDetailModal.tsx
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-function CoreDetailModal({ model, title, config, formFields, recordId, initialRecord, initialTab, relations, topActions, bottomActions, onClose, onSaved }) {
+function CoreDetailModal({ model, title, config, formFields, recordId, initialRecord, initialTab, relations, registry, topActions, bottomActions, onClose, onSaved }) {
   const schemaQuery = useModelSchema(model);
   const schema = schemaQuery.data;
   const resource = useOonResource(schema?.basePath ?? `/${model.toLowerCase()}s`);
@@ -3522,6 +3539,7 @@ function CoreDetailModal({ model, title, config, formFields, recordId, initialRe
           formFields: resolvedFormFields,
           resource,
           relations,
+          registry,
           refreshTokens,
           onRefresh: refresh,
           formId,
@@ -3578,7 +3596,7 @@ function mergeFormFields(metadataFields, overrides) {
   });
   return merged;
 }
-function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynamic", endpoint, columns, form, importExport, list, relations, detailModal, cellRenderers }) {
+function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynamic", endpoint, columns, form, importExport, list, relations, detailModal, cellRenderers, registry }) {
   const needsSchema = mode !== "full" || !columns || !form || !endpoint;
   const schemaQuery = useModelSchema(needsSchema ? model : "");
   const schema = schemaQuery.data;
@@ -3683,6 +3701,7 @@ function CoreCollection({ model, label, section = "Cole\xE7\xE3o", mode = "dynam
         initialRecord: detailState.row,
         initialTab: detailState.initialTab,
         relations,
+        registry,
         onClose: () => setDetailState({ open: false }),
         onSaved: invalidate
       }
@@ -3935,7 +3954,8 @@ function CorePipeline({
   defaultView,
   list,
   defaultActions,
-  ticketActions = []
+  ticketActions = [],
+  registry
 }) {
   const schemaQuery = useModelSchema(model);
   const schema = schemaQuery.data;
@@ -4264,6 +4284,7 @@ function CorePipeline({
         initialRecord: selectedTicket,
         initialTab: creating ? create?.initialTab : void 0,
         relations,
+        registry,
         topActions: modalTopActions,
         bottomActions: modalBottomActions,
         onClose: () => {
@@ -4759,7 +4780,7 @@ function renderView(view, registry) {
   switch (view.type) {
     case "collection": {
       const v = view;
-      return /* @__PURE__ */ jsx29(CoreCollection, { model: v.model, mode: v.mode, columns: v.columns, form: v.form, label: viewLabel(v), section: v.section, importExport: v.importExport, list: v.list, relations: v.relations, detailModal: v.detailModal, cellRenderers: registry?.cellRenderers });
+      return /* @__PURE__ */ jsx29(CoreCollection, { model: v.model, mode: v.mode, columns: v.columns, form: v.form, label: viewLabel(v), section: v.section, importExport: v.importExport, list: v.list, relations: v.relations, detailModal: v.detailModal, cellRenderers: registry?.cellRenderers, registry });
     }
     case "document": {
       const v = view;
@@ -4767,7 +4788,7 @@ function renderView(view, registry) {
     }
     case "pipeline": {
       const v = view;
-      return /* @__PURE__ */ jsx29(CorePipeline, { model: v.model, label: viewLabel(v), stageField: v.stageField, stages: v.stages, titleField: v.titleField, form: v.form, relations: v.relations, ticketModal: v.ticketModal, filters: v.filters, create: v.create, viewModes: v.viewModes, defaultView: v.defaultView, list: v.list, defaultActions: v.defaultActions, ticketActions: v.ticketActions });
+      return /* @__PURE__ */ jsx29(CorePipeline, { model: v.model, label: viewLabel(v), stageField: v.stageField, stages: v.stages, titleField: v.titleField, form: v.form, relations: v.relations, ticketModal: v.ticketModal, filters: v.filters, create: v.create, viewModes: v.viewModes, defaultView: v.defaultView, list: v.list, defaultActions: v.defaultActions, ticketActions: v.ticketActions, registry });
     }
     case "dashboard": {
       const v = view;
@@ -4951,7 +4972,7 @@ function Sidebar({ app, menu, registry }) {
 // package.json
 var package_default = {
   name: "@oondemand/oon-core-front",
-  version: "0.4.5",
+  version: "0.4.6",
   repository: {
     type: "git",
     url: "git+https://github.com/oondemand/oon-platform.git",