feat(dynamic-form): adiciona mensagem de erro nos componentes

Repassa propriedade fieldErrorMessage para exibir mensagem de erro fixes DTHFUI-10231
po-ui · Nov 29, 2024 · 7e74ff6 · 7e74ff6
1 parent 43d1111
commit 7e74ff6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts
@@ -265,10 +265,17 @@ export interface PoDynamicFormField extends PoDynamicField {
    *  - pattern;
    *  - minValue;
    *  - maxValue;
+   *  - required;
    *
-   * > Esta mensagem não é apresentada quando o campo estiver vazio, mesmo que ele seja requerido.
+   * > Esta mensagem pode ser exibida quando o campo estiver vazio, caso seja requerido. Em casos de componentes como
+   * `po-datepicker`, `po-input`, `po-number`, `po-decimal`, `po-password`, é necessário que a propriedade
+   * `requiredFieldErrorMessage` esteja como `true` para que a mensagem seja exibida com o campo vazio. Componentes
+   * como `po-datepicker-range`, `po-select`, `po-checkbox-group`, `po-radio-group`, `po-multiselect`, `po-combo`,
+   * `po-lookup` e `po-textarea` não é necessário passar a propriedade `requiredFieldErrorMessage`.
    *
-   * **Componentes compatíveis:** `po-datepicker`, `po-input`, `po-number`, `po-decimal`, `po-password`.
+   *
+   * **Componentes compatíveis:** `po-datepicker`, `po-input`, `po-number`, `po-decimal`, `po-password`, `po-datepicker-range`,
+   *  `po-select`, `po-checkbox-group`, `po-radio-group`, `po-multiselect`, `po-combo`, `po-lookup`, `po-textarea`.
    */
   errorMessage?: string;
 

diff --git a/...s/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields.component.html b/...s/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields.component.html
@@ -58,6 +58,7 @@
       [p-optional]="field.optional"
       [p-readonly]="field.readonly"
       [p-required]="field.required"
+      [p-field-error-message]="field.errorMessage"
       [p-show-required]="field.showRequired"
       (p-change)="onChangeField(field)"
     >
@@ -172,6 +173,7 @@
       [p-optional]="field.optional"
       [p-options]="field.options"
       [p-required]="field.required"
+      [p-field-error-message]="field.errorMessage"
       [p-show-required]="field.showRequired"
       (p-change)="onChangeField(field)"
       [p-placeholder]="field.placeholder"
@@ -193,6 +195,7 @@
       [p-optional]="field.optional"
       [p-options]="field.options"
       [p-required]="field.required"
+      [p-field-error-message]="field.errorMessage"
       [p-show-required]="field.showRequired"
       (p-change)="onChangeField(field)"
     >
@@ -253,6 +256,7 @@
       [p-optional]="field.optional"
       [p-sort]="field.sort"
       [p-required]="field.required"
+      [p-field-error-message]="field.errorMessage"
       [p-show-required]="field.showRequired"
       (p-change)="onChangeField(field, $event)"
       [p-icon]="field.icon"
@@ -292,6 +296,7 @@
       [p-no-autocomplete]="field.noAutocomplete"
       [p-optional]="field.optional"
       [p-required]="field.required"
+      [p-field-error-message]="field.errorMessage"
       [p-show-required]="field.showRequired"
       (p-change)="onChangeField(field)"
       [p-placeholder]="field.placeholder"
@@ -316,6 +321,7 @@
       [p-options]="field.options"
       [p-required]="field.required"
       [p-show-required]="field.showRequired"
+      [p-field-error-message]="field.errorMessage"
       (p-change)="onChangeField(field)"
     >
     </po-checkbox-group>
@@ -335,6 +341,7 @@
       [p-optional]="field.optional"
       [p-options]="field.options"
       [p-required]="field.required"
+      [p-field-error-message]="field.errorMessage"
       [p-show-required]="field.showRequired"
       (p-change)="onChangeField(field)"
       [p-placeholder]="field.placeholder"
@@ -365,6 +372,7 @@
       [p-optional]="field.optional"
       [p-readonly]="field.readonly"
       [p-required]="field.required"
+      [p-field-error-message]="field.errorMessage"
       [p-show-required]="field.showRequired"
       [p-rows]="field.rows"
       (p-change)="onChangeField(field)"