@praxisui/crud 9.0.0-beta.3 → 9.0.0-beta.30

package/fesm2022/praxisui-crud.mjs

@@ -248,6 +248,9 @@ class CrudLauncherService {
         if (resolved.apiUrlEntry != null) {
             inputs['apiUrlEntry'] = resolved.apiUrlEntry;
         }
+        if (resolved.layoutPolicy != null) {
+            inputs['layoutPolicy'] = resolved.layoutPolicy;
+        }
         if (action.form?.initialValue != null) {
             inputs['initialValue'] = action.form.initialValue;
         }
@@ -274,12 +277,14 @@ class CrudLauncherService {
                 submitMethod: action.form?.submitMethod ?? null,
                 apiEndpointKey: action.form?.apiEndpointKey ?? null,
                 apiUrlEntry: action.form?.apiUrlEntry ?? null,
+                layoutPolicy: action.form?.layoutPolicy ?? null,
             };
         }
         if (!this.isCanonicalCrudAction(action.action)) {
             return {
                 apiEndpointKey: action.form?.apiEndpointKey ?? null,
                 apiUrlEntry: action.form?.apiUrlEntry ?? null,
+                layoutPolicy: action.form?.layoutPolicy ?? null,
             };
         }
         const resourcePath = String(metadata.resource?.path ?? metadata.table?.resourcePath ?? '').trim();
@@ -309,6 +314,7 @@ class CrudLauncherService {
             submitMethod: resolved?.submitMethod ?? null,
             apiEndpointKey: action.form?.apiEndpointKey ?? metadata.resource?.endpointKey ?? null,
             apiUrlEntry: action.form?.apiUrlEntry ?? null,
+            layoutPolicy: action.form?.layoutPolicy ?? null,
         };
     }
     resolveRuntimeContract(action, row, metadata, runtime) {
@@ -4657,7 +4663,7 @@ class PraxisCrudComponent {
         />
       }
     }
-  `, isInline: true, styles: [":host{display:block;width:100%;min-width:0;max-width:100%}\n"], dependencies: [{ kind: "component", type: PraxisTable, selector: "praxis-table", inputs: ["config", "resourcePath", "data", "tableId", "componentInstanceId", "configPersistenceStrategy", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "aiContext", "aiAssistantVoiceInputMode", "aiAssistantVoiceLanguage", "horizontalScroll", "enableCustomization", "dense"], outputs: ["rowClick", "widgetEvent", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "configChange", "metadataChange", "loadingStateChange", "collectionLinksChange", "selectionChange"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }] });
+  `, isInline: true, styles: [":host{display:block;width:100%;min-width:0;max-width:100%}\n"], dependencies: [{ kind: "component", type: PraxisTable, selector: "praxis-table", inputs: ["config", "resourcePath", "data", "tableId", "componentInstanceId", "configPersistenceStrategy", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "aiContext", "aiAssistantVoiceInputMode", "aiAssistantVoiceLanguage", "horizontalScroll", "enableCustomization", "dense"], outputs: ["rowClick", "widgetEvent", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "columnResize", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "configChange", "metadataChange", "loadingStateChange", "collectionLinksChange", "selectionChange"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisCrudComponent, decorators: [{
             type: Component,
@@ -4756,6 +4762,7 @@ class DynamicFormDialogHostComponent {
     submitMethod;
     apiEndpointKey;
     apiUrlEntry;
+    layoutPolicy;
     formActions;
     mode = 'create';
     backConfig;
@@ -4812,6 +4819,7 @@ class DynamicFormDialogHostComponent {
         this.apiUrlEntry = this.data.inputs?.['apiUrlEntry'] ?? null;
         const act = this.data.action?.action;
         this.mode = act === 'edit' ? 'edit' : act === 'view' ? 'view' : 'create';
+        this.layoutPolicy = this.resolveLayoutPolicy();
         this.formActions = this.resolveFormActions();
         // Back config: defaults from metadata/action, overridden by saved per-form config
         const defaults = (this.data.action?.back || this.data.metadata?.defaults?.back) || {};
@@ -4857,6 +4865,7 @@ class DynamicFormDialogHostComponent {
             'apiEndpointKey',
             'apiUrlEntry',
             'initialValue',
+            'layoutPolicy',
         ]);
         const explicit = inputs['initialValue'] && typeof inputs['initialValue'] === 'object'
             ? { ...inputs['initialValue'] }
@@ -4890,6 +4899,15 @@ class DynamicFormDialogHostComponent {
             },
         };
     }
+    resolveLayoutPolicy() {
+        const explicit = this.data.inputs?.['layoutPolicy'] ??
+            this.data.action?.form?.layoutPolicy ??
+            this.data.action?.layoutPolicy;
+        if (explicit && typeof explicit === 'object') {
+            return explicit;
+        }
+        return null;
+    }
     resolveSubmitLabel() {
         const action = this.data.action ?? {};
         const explicit = stringOrUndefined(action.form?.submitLabel ??
@@ -5074,6 +5092,7 @@ class DynamicFormDialogHostComponent {
         [submitMethod]="submitMethod"
         [apiEndpointKey]="apiEndpointKey"
         [apiUrlEntry]="apiUrlEntry"
+        [layoutPolicy]="layoutPolicy"
         [presentationModeGlobal]="mode === 'view' ? true : null"
         [backConfig]="backConfig"
         [actions]="formActions"
@@ -5081,7 +5100,7 @@ class DynamicFormDialogHostComponent {
         (formCancel)="onCancel()"
       ></praxis-dynamic-form>
     </mat-dialog-content>
-  `, isInline: true, styles: [":host{--dlg-header-h: 56px;--dlg-footer-h: 56px;--dlg-pad: 16px;display:flex;flex-direction:column;height:100%;overflow:hidden}:host([data-density=\"compact\"]){--dlg-header-h: 44px;--dlg-footer-h: 44px;--dlg-pad: 12px}.dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--dlg-pad);padding:0 var(--dlg-pad);height:var(--dlg-header-h);margin:0;background:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.dialog-title{margin:0;font:inherit;font-weight:600;color:var(--md-sys-color-on-surface)}.spacer{flex:1}.dialog-content{overflow:auto;padding:var(--dlg-pad);max-height:calc(100svh - var(--dlg-header-h) - 32px)}.dialog-header button.mat-icon-button{color:var(--md-sys-color-on-surface-variant)}.dialog-header button.mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.dialog-footer{position:sticky;bottom:0;z-index:1;padding:var(--dlg-pad)}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisDynamicForm, selector: "praxis-dynamic-form", inputs: ["resourcePath", "resourceId", "initialValue", "editorialContext", "mode", "config", "actions", "schemaSource", "schemaUrl", "readUrl", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "showAiAssistant", "formId", "componentInstanceId", "configPersistenceStrategy", "layout", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "domainRules", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "configPatchChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError", "ruleDiagnosticsChange"] }] });
+  `, isInline: true, styles: [":host{--dlg-header-h: 56px;--dlg-footer-h: 56px;--dlg-pad: 16px;display:flex;flex-direction:column;height:100%;overflow:hidden}:host([data-density=\"compact\"]){--dlg-header-h: 44px;--dlg-footer-h: 44px;--dlg-pad: 12px}.dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--dlg-pad);padding:0 var(--dlg-pad);height:var(--dlg-header-h);margin:0;background:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.dialog-title{margin:0;font:inherit;font-weight:600;color:var(--md-sys-color-on-surface)}.spacer{flex:1}.dialog-content{overflow:auto;padding:var(--dlg-pad);max-height:calc(100svh - var(--dlg-header-h) - 32px)}.dialog-header button.mat-icon-button{color:var(--md-sys-color-on-surface-variant)}.dialog-header button.mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.dialog-footer{position:sticky;bottom:0;z-index:1;padding:var(--dlg-pad)}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisDynamicForm, selector: "praxis-dynamic-form", inputs: ["resourcePath", "resourceId", "initialValue", "editorialContext", "mode", "config", "actions", "schemaSource", "schemaUrl", "readUrl", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "showAiAssistant", "formId", "componentInstanceId", "configPersistenceStrategy", "layout", "generatedLayoutPreset", "layoutPolicy", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "fieldIconPolicy", "domainRules", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "configPatchChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError", "ruleDiagnosticsChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DynamicFormDialogHostComponent, decorators: [{
             type: Component,
@@ -5136,6 +5155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         [submitMethod]="submitMethod"
         [apiEndpointKey]="apiEndpointKey"
         [apiUrlEntry]="apiUrlEntry"
+        [layoutPolicy]="layoutPolicy"
         [presentationModeGlobal]="mode === 'view' ? true : null"
         [backConfig]="backConfig"
         [actions]="formActions"
@@ -5699,6 +5719,7 @@ const CRUD_AI_CAPABILITIES = {
         { path: 'actions[].params[].to', category: 'actions', valueKind: 'enum', allowedValues: ENUMS.paramTarget, description: 'Destino do parametro.' },
         { path: 'actions[].params[].name', category: 'actions', valueKind: 'string', description: 'Nome do parametro no destino.' },
         { path: 'actions[].form.initialValue', category: 'actions', valueKind: 'object', description: 'Seed fixo do formulario injetado em inputs.initialValue antes da abertura.' },
+        { path: 'actions[].form.layoutPolicy', category: 'actions', valueKind: 'object', description: 'Politica schema-driven opt-in encaminhada ao Dynamic Form para materializar detalhe ou command form sem FormConfig.sections local; deve acompanhar schemaUrl compativel, especialmente schemaType=request para comandos.' },
         { path: 'actions[].back', category: 'navigation', valueKind: 'object', description: 'BackConfig por acao.' },
         { path: 'actions[].back.strategy', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS.backStrategy, description: 'Estrategia de retorno da acao (auto, close, navigate).' },
         { path: 'actions[].back.returnTo', category: 'navigation', valueKind: 'string', description: 'Rota ou destino usado quando a estrategia de retorno for navigate.' },
@@ -5736,6 +5757,7 @@ const surfaceConfigureSchema = {
                 submitMethod: { enum: ['post', 'put', 'patch', 'delete'] },
                 apiEndpointKey: { type: 'string' },
                 initialValue: { type: 'object' },
+                layoutPolicy: { type: 'object' },
             },
         },
         params: {

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@praxisui/crud",
-  "version": "9.0.0-beta.3",
+  "version": "9.0.0-beta.30",
   "description": "CRUD building blocks for Praxis UI: integrates dynamic forms and tables with unified configuration and services.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
-    "@praxisui/dynamic-form": "^9.0.0-beta.3",
-    "@praxisui/table": "^9.0.0-beta.3",
-    "@praxisui/core": "^9.0.0-beta.3",
-    "@praxisui/dynamic-fields": "^9.0.0-beta.3",
-    "@praxisui/settings-panel": "^9.0.0-beta.3",
+    "@praxisui/dynamic-form": "^9.0.0-beta.30",
+    "@praxisui/table": "^9.0.0-beta.30",
+    "@praxisui/core": "^9.0.0-beta.30",
+    "@praxisui/dynamic-fields": "^9.0.0-beta.30",
+    "@praxisui/settings-panel": "^9.0.0-beta.30",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^9.0.0-beta.3",
+    "@praxisui/ai": "^9.0.0-beta.30",
     "rxjs": "~7.8.0"
   },
   "dependencies": {
@@ -28,6 +28,7 @@
   "keywords": [
     "angular",
     "praxisui",
+    "praxis",
     "crud",
     "admin",
     "backoffice",
@@ -48,7 +49,10 @@
     "./drawer-adapter": {
       "types": "./types/praxisui-crud-drawer-adapter.d.ts",
       "default": "./fesm2022/praxisui-crud-drawer-adapter.mjs"
+    },
+    "./ai/component-registry.json": {
+      "default": "./ai/component-registry.json"
     }
   },
   "type": "module"
-}
+}

package/types/praxisui-crud.d.ts

@@ -1,5 +1,5 @@
 import * as _praxisui_core from '@praxisui/core';
-import { RowAction, ToolbarAction, ApiEndpoint, ApiUrlEntry, BackConfig, TableConfig, PraxisDataQueryContext, FormConfig, ResourceActionCatalogItem, ResourceSurfaceCatalogItem, LoadingState, RestApiLinks, ResourceCapabilitySnapshot, GenericCrudService, AsyncConfigStorage, ComponentDocMeta, AiCapabilityCatalog, AiCapability, AiCapabilityCategory, AiValueKind, ComponentAuthoringManifest, SettingsValueProvider } from '@praxisui/core';
+import { RowAction, ToolbarAction, ApiEndpoint, ApiUrlEntry, DynamicFormLayoutPolicy, BackConfig, TableConfig, PraxisDataQueryContext, FormConfig, ResourceActionCatalogItem, ResourceSurfaceCatalogItem, LoadingState, RestApiLinks, ResourceCapabilitySnapshot, GenericCrudService, AsyncConfigStorage, ComponentDocMeta, AiCapabilityCatalog, AiCapability, AiCapabilityCategory, AiValueKind, ComponentAuthoringManifest, SettingsValueProvider } from '@praxisui/core';
 export { BackConfig } from '@praxisui/core';
 import * as _angular_core from '@angular/core';
 import { NgZone, OnChanges, EventEmitter, SimpleChanges, OnInit, Provider, AfterViewInit, OnDestroy } from '@angular/core';
@@ -53,6 +53,7 @@ interface CrudActionFormContract {
     apiEndpointKey?: ApiEndpoint | string | null;
     apiUrlEntry?: ApiUrlEntry | null;
     initialValue?: Record<string, unknown> | null;
+    layoutPolicy?: DynamicFormLayoutPolicy | null;
 }
 type CrudActionResolutionMode = 'inferred' | 'explicit';
 type CrudAction = (RowAction | ToolbarAction) & {
@@ -316,6 +317,7 @@ declare class CrudLauncherService {
         submitMethod?: string | null;
         apiEndpointKey?: unknown;
         apiUrlEntry?: unknown;
+        layoutPolicy?: unknown;
     };
     private buildInferredFormId;
     private isCanonicalCrudAction;
@@ -347,6 +349,7 @@ declare class DynamicFormDialogHostComponent implements OnInit {
     submitMethod?: string | null;
     apiEndpointKey?: ApiEndpoint | string | null;
     apiUrlEntry?: ApiUrlEntry | null;
+    layoutPolicy?: DynamicFormLayoutPolicy | null;
     formActions?: FormConfig['actions'];
     mode: 'create' | 'edit' | 'view';
     backConfig?: BackConfig;
@@ -355,6 +358,7 @@ declare class DynamicFormDialogHostComponent implements OnInit {
     constructor(dialogRef: DialogRef<DynamicFormDialogHostComponent>, data: any, dialogService: DialogService, crud: GenericCrudService<any>, configStorage: AsyncConfigStorage);
     private extractInitialValue;
     private resolveFormActions;
+    private resolveLayoutPolicy;
     private resolveSubmitLabel;
     ngOnInit(): void;
     onSave(result: unknown): void;