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

Author: renovate[bot]

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">

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>
 }

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>

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>

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>
 }

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>
 }

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>
 }

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>
 }

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>
 }

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>

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>

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>

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

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>

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}}

orga/app/templates/authenticated/missions/list.hbs

@@ -1,6 +1,6 @@
 {{page-title (t "pages.missions.title")}}
 
-<PixBanner class="mission-list-banner">
+<PixBannerAlert class="mission-list-banner">
   {{t "pages.missions.list.banner.welcome"}}
   <br />
   <ul>
@@ -58,7 +58,7 @@
       <span>{{html-unsafe (t "pages.missions.list.banner.step3")}}</span>
     </li>
   </ul>
-</PixBanner>
+</PixBannerAlert>
 
 <h1 class="mission-list__title page-title">{{t "pages.missions.title"}}</h1>
 {{#if @model.missions}}

orga/app/templates/authenticated/team/new.hbs

@@ -5,7 +5,7 @@
   <h1 class="page__title page-title">
     {{t "pages.team-new.title"}}
   </h1>
-  <PixBanner @type="warning" class="new-team-page__warning-banner">{{t "pages.team-new.warning"}}</PixBanner>
+  <PixBannerAlert @type="warning" class="new-team-page__warning-banner">{{t "pages.team-new.warning"}}</PixBannerAlert>
 
   <p class="paragraph">
     {{t "pages.team-new.email-requirement"}}<br />

orga/package-lock.json

@@ -54,7 +54,7 @@
     "@1024pix/ember-cli-notifications": "^8.0.2",
     "@1024pix/ember-testing-library": "^3.0.6",
     "@1024pix/eslint-config": "^1.3.8",
-    "@1024pix/pix-ui": "^48.9.0",
+    "@1024pix/pix-ui": "^49.4.1",
     "@1024pix/stylelint-config": "^5.1.22",
     "@babel/eslint-parser": "^7.19.1",
     "@babel/plugin-proposal-decorators": "^7.20.13",