@1024pix/pix-ui 64.0.0 → 66.0.0

package/addon/components/pix-checkbox.gjs

@@ -4,7 +4,6 @@ import { action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
 import Component from '@glimmer/component';
 
-import { formatMessage } from '../translations';
 import PixLabelWrapped from './pix-label-wrapped';
 export default class PixCheckbox extends Component {
   constructor() {
@@ -65,27 +64,23 @@ export default class PixCheckbox extends Component {
   }
 
   get stateSuccessMessage() {
-    return this.formatMessage('state.success');
+    return this.args.texts?.stateSuccess;
   }
 
   get stateErrorMessage() {
-    return this.formatMessage('state.error');
+    return this.args.texts?.stateError;
   }
 
   get stateDeclarativeMessage() {
-    return this.formatMessage('state.declarative');
-  }
-
-  formatMessage(message) {
-    return formatMessage(this.args.locale ?? 'fr', `input.${message}`);
+    return this.args.texts?.stateDeclarative;
   }
 
   <template>
     <div class="pix-checkbox {{@class}}">
       <PixLabelWrapped
         @for={{this.id}}
-        @requiredLabel={{@requiredLabel}}
-        @subLabel={{@subLabel}}
+        @requiredLabel={{@text?.requiredLabel}}
+        @subLabel={{@text?.subLabel}}
         @size={{@size}}
         @inlineLabel={{true}}
         @screenReaderOnly={{@screenReaderOnly}}

package/addon/components/pix-radio-button.gjs

@@ -4,7 +4,6 @@ import { action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
 import Component from '@glimmer/component';
 
-import { formatMessage } from '../translations';
 import PixLabelWrapped from './pix-label-wrapped';
 
 export default class PixRadioButton extends Component {
@@ -53,15 +52,11 @@ export default class PixRadioButton extends Component {
   }
 
   get stateSuccessMessage() {
-    return this.formatMessage('state.success');
+    return this.args.texts?.stateSuccess;
   }
 
   get stateErrorMessage() {
-    return this.formatMessage('state.error');
-  }
-
-  formatMessage(message) {
-    return formatMessage('fr', `input.${message}`);
+    return this.args.texts?.stateError;
   }
 
   @action
@@ -75,8 +70,8 @@ export default class PixRadioButton extends Component {
     <div class="pix-radio-button {{@class}}">
       <PixLabelWrapped
         @for={{this.id}}
-        @requiredLabel={{@requiredLabel}}
-        @subLabel={{@subLabel}}
+        @requiredLabel={{@text?.requiredLabel}}
+        @subLabel={{@text?.subLabel}}
         @size={{@size}}
         @screenReaderOnly={{@screenReaderOnly}}
         @isDisabled={{this.isDisabled}}

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/translations/en.js

@@ -1,16 +1,7 @@
 export default {
-  input: {
-    state: {
-      success: 'Correct selection',
-      error: 'Incorrect selection',
-    },
-  },
   select: {
     search: 'Search',
   },
-  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

@@ -1,14 +1,5 @@
 export default {
-  input: {
-    state: {
-      success: 'Selección correcta',
-      error: 'Selección incorrecta',
-    },
-  },
   select: {
     search: 'Buscar',
   },
-  stepper: {
-    ariaLabel: 'Paso {current, number} de {total, number}',
-  },
 };

package/addon/translations/es.js

@@ -1,16 +1,7 @@
 export default {
-  input: {
-    state: {
-      success: 'Selección correcta',
-      error: 'Selección incorrecta',
-    },
-  },
   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

@@ -1,11 +1,4 @@
 export default {
-  input: {
-    state: {
-      success: 'Sélection correcte',
-      error: 'Sélection incorrecte',
-      declarative: 'Sélection sans bonne ou mauvaise réponse',
-    },
-  },
   select: {
     search: 'Rechercher',
   },
@@ -13,7 +6,4 @@ export default {
     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

@@ -1,16 +1,7 @@
 export default {
-  input: {
-    state: {
-      success: 'Correcte selectie',
-      error: 'Onjuiste selectie',
-    },
-  },
   select: {
     search: 'Zoeken',
   },
-  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": "64.0.0",
+  "version": "66.0.0",
   "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
   "keywords": [
     "ember-addon"