@seniorsistemas/angular-components 18.1.0-feature-sds-276-b91bdaeb → 18.1.0-feature-sds-276-a9df7947

package/fesm2022/seniorsistemas-angular-components-custom-fields.mjs

@@ -1,4 +1,3 @@
-import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/common/http';
 import { HttpEventType, HttpClientModule } from '@angular/common/http';
 import * as i0 from '@angular/core';
@@ -9,13 +8,14 @@ import BigNumber from 'bignumber.js';
 import { Subject, of, forkJoin, throwError } from 'rxjs';
 import { takeUntil, finalize, catchError } from 'rxjs/operators';
 import * as i6 from '@seniorsistemas/angular-components/dynamic-form';
-import { DynamicType, FieldType, NumberFieldComponent, NumberField, FormField, DynamicFormModule } from '@seniorsistemas/angular-components/dynamic-form';
+import { dynamicTypeToDynamicStructure, DynamicFormModule } from '@seniorsistemas/angular-components/dynamic-form';
 import moment from 'moment';
 import * as i2 from '@seniorsistemas/angular-components/locale';
 import { LocaleModule } from '@seniorsistemas/angular-components/locale';
 import * as i3 from '@angular/platform-browser';
 import * as i4 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { CommonModule } from '@angular/common';
 
 var CustomFieldType;
 (function (CustomFieldType) {
@@ -33,6 +33,31 @@ var CustomFieldType;
     CustomFieldType["Any"] = "Any";
     CustomFieldType["Enum"] = "Enum";
 })(CustomFieldType || (CustomFieldType = {}));
+const apiTypesToDynamicFormType = (type) => {
+    switch (type) {
+        case 'String':
+        case 'Any':
+            return 'text';
+        case 'Binary':
+            return 'binary';
+        case 'Blob':
+            return 'blob';
+        case 'DateTime':
+        case 'Time':
+        case 'Date':
+        case 'LocalDateTime':
+            return 'date';
+        case 'Enumeration':
+        case 'Enum':
+            return 'select';
+        case 'Boolean':
+            return 'boolean';
+        case 'Money':
+        case 'Double':
+        case 'Integer':
+            return 'legacyNumber';
+    }
+};
 
 class CustomFieldsService {
     http;
@@ -49,15 +74,15 @@ class CustomFieldsService {
     uploadTempFile(location, file) {
         return this.http.put(location, file, {
             reportProgress: true,
-            observe: "events",
-            headers: { "Content-Type": file.type }
+            observe: 'events',
+            headers: { 'Content-Type': file.type },
         });
     }
     requestAccess(objectId, endpoint) {
         return this.http.post(endpoint, { objectId });
     }
     getFile(permanentUrl) {
-        return this.http.get(permanentUrl, { responseType: "blob" });
+        return this.http.get(permanentUrl, { responseType: 'blob' });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomFieldsService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomFieldsService });
@@ -85,9 +110,10 @@ class CustomFieldsComponent {
     showFileUploadDate = false;
     ready$ = null;
     disableFields;
-    rowType = DynamicType.Row;
+    rowType = 'row';
     fields = [];
     formGroup = new FormGroup({});
+    dynamicStructure = [];
     ready = false;
     onChange;
     onTouched;
@@ -233,10 +259,10 @@ class CustomFieldsComponent {
             fields
                 .filter((field) => field.customizable && field.customization?.active)
                 .forEach((field) => {
-                const formField = this.getFormField(field, localeOptions);
+                const dynamicType = this.getDynamicType(field, localeOptions);
                 const fieldType = field.type;
-                if (field.type === CustomFieldType.Blob && this.value && this.value[formField.name]) {
-                    this.createBlobToFileUpload(formField);
+                if (field.type === CustomFieldType.Blob && this.value && this.value[dynamicType.name]) {
+                    this.createBlobToFileUpload(dynamicType);
                 }
                 const { validationRegex } = field.customization;
                 const asIsTypes = [
@@ -251,16 +277,17 @@ class CustomFieldsComponent {
                 if (validationRegex && !asIsTypes.includes(fieldType)) {
                     validators.push(Validators.pattern(validationRegex));
                 }
-                if (fieldType === CustomFieldType.Integer && !formField.mask) {
+                if (fieldType === CustomFieldType.Integer && !dynamicType.mask) {
                     validators.push(Validators.pattern(/^\-?\d*$/));
                 }
-                if (formField.required?.()) {
+                if (dynamicType.required?.()) {
                     validators.push(Validators.required);
                 }
                 const control = new FormControl({ value: defaults[fieldType].defaultValue, disabled: this.formGroup.disabled }, validators);
-                this.formGroup.addControl(formField.name, control);
-                this.fields.push(formField);
+                this.formGroup.addControl(dynamicType.name, control);
+                this.fields.push(dynamicType);
             });
+            this.dynamicStructure = dynamicTypeToDynamicStructure(this.fields);
             this.createFieldCustomization(fields);
             this.formGroup.patchValue(this.parseValuesForFields(this.value));
             this.ready = true;
@@ -277,7 +304,7 @@ class CustomFieldsComponent {
              * Essa condicional necessita estar antes do if (!value) return;
              * Pois ela tem um status que usa null no valor do campo radio boolean
              */
-            if (type === FieldType.Boolean) {
+            if (type === 'boolean') {
                 const isString = typeof value === 'string';
                 const notValid = !isString && typeof value !== 'boolean';
                 if (notValid) {
@@ -297,16 +324,16 @@ class CustomFieldsComponent {
                 return;
             }
             switch (type) {
-                case FieldType.Date:
+                case 'date':
                     parsedValues[name] = moment(value).toDate();
                     break;
-                case FieldType.DateTime:
+                case 'dateTime':
                     parsedValues[name] = moment(value).toDate();
                     break;
-                case FieldType.LocalDateTime:
+                case 'localDateTime':
                     parsedValues[name] = moment(value, 'YYYY-MM-DD[T]HH:mm:ss.SSS').toDate();
                     break;
-                case FieldType.Time:
+                case 'time':
                     parsedValues[name] = moment(value, 'HH:mm:ss').toDate();
                     break;
                 default:
@@ -323,7 +350,7 @@ class CustomFieldsComponent {
     createFilesIfSetFormValuesAfterInit() {
         if (!this.hasUploaded) {
             this.fields
-                .filter((field) => field.type === FieldType.Blob)
+                .filter((field) => field.type === 'blob')
                 .forEach((field) => {
                 if (this.formGroup.get(field.name)?.value) {
                     this.createBlobToFileUpload(field);
@@ -334,33 +361,35 @@ class CustomFieldsComponent {
     parseFieldsValues() {
         const parsedValues = {};
         this.fields.forEach((field) => {
-            const { type, mask, scale } = field;
+            const { type } = field;
             const name = field.name;
             let value = this.formGroup.get(name)?.value;
             if (value) {
                 switch (type) {
-                    case FieldType.Number:
+                    case 'bigNumber':
+                        const { mask, scale } = field;
                         if (mask)
                             value = new BigNumber(value).toFixed(scale).toString();
                         break;
-                    case FieldType.Date:
+                    case 'date':
                         value = moment(value).format('YYYY-MM-DD');
                         break;
-                    case FieldType.DateTime:
+                    case 'dateTime':
                         value = moment(value).format();
                         break;
-                    case FieldType.LocalDateTime:
+                    case 'localDateTime':
                         value = moment(value).format('YYYY-MM-DD[T]HH:mm:ss.SSS');
                         break;
-                    case FieldType.Time:
+                    case 'time':
                         value = moment(value).format('HH:mm:ss');
                         break;
                     default:
                         break;
                 }
             }
-            if ((value === null || value === undefined) && this.isTypeNumberOrEnum(type)) {
-                parsedValues[name] = field.multiple ? [] : null;
+            if ((value === null || value === undefined) && (type === 'bigNumber' || type === 'select')) {
+                const isMultiple = field.multiple;
+                parsedValues[name] = isMultiple ? [] : null;
             }
             else {
                 parsedValues[name] = value;
@@ -371,11 +400,7 @@ class CustomFieldsComponent {
         }
         return parsedValues;
     }
-    isTypeNumberOrEnum(type) {
-        const numberOrEnum = [FieldType.Number, FieldType.Enum];
-        return numberOrEnum.includes(type);
-    }
-    getFormField(field, localeOptions) {
+    getDynamicType(field, localeOptions) {
         let parameters = {};
         switch (field.type) {
             case CustomFieldType.Blob:
@@ -386,61 +411,58 @@ class CustomFieldsComponent {
                 break;
             case 'Enumeration':
             case CustomFieldType.Enum:
-                field.type = FieldType.Enum;
-                parameters = this.getEnumParameters(field);
+                field.type = 'Enum';
+                parameters = this.getSelectParameters(field);
                 break;
             case CustomFieldType.Money:
                 parameters = {
-                    type: FieldType.Custom,
-                    CustomFieldComponentClass: NumberFieldComponent,
-                    CustomFieldClass: NumberField,
+                    type: 'legacyNumber',
                     precision: 15,
                     scale: 2,
                     leftAddon: {
                         label: localeOptions?.number?.currencySymbol ?? 'R$',
                     },
-                    ignoreLabel: true,
                 };
                 break;
             case CustomFieldType.Double:
                 parameters = {
-                    type: FieldType.Custom,
-                    CustomFieldComponentClass: NumberFieldComponent,
-                    CustomFieldClass: NumberField,
+                    type: 'legacyNumber',
                     precision: 15,
                     scale: 2,
-                    ignoreLabel: true,
+                    localizedNumber: true,
                 };
                 break;
             case CustomFieldType.Integer:
                 parameters = {
-                    type: FieldType.Custom,
-                    CustomFieldComponentClass: NumberFieldComponent,
-                    CustomFieldClass: NumberField,
+                    type: 'legacyNumber',
                     precision: 15,
                     scale: 0,
-                    ignoreLabel: true,
                 };
                 break;
             case CustomFieldType.Any:
-                field.type = FieldType.String;
+                field.type = 'String';
+                parameters = {
+                    type: 'text',
+                };
                 break;
         }
-        return new FormField({
+        const dynamicType = {
+            ...parameters,
             name: field.id,
             label: field.customization.label,
             tooltip: field.customization.tooltip,
             infoSign: field.customization.infoSign,
-            type: field.type,
+            type: apiTypesToDynamicFormType(field.type),
             mask: field.customization.mask,
-            required: () => field.customization.mandatory,
+            required: () => field.customization.mandatory ?? false,
             calendarOptions: localeOptions.calendar,
             currencyOptions: localeOptions.number,
-            ...parameters,
-        });
+        };
+        return dynamicType;
     }
-    getEnumParameters(field) {
+    getSelectParameters(field) {
         return {
+            type: 'select',
             showClear: true,
             multiple: field.customization.customEnumeration.multiple,
             options: field.customization.customEnumeration.values.map((e) => ({ label: e.value, value: e.key })),
@@ -448,6 +470,7 @@ class CustomFieldsComponent {
     }
     getBooleanParameters() {
         return {
+            type: 'boolean',
             optionsLabel: {
                 true: this.getTranslateLabel(`true_label`),
                 false: this.getTranslateLabel(`false_label`),
@@ -457,30 +480,31 @@ class CustomFieldsComponent {
     }
     getBlobParameters() {
         return {
+            type: 'blob',
             size: {
                 sm: 12,
                 md: 12,
                 lg: 12,
                 xl: 12,
-            },
+            }, // Como vai ser filho de Row, faz sentido habilitar o tipo expandido.
             accept: 'image/*, application/*, text/*',
             chooseLabel: this.getTranslateLabel(`choose_label`),
             removeLabel: this.getTranslateLabel(`remove_label`),
             cancelLabel: this.getTranslateLabel(`cancel_label`),
             successTooltip: this.getTranslateLabel(`success_tooltip`),
             multiple: false,
-            onUploadFile: (event, formfield) => {
+            onUploadFile: (event, blobField) => {
                 this.hasUploaded = true;
-                this.uploadFile(event, formfield);
+                this.uploadFile(event, blobField);
             },
-            onRemoveFile: (event, formfield) => {
-                this.removeFile(event, formfield);
+            onRemoveFile: (event, blobField) => {
+                this.removeFile({ file: event }, blobField);
             },
-            onCancelUpload: (event, formfield) => {
-                this.cancelUpload(event, formfield);
+            onCancelUpload: (event, blobField) => {
+                this.cancelUpload(event, blobField);
             },
-            onDownloadFile: (event, formfield) => {
-                this.downloadFile(event, formfield);
+            onDownloadFile: (event, blobField) => {
+                this.downloadFile(event, blobField);
             },
             showFileUploadDate: this.showFileUploadDate,
         };
@@ -611,22 +635,22 @@ class CustomFieldsComponent {
             }
         }
     }
-    removeFile(event, formField) {
+    removeFile(event, blobField) {
         const { file } = event;
-        const field = this.fields.find((record) => record.name === formField.name);
+        const field = this.fields.find((record) => record.name === blobField.name);
         field.files = [];
         if (file.objectId) {
             // Quando é um arquivo já salvo o objectId já é no formato "objectId/name"
             const value = file.savedFile ? `${file.objectId}` : `${file.objectId}/${file.name}`;
-            const toDelete = this.formGroup.get("fieldCustomization").value[0].toDelete;
-            delete this.formGroup.get("fieldCustomization").value[0].toInsert[field.name];
-            this.formGroup.get("fieldCustomization").value[0].toDelete = {
+            const toDelete = this.formGroup.get('fieldCustomization').value[0].toDelete;
+            delete this.formGroup.get('fieldCustomization').value[0].toInsert[field.name];
+            this.formGroup.get('fieldCustomization').value[0].toDelete = {
                 ...toDelete,
                 [field.name]: [...(toDelete[field.name] || []), value],
             };
         }
         this.formGroup.get(field.name).clearValidators();
-        this.formGroup.get(field.name).setValue("");
+        this.formGroup.get(field.name).setValue('');
         this.formGroup.get(field.name).updateValueAndValidity();
     }
     cancelUpload(index, formField) {
@@ -680,7 +704,7 @@ class CustomFieldsComponent {
                 useExisting: CustomFieldsComponent,
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "@let errorMessages = {\n    pattern: invalidErrorLabel,\n    required: requiredErrorMessage\n};\n\n@let configs = [\n    {\n        type: rowType,\n        fields\n    }\n];\n\n<s-dynamic-form\n    [configs]=\"configs\"\n    [form]=\"formGroup\"\n    [errorMessages]=\"errorMessages\">\n</s-dynamic-form>\n", dependencies: [{ kind: "component", type: i6.DynamicFormComponent, selector: "s-dynamic-form", inputs: ["id", "configs", "fields", "form", "errorMessages"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "@let errorMessages =\n    {\n        pattern: invalidErrorLabel,\n        required: requiredErrorMessage,\n    };\n\n<s-dynamic-form\n    [configs]=\"dynamicStructure\"\n    [form]=\"formGroup\"\n    [errorMessages]=\"errorMessages\"\n>\n</s-dynamic-form>\n\n", dependencies: [{ kind: "component", type: i6.DynamicFormComponent, selector: "s-dynamic-form", inputs: ["id", "configs", "fields", "form", "errorMessages"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomFieldsComponent, decorators: [{
             type: Component,
@@ -695,7 +719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             useExisting: CustomFieldsComponent,
                             multi: true,
                         },
-                    ], template: "@let errorMessages = {\n    pattern: invalidErrorLabel,\n    required: requiredErrorMessage\n};\n\n@let configs = [\n    {\n        type: rowType,\n        fields\n    }\n];\n\n<s-dynamic-form\n    [configs]=\"configs\"\n    [form]=\"formGroup\"\n    [errorMessages]=\"errorMessages\">\n</s-dynamic-form>\n" }]
+                    ], template: "@let errorMessages =\n    {\n        pattern: invalidErrorLabel,\n        required: requiredErrorMessage,\n    };\n\n<s-dynamic-form\n    [configs]=\"dynamicStructure\"\n    [form]=\"formGroup\"\n    [errorMessages]=\"errorMessages\"\n>\n</s-dynamic-form>\n\n" }]
         }], ctorParameters: () => [{ type: CustomFieldsService }, { type: i2.LocaleService }, { type: i3.DomSanitizer }, { type: i4.TranslateService }, { type: i5.ControlContainer, decorators: [{
                     type: Optional
                 }] }], propDecorators: { domain: [{
@@ -774,5 +798,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CustomFieldsComponent, CustomFieldsModule, CustomFieldsService };
+export { CustomFieldType, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, apiTypesToDynamicFormType };
 //# sourceMappingURL=seniorsistemas-angular-components-custom-fields.mjs.map