List: Added localization for list selectAll checkbox state (T1248140) (…

…#28096)
DevExpress · Sep 25, 2024 · 02329f8 · 02329f8
1 parent 4d32b4f
commit 02329f8
Show file tree

Hide file tree

Showing 30 changed files with 91 additions and 9 deletions.
diff --git a/packages/devextreme/js/__internal/ui/list/m_list.edit.decorator.selection.ts b/packages/devextreme/js/__internal/ui/list/m_list.edit.decorator.selection.ts
@@ -174,8 +174,9 @@ registerDecorator(
 
       const indeterminate = value === undefined;
 
-      const checkedText = indeterminate ? 'half checked' : value ? 'checked' : 'not checked';
-      const label = `${messageLocalization.format('dxList-selectAll')}, ${checkedText}`;
+      const stateVariableName = indeterminate ? 'indeterminate' : value ? 'checked' : 'notChecked';
+
+      const label = `${messageLocalization.format('dxList-selectAll')}, ${messageLocalization.format(`dxList-selectAll-${stateVariableName}`)}`;
 
       this._$selectAll.attr({ 'aria-label': label });
     },

diff --git a/packages/devextreme/js/localization/messages/ar.json b/packages/devextreme/js/localization/messages/ar.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "حذف",
         "dxListEditDecorator-more": "المزيد",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "للتحديث اسحب للأسفل...",
         "dxScrollView-pulledDownText": "حرر للتحديث ...",

diff --git a/packages/devextreme/js/localization/messages/ca.json b/packages/devextreme/js/localization/messages/ca.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Esborrar",
         "dxListEditDecorator-more": "Més",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Tireu cap avall per refrescar -se ...",
         "dxScrollView-pulledDownText": "Allibereu a refresc ...",

diff --git a/packages/devextreme/js/localization/messages/cs.json b/packages/devextreme/js/localization/messages/cs.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Smazat",
         "dxListEditDecorator-more": "Více",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Stáhněte dolů pro obnovení...",
         "dxScrollView-pulledDownText": "Uvolněte pro obnovení...",

diff --git a/packages/devextreme/js/localization/messages/de.json b/packages/devextreme/js/localization/messages/de.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Entfernen",
         "dxListEditDecorator-more": "Mehr",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Zum Aktualisieren nach unten ziehen",
         "dxScrollView-pulledDownText": "Zum Aktualisieren loslassen",

diff --git a/packages/devextreme/js/localization/messages/el.json b/packages/devextreme/js/localization/messages/el.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Διαγραφή",
         "dxListEditDecorator-more": "Περισσότερα",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Σύρετε απο πάνω προς τα κάτω για ανανέωση...",
         "dxScrollView-pulledDownText": "Απελευθερώστε για ανανέωση...",

diff --git a/packages/devextreme/js/localization/messages/en.json b/packages/devextreme/js/localization/messages/en.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Delete",
         "dxListEditDecorator-more": "More",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Pull down to refresh...",
         "dxScrollView-pulledDownText": "Release to refresh...",

diff --git a/packages/devextreme/js/localization/messages/es.json b/packages/devextreme/js/localization/messages/es.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Eliminar",
         "dxListEditDecorator-more": "Más",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Desliza hacia abajo para actualizar...",
         "dxScrollView-pulledDownText": "Suelta para actualizar...",

diff --git a/packages/devextreme/js/localization/messages/fa.json b/packages/devextreme/js/localization/messages/fa.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "حذف",
         "dxListEditDecorator-more": "بیشتر",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "برای تازه کردن به پایین بکشید ...",
         "dxScrollView-pulledDownText": "انتشار برای تازه کردن ...",

diff --git a/packages/devextreme/js/localization/messages/fi.json b/packages/devextreme/js/localization/messages/fi.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Poista",
         "dxListEditDecorator-more": "Lisää",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Päivitä vetämällä alas...",
         "dxScrollView-pulledDownText": "Päivitä vapauttamalla...",

diff --git a/packages/devextreme/js/localization/messages/fr.json b/packages/devextreme/js/localization/messages/fr.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Supprimer",
         "dxListEditDecorator-more": "Plus",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Tirez vers le bas pour actualiser...",
         "dxScrollView-pulledDownText": "Relacher pour actualiser...",

diff --git a/packages/devextreme/js/localization/messages/hu.json b/packages/devextreme/js/localization/messages/hu.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Törlés",
         "dxListEditDecorator-more": "Több",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Húzza le a frissítéshez...",
         "dxScrollView-pulledDownText": "Engedje el a frissítéshez...",

diff --git a/packages/devextreme/js/localization/messages/it.json b/packages/devextreme/js/localization/messages/it.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Elimina",
         "dxListEditDecorator-more": "Ancora",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Trascina in basso per aggiornare...",
         "dxScrollView-pulledDownText": "Rilascia per aggiornare...",

diff --git a/packages/devextreme/js/localization/messages/ja.json b/packages/devextreme/js/localization/messages/ja.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "削除",
         "dxListEditDecorator-more": "もっと",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "引っ張って更新…",
         "dxScrollView-pulledDownText": "指を離して更新…",

diff --git a/packages/devextreme/js/localization/messages/lt.json b/packages/devextreme/js/localization/messages/lt.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Ištrinti",
         "dxListEditDecorator-more": "Daugiau",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Patraukite žemyn, kad atnaujintumėte...",
         "dxScrollView-pulledDownText": "Atleiskite, kad atnaujintumėte...",

diff --git a/packages/devextreme/js/localization/messages/lv.json b/packages/devextreme/js/localization/messages/lv.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Dzēst",
         "dxListEditDecorator-more": "Vairāk",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Vilkt lejā lai atjaunotu...",
         "dxScrollView-pulledDownText": "Atlaist lai atjaunotu...",

diff --git a/packages/devextreme/js/localization/messages/nb.json b/packages/devextreme/js/localization/messages/nb.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Slett",
         "dxListEditDecorator-more": "Mer",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Dra ned for å oppdatere...",
         "dxScrollView-pulledDownText": " Slipp for å oppdatere...",

diff --git a/packages/devextreme/js/localization/messages/nl.json b/packages/devextreme/js/localization/messages/nl.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Verwijderen",
         "dxListEditDecorator-more": "Meer",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Trek naar beneden om te vernieuwen...",
         "dxScrollView-pulledDownText": "Laat los om te vernieuwen...",

diff --git a/packages/devextreme/js/localization/messages/pl.json b/packages/devextreme/js/localization/messages/pl.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Usuń",
         "dxListEditDecorator-more": "Więcej",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Aby zaktualizować, przeciągnij w dół",
         "dxScrollView-pulledDownText": "Aby zaktualizować puść",

diff --git a/packages/devextreme/js/localization/messages/pt.json b/packages/devextreme/js/localization/messages/pt.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Eliminar",
         "dxListEditDecorator-more": "Mais",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Puxar para baixo para recarregar...",
         "dxScrollView-pulledDownText": "Soltar para recarregar...",

diff --git a/packages/devextreme/js/localization/messages/ro.json b/packages/devextreme/js/localization/messages/ro.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Șterge",
         "dxListEditDecorator-more": "Mai mult",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Trageți în jos pentru a actualiza...",
         "dxScrollView-pulledDownText": "Eliberați pentru a actualiza...",

diff --git a/packages/devextreme/js/localization/messages/ru.json b/packages/devextreme/js/localization/messages/ru.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Удалить",
         "dxListEditDecorator-more": "Еще",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Потяните, чтобы обновить...",
         "dxScrollView-pulledDownText": "Отпустите, чтобы обновить...",

diff --git a/packages/devextreme/js/localization/messages/sl.json b/packages/devextreme/js/localization/messages/sl.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Izbriši",
         "dxListEditDecorator-more": "Več",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Povlecite navzdol za osvežitev...",
         "dxScrollView-pulledDownText": "Spustite za osvežitev...",

diff --git a/packages/devextreme/js/localization/messages/sv.json b/packages/devextreme/js/localization/messages/sv.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Radera",
         "dxListEditDecorator-more": "Mer",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Dra neråt för att uppdatera...",
         "dxScrollView-pulledDownText": "Släpp för att uppdatera...",

diff --git a/packages/devextreme/js/localization/messages/tr.json b/packages/devextreme/js/localization/messages/tr.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Sil",
         "dxListEditDecorator-more": "Daha",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Yenilemek için aşağıya çekin...",
         "dxScrollView-pulledDownText": "Yenilemek için bırakın...",

diff --git a/packages/devextreme/js/localization/messages/vi.json b/packages/devextreme/js/localization/messages/vi.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "Xóa",
         "dxListEditDecorator-more": "Thêm",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "Kéo xuống để làm tươi...",
         "dxScrollView-pulledDownText": "Nhả ra để làm tươi...",

diff --git a/packages/devextreme/js/localization/messages/zh-tw.json b/packages/devextreme/js/localization/messages/zh-tw.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "刪除",
         "dxListEditDecorator-more": "更多",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "下拉以重新整理...",
         "dxScrollView-pulledDownText": "放開以重新整理...",

diff --git a/packages/devextreme/js/localization/messages/zh.json b/packages/devextreme/js/localization/messages/zh.json
@@ -48,6 +48,9 @@
         "dxList-listAriaLabel-deletable": "Deletable items",
         "dxListEditDecorator-delete": "删除",
         "dxListEditDecorator-more": "更多",
+        "dxList-selectAll-indeterminate": "Half-checked",
+        "dxList-selectAll-checked": "Checked",
+        "dxList-selectAll-notChecked": "Not checked",
 
         "dxScrollView-pullingDownText": "下拉以刷新...",
         "dxScrollView-pulledDownText": "放开以刷新...",

diff --git a/packages/devextreme/testing/tests/DevExpress.ui.widgets/list.markup.tests.js b/packages/devextreme/testing/tests/DevExpress.ui.widgets/list.markup.tests.js
@@ -554,7 +554,7 @@ QUnit.module('decorators markup', {}, () => {
         assert.strictEqual($selectAllCheckBox.attr('aria-label'), localizedSelectAllText, 'selectAll checkbox aria-label should be equal to localized text');
 
         assert.strictEqual($multipleContainer.text(), 'custom-select-all', 'text should be equal to localized text');
-        assert.strictEqual($multipleContainer.attr('aria-label'), `${localizedSelectAllText}, not checked`, 'unchecked checkbox aria-label should be equal to localized text');
+        assert.strictEqual($multipleContainer.attr('aria-label'), `${localizedSelectAllText}, Not checked`, 'unchecked checkbox aria-label should be equal to localized text');
     });
 
     QUnit.test('list item markup should be correct, reordering decorator', function(assert) {

diff --git a/packages/devextreme/testing/tests/DevExpress.ui.widgets/listParts/commonTests.js b/packages/devextreme/testing/tests/DevExpress.ui.widgets/listParts/commonTests.js
@@ -4329,7 +4329,7 @@ QUnit.module('Accessibility', () => {
 
         const $selectAll = $(`.${LIST_SELECT_ALL_CLASS}`);
 
-        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, not checked');
+        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, Not checked');
     });
 
     QUnit.test('Select all element should have correct aria-label when all items are selected', function(assert) {
@@ -4344,7 +4344,7 @@ QUnit.module('Accessibility', () => {
 
         const $selectAll = $(`.${LIST_SELECT_ALL_CLASS}`);
 
-        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, checked');
+        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, Checked');
     });
 
     QUnit.test('Select all element should have correct aria-label when not all items are selected', function(assert) {
@@ -4359,7 +4359,7 @@ QUnit.module('Accessibility', () => {
 
         const $selectAll = $(`.${LIST_SELECT_ALL_CLASS}`);
 
-        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, half checked');
+        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, Half-checked');
     });
 
     QUnit.test('Select all element should have correct aria-label when selected items change in runtime', function(assert) {
@@ -4375,15 +4375,15 @@ QUnit.module('Accessibility', () => {
 
         const $selectAll = $(`.${LIST_SELECT_ALL_CLASS}`);
 
-        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, half checked');
+        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, Half-checked');
 
         instance.option({ selectedItems: items });
 
-        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, checked');
+        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, Checked');
 
         instance.option({ selectedItems: [] });
 
-        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, not checked');
+        assert.strictEqual($selectAll.attr('aria-label'), 'Select All, Not checked');
     });
 
     QUnit.test('checkbox should have aria-label="Check State" attribute', function(assert) {