@praxisui/files-upload 8.0.0-beta.20 → 8.0.0-beta.21

package/fesm2022/praxisui-files-upload.mjs

@@ -32,7 +32,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i2 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { of, throwError, BehaviorSubject, map as map$1, startWith, retry, debounceTime, from } from 'rxjs';
+import { of, throwError, BehaviorSubject, map as map$1, startWith, retry, debounceTime, from, Subscription } from 'rxjs';
 import * as i1$3 from '@praxisui/settings-panel';
 import { SETTINGS_PANEL_DATA } from '@praxisui/settings-panel';
 import { map, catchError, take, concatMap, toArray, tap, filter, defaultIfEmpty } from 'rxjs/operators';
@@ -6232,6 +6232,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: ['pendingPanel']
             }] } });
 
+class PraxisFilesUploadWidgetConfigEditor {
+    inputs = null;
+    widgetKey;
+    uploadEditor;
+    isDirty$ = new BehaviorSubject(false);
+    isValid$ = new BehaviorSubject(true);
+    isBusy$ = new BehaviorSubject(false);
+    subscription = new Subscription();
+    ngAfterViewInit() {
+        if (!this.uploadEditor) {
+            return;
+        }
+        this.initializeChildEditor();
+        this.subscription.add(this.uploadEditor.isDirty$.subscribe((value) => this.isDirty$.next(value)));
+        this.subscription.add(this.uploadEditor.isValid$.subscribe((value) => this.isValid$.next(value)));
+        this.subscription.add(this.uploadEditor.isBusy$.subscribe((value) => this.isBusy$.next(value)));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    getSettingsValue() {
+        return this.buildValue(this.uploadEditor?.getSettingsValue());
+    }
+    onSave() {
+        return this.buildValue(this.uploadEditor?.getSettingsValue() ?? this.inputs?.config);
+    }
+    reset() {
+        this.initializeChildEditor();
+    }
+    initializeChildEditor() {
+        const config = this.normalizeEditorPatch(this.inputs?.config ?? {});
+        this.uploadEditor?.form.patchValue(config, { emitEvent: false });
+        this.uploadEditor?.isDirty$.next(false);
+    }
+    buildValue(rawConfig) {
+        return {
+            inputs: {
+                ...(this.inputs ?? {}),
+                config: (rawConfig ?? {}),
+                filesUploadId: this.inputs?.filesUploadId ?? this.widgetKey,
+                componentInstanceId: this.inputs?.componentInstanceId ?? this.widgetKey,
+                baseUrl: this.inputs?.baseUrl,
+                displayMode: this.inputs?.displayMode ?? 'full',
+                context: this.inputs?.context ?? null,
+                enableCustomization: this.inputs?.enableCustomization ?? false,
+            },
+        };
+    }
+    normalizeEditorPatch(config) {
+        const patch = structuredClone(config ?? {});
+        if (Array.isArray(patch.ui?.accept)) {
+            patch.ui = {
+                ...patch.ui,
+                accept: patch.ui.accept.join(','),
+            };
+        }
+        if (Array.isArray(patch.ui?.list?.detailsFields)) {
+            patch.ui = {
+                ...patch.ui,
+                list: {
+                    ...patch.ui.list,
+                    detailsFields: patch.ui.list.detailsFields.join(','),
+                },
+            };
+        }
+        if (Array.isArray(patch.options?.allowedExtensions)) {
+            patch.options = {
+                ...patch.options,
+                allowedExtensions: patch.options.allowedExtensions.join(','),
+            };
+        }
+        if (Array.isArray(patch.options?.acceptMimeTypes)) {
+            patch.options = {
+                ...patch.options,
+                acceptMimeTypes: patch.options.acceptMimeTypes.join(','),
+            };
+        }
+        return patch;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilesUploadWidgetConfigEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisFilesUploadWidgetConfigEditor, isStandalone: true, selector: "praxis-files-upload-widget-config-editor", inputs: { inputs: "inputs", widgetKey: "widgetKey" }, viewQueries: [{ propertyName: "uploadEditor", first: true, predicate: ["uploadEditor"], descendants: true }], ngImport: i0, template: `
+    <section data-testid="files-upload-widget-config-editor">
+      <praxis-files-upload-config-editor #uploadEditor />
+    </section>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PraxisFilesUploadConfigEditor, selector: "praxis-files-upload-config-editor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilesUploadWidgetConfigEditor, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'praxis-files-upload-widget-config-editor',
+                    standalone: true,
+                    imports: [CommonModule, PraxisFilesUploadConfigEditor],
+                    template: `
+    <section data-testid="files-upload-widget-config-editor">
+      <praxis-files-upload-config-editor #uploadEditor />
+    </section>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { inputs: [{
+                type: Input
+            }], widgetKey: [{
+                type: Input
+            }], uploadEditor: [{
+                type: ViewChild,
+                args: ['uploadEditor']
+            }] } });
+
 const PRAXIS_FILES_UPLOAD_COMPONENT_METADATA = {
     id: 'praxis-files-upload',
     selector: 'praxis-files-upload',
@@ -6239,6 +6347,14 @@ const PRAXIS_FILES_UPLOAD_COMPONENT_METADATA = {
     friendlyName: 'Praxis Files Upload',
     description: 'Componente para upload de arquivos com suporte a configuracao dinamica, eventos e integracao com backend.',
     icon: 'upload_file',
+    authoringManifestRef: {
+        componentId: 'praxis-files-upload',
+        source: 'PRAXIS_FILES_UPLOAD_AUTHORING_MANIFEST',
+    },
+    configEditor: {
+        component: PraxisFilesUploadWidgetConfigEditor,
+        title: 'Configurar upload de arquivos',
+    },
     inputs: [
         {
             name: 'config',
@@ -6896,4 +7012,4 @@ const PRAXIS_FILES_UPLOAD_AUTHORING_MANIFEST = {
  * Generated bundle index. Do not edit.
  */
 
-export { BulkUploadResultStatus, ErrorCode, ErrorMapperService, FILES_UPLOAD_AI_CAPABILITIES, FILES_UPLOAD_EN_US, FILES_UPLOAD_ERROR_MESSAGES, FILES_UPLOAD_PT_BR, FILES_UPLOAD_TEXTS, FilesApiClient, PRAXIS_FILES_UPLOAD_AUTHORING_MANIFEST, PRAXIS_FILES_UPLOAD_COMPONENT_METADATA, PdxFilesUploadFieldComponent, PraxisFilesUpload, PraxisFilesUploadConfigEditor, PresignedUploaderService, ScanStatus, TRANSLATE_LIKE, acceptValidator, createPraxisFilesUploadI18nConfig, getPrimaryErrorItem, isErrorEnvelope, maxBulkSizeValidator, maxFileSizeValidator, maxFilesPerBulkValidator, providePraxisFilesUploadI18n, providePraxisFilesUploadMetadata, resolvePraxisFilesUploadText };
+export { BulkUploadResultStatus, ErrorCode, ErrorMapperService, FILES_UPLOAD_AI_CAPABILITIES, FILES_UPLOAD_EN_US, FILES_UPLOAD_ERROR_MESSAGES, FILES_UPLOAD_PT_BR, FILES_UPLOAD_TEXTS, FilesApiClient, PRAXIS_FILES_UPLOAD_AUTHORING_MANIFEST, PRAXIS_FILES_UPLOAD_COMPONENT_METADATA, PdxFilesUploadFieldComponent, PraxisFilesUpload, PraxisFilesUploadConfigEditor, PraxisFilesUploadWidgetConfigEditor, PresignedUploaderService, ScanStatus, TRANSLATE_LIKE, acceptValidator, createPraxisFilesUploadI18nConfig, getPrimaryErrorItem, isErrorEnvelope, maxBulkSizeValidator, maxFileSizeValidator, maxFilesPerBulkValidator, providePraxisFilesUploadI18n, providePraxisFilesUploadMetadata, resolvePraxisFilesUploadText };

package/index.d.ts

@@ -802,6 +802,39 @@ declare class PraxisFilesUploadConfigEditor implements OnInit, SettingsValueProv
     static ɵcmp: i0.ɵɵComponentDeclaration<PraxisFilesUploadConfigEditor, "praxis-files-upload-config-editor", never, {}, {}, never, never, true, never>;
 }
 
+interface PraxisFilesUploadWidgetEditorInputs {
+    config?: FilesUploadConfig | null;
+    filesUploadId?: string;
+    componentInstanceId?: string;
+    baseUrl?: string;
+    displayMode?: 'full' | 'compact';
+    context?: Record<string, unknown> | null;
+    enableCustomization?: boolean;
+    [key: string]: unknown;
+}
+interface PraxisFilesUploadWidgetEditorValue {
+    inputs: PraxisFilesUploadWidgetEditorInputs;
+}
+declare class PraxisFilesUploadWidgetConfigEditor implements SettingsValueProvider, AfterViewInit, OnDestroy {
+    inputs: PraxisFilesUploadWidgetEditorInputs | null;
+    widgetKey?: string;
+    uploadEditor?: PraxisFilesUploadConfigEditor;
+    readonly isDirty$: BehaviorSubject<boolean>;
+    readonly isValid$: BehaviorSubject<boolean>;
+    readonly isBusy$: BehaviorSubject<boolean>;
+    private readonly subscription;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    getSettingsValue(): PraxisFilesUploadWidgetEditorValue;
+    onSave(): PraxisFilesUploadWidgetEditorValue;
+    reset(): void;
+    private initializeChildEditor;
+    private buildValue;
+    private normalizeEditorPatch;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PraxisFilesUploadWidgetConfigEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisFilesUploadWidgetConfigEditor, "praxis-files-upload-widget-config-editor", never, { "inputs": { "alias": "inputs"; "required": false; }; "widgetKey": { "alias": "widgetKey"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare const FILES_UPLOAD_EN_US: {
     'praxis.filesUpload.editor.summary.ariaLabel': string;
     'praxis.filesUpload.editor.summary.title': string;
@@ -1467,5 +1500,5 @@ declare const FILES_UPLOAD_AI_CAPABILITIES: CapabilityCatalog;
 
 declare const PRAXIS_FILES_UPLOAD_AUTHORING_MANIFEST: ComponentAuthoringManifest;
 
-export { BulkUploadResultStatus, ErrorCode, ErrorMapperService, FILES_UPLOAD_AI_CAPABILITIES, FILES_UPLOAD_EN_US, FILES_UPLOAD_ERROR_MESSAGES, FILES_UPLOAD_PT_BR, FILES_UPLOAD_TEXTS, FilesApiClient, PRAXIS_FILES_UPLOAD_AUTHORING_MANIFEST, PRAXIS_FILES_UPLOAD_COMPONENT_METADATA, PdxFilesUploadFieldComponent, PraxisFilesUpload, PraxisFilesUploadConfigEditor, PresignedUploaderService, ScanStatus, TRANSLATE_LIKE, acceptValidator, createPraxisFilesUploadI18nConfig, getPrimaryErrorItem, isErrorEnvelope, maxBulkSizeValidator, maxFileSizeValidator, maxFilesPerBulkValidator, providePraxisFilesUploadI18n, providePraxisFilesUploadMetadata, resolvePraxisFilesUploadText };
-export type { ApiErrorEnvelope, ApiErrorItem, ApiResponseStatus, ApiSuccessEnvelope, BulkConfig, BulkUploadFile, BulkUploadFileResult, BulkUploadOptions, BulkUploadResponse, BulkUploadResponseData, Capability, CapabilityCatalog, CapabilityCategory, EffectiveUploadConfig, ErrorLike, ErrorResponse, FileMetadata, FileUploadOptions, FilesUploadBackendOptionsConfig, FilesUploadConfig, FilesUploadExecutionConfig, FilesUploadHeadersConfig, FilesUploadMessagesConfig, FilesUploadQuotaFeedbackConfig, FilesUploadRateLimitFeedbackConfig, FilesUploadReadinessEvent, FilesUploadReadySource, FilesUploadReadyState, FilesUploadStrategy, FilesUploadTexts, FilesUploadValidationConfig, FilesUploadVisualConfig, MappedError, Metadata, PendingFilesState, PraxisFilesUploadI18nOptions, PresignResponse, QuotasConfig, RateLimitConfig, RateLimitInfo, ServerMessages, TranslateLike, UploadOptions, UploadProgressEvent, UploadResponse, UploadResponseData, UploadStartEvent, ValueKind };
+export { BulkUploadResultStatus, ErrorCode, ErrorMapperService, FILES_UPLOAD_AI_CAPABILITIES, FILES_UPLOAD_EN_US, FILES_UPLOAD_ERROR_MESSAGES, FILES_UPLOAD_PT_BR, FILES_UPLOAD_TEXTS, FilesApiClient, PRAXIS_FILES_UPLOAD_AUTHORING_MANIFEST, PRAXIS_FILES_UPLOAD_COMPONENT_METADATA, PdxFilesUploadFieldComponent, PraxisFilesUpload, PraxisFilesUploadConfigEditor, PraxisFilesUploadWidgetConfigEditor, PresignedUploaderService, ScanStatus, TRANSLATE_LIKE, acceptValidator, createPraxisFilesUploadI18nConfig, getPrimaryErrorItem, isErrorEnvelope, maxBulkSizeValidator, maxFileSizeValidator, maxFilesPerBulkValidator, providePraxisFilesUploadI18n, providePraxisFilesUploadMetadata, resolvePraxisFilesUploadText };
+export type { ApiErrorEnvelope, ApiErrorItem, ApiResponseStatus, ApiSuccessEnvelope, BulkConfig, BulkUploadFile, BulkUploadFileResult, BulkUploadOptions, BulkUploadResponse, BulkUploadResponseData, Capability, CapabilityCatalog, CapabilityCategory, EffectiveUploadConfig, ErrorLike, ErrorResponse, FileMetadata, FileUploadOptions, FilesUploadBackendOptionsConfig, FilesUploadConfig, FilesUploadExecutionConfig, FilesUploadHeadersConfig, FilesUploadMessagesConfig, FilesUploadQuotaFeedbackConfig, FilesUploadRateLimitFeedbackConfig, FilesUploadReadinessEvent, FilesUploadReadySource, FilesUploadReadyState, FilesUploadStrategy, FilesUploadTexts, FilesUploadValidationConfig, FilesUploadVisualConfig, MappedError, Metadata, PendingFilesState, PraxisFilesUploadI18nOptions, PraxisFilesUploadWidgetEditorInputs, PraxisFilesUploadWidgetEditorValue, PresignResponse, QuotasConfig, RateLimitConfig, RateLimitInfo, ServerMessages, TranslateLike, UploadOptions, UploadProgressEvent, UploadResponse, UploadResponseData, UploadStartEvent, ValueKind };

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@praxisui/files-upload",
-  "version": "8.0.0-beta.20",
+  "version": "8.0.0-beta.21",
   "description": "File upload components and services for Praxis UI with presigned and direct strategies, quotas and rate-limit handling.",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/material": "^20.0.0",
-    "@praxisui/core": "^8.0.0-beta.20",
-    "@praxisui/dynamic-fields": "^8.0.0-beta.20",
-    "@praxisui/settings-panel": "^8.0.0-beta.20",
+    "@praxisui/core": "^8.0.0-beta.21",
+    "@praxisui/dynamic-fields": "^8.0.0-beta.21",
+    "@praxisui/settings-panel": "^8.0.0-beta.21",
     "@angular/forms": "^20.0.0",
     "@angular/router": "^20.0.0",
-    "@praxisui/ai": "^8.0.0-beta.20",
+    "@praxisui/ai": "^8.0.0-beta.21",
     "rxjs": "~7.8.0"
   },
   "dependencies": {