@praxisui/crud 8.0.0-beta.26 → 8.0.0-beta.27

package/fesm2022/praxisui-crud.mjs

@@ -3308,6 +3308,8 @@ class PraxisCrudComponent {
     afterSave = new EventEmitter();
     afterDelete = new EventEmitter();
     error = new EventEmitter();
+    rowClick = new EventEmitter();
+    selectionChange = new EventEmitter();
     tableRuntimeConfigChange = new EventEmitter();
     crudAuthoringDocumentApplied = new EventEmitter();
     crudAuthoringDocumentSaved = new EventEmitter();
@@ -3372,6 +3374,12 @@ class PraxisCrudComponent {
         }
         catch { }
     }
+    onTableRowClick(event) {
+        this.rowClick.emit(event);
+    }
+    onTableSelectionChange(event) {
+        this.selectionChange.emit(event);
+    }
     ngOnChanges(changes) {
         if (!changes['metadata'] && !changes['context']) {
             return;
@@ -3591,6 +3599,7 @@ class PraxisCrudComponent {
     }
     onConfigureRequested() {
         this.configureRequested.emit();
+        this.openCrudAuthoringFromTable();
     }
     async tryHandleCanonicalDeleteAction(action, row) {
         const normalizedAction = String(action.action || '').trim().toLowerCase();
@@ -4408,7 +4417,7 @@ class PraxisCrudComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisCrudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisCrudComponent, isStandalone: true, selector: "praxis-crud", inputs: { metadata: "metadata", crudId: "crudId", componentInstanceId: "componentInstanceId", context: "context", enableCustomization: "enableCustomization" }, outputs: { configureRequested: "configureRequested", afterOpen: "afterOpen", afterClose: "afterClose", afterSave: "afterSave", afterDelete: "afterDelete", error: "error", tableRuntimeConfigChange: "tableRuntimeConfigChange", crudAuthoringDocumentApplied: "crudAuthoringDocumentApplied", crudAuthoringDocumentSaved: "crudAuthoringDocumentSaved" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisCrudComponent, isStandalone: true, selector: "praxis-crud", inputs: { metadata: "metadata", crudId: "crudId", componentInstanceId: "componentInstanceId", context: "context", enableCustomization: "enableCustomization" }, outputs: { configureRequested: "configureRequested", afterOpen: "afterOpen", afterClose: "afterClose", afterSave: "afterSave", afterDelete: "afterDelete", error: "error", rowClick: "rowClick", selectionChange: "selectionChange", tableRuntimeConfigChange: "tableRuntimeConfigChange", crudAuthoringDocumentApplied: "crudAuthoringDocumentApplied", crudAuthoringDocumentSaved: "crudAuthoringDocumentSaved" }, providers: [
             providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
             providePraxisI18nConfig(PRAXIS_CRUD_RUNTIME_I18N_CONFIG),
         ], viewQueries: [{ propertyName: "table", first: true, predicate: PraxisTable, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
@@ -4422,6 +4431,8 @@ class PraxisCrudComponent {
         [tableId]="crudId || 'default'"
         [crudContext]="tableCrudContext"
         [enableCustomization]="enableCustomization"
+        (rowClick)="onTableRowClick($event)"
+        (selectionChange)="onTableSelectionChange($event)"
         (rowAction)="onAction($event.action, $event.row, $event)"
         (toolbarAction)="onAction($event.action)"
         (collectionLinksChange)="onCollectionLinksChange($event)"
@@ -4457,6 +4468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [tableId]="crudId || 'default'"
         [crudContext]="tableCrudContext"
         [enableCustomization]="enableCustomization"
+        (rowClick)="onTableRowClick($event)"
+        (selectionChange)="onTableSelectionChange($event)"
         (rowAction)="onAction($event.action, $event.row, $event)"
         (toolbarAction)="onAction($event.action)"
         (collectionLinksChange)="onCollectionLinksChange($event)"
@@ -4499,6 +4512,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], error: [{
                 type: Output
+            }], rowClick: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
             }], tableRuntimeConfigChange: [{
                 type: Output
             }], crudAuthoringDocumentApplied: [{
@@ -4857,7 +4874,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: CommonModule }, { 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: i5$1.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", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "formId", "componentInstanceId", "layout", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "domainRules", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "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: CommonModule }, { 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: i5$1.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", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFormDialogHostComponent, decorators: [{
             type: Component,
@@ -5139,6 +5156,16 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             type: '{ id: string | number }',
             description: 'Emitido ao deletar.',
         },
+        {
+            name: 'rowClick',
+            type: '{ row: unknown; index: number }',
+            description: 'Encaminha o clique de linha da tabela interna para composição master-detail e seleção local.',
+        },
+        {
+            name: 'selectionChange',
+            type: 'unknown',
+            description: 'Encaminha a mudança de seleção da tabela interna quando o CRUD é usado como widget composto.',
+        },
         {
             name: 'error',
             type: 'unknown',
@@ -5245,6 +5272,23 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             },
             scope: 'shell',
         },
+        {
+            id: 'row-click',
+            label: 'Clique em linha',
+            icon: 'ads_click',
+            description: 'Emite evento ao clicar em uma linha da tabela interna do CRUD.',
+            emit: 'rowClick',
+            payloadSchema: {
+                type: 'object',
+                properties: {
+                    row: { type: 'object', description: 'Registro clicado.' },
+                    index: { type: 'number', description: 'Índice da linha.' },
+                },
+                required: ['row'],
+                example: { row: {}, index: 0 },
+            },
+            scope: 'context',
+        },
         {
             id: 'close',
             label: 'Fechar',

package/index.d.ts

@@ -162,6 +162,8 @@ declare class PraxisCrudComponent implements OnChanges {
         id: string | number;
     }>;
     error: EventEmitter<unknown>;
+    rowClick: EventEmitter<unknown>;
+    selectionChange: EventEmitter<unknown>;
     tableRuntimeConfigChange: EventEmitter<_praxisui_core.TableConfigModern>;
     crudAuthoringDocumentApplied: EventEmitter<CrudAuthoringWidgetPersistenceEvent>;
     crudAuthoringDocumentSaved: EventEmitter<CrudAuthoringWidgetPersistenceEvent>;
@@ -200,6 +202,8 @@ declare class PraxisCrudComponent implements OnChanges {
     private collectionCapabilitiesRequestSeq;
     private currentAuthoringDocument?;
     onResetPreferences(): void;
+    onTableRowClick(event: unknown): void;
+    onTableSelectionChange(event: unknown): void;
     ngOnChanges(changes: SimpleChanges): void;
     onAction(action: string, row?: Record<string, unknown>, runtimeEvent?: CrudActionRuntimeEvent): Promise<void>;
     getCurrentTableConfigSnapshot(): TableConfig | null;
@@ -266,7 +270,7 @@ declare class PraxisCrudComponent implements OnChanges {
     private getCrudActionLabel;
     private tx;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisCrudComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisCrudComponent, "praxis-crud", never, { "metadata": { "alias": "metadata"; "required": true; }; "crudId": { "alias": "crudId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "context": { "alias": "context"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; }, { "configureRequested": "configureRequested"; "afterOpen": "afterOpen"; "afterClose": "afterClose"; "afterSave": "afterSave"; "afterDelete": "afterDelete"; "error": "error"; "tableRuntimeConfigChange": "tableRuntimeConfigChange"; "crudAuthoringDocumentApplied": "crudAuthoringDocumentApplied"; "crudAuthoringDocumentSaved": "crudAuthoringDocumentSaved"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisCrudComponent, "praxis-crud", never, { "metadata": { "alias": "metadata"; "required": true; }; "crudId": { "alias": "crudId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "context": { "alias": "context"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; }, { "configureRequested": "configureRequested"; "afterOpen": "afterOpen"; "afterClose": "afterClose"; "afterSave": "afterSave"; "afterDelete": "afterDelete"; "error": "error"; "rowClick": "rowClick"; "selectionChange": "selectionChange"; "tableRuntimeConfigChange": "tableRuntimeConfigChange"; "crudAuthoringDocumentApplied": "crudAuthoringDocumentApplied"; "crudAuthoringDocumentSaved": "crudAuthoringDocumentSaved"; }, never, never, true, never>;
 }
 
 type CrudDrawerResultType = 'save' | 'delete' | 'close';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@praxisui/crud",
-  "version": "8.0.0-beta.26",
+  "version": "8.0.0-beta.27",
   "description": "CRUD building blocks for Praxis UI: integrates dynamic forms and tables with unified configuration and services.",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0",
-    "@praxisui/dynamic-form": "^8.0.0-beta.26",
-    "@praxisui/table": "^8.0.0-beta.26",
-    "@praxisui/core": "^8.0.0-beta.26",
-    "@praxisui/dynamic-fields": "^8.0.0-beta.26",
-    "@praxisui/settings-panel": "^8.0.0-beta.26",
+    "@praxisui/dynamic-form": "^8.0.0-beta.27",
+    "@praxisui/table": "^8.0.0-beta.27",
+    "@praxisui/core": "^8.0.0-beta.27",
+    "@praxisui/dynamic-fields": "^8.0.0-beta.27",
+    "@praxisui/settings-panel": "^8.0.0-beta.27",
     "@angular/cdk": "^20.1.0",
     "@angular/forms": "^20.1.0",
     "@angular/material": "^20.1.0",
     "@angular/router": "^20.1.0",
-    "@praxisui/ai": "^8.0.0-beta.26",
+    "@praxisui/ai": "^8.0.0-beta.27",
     "rxjs": "~7.8.0"
   },
   "dependencies": {