@1024pix/pix-ui 62.3.1 → 63.0.0

package/addon/components/pix-pagination.gjs

@@ -1,9 +1,7 @@
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import Component from '@glimmer/component';
-import { eq } from 'ember-truth-helpers';
 
-import { formatMessage } from '../translations';
 import PixIconButton from './pix-icon-button';
 import PixSelect from './pix-select';
 
@@ -21,48 +19,10 @@ export default class PixPagination extends Component {
     return this.args.isCondensed ? 'pix-pagination-condensed' : 'pix-pagination';
   }
 
-  get beforeResultsPerPage() {
-    return this.formatMessage('beforeResultsPerPage');
-  }
-
-  get previousPageLabel() {
-    return this.formatMessage('previousPageLabel');
-  }
-
-  get nextPageLabel() {
-    return this.formatMessage('nextPageLabel');
-  }
-
-  get pageNumber() {
-    return this.formatMessage('pageNumber', {
-      total: this.pageCount,
-      current: this.currentPage,
-    });
-  }
-  get pageInfo() {
-    return this.formatMessage('pageInfo', {
-      total: this.resultsCount,
-      start: this.firstItemPosition,
-      end: this.lastItemPosition,
-    });
-  }
-
   get pageOptions() {
     return this.args.pageOptions ? this.args.pageOptions : DEFAULT_PAGE_OPTIONS;
   }
 
-  get selectPageSizeLabel() {
-    return this.formatMessage('selectPageSizeLabel');
-  }
-
-  get pageResults() {
-    return this.formatMessage('pageResults', { total: this.args.pagination.rowCount });
-  }
-
-  formatMessage(message, values) {
-    return formatMessage(this.args.locale ?? 'fr', `pagination.${message}`, values);
-  }
-
   get currentPage() {
     return this.args.pagination ? this.args.pagination.page : 1;
   }
@@ -93,10 +53,6 @@ export default class PixPagination extends Component {
     return Math.max(this.currentPage - 1, 1);
   }
 
-  get resultsCount() {
-    return this.args.pagination ? this.args.pagination.rowCount : 0;
-  }
-
   get firstItemPosition() {
     if (!this.args.pagination) return 0;
     return (this.currentPage - 1) * this.pageSize + 1;
@@ -136,7 +92,7 @@ export default class PixPagination extends Component {
   <template>
     <footer class={{this.isCondensed}}>
       <section class="pix-pagination__size">
-        <span class="pagination-size__label">{{this.beforeResultsPerPage}}</span>
+        <span class="pagination-size__label" aria-hidden="true">{{@texts.title}}</span>
         <PixSelect
           @placeholder={{this.pageSize}}
           @screenReaderOnly={{true}}
@@ -146,22 +102,18 @@ export default class PixPagination extends Component {
           @onChange={{this.changePageSize}}
           @options={{this.pageOptions}}
         >
-          <:label>{{this.selectPageSizeLabel}}</:label>
+          <:label>{{@texts.pageSize}}</:label>
         </PixSelect>
       </section>
       <section class="pix-pagination__navigation">
         <span>
-          {{#if (eq this.pageCount 1)}}
-            {{this.pageResults}}
-          {{else}}
-            {{this.pageInfo}}
-          {{/if}}
+          {{@texts.pageElementCount}}
         </span>
         <div class="pix-pagination-navigation__action">
           <PixIconButton
             class="pix-pagination-navigation__action-button"
             @iconName="arrowLeft"
-            @ariaLabel={{this.previousPageLabel}}
+            @ariaLabel={{@texts.previousPage}}
             @triggerAction={{this.goToPreviousPage}}
             @withBackground={{false}}
             @size="big"
@@ -170,12 +122,12 @@ export default class PixPagination extends Component {
             aria-disabled="{{this.isPreviousPageDisabled}}"
           />
           <span>
-            {{this.pageNumber}}
+            {{@texts.pageNumber}}
           </span>
           <PixIconButton
             class="pix-pagination-navigation__action-button"
             @iconName="arrowRight"
-            @ariaLabel={{this.nextPageLabel}}
+            @ariaLabel={{@texts.nextPage}}
             @triggerAction={{this.goToNextPage}}
             @withBackground={{false}}
             @size="big"

package/addon/translations/en.js

@@ -8,16 +8,6 @@ export default {
   select: {
     search: 'Search',
   },
-  pagination: {
-    beforeResultsPerPage: 'See',
-    selectPageSizeLabel: 'Select the number of items by page',
-    pageResults: '{total, plural, =0 {0 items} =1 {1 item} other {{total, number} items}}',
-    pageInfo:
-      '{start, number}-{end, number} of {total, plural, =0 {0 items} =1 {1 item} other {{total, number} items}}',
-    previousPageLabel: 'Go to previous page',
-    pageNumber: 'Page {current, number} / {total, number}',
-    nextPageLabel: 'Go to next page',
-  },
   tag: {
     removeButton: 'Remove',
   },

package/addon/translations/es-419.js

@@ -11,15 +11,4 @@ export default {
   stepper: {
     ariaLabel: 'Paso {current, number} de {total, number}',
   },
-  pagination: {
-    beforeResultsPerPage: 'Ver',
-    selectPageSizeLabel: 'Número de elementos que se mostrarán por página',
-    pageResults:
-      '{total, plural, =0 {0 elemento} =1 {1 elemento} otros {{total, número} elementos}}',
-    pageInfo:
-      '{start, número}-{end, número} de {total, plural, =0 {0 elemento} =1 {1 elemento} otros {{total, número} elementos}}',
-    previousPageLabel: 'Ir a la página anterior',
-    pageNumber: 'Página {current, number} / {total, number}',
-    nextPageLabel: 'Ir a la página siguiente',
-  },
 };

package/addon/translations/es.js

@@ -8,17 +8,6 @@ export default {
   select: {
     search: 'Buscar',
   },
-  pagination: {
-    beforeResultsPerPage: 'Ver',
-    selectPageSizeLabel: 'Número de elementos que se mostrarán por página',
-    pageResults:
-      '{total, plural, =0 {0 elemento} =1 {1 elemento} otros {{total, número} elementos}}',
-    pageInfo:
-      '{start, número}-{end, número} de {total, plural, =0 {0 elemento} =1 {1 elemento} otros {{total, número} elementos}}',
-    previousPageLabel: 'Ir a la página anterior',
-    pageNumber: 'Página {current, number} / {total, number}',
-    nextPageLabel: 'Ir a la página siguiente',
-  },
   stepper: {
     ariaLabel: 'Paso {current, number} de {total, number}',
   },

package/addon/translations/fr.js

@@ -9,16 +9,6 @@ export default {
   select: {
     search: 'Rechercher',
   },
-  pagination: {
-    beforeResultsPerPage: 'Voir',
-    selectPageSizeLabel: "Nombre d'élément à afficher par page",
-    pageResults: '{total, plural, =0 {0 élément} =1 {1 élément} other {{total, number} éléments}}',
-    pageInfo:
-      '{start, number}-{end, number} sur {total, plural, =0 {0 élément} =1 {1 élément} other {{total, number} éléments}}',
-    previousPageLabel: 'Aller à la page précédente',
-    pageNumber: 'Page {current, number} / {total, number}',
-    nextPageLabel: 'Aller à la page suivante',
-  },
   tag: {
     removeButton: 'Supprimer',
   },

package/addon/translations/nl.js

@@ -8,16 +8,7 @@ export default {
   select: {
     search: 'Zoeken',
   },
-  pagination: {
-    beforeResultsPerPage: 'Zie',
-    selectPageSizeLabel: 'Selecteer het aantal items per pagina',
-    pageResults: '{total, plural, =0 {0 items} =1 {1 item} other {{total, number} items}}',
-    pageInfo:
-      '{start, number}-{end, number} van {total, plural, =0 {0 items} =1 {1 item} other {{total, number} items}}',
-    previousPageLabel: 'Ga naar vorige pagina',
-    pageNumber: 'Pagina {current, number} / {total, number}',
-    nextPageLabel: 'Ga naar volgende pagina',
-  },
+
   tag: {
     removeButton: 'Verwijderen',
   },

package/package.json

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