ngx-vector-components 6.17.1 → 6.18.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [6.18.0] (28/08/2026)
+
+### Feat
+
+- Added native validations with toast messages for the alloweds extensions in `vector-input-file`
+
 ## [6.17.1] (26/08/2026)
 
 ### Fix

package/fesm2022/ngx-vector-components.mjs

@@ -4428,6 +4428,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 args: [FiltersComponent, { static: true }]
             }] } });
 
+const INPUT_FILE_ACCEPT_EXTENSIONS = [
+    'PDF',
+    'DOC',
+    'DOCX',
+    'XLS',
+    'XLSX',
+    'PPT',
+    'PPTX',
+    'TXT',
+    'CSV',
+    'RTF',
+    'JPG',
+    'JPEG',
+    'PNG',
+    'GIF',
+    'BMP',
+    'WEBP',
+    'SVG',
+    'ZIP',
+    'RAR',
+    'JSON',
+    'XML',
+];
 const UPLOAD_BUTTON_ATTACH_DEFAULTS = {
     label: 'Anexar',
     type: 'default-filled',
@@ -4502,7 +4525,11 @@ class InputFileComponent {
         this.uploadType = 'single';
         /** Formato salvo em `convertedData`: `'base64'` (data URL string) ou `'formData'` (FormData pronto para POST). Default: `'formData'`. */
         this.uploadFormat = 'formData';
-        /** Extensões aceitas, ex: `['PDF', 'JPG']` (vira `accept=".pdf,.jpg"`). Array vazio = aceita qualquer tipo. */
+        /**
+         * Extensões aceitas, ex: `['PDF', 'JPG']` (vira `accept=".pdf,.jpg"`). Arquivos com outra extensão
+         * são bloqueados na seleção, com toast de aviso. Array vazio = aceita qualquer extensão
+         * de {@link INPUT_FILE_ACCEPT_EXTENSIONS}.
+         */
         this.acceptExtensions = [];
         /** Tamanho máximo por arquivo em **MB** (ex: `5` = 5MB). `null` = sem limite. Convertido internamente pra bytes. */
         this.maxFileSize = null;
@@ -4592,7 +4619,15 @@ class InputFileComponent {
     }
     // ─── Config conversion ───────────────────────────────────
     get acceptString() {
-        return (this.acceptExtensions ?? []).map((ext) => `.${ext.toLowerCase()}`).join(',');
+        return this.allowedExtensions.map((ext) => `.${ext.toLowerCase()}`).join(',');
+    }
+    /**
+     * Extensões efetivamente aceitas: as configuradas em `acceptExtensions` ou, quando nada
+     * foi configurado, todas as que o componente suporta.
+     */
+    get allowedExtensions() {
+        const configured = this.acceptExtensions ?? [];
+        return configured.length > 0 ? configured : INPUT_FILE_ACCEPT_EXTENSIONS;
     }
     get maxFileSizeBytes() {
         const mb = this.maxFileSize ?? 0;
@@ -4666,7 +4701,7 @@ class InputFileComponent {
         const selected = Array.from(event?.files ?? []);
         if (selected.length === 0)
             return;
-        const files = this.rejectOversizedFiles(selected);
+        const files = this.rejectOversizedFiles(this.rejectDisallowedExtensions(selected));
         if (files.length === 0)
             return;
         if (this.uploadType === 'single') {
@@ -4767,6 +4802,31 @@ class InputFileComponent {
         targetInput.multiple = this.uploadType === 'multiple';
         targetInput.click();
     }
+    rejectDisallowedExtensions(files) {
+        const allowed = new Set(this.allowedExtensions.map((ext) => ext.toLowerCase()));
+        const rejected = files.filter((file) => !allowed.has(this.normalizedExtension(file.name)));
+        if (rejected.length > 0)
+            this.notifyDisallowedExtensions(rejected);
+        return files.filter((file) => allowed.has(this.normalizedExtension(file.name)));
+    }
+    notifyDisallowedExtensions(files) {
+        const hasConfiguredExtensions = (this.acceptExtensions ?? []).length > 0;
+        const extensions = this.allowedExtensions.join(', ');
+        this.messageService?.add({
+            severity: MessageStatus.WARN,
+            summary: files.length === 1 ? 'Extensão não permitida' : 'Extensões não permitidas',
+            detail: hasConfiguredExtensions
+                ? `${this.fileNameList(files)} — ${files.length === 1 ? 'só é aceito' : 'só são aceitos'} ${extensions}.`
+                : `${this.fileNameList(files)} — o componente aceita apenas ${extensions}.`,
+            life: WARNING_TOAST_LIFE_MS,
+        });
+    }
+    fileNameList(files) {
+        return files.map((file) => file.name).join(', ');
+    }
+    normalizedExtension(filename) {
+        return this.extractExtension(filename).replace('.', '').toLowerCase();
+    }
     /** Descarta os arquivos que excedem `maxFileSize` e notifica o usuário. */
     rejectOversizedFiles(files) {
         const maxBytes = this.maxFileSizeBytes;
@@ -6813,5 +6873,5 @@ const getSelectedCrudItemResolver = (routeSnapshot) => {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_NAME, AppName, AuthService, BadgeComponent, BadgeModule, BooleanType, BreadcrumbComponent, BreadcrumbModule, BreadcrumbService, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CpfCnpjValidator, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudHeaderComponent, CrudHeaderModule, CrudHistory, CrudHistoryComponent, CrudHistoryModule, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DrawerComponent, DrawerModule, DropdownFieldComponent, ENVIRONMENT, EnumService, ErrorMessageService, FieldErrorMessageComponent, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, FormatDocumentPipe, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GeolocationService, HttpInterceptorProvider, InputFileComponent, InputNumberFieldComponent, InputOtpComponent, InputSwitchFieldComponent, LoadingService, MENU_OPTIONS, MaskPipe, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, NotificationsService, ObjectUtil, OnlyActivePipe, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileModuleType, ProfileService, ProfileTypeEnum, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, ScoreComponent, ScoreModule, SearchFieldComponent, SelectButtonFieldComponent, SelectionType, SnackbarComponent, SnackbarModule, Status, StepperComponent, StepperModule, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TextareaFieldComponent, TopBarComponent, TopBarModule, UnreadNotificationsPipe, ValidationUtil, VectorPreset, View, WindowUtil, createUploadMultipleForm, createUploadSingleForm, crudListHasItemsGuard, getSelectedCrudItemResolver, getTokenByGuidGuard, hasPermissionGuard, provideVectorPrimeNG, roleGuard, tokenIsPresentGuard };
+export { APP_NAME, AppName, AuthService, BadgeComponent, BadgeModule, BooleanType, BreadcrumbComponent, BreadcrumbModule, BreadcrumbService, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CpfCnpjValidator, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudHeaderComponent, CrudHeaderModule, CrudHistory, CrudHistoryComponent, CrudHistoryModule, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DrawerComponent, DrawerModule, DropdownFieldComponent, ENVIRONMENT, EnumService, ErrorMessageService, FieldErrorMessageComponent, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, FormatDocumentPipe, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GeolocationService, HttpInterceptorProvider, INPUT_FILE_ACCEPT_EXTENSIONS, InputFileComponent, InputNumberFieldComponent, InputOtpComponent, InputSwitchFieldComponent, LoadingService, MENU_OPTIONS, MaskPipe, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, NotificationsService, ObjectUtil, OnlyActivePipe, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileModuleType, ProfileService, ProfileTypeEnum, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, ScoreComponent, ScoreModule, SearchFieldComponent, SelectButtonFieldComponent, SelectionType, SnackbarComponent, SnackbarModule, Status, StepperComponent, StepperModule, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TextareaFieldComponent, TopBarComponent, TopBarModule, UnreadNotificationsPipe, ValidationUtil, VectorPreset, View, WindowUtil, createUploadMultipleForm, createUploadSingleForm, crudListHasItemsGuard, getSelectedCrudItemResolver, getTokenByGuidGuard, hasPermissionGuard, provideVectorPrimeNG, roleGuard, tokenIsPresentGuard };
 //# sourceMappingURL=ngx-vector-components.mjs.map