[BUMP] Update dependency @1024pix/pix-ui to v49 (orga)

1024pix · Dec 4, 2024 · b055d00 · b055d00
1 parent 021de30
commit b055d00
Show file tree

Hide file tree

Showing 22 changed files with 85 additions and 85 deletions.
diff --git a/orga/app/components/auth/register-form.hbs b/orga/app/components/auth/register-form.hbs
@@ -100,9 +100,9 @@
     </div>
 
     {{#if this.errorMessage}}
-      <PixMessage @type="alert">
+      <PixNotificationAlert @type="alert">
         {{this.errorMessage}}
-      </PixMessage>
+      </PixNotificationAlert>
     {{/if}}
 
     <div class="input-container">

diff --git a/orga/app/components/banner/certification.gjs b/orga/app/components/banner/certification.gjs
@@ -1,4 +1,4 @@
-import PixBanner from '@1024pix/pix-ui/components/pix-banner';
+import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
 import { t } from 'ember-intl';
@@ -21,15 +21,15 @@ export default class InformationBanner extends Component {
 
   <template>
     {{#if this.displayCertificationBanner}}
-      <PixBanner @type="warning">
+      <PixBannerAlert @type="warning">
         {{t
           "banners.certification.message"
           documentationLink="https://cloud.pix.fr/s/DEarDXyxFxM78ps"
           linkClasses="link link--banner link--bold link--underlined"
           htmlSafe=true
           year=this.year
         }}
-      </PixBanner>
+      </PixBannerAlert>
     {{/if}}
   </template>
 }
diff --git a/orga/app/components/banner/communication.gjs b/orga/app/components/banner/communication.gjs
@@ -1,4 +1,4 @@
-import PixBanner from '@1024pix/pix-ui/components/pix-banner';
+import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
 import { htmlSafe } from '@ember/template';
 import isEmpty from 'lodash/isEmpty';
 import ENV from 'pix-orga/config/environment';
@@ -19,8 +19,8 @@ function bannerContent() {
 
 <template>
   {{#if (isEnabled)}}
-    <PixBanner @type={{(bannerType)}} class="sticker-banner">
+    <PixBannerAlert @type={{(bannerType)}} class="sticker-banner">
       {{textWithMultipleLang (bannerContent)}}
-    </PixBanner>
+    </PixBannerAlert>
   {{/if}}
 </template>
diff --git a/orga/app/components/banner/language-availability.gjs b/orga/app/components/banner/language-availability.gjs
@@ -1,4 +1,4 @@
-import PixBanner from '@1024pix/pix-ui/components/pix-banner';
+import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
 import { fn } from '@ember/helper';
 import { t } from 'ember-intl';
 
@@ -14,13 +14,13 @@ function shouldDisplayBanner(session) {
 <template>
   {{#let (getService "service:session") as |session|}}
     {{#if (shouldDisplayBanner session)}}
-      <PixBanner
+      <PixBannerAlert
         @type="information"
         @canCloseBanner="true"
         @onCloseBannerTriggerAction={{fn session.updateDataAttribute "localeNotSupportedBannerClosed" true}}
       >
         {{t "banners.language-availability.message"}}
-      </PixBanner>
+      </PixBannerAlert>
     {{/if}}
   {{/let}}
 </template>
diff --git a/orga/app/components/banner/sco-communication.gjs b/orga/app/components/banner/sco-communication.gjs
@@ -1,4 +1,4 @@
-import PixBanner from '@1024pix/pix-ui/components/pix-banner';
+import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
 import { LinkTo } from '@ember/routing';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
@@ -24,7 +24,7 @@ export default class ScommunicationBanner extends Component {
 
   <template>
     {{#if this.shouldDisplayBanner}}
-      <PixBanner @type="communication-orga">
+      <PixBannerAlert @type="communication-orga">
         {{t "banners.import.message"}}
         <ol class="banner-list">
           <li>
@@ -40,7 +40,7 @@ export default class ScommunicationBanner extends Component {
           <li>{{t "banners.import.step2" htmlSafe=true}}</li>
           <li>{{t "banners.import.step3" htmlSafe=true}}</li>
         </ol>
-      </PixBanner>
+      </PixBannerAlert>
     {{/if}}
   </template>
 }
diff --git a/orga/app/components/banner/survey.gjs b/orga/app/components/banner/survey.gjs
@@ -1,4 +1,4 @@
-import PixBanner from '@1024pix/pix-ui/components/pix-banner';
+import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
 import { t } from 'ember-intl';
@@ -35,14 +35,14 @@ export default class SurveyBanner extends Component {
 
   <template>
     {{#if this.shouldDisplayBanner}}
-      <PixBanner @type="information">
+      <PixBannerAlert @type="information">
         {{t
           "banners.survey.message"
           documentationLink=ENV.APP.SURVEY_LINK
           linkClasses="link link--banner link--bold link--underlined"
           htmlSafe=true
         }}
-      </PixBanner>
+      </PixBannerAlert>
     {{/if}}
   </template>
 }
diff --git a/orga/app/components/campaign/analysis/competences.gjs b/orga/app/components/campaign/analysis/competences.gjs
@@ -1,4 +1,4 @@
-import PixProgressGauge from '@1024pix/pix-ui/components/pix-progress-gauge';
+import PixProgressBar from '@1024pix/pix-ui/components/pix-progress-bar';
 import { hash } from '@ember/helper';
 import { t } from 'ember-intl';
 
@@ -19,37 +19,37 @@ function getCount(campaignCollectiveResult) {
       aria-label={{t "pages.campaign-review.table.competences.title"}}
     >
       <thead>
-        <tr>
-          <TableHeader @size="wide">{{t
-              "pages.campaign-review.table.competences.column.competences"
-              (hash count=(getCount @campaignCollectiveResult))
-              htmlSafe=true
-            }}</TableHeader>
-          <TableHeader @size="wide">{{t "pages.campaign-review.table.competences.column.results.label"}}</TableHeader>
-        </tr>
+      <tr>
+        <TableHeader @size="wide">{{t
+          "pages.campaign-review.table.competences.column.competences"
+          (hash count=(getCount @campaignCollectiveResult))
+          htmlSafe=true
+        }}</TableHeader>
+        <TableHeader @size="wide">{{t "pages.campaign-review.table.competences.column.results.label"}}</TableHeader>
+      </tr>
       </thead>
       <tbody>
-        {{#each @campaignCollectiveResult.campaignCompetenceCollectiveResults as |competenceResult|}}
-          <tr aria-label={{t "pages.campaign-review.table.competences.row-title"}}>
-            <td class="competences-col__name">
-              <span class="competences-col__border competences-col__border--{{competenceResult.areaColor}}"></span>
-              <span>
-                {{competenceResult.competenceName}}
-              </span>
-            </td>
-            <td class="competences-col__gauge">
-              <PixProgressGauge
-                @value={{competenceResult.validatedSkillsPercentage}}
-                @tooltipText={{t
-                  "pages.campaign-review.table.competences.column.results.tooltip"
-                  result=competenceResult.validatedSkillsPercentage
-                  competence=competenceResult.competenceName
-                  htmlSafe=true
-                }}
-              />
-            </td>
-          </tr>
-        {{/each}}
+      {{#each @campaignCollectiveResult.campaignCompetenceCollectiveResults as |competenceResult|}}
+        <tr aria-label={{t "pages.campaign-review.table.competences.row-title"}}>
+          <td class="competences-col__name">
+            <span class="competences-col__border competences-col__border--{{competenceResult.areaColor}}"></span>
+            <span>
+              {{competenceResult.competenceName}}
+            </span>
+          </td>
+          <td class="competences-col__gauge">
+            <PixProgressBar
+              @value={{competenceResult.validatedSkillsPercentage}}
+              @tooltipText={{t
+              "pages.campaign-review.table.competences.column.results.tooltip"
+              result=competenceResult.validatedSkillsPercentage
+              competence=competenceResult.competenceName
+              htmlSafe=true
+            }}
+            />
+          </td>
+        </tr>
+      {{/each}}
       </tbody>
     </table>
   </section>

diff --git a/orga/app/components/campaign/filter/campaign-filters.gjs b/orga/app/components/campaign/filter/campaign-filters.gjs
@@ -1,5 +1,5 @@
 import PixFilterBanner from '@1024pix/pix-ui/components/pix-filter-banner';
-import PixToggle from '@1024pix/pix-ui/components/pix-toggle';
+import PixToggleButton from '@1024pix/pix-ui/components/pix-toggle-button';
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { t } from 'ember-intl';
@@ -52,11 +52,11 @@ export default class CampaignFilters extends Component {
         />
       {{/unless}}
 
-      <PixToggle @toggled={{this.isToggleSwitched}} @onChange={{this.onToggle}} @screenReaderOnly={{true}}>
+      <PixToggleButton @toggled={{this.isToggleSwitched}} @onChange={{this.onToggle}} @screenReaderOnly={{true}}>
         <:label>{{t "pages.campaigns-list.action.campaign.label"}}</:label>
         <:on>{{t "pages.campaigns-list.action.campaign.ongoing"}}</:on>
         <:off>{{t "pages.campaigns-list.action.campaign.archived"}}</:off>
-      </PixToggle>
+      </PixToggleButton>
     </PixFilterBanner>
   </template>
 }
diff --git a/orga/app/components/import-information-banner.gjs b/orga/app/components/import-information-banner.gjs
@@ -1,4 +1,4 @@
-import PixMessage from '@1024pix/pix-ui/components/pix-message';
+import PixNotificationAlert from '@1024pix/pix-ui/components/pix-notification-alert';
 import { LinkTo } from '@ember/routing';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
@@ -47,14 +47,14 @@ export default class ImportBanner extends Component {
 
   <template>
     {{#if this.displayBanner}}
-      <PixMessage class="import-information-banner" @type={{this.bannerType}} @withIcon="true">
+      <PixNotificationAlert class="import-information-banner" @type={{this.bannerType}} @withIcon="true">
         <strong>{{this.message}}</strong>
         {{#if this.linkMessage}}
           <LinkTo @route="authenticated.import-organization-participants" class="import-information-banner__link link">
             {{this.linkMessage}}
           </LinkTo>
         {{/if}}
-      </PixMessage>
+      </PixNotificationAlert>
     {{/if}}
   </template>
 }
diff --git a/orga/app/components/import/banner.gjs b/orga/app/components/import/banner.gjs
@@ -1,5 +1,5 @@
 import PixIcon from '@1024pix/pix-ui/components/pix-icon';
-import PixMessage from '@1024pix/pix-ui/components/pix-message';
+import PixNotificationAlert from '@1024pix/pix-ui/components/pix-notification-alert';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
 
@@ -34,9 +34,9 @@ export default class ImportBanner extends Component {
   get displayBanner() {
     return Boolean(
       this.args.isLoading ||
-        this.args.organizationImportDetail?.inProgress ||
-        this.args.organizationImportDetail?.hasError ||
-        this.args.organizationImportDetail?.hasWarning,
+      this.args.organizationImportDetail?.inProgress ||
+      this.args.organizationImportDetail?.hasError ||
+      this.args.organizationImportDetail?.hasWarning,
     );
   }
 
@@ -99,7 +99,7 @@ export default class ImportBanner extends Component {
       </p>
     {{/if}}
     {{#if this.displayBanner}}
-      <PixMessage @type={{this.bannerType}} @withIcon="true">
+      <PixNotificationAlert @type={{this.bannerType}} @withIcon="true">
         <strong class="import-banner__title">{{this.bannerMessage}}</strong>
         {{#if this.anchorMessage}}
           (<a class="import-banner__link" href="#{{@errorPanelId}}">{{this.anchorMessage}}</a>)
@@ -111,7 +111,7 @@ export default class ImportBanner extends Component {
             {{this.actionMessage}}
           </span>
         {{/if}}
-      </PixMessage>
+      </PixNotificationAlert>
     {{/if}}
   </template>
 }
diff --git a/orga/app/components/participant/assessment/header.hbs b/orga/app/components/participant/assessment/header.hbs
@@ -78,7 +78,7 @@
               @prescriberDescription={{@participation.prescriberDescription}}
             />
           {{else}}
-            <PixProgressGauge @value={{this.percentage}} @color="primary" />
+            <PixProgressBar @value={{this.percentage}} @color="primary" />
           {{/if}}
         </li>
       </ul>

diff --git a/orga/app/components/participant/assessment/results.hbs b/orga/app/components/participant/assessment/results.hbs
@@ -25,7 +25,7 @@
               </span>
             </td>
             <td class="competences-col__gauge">
-              <PixProgressGauge
+              <PixProgressBar
                 @value={{multiply competenceResult.competenceMasteryRate 100}}
                 @tooltipText={{t
                   "pages.assessment-individual-results.table.column.results.tooltip"

diff --git a/orga/app/components/places/capacity-alert.gjs b/orga/app/components/places/capacity-alert.gjs
@@ -1,11 +1,11 @@
-import PixBanner from '@1024pix/pix-ui/components/pix-banner';
+import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
 import { t } from 'ember-intl';
 import { gt } from 'ember-truth-helpers';
 
 <template>
   {{#if (gt @occupied @total)}}
-    <PixBanner class="capacity-alert" @type="error" @withIcon="true">
+    <PixBannerAlert class="capacity-alert" @type="error" @withIcon="true">
       {{t "banners.over-capacity.message"}}
-    </PixBanner>
+    </PixBannerAlert>
   {{/if}}
 </template>
diff --git a/orga/app/components/places/places-lot-alert.gjs b/orga/app/components/places/places-lot-alert.gjs
@@ -1,4 +1,4 @@
-import PixBanner from '@1024pix/pix-ui/components/pix-banner';
+import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
 import dayjs from 'dayjs';
 import { t } from 'ember-intl';
 import { STATUSES } from 'pix-orga/models/organization-places-lot.js';
@@ -29,8 +29,8 @@ function isAlertVisible(placesLots) {
 
 <template>
   {{#if (isAlertVisible @placesLots)}}
-    <PixBanner class="places-lots-alert" @type="warning" @withIcon="true">
+    <PixBannerAlert class="places-lots-alert" @type="warning" @withIcon="true">
       {{t "banners.last-places-lot-available.message" days=(getCountdDownDays @placesLots)}}
-    </PixBanner>
+    </PixBannerAlert>
   {{/if}}
 </template>
diff --git a/orga/app/components/sco-organization-participant/generate-username-password-modal.gjs b/orga/app/components/sco-organization-participant/generate-username-password-modal.gjs
@@ -1,5 +1,5 @@
 import PixButton from '@1024pix/pix-ui/components/pix-button';
-import PixMessage from '@1024pix/pix-ui/components/pix-message';
+import PixNotificationAlert from '@1024pix/pix-ui/components/pix-notification-alert';
 import PixModal from '@1024pix/pix-ui/components/pix-modal';
 import Component from '@glimmer/component';
 import { t } from 'ember-intl';
@@ -18,9 +18,9 @@ export default class GenerateUsernamePasswordModal extends Component {
     >
       <:content>
         <section class="generate-username-password-modal__content">
-          <PixMessage @type="warning" @withIcon={{true}}>{{t
-              "pages.sco-organization-participants.generate-username-password-modal.warning-message"
-            }}</PixMessage>
+          <PixNotificationAlert @type="warning" @withIcon={{true}}>{{t
+            "pages.sco-organization-participants.generate-username-password-modal.warning-message"
+          }}</PixNotificationAlert>
           <p>{{t "pages.sco-organization-participants.generate-username-password-modal.content-message-1"}}</p>
           <p>{{t "pages.sco-organization-participants.generate-username-password-modal.content-message-2"}}</p>
           <p>{{t "pages.sco-organization-participants.generate-username-password-modal.content-message-3"}}</p>

diff --git a/orga/app/components/sco-organization-participant/reset-password-modal.hbs b/orga/app/components/sco-organization-participant/reset-password-modal.hbs
@@ -5,9 +5,9 @@
 >
   <:content>
     <section class="reset-password-modal__content">
-      <PixMessage @type="warning" @withIcon={{true}}>{{t
+      <PixNotificationAlert @type="warning" @withIcon={{true}}>{{t
           "pages.sco-organization-participants.reset-password-modal.warning-message"
-        }}</PixMessage>
+        }}</PixNotificationAlert>
       <p>{{t
           "pages.sco-organization-participants.reset-password-modal.content-message-1"
           totalSelectedStudents=@totalSelectedStudents

diff --git a/orga/app/components/tube/list.hbs b/orga/app/components/tube/list.hbs
@@ -23,7 +23,7 @@
     {{/if}}
   </div>
   {{#each this.sortedAreas as |area|}}
-    <PixCollapsible class="{{area.color}}">
+    <PixAccordions class="{{area.color}}">
       <:title>{{area.code}} · {{area.title}}</:title>
       <:content>
         {{#each area.sortedCompetences as |competence|}}
@@ -75,7 +75,7 @@
           </table>
         {{/each}}
       </:content>
-    </PixCollapsible>
+    </PixAccordions>
 
   {{/each}}
 </section>
diff --git a/orga/app/templates/authenticated/certifications.hbs b/orga/app/templates/authenticated/certifications.hbs
@@ -28,12 +28,12 @@
       </PixButton>
     </form>
 
-    <PixMessage @withIcon={{true}}>
+    <PixNotificationAlert @withIcon={{true}}>
       {{t "pages.certifications.documentation-link-notice"}}
       <a href={{t "pages.certifications.documentation-link"}} target="_blank" rel="noopener noreferrer">{{t
           "pages.certifications.documentation-link-label"
         }}</a>
-    </PixMessage>
+    </PixNotificationAlert>
   {{else}}
     <p class="certifications-page__text">
       {{t "pages.certifications.no-students-imported-yet" htmlSafe=true}}