feat(po-dynamic-view): aprimora exibição de booleans

Author: CarlosAlmeida01

projects/ui/src/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-field.interface.ts

@@ -230,4 +230,10 @@ export interface PoDynamicViewField extends PoDynamicField {
    * [guia de API do PO UI](https://po-ui.io/guides/api).
    */
   searchService?: string | PoDynamicViewRequest;
+
+  /** Texto exibido quando o valor do componente for *true*. */
+  booleanTrue?: string;
+
+  /** Texto exibido quando o valor do componente for *false*. */
+  booleanFalse?: string;
 }

projects/ui/src/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view.component.spec.ts

@@ -247,32 +247,75 @@ describe('PoDynamicViewComponent:', () => {
       expect(component['getVisibleFields']).toHaveBeenCalled();
     });
 
-    it(`setFieldValue: should return the label of the selected option if options exist and a match is found`, () => {
-      const field = {
-        value: 'value1',
-        options: [
-          { value: 'value1', label: 'label1' },
-          { value: 'value2', label: 'label2' },
-          { value: 'value3', label: 'label3' }
-        ]
-      };
+    describe('setFieldValue:', () => {
+      it(`should return the label of the selected option if options exist and a match is found`, () => {
+        const field = {
+          value: 'value1',
+          options: [
+            { value: 'value1', label: 'label1' },
+            { value: 'value2', label: 'label2' },
+            { value: 'value3', label: 'label3' }
+          ]
+        };
+
+        field.value = 'value2';
+        expect(component.setFieldValue(field)).toEqual('label2');
+      });
 
-      field.value = 'value2';
-      expect(component.setFieldValue(field)).toEqual('label2');
-    });
+      it(`should return the field value if options exist but no match is found'`, () => {
+        const field = {
+          value: 'value1',
+          options: [
+            { value: 'value1', label: 'label1' },
+            { value: 'value2', label: 'label2' },
+            { value: 'value3', label: 'label3' }
+          ]
+        };
+
+        field.value = 'value4';
+        expect(component.setFieldValue(field)).toEqual('value4');
+      });
+      it('should return the value of booleanTrue when the field value is true', () => {
+        const field = {
+          property: 'active',
+          type: 'boolean',
+          value: true,
+          booleanTrue: 'Ativo',
+          booleanFalse: 'Inativo'
+        };
+        expect(component.setFieldValue(field)).toEqual('Ativo');
+      });
 
-    it(`setFieldValue: should return the field value if options exist but no match is found'`, () => {
-      const field = {
-        value: 'value1',
-        options: [
-          { value: 'value1', label: 'label1' },
-          { value: 'value2', label: 'label2' },
-          { value: 'value3', label: 'label3' }
-        ]
-      };
+      it('should return the value of booleanFalse when the field value is false', () => {
+        const field = {
+          property: 'active',
+          type: 'boolean',
+          value: false,
+          booleanTrue: 'Ativo',
+          booleanFalse: 'Inativo'
+        };
+        expect(component.setFieldValue(field)).toEqual('Inativo');
+      });
 
-      field.value = 'value4';
-      expect(component.setFieldValue(field)).toEqual('value4');
+      it('should return "True" when the field value is true and booleanTrue is undefined', () => {
+        const field = {
+          property: 'active',
+          type: 'boolean',
+          value: true,
+          booleanFalse: 'Inativo'
+        };
+        expect(component.setFieldValue(field)).toEqual(true);
+      });
+
+      it('should return "False" when the field value is false and booleanFalse is undefined', () => {
+        const field = {
+          property: 'active',
+          type: 'boolean',
+          value: false,
+          booleanTrue: 'Ativo'
+        };
+        expect(component.setFieldValue(field)).toEqual(false);
+      });
     });
   });
 

projects/ui/src/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view.component.ts

@@ -66,6 +66,8 @@ export class PoDynamicViewComponent extends PoDynamicViewBaseComponent implement
     if (field.options) {
       const selectedOption = field.options.find(option => option.value === field.value);
       return selectedOption ? selectedOption.label : field.value;
+    } else if (field.type === 'boolean' && 'booleanTrue' in field && 'booleanFalse' in field) {
+      return field.value ? field.booleanTrue : field.booleanFalse;
     } else {
       return field.value;
     }