[BUMP] Update dependency ember-template-lint to v6 (mon-pix)

mon-pix/app/components/account-recovery/backup-email-confirmation-form.hbs

@@ -24,18 +24,19 @@
   {{/if}}
 
   <form onSubmit={{this.submitBackupEmailConfirmationForm}}>
-    <FormTextfield
-      @label={{t "pages.account-recovery.find-sco-record.backup-email-confirmation.form.email"}}
-      @textfieldName="email"
-      @inputBindingValue={{this.email}}
-      @onValidate={{this.validateEmail}}
+    <PixInput
+      @id="email"
+      @value={{this.email}}
+      {{on "focusout" this.validateEmail}}
+      {{on "input" this.handleInputChange}}
+      @requiredLabel={{true}}
       @validationStatus={{this.emailValidation.status}}
-      @validationMessage={{this.emailValidation.message}}
-      @autocomplete="off"
-      @require={{true}}
-      @hideRequired={{true}}
-      @aria-describedby="backup-email-confirmation-already-use-error-message backup-email-confirmation-already-associated-error-message"
-    />
+      @errorMessage={{this.emailValidation.message}}
+      autocomplete="off"
+      type="text"
+    >
+      <:label>{{t "pages.account-recovery.find-sco-record.backup-email-confirmation.form.email"}}</:label>
+    </PixInput>
 
     {{#if @showAlreadyRegisteredEmailError}}
       <PixNotificationAlert

mon-pix/app/components/account-recovery/backup-email-confirmation-form.js

@@ -55,6 +55,11 @@ export default class BackupEmailConfirmationFormComponent extends Component {
     this.emailValidation.message = null;
   }
 
+  @action
+  handleInputChange(event) {
+    this.email = event.target.value;
+  }
+
   @action
   async submitBackupEmailConfirmationForm(event) {
     event.preventDefault();

mon-pix/app/components/account-recovery/student-information-form.hbs

@@ -15,108 +15,110 @@
     {{t "pages.account-recovery.find-sco-record.student-information.mandatory-all-fields"}}
   </p>
 
-  <form {{on "submit" this.submit}} class="account-recovery__content--form">
-    <div class="account-recovery__content--form-fields">
-      <div class="student-information-form__tooltip">
-        <PixTooltip
-          @position="top-left"
-          @isLight={{true}}
-          @isWide={{true}}
-          aria-label={{t "pages.account-recovery.find-sco-record.student-information.form.tooltip" htmlSafe=true}}
-        >
-          <:triggerElement>
-            <PixIcon @name="help" @plainIcon={{true}} @ariaHidden={{true}} tabindex="0" />
-          </:triggerElement>
-          <:tooltip>
-            {{t "pages.account-recovery.find-sco-record.student-information.form.tooltip" htmlSafe=true}}
-          </:tooltip>
-        </PixTooltip>
-      </div>
-      <FormTextfield
-        @label={{t "pages.account-recovery.find-sco-record.student-information.form.ine-ina"}}
-        @textfieldName="ineIna"
-        @inputBindingValue={{this.ineIna}}
-        @onValidate={{this.validateIneIna}}
-        @validationStatus={{this.ineInaValidation.status}}
-        @validationMessage={{this.ineInaValidation.message}}
-        @autocomplete="off"
-        @require={{true}}
-        @hideRequired="true"
-        @placeholder="123456789XX"
-        @aria-describedby="student-information-error-message"
-      />
+  <form {{on "submit" this.submit}} class="account-recovery__form">
+    <PixInput
+      @id="ineIna"
+      type="text"
+      placeholder="123456789XX"
+      @value={{this.ineIna}}
+      {{on "focusout" this.validateIneIna}}
+      {{on "input" this.handleIneInaInput}}
+      @validationStatus={{this.ineInaValidation.status}}
+      @errorMessage={{this.ineInaValidation.message}}
+      autocomplete="off"
+    >
+      <:label>
+        {{t "pages.account-recovery.find-sco-record.student-information.form.ine-ina"}}
+
+        <div class="student-information-form__tooltip">
+          <PixTooltip
+            @position="top-left"
+            @isLight={{true}}
+            @isWide={{true}}
+            aria-label={{t "pages.account-recovery.find-sco-record.student-information.form.tooltip" htmlSafe=true}}
+          >
+            <:triggerElement>
+              <PixIcon @name="help" @plainIcon={{true}} @ariaHidden={{true}} tabindex="0" />
+            </:triggerElement>
+            <:tooltip>
+              {{t "pages.account-recovery.find-sco-record.student-information.form.tooltip" htmlSafe=true}}
+            </:tooltip>
+          </PixTooltip>
+        </div>
+      </:label>
+    </PixInput>
 
-      <FormTextfield
-        @label={{t "pages.account-recovery.find-sco-record.student-information.form.first-name"}}
-        @textfieldName="firstName"
-        @inputBindingValue={{this.firstName}}
-        @onValidate={{this.validateFirstName}}
-        @validationStatus={{this.firstNameValidation.status}}
-        @validationMessage={{this.firstNameValidation.message}}
-        @autocomplete="off"
-        @require={{true}}
-        @hideRequired="true"
-        @aria-describedby="student-information-error-message"
-      />
+    <PixInput
+      @id="firstName"
+      @value={{this.firstName}}
+      {{on "focusout" this.validateFirstName}}
+      {{on "input" this.handleFirstNameInput}}
+      @validationStatus={{this.firstNameValidation.status}}
+      @errorMessage={{this.firstNameValidation.message}}
+      autocomplete="off"
+      type="text"
+    >
+      <:label>{{t "pages.account-recovery.find-sco-record.student-information.form.first-name"}}</:label>
+    </PixInput>
 
-      <FormTextfield
-        @label={{t "pages.account-recovery.find-sco-record.student-information.form.last-name"}}
-        @textfieldName="lastName"
-        @inputBindingValue={{this.lastName}}
-        @onValidate={{this.validateLastName}}
-        @validationStatus={{this.lastNameValidation.status}}
-        @validationMessage={{this.lastNameValidation.message}}
-        @autocomplete="off"
-        @require={{true}}
-        @hideRequired="true"
-        @aria-describedby="student-information-error-message"
-      />
+    <PixInput
+      @id="lastName"
+      @value={{this.lastName}}
+      {{on "focusout" this.validateLastName}}
+      {{on "input" this.handleLastNameInput}}
+      @validationStatus={{this.lastNameValidation.status}}
+      @errorMessage={{this.lastNameValidation.message}}
+      autocomplete="off"
+      type="text"
+    >
+      <:label>{{t "pages.account-recovery.find-sco-record.student-information.form.last-name"}}</:label>
+    </PixInput>
 
-      <div class="form-textfield">
-        <p class="form-textfield__label student-information-form__birthdate-label">
-          {{t "pages.account-recovery.find-sco-record.student-information.form.birthdate"}}
-        </p>
-        <div class="student-information-form__birthdate-fields">
-          <div class="form-textfield__input-field-container">
-            <Input
-              min="1"
-              max="31"
-              @type="number"
-              @value={{this.dayOfBirth}}
-              placeholder={{t "pages.account-recovery.find-sco-record.student-information.form.placeholder.birth-day"}}
-              id="dayOfBirth"
-              {{on "input" this.handleDayInputChange}}
-              aria-label={{t "pages.account-recovery.find-sco-record.student-information.form.label.birth-day"}}
-              autocomplete="off"
-            />
-          </div>
-          <div class="form-textfield__input-field-container">
-            <Input
-              min="1"
-              max="12"
-              @type="number"
-              @value={{this.monthOfBirth}}
-              placeholder={{t
-                "pages.account-recovery.find-sco-record.student-information.form.placeholder.birth-month"
-              }}
-              id="monthOfBirth"
-              {{on "input" this.handleMonthInputChange}}
-              aria-label={{t "pages.account-recovery.find-sco-record.student-information.form.label.birth-month"}}
-              autocomplete="off"
-            />
-          </div>
-          <div class="form-textfield__input-field-container">
-            <Input
-              min="1900"
-              @type="number"
-              @value={{this.yearOfBirth}}
-              placeholder={{t "pages.account-recovery.find-sco-record.student-information.form.placeholder.birth-year"}}
-              id="yearOfBirth"
-              aria-label={{t "pages.account-recovery.find-sco-record.student-information.form.label.birth-year"}}
-              autocomplete="off"
-            />
-          </div>
-        </div>
+    <div class="form-textfield">
+      <p class="form-textfield__label student-information-form__birthdate-label">
+        {{t "pages.account-recovery.find-sco-record.student-information.form.birthdate"}}
+      </p>
+      <div class="student-information-form__birthdate-fields">
+        <PixInput
+          min="1"
+          max="31"
+          type="number"
+          @value={{this.dayOfBirth}}
+          placeholder={{t "pages.account-recovery.find-sco-record.student-information.form.placeholder.birth-day"}}
+          @id="dayOfBirth"
+          {{on "input" this.handleDayInput}}
+          autocomplete="off"
+          @screenReaderOnly={{true}}
+        >
+          <:label>{{t "pages.account-recovery.find-sco-record.student-information.form.label.birth-day"}}</:label>
+        </PixInput>
+
+        <PixInput
+          min="1"
+          max="12"
+          type="number"
+          @value={{this.monthOfBirth}}
+          placeholder={{t "pages.account-recovery.find-sco-record.student-information.form.placeholder.birth-month"}}
+          @id="monthOfBirth"
+          {{on "input" this.handleMonthInput}}
+          autocomplete="off"
+          @screenReaderOnly={{true}}
+        >
+          <:label>{{t "pages.account-recovery.find-sco-record.student-information.form.label.birth-month"}}</:label>
+        </PixInput>
+
+        <PixInput
+          min="1900"
+          type="number"
+          @value={{this.yearOfBirth}}
+          placeholder={{t "pages.account-recovery.find-sco-record.student-information.form.placeholder.birth-year"}}
+          @id="yearOfBirth"
+          autocomplete="off"
+          {{on "input" this.handleYearInput}}
+          @screenReaderOnly={{true}}
+        >
+          <:label>{{t "pages.account-recovery.find-sco-record.student-information.form.label.birth-year"}}</:label>
+        </PixInput>
       </div>
     </div>
 
@@ -137,10 +139,8 @@
       </PixNotificationAlert>
     {{/if}}
 
-    <div class="account-recovery__content--actions">
-      <PixButton @type="submit" @isDisabled={{not this.isFormValid}}>
-        {{t "pages.account-recovery.find-sco-record.student-information.form.submit"}}
-      </PixButton>
-    </div>
+    <PixButton @type="submit" @isDisabled={{not this.isFormValid}}>
+      {{t "pages.account-recovery.find-sco-record.student-information.form.submit"}}
+    </PixButton>
   </form>
 </div>

mon-pix/app/components/account-recovery/student-information-form.js

@@ -145,20 +145,41 @@ export default class StudentInformationFormComponent extends Component {
   }
 
   @action
-  handleDayInputChange(event) {
-    const { value } = event.target;
+  handleIneInaInput(event) {
+    this.ineIna = event.target.value;
+  }
+
+  @action
+  handleFirstNameInput(event) {
+    this.firstName = event.target.value;
+  }
+
+  @action
+  handleLastNameInput(event) {
+    this.lastName = event.target.value;
+  }
 
+  @action
+  handleDayInput(event) {
+    const { value } = event.target;
+    this.dayOfBirth = value;
     if (value.length === 2) {
       document.getElementById('monthOfBirth').focus();
     }
   }
 
   @action
-  handleMonthInputChange(event) {
+  handleMonthInput(event) {
     const { value } = event.target;
-
+    this.monthOfBirth = value;
     if (value.length === 2) {
       document.getElementById('yearOfBirth').focus();
     }
   }
+
+  @action
+  handleYearInput(event) {
+    const { value } = event.target;
+    this.yearOfBirth = value;
+  }
 }

mon-pix/app/components/account-recovery/update-sco-record-form.hbs

@@ -8,24 +8,22 @@
 
 <form onSubmit={{this.submitUpdate}} class="account-recovery__content--form">
   <div class="account-recovery__content--form-fields">
-    <FormTextfield
-      @label={{t "pages.account-recovery.update-sco-record.form.email-label"}}
-      @textfieldName="email"
-      @inputBindingValue={{@email}}
-      @disabled={{true}}
-    />
+    <PixInput @id="email" @value={{@email}} @disabled={{true}}>
+      <:label>{{t "pages.account-recovery.update-sco-record.form.email-label"}}</:label>
+    </PixInput>
 
-    <FormTextfield
-      @label={{t "pages.account-recovery.update-sco-record.form.password-label"}}
-      @textfieldName="password"
-      @inputBindingValue={{this.password}}
-      @onValidate={{this.validatePassword}}
+    <PixInputPassword
+      @id="password"
+      @value={{this.password}}
+      autocomplete="off"
+      {{on "focusout" this.validatePassword}}
+      {{on "input" this.handlePasswordInput}}
       @validationStatus={{this.passwordValidation.status}}
-      @validationMessage={{this.passwordValidation.message}}
-      @autocomplete="off"
-      @require={{true}}
-      @hideRequired={{true}}
-    />
+      @errorMessage={{this.passwordValidation.message}}
+      @requiredLabel={{true}}
+    >
+      <:label>{{t "pages.account-recovery.update-sco-record.form.password-label"}}</:label>
+    </PixInputPassword>
 
     <div class="update-sco-record-form__cgu-container">
       <PixCheckbox {{on "change" this.onChange}}>

mon-pix/app/components/account-recovery/update-sco-record-form.js

@@ -70,6 +70,11 @@ export default class UpdateScoRecordFormComponent extends Component {
     this.passwordValidation.message = null;
   }
 
+  @action
+  handlePasswordInput(event) {
+    this.password = event.target.value;
+  }
+
   @action
   async submitUpdate(event) {
     event.preventDefault();

mon-pix/app/components/campaign-start-block.hbs

@@ -1,4 +1,3 @@
-{{! template-lint-disable no-action no-triple-curlies }}
 <div class="rounded-panel campaign-landing-page__container__start">
   <div class="campaign-landing-page__start__image__container">
     <div class="campaign-landing-page__pix-logo">
@@ -19,7 +18,7 @@
     <div class="campaign-landing-page-start">
       <h1 class="campaign-landing-page-start__title">{{this.titleText}}</h1>
       {{#unless this.session.isAuthenticated}}
-        <h2 class="campaign-landing-page-start__subtitle">{{{this.announcementText}}}</h2>
+        <h2 class="campaign-landing-page-start__subtitle">{{this.announcementText}}</h2>
       {{/unless}}
       <PixButton
         @type="submit"

mon-pix/app/components/campaigns/assessment/results/evaluation-results-hero/index.gjs

@@ -180,7 +180,7 @@ export default class EvaluationResultsHero extends Component {
         {{/if}}
 
         {{#if this.displayQuestResult}}
-          <AttestationResult @results={{@questResults}} @onError={{(fn this.setGlobalError true)}} />
+          <AttestationResult @results={{@questResults}} @onError={{fn this.setGlobalError true}} />
         {{/if}}
 
       </div>