@1024pix/pix-ui 63.0.0 → 65.0.0

package/addon/components/pix-stepper.gjs

@@ -1,10 +1,21 @@
+import { warn } from '@ember/debug';
 import Component from '@glimmer/component';
 import { eq } from 'ember-truth-helpers';
 
-import { formatMessage } from '../translations';
 import PixStep from './pix-step';
 
 export default class PixStepperComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    warn(
+      'PixStepper: @texts attribute is mandatory for accessibility.',
+      Boolean(this.args.texts?.ariaLabel),
+      {
+        id: 'pix-ui.stepper-component.texts.mandatory',
+      },
+    );
+  }
+
   get cssClass() {
     const classes = ['pix-stepper'];
 
@@ -19,15 +30,8 @@ export default class PixStepperComponent extends Component {
     return this.args.currentStep - 1;
   }
 
-  get ariaLabel() {
-    return formatMessage(this.args.locale ?? 'fr', 'stepper.ariaLabel', {
-      current: this.args.currentStep,
-      total: this.args.steps.length,
-    });
-  }
-
   <template>
-    <ol class={{this.cssClass}} role="list" aria-label={{this.ariaLabel}} ...attributes>
+    <ol class={{this.cssClass}} role="list" ...attributes aria-label={{@texts.ariaLabel}}>
       {{#each @steps as |step index|}}
         <PixStep
           @index={{index}}

package/addon/components/pix-tag.gjs

@@ -1,9 +1,22 @@
+import { warn } from '@ember/debug';
 import Component from '@glimmer/component';
 
-import { formatMessage } from '../translations';
 import PixIconButton from './pix-icon-button';
 
 export default class PixTag extends Component {
+  constructor(...args) {
+    super(...args);
+    if (this.args.onRemove) {
+      warn(
+        'PixTag: texts.removeButtonLabel is mandatory when onRemove is provided  ',
+        Boolean(this.args.texts?.removeButtonLabel),
+        {
+          id: 'pix-ui.pix-tag.texts.mandatory',
+        },
+      );
+    }
+  }
+
   get classes() {
     const { color } = this.args;
     const classes = [];
@@ -11,16 +24,12 @@ export default class PixTag extends Component {
     return classes.join(' ');
   }
 
-  get ariaLabel() {
-    return formatMessage(this.args.locale || 'fr', 'tag.removeButton');
-  }
-
   <template>
     <div class="pix-tag {{this.classes}}" ...attributes>
       {{yield}}
-      {{#if @displayRemoveButton}}
+      {{#if @onRemove}}
         <PixIconButton
-          @ariaLabel={{this.ariaLabel}}
+          @ariaLabel={{@texts.removeButtonLabel}}
           @iconName="close"
           @size="xsmall"
           @triggerAction={{@onRemove}}

package/addon/translations/en.js

@@ -8,12 +8,6 @@ export default {
   select: {
     search: 'Search',
   },
-  tag: {
-    removeButton: 'Remove',
-  },
-  stepper: {
-    ariaLabel: 'Step {current, number} of {total, number}',
-  },
   pixNavigation: {
     shrinkNavigationAriaLabel: 'Reduce the width of the navigation menu',
     expandNavigationAriaLabel: 'Return to the initial width of the navigation menu',

package/addon/translations/es-419.js

@@ -8,7 +8,4 @@ export default {
   select: {
     search: 'Buscar',
   },
-  stepper: {
-    ariaLabel: 'Paso {current, number} de {total, number}',
-  },
 };

package/addon/translations/es.js

@@ -8,9 +8,6 @@ export default {
   select: {
     search: 'Buscar',
   },
-  stepper: {
-    ariaLabel: 'Paso {current, number} de {total, number}',
-  },
   pixNavigation: {
     shrinkNavigationAriaLabel: 'Reducir el ancho del menú de navegación',
     expandNavigationAriaLabel: 'Volver al ancho inicial del menú de navegación',

package/addon/translations/fr.js

@@ -9,14 +9,8 @@ export default {
   select: {
     search: 'Rechercher',
   },
-  tag: {
-    removeButton: 'Supprimer',
-  },
   pixNavigation: {
     shrinkNavigationAriaLabel: 'Réduire la largeur du menu de navigation',
     expandNavigationAriaLabel: 'Revenir à la largeur initiale du menu de navigation',
   },
-  stepper: {
-    ariaLabel: 'Étape {current, number} sur {total, number}',
-  },
 };

package/addon/translations/nl.js

@@ -8,13 +8,6 @@ export default {
   select: {
     search: 'Zoeken',
   },
-
-  tag: {
-    removeButton: 'Verwijderen',
-  },
-  stepper: {
-    ariaLabel: 'Stap {current, number} van {total, number}',
-  },
   pixNavigation: {
     shrinkNavigationAriaLabel: 'De breedte van het navigatiemenu verkleinen',
     expandNavigationAriaLabel: 'Terug naar de oorspronkelijke breedte van het navigatiemenu',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/pix-ui",
-  "version": "63.0.0",
+  "version": "65.0.0",
   "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
   "keywords": [
     "ember-addon"