@praxisui/crud 8.0.0-beta.20 → 8.0.0-beta.21

package/fesm2022/praxisui-crud.mjs

@@ -4,7 +4,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { HttpClient } from '@angular/common/http';
 import { Router, ActivatedRoute, RouterLink } from '@angular/router';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { firstValueFrom, BehaviorSubject } from 'rxjs';
+import { firstValueFrom, BehaviorSubject, Subscription } from 'rxjs';
 import * as i2$1 from '@praxisui/core';
 import { ASYNC_CONFIG_STORAGE, GlobalConfigService, CrudOperationResolutionService, fillUndefined, SETTINGS_PANEL_DATA, PraxisI18nService, providePraxisI18nConfig, createDefaultTableConfig, ResourceDiscoveryService, ResourceActionOpenAdapterService, ResourceSurfaceOpenAdapterService, GLOBAL_SURFACE_SERVICE, ComponentKeyService, translateUnavailableWorkflowMessage, EmptyStateCardComponent, RESOURCE_DISCOVERY_I18N_CONFIG, PraxisIconDirective, GenericCrudService, ComponentMetadataRegistry } from '@praxisui/core';
 import { SettingsPanelService } from '@praxisui/settings-panel';
@@ -4439,7 +4439,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", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "enableCustomization", "dense"], outputs: ["rowClick", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "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", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "horizontalScroll", "enableCustomization", "dense"], outputs: ["rowClick", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "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: "20.3.17", ngImport: i0, type: PraxisCrudComponent, decorators: [{
             type: Component,
@@ -4963,6 +4963,102 @@ var dynamicFormDialogHost_component = /*#__PURE__*/Object.freeze({
     DynamicFormDialogHostComponent: DynamicFormDialogHostComponent
 });
 
+class PraxisCrudWidgetConfigEditor {
+    inputs = null;
+    widgetKey;
+    crudEditor;
+    isDirty$ = new BehaviorSubject(false);
+    isValid$ = new BehaviorSubject(true);
+    isBusy$ = new BehaviorSubject(false);
+    subscription = new Subscription();
+    ngAfterViewInit() {
+        if (!this.crudEditor) {
+            return;
+        }
+        this.subscription.add(this.crudEditor.isDirty$.subscribe((value) => this.isDirty$.next(value)));
+        this.subscription.add(this.crudEditor.isValid$.subscribe((value) => this.isValid$.next(value)));
+        this.subscription.add(this.crudEditor.isBusy$.subscribe((value) => this.isBusy$.next(value)));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    get metadata() {
+        return this.createDocumentFromInputs().metadata;
+    }
+    get effectiveCrudId() {
+        return this.inputs?.crudId ?? this.widgetKey ?? null;
+    }
+    getSettingsValue() {
+        return this.buildValue(this.crudEditor?.getSettingsValue());
+    }
+    onSave() {
+        return this.buildValue(this.crudEditor?.onSave?.() ?? this.crudEditor?.getSettingsValue());
+    }
+    reset() {
+        this.crudEditor?.reset?.();
+    }
+    buildValue(rawPayload) {
+        const document = this.extractDocument(rawPayload);
+        return {
+            inputs: {
+                ...(this.inputs ?? {}),
+                metadata: document.metadata,
+                crudId: this.inputs?.crudId ?? this.widgetKey,
+                componentInstanceId: this.inputs?.componentInstanceId ?? this.widgetKey,
+                context: this.inputs?.context,
+                enableCustomization: this.inputs?.enableCustomization ?? false,
+            },
+        };
+    }
+    createDocumentFromInputs() {
+        return parseLegacyOrCrudDocument(this.inputs?.metadata ?? {
+            component: 'praxis-crud',
+            table: { columns: [] },
+        });
+    }
+    extractDocument(rawPayload) {
+        const payload = rawPayload;
+        return parseLegacyOrCrudDocument(payload?.document ??
+            payload?.metadata ??
+            serializeCrudAuthoringDocument(this.createDocumentFromInputs()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisCrudWidgetConfigEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisCrudWidgetConfigEditor, isStandalone: true, selector: "praxis-crud-widget-config-editor", inputs: { inputs: "inputs", widgetKey: "widgetKey" }, viewQueries: [{ propertyName: "crudEditor", first: true, predicate: ["crudEditor"], descendants: true }], ngImport: i0, template: `
+    <section data-testid="crud-widget-config-editor">
+      <praxis-crud-metadata-editor
+        #crudEditor
+        [metadata]="metadata"
+        [crudId]="effectiveCrudId"
+      />
+    </section>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CrudMetadataEditorComponent, selector: "praxis-crud-metadata-editor", inputs: ["document", "metadata", "crudId", "readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisCrudWidgetConfigEditor, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'praxis-crud-widget-config-editor',
+                    standalone: true,
+                    imports: [CommonModule, CrudMetadataEditorComponent],
+                    template: `
+    <section data-testid="crud-widget-config-editor">
+      <praxis-crud-metadata-editor
+        #crudEditor
+        [metadata]="metadata"
+        [crudId]="effectiveCrudId"
+      />
+    </section>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { inputs: [{
+                type: Input
+            }], widgetKey: [{
+                type: Input
+            }], crudEditor: [{
+                type: ViewChild,
+                args: ['crudEditor']
+            }] } });
+
 /** Metadata for PraxisCrudComponent */
 const PRAXIS_CRUD_COMPONENT_METADATA = {
     id: 'praxis-crud',
@@ -4971,6 +5067,14 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
     friendlyName: 'Praxis CRUD',
     description: 'Tabela com operações de CRUD via metadados.',
     icon: 'table_chart',
+    authoringManifestRef: {
+        componentId: 'praxis-crud',
+        source: 'PRAXIS_CRUD_AUTHORING_MANIFEST',
+    },
+    configEditor: {
+        component: PraxisCrudWidgetConfigEditor,
+        title: 'Configurar CRUD',
+    },
     inputs: [
         {
             name: 'metadata',
@@ -5792,4 +5896,4 @@ const PRAXIS_CRUD_AUTHORING_MANIFEST = {
  * Generated bundle index. Do not edit.
  */
 
-export { CRUD_AI_CAPABILITIES, CrudLauncherService, CrudMetadataEditorComponent, CrudPageHeaderComponent, DialogService, DynamicFormDialogHostComponent, PRAXIS_CRUD_AUTHORING_MANIFEST, PRAXIS_CRUD_COMPONENT_METADATA, PraxisCrudComponent, assertCrudMetadata, createCrudAuthoringDocument, findCrudAction, normalizeCrudAuthoringDocument, openCrudMetadataEditor, parseLegacyOrCrudDocument, providePraxisCrudMetadata, serializeCrudAuthoringDocument, validateCrudAuthoringDocument };
+export { CRUD_AI_CAPABILITIES, CrudLauncherService, CrudMetadataEditorComponent, CrudPageHeaderComponent, DialogService, DynamicFormDialogHostComponent, PRAXIS_CRUD_AUTHORING_MANIFEST, PRAXIS_CRUD_COMPONENT_METADATA, PraxisCrudComponent, PraxisCrudWidgetConfigEditor, assertCrudMetadata, createCrudAuthoringDocument, findCrudAction, normalizeCrudAuthoringDocument, openCrudMetadataEditor, parseLegacyOrCrudDocument, providePraxisCrudMetadata, serializeCrudAuthoringDocument, validateCrudAuthoringDocument };

package/index.d.ts

@@ -2,7 +2,7 @@ import * as _praxisui_core from '@praxisui/core';
 import { ApiEndpoint, TableConfig, PraxisDataQueryContext, FormConfig, BackConfig, RowAction, ToolbarAction, ApiUrlEntry, ResourceActionCatalogItem, ResourceSurfaceCatalogItem, LoadingState, RestApiLinks, ResourceCapabilitySnapshot, GenericCrudService, AsyncConfigStorage, ComponentDocMeta, AiCapabilityCategory, AiValueKind, AiCapability, AiCapabilityCatalog, ComponentAuthoringManifest, SettingsValueProvider } from '@praxisui/core';
 export { BackConfig } from '@praxisui/core';
 import * as _angular_core from '@angular/core';
-import { NgZone, OnChanges, EventEmitter, SimpleChanges, OnInit, Provider } from '@angular/core';
+import { NgZone, OnChanges, EventEmitter, SimpleChanges, OnInit, Provider, AfterViewInit, OnDestroy } from '@angular/core';
 import { MatDialogConfig, MatDialogRef, MatDialog } from '@angular/material/dialog';
 export { MAT_DIALOG_DATA as DIALOG_DATA } from '@angular/material/dialog';
 import { ComponentType } from '@angular/cdk/portal';
@@ -586,6 +586,39 @@ declare class CrudMetadataEditorComponent implements SettingsValueProvider {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CrudMetadataEditorComponent, "praxis-crud-metadata-editor", never, { "documentInput": { "alias": "document"; "required": false; "isSignal": true; }; "metadataInput": { "alias": "metadata"; "required": false; "isSignal": true; }; "crudIdInput": { "alias": "crudId"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+interface PraxisCrudWidgetEditorInputs {
+    metadata?: CrudMetadata | string | null;
+    crudId?: string;
+    componentInstanceId?: string;
+    context?: Record<string, unknown>;
+    enableCustomization?: boolean;
+    [key: string]: unknown;
+}
+interface PraxisCrudWidgetEditorValue {
+    inputs: PraxisCrudWidgetEditorInputs;
+}
+declare class PraxisCrudWidgetConfigEditor implements SettingsValueProvider, AfterViewInit, OnDestroy {
+    inputs: PraxisCrudWidgetEditorInputs | null;
+    widgetKey?: string;
+    crudEditor?: CrudMetadataEditorComponent;
+    readonly isDirty$: BehaviorSubject<boolean>;
+    readonly isValid$: BehaviorSubject<boolean>;
+    readonly isBusy$: BehaviorSubject<boolean>;
+    private readonly subscription;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    get metadata(): CrudMetadata;
+    get effectiveCrudId(): string | null;
+    getSettingsValue(): PraxisCrudWidgetEditorValue;
+    onSave(): PraxisCrudWidgetEditorValue;
+    reset(): void;
+    private buildValue;
+    private createDocumentFromInputs;
+    private extractDocument;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisCrudWidgetConfigEditor, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisCrudWidgetConfigEditor, "praxis-crud-widget-config-editor", never, { "inputs": { "alias": "inputs"; "required": false; }; "widgetKey": { "alias": "widgetKey"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 type OpenCrudMetadataEditorOptions = {
     id?: string;
     title?: string;
@@ -597,5 +630,5 @@ type OpenCrudMetadataEditorOptions = {
 };
 declare function openCrudMetadataEditor(settings: SettingsPanelService, opts?: OpenCrudMetadataEditorOptions): _praxisui_settings_panel.SettingsPanelRef;
 
-export { CRUD_AI_CAPABILITIES, CrudLauncherService, CrudMetadataEditorComponent, CrudPageHeaderComponent, DialogService, DynamicFormDialogHostComponent, PRAXIS_CRUD_AUTHORING_MANIFEST, PRAXIS_CRUD_COMPONENT_METADATA, PraxisCrudComponent, assertCrudMetadata, createCrudAuthoringDocument, findCrudAction, normalizeCrudAuthoringDocument, openCrudMetadataEditor, parseLegacyOrCrudDocument, providePraxisCrudMetadata, serializeCrudAuthoringDocument, validateCrudAuthoringDocument };
-export type { Capability, CapabilityCatalog, CapabilityCategory, CrudAction, CrudActionFormContract, CrudActionResolutionMode, CrudAuthoringDocument, CrudAuthoringWidgetPersistenceEvent, CrudDefaults, CrudEditorDiagnostic, CrudHeaderConfig, CrudHeaderVariant, CrudMetadata, CrudMetadataAssertionOptions, CrudParamMapping, CrudResource, CrudValidationContext, DialogConfig, DialogRef, FormOpenMode, OpenCrudMetadataEditorOptions, ValueKind };
+export { CRUD_AI_CAPABILITIES, CrudLauncherService, CrudMetadataEditorComponent, CrudPageHeaderComponent, DialogService, DynamicFormDialogHostComponent, PRAXIS_CRUD_AUTHORING_MANIFEST, PRAXIS_CRUD_COMPONENT_METADATA, PraxisCrudComponent, PraxisCrudWidgetConfigEditor, assertCrudMetadata, createCrudAuthoringDocument, findCrudAction, normalizeCrudAuthoringDocument, openCrudMetadataEditor, parseLegacyOrCrudDocument, providePraxisCrudMetadata, serializeCrudAuthoringDocument, validateCrudAuthoringDocument };
+export type { Capability, CapabilityCatalog, CapabilityCategory, CrudAction, CrudActionFormContract, CrudActionResolutionMode, CrudAuthoringDocument, CrudAuthoringWidgetPersistenceEvent, CrudDefaults, CrudEditorDiagnostic, CrudHeaderConfig, CrudHeaderVariant, CrudMetadata, CrudMetadataAssertionOptions, CrudParamMapping, CrudResource, CrudValidationContext, DialogConfig, DialogRef, FormOpenMode, OpenCrudMetadataEditorOptions, PraxisCrudWidgetEditorInputs, PraxisCrudWidgetEditorValue, ValueKind };

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@praxisui/crud",
-  "version": "8.0.0-beta.20",
+  "version": "8.0.0-beta.21",
   "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.20",
-    "@praxisui/table": "^8.0.0-beta.20",
-    "@praxisui/core": "^8.0.0-beta.20",
-    "@praxisui/dynamic-fields": "^8.0.0-beta.20",
-    "@praxisui/settings-panel": "^8.0.0-beta.20",
+    "@praxisui/dynamic-form": "^8.0.0-beta.21",
+    "@praxisui/table": "^8.0.0-beta.21",
+    "@praxisui/core": "^8.0.0-beta.21",
+    "@praxisui/dynamic-fields": "^8.0.0-beta.21",
+    "@praxisui/settings-panel": "^8.0.0-beta.21",
     "@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.20",
+    "@praxisui/ai": "^8.0.0-beta.21",
     "rxjs": "~7.8.0"
   },
   "dependencies": {