Merge branch 'main' into dlockhart/fix-taglist

BrightspaceUI · Nov 17, 2023 · c4d296c · c4d296c
2 parents aedefba + 792cebc
commit c4d296c
Show file tree

Hide file tree

Showing 83 changed files with 31 additions and 326 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -27,5 +27,9 @@
       "no-undef": 0,
       "indent": 0
     }
+  },
+  {
+    "files": "**/test/*",
+    "extends": "brightspace/open-wc-testing-config"
   }]
 }
diff --git a/.lmsrelease b/.lmsrelease
@@ -1 +1 @@
-20.23.12
+20.24.1
diff --git a/components/alert/test/.eslintrc.json b/components/alert/test/.eslintrc.json
diff --git a/components/backdrop/test/.eslintrc.json b/components/backdrop/test/.eslintrc.json
diff --git a/components/breadcrumbs/test/.eslintrc.json b/components/breadcrumbs/test/.eslintrc.json
diff --git a/components/button/test/.eslintrc.json b/components/button/test/.eslintrc.json
diff --git a/components/calendar/test/.eslintrc.json b/components/calendar/test/.eslintrc.json
diff --git a/components/card/test/.eslintrc.json b/components/card/test/.eslintrc.json
diff --git a/components/collapsible-panel/test/.eslintrc.json b/components/collapsible-panel/test/.eslintrc.json
diff --git a/components/colors/test/.eslintrc.json b/components/colors/test/.eslintrc.json
diff --git a/components/count-badge/test/.eslintrc.json b/components/count-badge/test/.eslintrc.json
diff --git a/components/demo/test/.eslintrc.json b/components/demo/test/.eslintrc.json
diff --git a/components/description-list/test/.eslintrc.json b/components/description-list/test/.eslintrc.json
diff --git a/components/dialog/test/.eslintrc.json b/components/dialog/test/.eslintrc.json
diff --git a/components/dropdown/test/.eslintrc.json b/components/dropdown/test/.eslintrc.json
diff --git a/components/empty-state/test/.eslintrc.json b/components/empty-state/test/.eslintrc.json
diff --git a/components/expand-collapse/test/.eslintrc.json b/components/expand-collapse/test/.eslintrc.json
diff --git a/components/filter/test/.eslintrc.json b/components/filter/test/.eslintrc.json
diff --git a/components/focus-trap/test/.eslintrc.json b/components/focus-trap/test/.eslintrc.json
diff --git a/components/form/test/.eslintrc.json b/components/form/test/.eslintrc.json
diff --git a/components/hierarchical-view/test/.eslintrc.json b/components/hierarchical-view/test/.eslintrc.json
diff --git a/components/html-block/test/.eslintrc.json b/components/html-block/test/.eslintrc.json
diff --git a/components/icons/test/.eslintrc.json b/components/icons/test/.eslintrc.json
diff --git a/components/inputs/test/.eslintrc.json b/components/inputs/test/.eslintrc.json
diff --git a/components/link/test/.eslintrc.json b/components/link/test/.eslintrc.json
diff --git a/components/list/list-item-mixin.js b/components/list/list-item-mixin.js
@@ -654,7 +654,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			${this._renderTopPlacementMarker(html`<d2l-list-item-placement-marker></d2l-list-item-placement-marker>`)}
 			${this.draggable ? html`<div class="d2l-list-item-drag-image">${innerView}</div>` : innerView}
 			${this._renderBottomPlacementMarker(html`<d2l-list-item-placement-marker></d2l-list-item-placement-marker>`)}
-			${this._displayKeyboardTooltip && tooltipForId ? html`<d2l-tooltip align="start" announced for="${tooltipForId}" for-type="descriptor">${this._renderTooltipContent()}</d2l-tooltip>` : ''}
+			${this._displayKeyboardTooltip && tooltipForId ? html`<d2l-tooltip align="start" announced for="${tooltipForId}" for-type="descriptor">${this.localizeHTML('components.list.keyboard')}</d2l-tooltip>` : ''}
 		`;
 
 	}
@@ -680,17 +680,6 @@ export const ListItemMixin = superclass => class extends composeMixins(
 		return html`<div slot="outside-control" class="handle-only" @mouseenter="${this._onMouseEnter}" @mouseleave="${this._onMouseLeave}">${dragHandle}</div>`;
 	}
 
-	_renderTooltipContent() {
-		return html`
-			<div>${this.localize('components.list-item-tooltip.title')}</div>
-			<ul>
-				<li><span class="d2l-list-item-tooltip-key">${this.localize('components.list-item-tooltip.up-down-key')}</span> - ${this.localize('components.list-item-tooltip.up-down-desc')}</li>
-				<li><span class="d2l-list-item-tooltip-key">${this.localize('components.list-item-tooltip.left-right-key')}</span> - ${this.localize('components.list-item-tooltip.left-right-desc')}</li>
-				<li><span class="d2l-list-item-tooltip-key">${this.localize('components.list-item-tooltip.page-up-down-key')}</span> - ${this.localize('components.list-item-tooltip.page-up-down-desc')}</li>
-			</ul>
-		`;
-	}
-
 	_tryFocus() {
 		const node = getFirstFocusableDescendant(this);
 		if (!node) return false;

diff --git a/components/list/test/.eslintrc.json b/components/list/test/.eslintrc.json
diff --git a/components/loading-spinner/test/.eslintrc.json b/components/loading-spinner/test/.eslintrc.json
diff --git a/components/menu/test/.eslintrc.json b/components/menu/test/.eslintrc.json
diff --git a/components/meter/test/.eslintrc.json b/components/meter/test/.eslintrc.json
diff --git a/components/more-less/test/.eslintrc.json b/components/more-less/test/.eslintrc.json
diff --git a/components/object-property-list/test/.eslintrc.json b/components/object-property-list/test/.eslintrc.json
diff --git a/components/offscreen/test/.eslintrc.json b/components/offscreen/test/.eslintrc.json
diff --git a/components/overflow-group/test/.eslintrc.json b/components/overflow-group/test/.eslintrc.json
diff --git a/components/paging/test/.eslintrc.json b/components/paging/test/.eslintrc.json
diff --git a/components/scroll-wrapper/test/.eslintrc.json b/components/scroll-wrapper/test/.eslintrc.json
diff --git a/components/selection/test/.eslintrc.json b/components/selection/test/.eslintrc.json
diff --git a/components/skeleton/test/.eslintrc.json b/components/skeleton/test/.eslintrc.json
diff --git a/components/status-indicator/test/.eslintrc.json b/components/status-indicator/test/.eslintrc.json
diff --git a/components/switch/test/.eslintrc.json b/components/switch/test/.eslintrc.json
diff --git a/components/table/test/.eslintrc.json b/components/table/test/.eslintrc.json
diff --git a/components/tabs/test/.eslintrc.json b/components/tabs/test/.eslintrc.json
diff --git a/components/tag-list/test/.eslintrc.json b/components/tag-list/test/.eslintrc.json
diff --git a/components/tooltip/test/.eslintrc.json b/components/tooltip/test/.eslintrc.json
diff --git a/components/typography/test/.eslintrc.json b/components/typography/test/.eslintrc.json
diff --git a/components/validation/test/.eslintrc.json b/components/validation/test/.eslintrc.json
diff --git a/controllers/attributeObserver/test/.eslintrc.json b/controllers/attributeObserver/test/.eslintrc.json
diff --git a/controllers/subscriber/test/.eslintrc.json b/controllers/subscriber/test/.eslintrc.json
diff --git a/directives/animate/test/.eslintrc.json b/directives/animate/test/.eslintrc.json
diff --git a/directives/run-async/test/.eslintrc.json b/directives/run-async/test/.eslintrc.json
diff --git a/helpers/test/.eslintrc.json b/helpers/test/.eslintrc.json
diff --git a/lang/ar.js b/lang/ar.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "وقت البدء",
 	"components.interactive.instructions": "اضغط على Enter للتفاعل، وEscape للخروج",
 	"components.link.open-in-new-window": "يفتح في نافذة جديدة.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "إجراءات القائمة",
 	"components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
 	"components.list-item-drag-handle.keyboard": "إعادة ترتيب المواد، الموضع الحالي {currentPosition} من أصل {size}. لنقل هذه المادة، اضغط على السهم المتجه إلى أعلى أو السهم المتجه إلى أسفل.",
-	"components.list-item-tooltip.title": "التنقل عبر لوحة المفاتيح للقوائم:",
-	"components.list-item-tooltip.up-down-key": "أعلى/أسفل",
-	"components.list-item-tooltip.up-down-desc": "نقل التركيز بين مواد القائمة.",
-	"components.list-item-tooltip.left-right-key": "يسار/يمين",
-	"components.list-item-tooltip.left-right-desc": "نقل التركيز ضمن المادة الحالية.",
-	"components.list-item-tooltip.page-up-down-key": "صفحة إلى الأعلى/الأسفل",
-	"components.list-item-tooltip.page-up-down-desc": "نقل التركيز لـ 5 مواد في كل مرة.",
 	"components.list-item-drag-handle-tooltip.title": "عناصر التحكم بلوحة المفاتيح لإعادة الترتيب:",
 	"components.list-item-drag-handle-tooltip.enter-key": "إدخال",
 	"components.list-item-drag-handle-tooltip.enter-desc": "تبديل وضع إعادة ترتيب لوحة المفاتيح.",

diff --git a/lang/cy.js b/lang/cy.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Amser Dechrau",
 	"components.interactive.instructions": "Pwyswch Enter i ryngweithio, Escape i adael",
 	"components.link.open-in-new-window": "Yn agor mewn ffenestr newydd",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Camau gweithredu ar gyfer rhestr",
 	"components.list-item-drag-handle.default": "Aildrefnu gweithred eitem ar gyfer {name}",
 	"components.list-item-drag-handle.keyboard": "Aildrefnu eitemau, safle presennol {currentPosition} allan o {size}. I symud yr eitem hon, pwyswch y saeth i fyny neu'r saeth i lawr.",
-	"components.list-item-tooltip.title": "Llywio Bysellfwrdd ar gyfer Rhestrau:",
-	"components.list-item-tooltip.up-down-key": "I Fyny/I Lawr",
-	"components.list-item-tooltip.up-down-desc": "Symud y ffocws rhwng eitemau rhestr.",
-	"components.list-item-tooltip.left-right-key": "Chwith/De",
-	"components.list-item-tooltip.left-right-desc": "Symud y ffocws o fewn yr eitem bresennol.",
-	"components.list-item-tooltip.page-up-down-key": "Tudalen I Fyny/I Lawr",
-	"components.list-item-tooltip.page-up-down-desc": "Symud y ffocws 5 eitem ar y tro.",
 	"components.list-item-drag-handle-tooltip.title": "Rheolaethau bysellfwrdd ar gyfer aildrefnu:",
 	"components.list-item-drag-handle-tooltip.enter-key": "Nodi",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Toglo'r modd aildrefnu bysellfwrdd.",

diff --git a/lang/da.js b/lang/da.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Starttidspunkt",
 	"components.interactive.instructions": "Tryk på Enter for at interagere, Escape for at afslutte",
 	"components.link.open-in-new-window": "Åbnes i et nyt vindue.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Handlinger for liste",
 	"components.list-item-drag-handle.default": "Omarranger elementhandling for {name}",
 	"components.list-item-drag-handle.keyboard": "Omarranger element, aktuel position {currentPosition} ud af {size}. For at flytte dette element skal du trykke på pil op eller pil ned.",
-	"components.list-item-tooltip.title": "Tastaturnavigering for lister:",
-	"components.list-item-tooltip.up-down-key": "Op/ned",
-	"components.list-item-tooltip.up-down-desc": "Flyt fokus mellem listeelementer.",
-	"components.list-item-tooltip.left-right-key": "Venstre/højre",
-	"components.list-item-tooltip.left-right-desc": "Flyt fokus inden for det aktuelle element.",
-	"components.list-item-tooltip.page-up-down-key": "Side op/ned",
-	"components.list-item-tooltip.page-up-down-desc": "Flyt fokus 5 elementer ad gangen.",
 	"components.list-item-drag-handle-tooltip.title": "Tastaturkontrolelementer for omorganisering:",
 	"components.list-item-drag-handle-tooltip.enter-key": "Indtast",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Skift tilstand for omorganisering af tastatur.",

diff --git a/lang/de.js b/lang/de.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Startzeit",
 	"components.interactive.instructions": "Drücken Sie die Eingabetaste zum Interagieren oder die Escape-Taste, um das Fenster zu schließen",
 	"components.link.open-in-new-window": "Wird in einem neuen Fenster geöffnet.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Aktionen für Liste",
 	"components.list-item-drag-handle.default": "Elementaktion für {name} neu anordnen",
 	"components.list-item-drag-handle.keyboard": "Elemente neu anordnen; aktuelle Position: {currentPosition} von {size}. Drücken Sie zum Bewegen dieses Elements auf den Pfeil nach oben oder den Pfeil nach unten.",
-	"components.list-item-tooltip.title": "Tastaturnavigation für Listen:",
-	"components.list-item-tooltip.up-down-key": "Nach oben/unten",
-	"components.list-item-tooltip.up-down-desc": "Fokus zwischen Listeneinträgen verschieben.",
-	"components.list-item-tooltip.left-right-key": "Links/Rechts",
-	"components.list-item-tooltip.left-right-desc": "Fokus innerhalb des aktuellen Elements verschieben.",
-	"components.list-item-tooltip.page-up-down-key": "Bild Auf/Ab",
-	"components.list-item-tooltip.page-up-down-desc": "Fokus um jeweils 5 Elemente verschieben.",
 	"components.list-item-drag-handle-tooltip.title": "Tastatursteuerelemente für Neuanordnung:",
 	"components.list-item-drag-handle-tooltip.enter-key": "Eingabe",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Tastatur-Neuanordnungsmodus ändern.",

diff --git a/lang/en-gb.js b/lang/en-gb.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Start Time",
 	"components.interactive.instructions": "Press Enter to interact, Escape to exit",
 	"components.link.open-in-new-window": "Opens in a new window.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Actions for list",
 	"components.list-item-drag-handle.default": "Reorder item action for {name}",
 	"components.list-item-drag-handle.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press up or down arrows.",
-	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.up-down-key": "Up/Down",
-	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
-	"components.list-item-tooltip.left-right-key": "Left/Right",
-	"components.list-item-tooltip.left-right-desc": "Move focus within current item.",
-	"components.list-item-tooltip.page-up-down-key": "Page Up/Down",
-	"components.list-item-tooltip.page-up-down-desc": "Move focus 5 items at a time.",
 	"components.list-item-drag-handle-tooltip.title": "Keyboard Controls for Reordering:",
 	"components.list-item-drag-handle-tooltip.enter-key": "Enter",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Toggle keyboard reorder mode.",

diff --git a/lang/en.js b/lang/en.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Start Time",
 	"components.interactive.instructions": "Press Enter to interact, Escape to exit",
 	"components.link.open-in-new-window": "Opens in a new window.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Actions for list",
 	"components.list-item-drag-handle.default": "Reorder item action for {name}",
 	"components.list-item-drag-handle.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press up or down arrows.",
-	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.up-down-key": "Up/Down",
-	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
-	"components.list-item-tooltip.left-right-key": "Left/Right",
-	"components.list-item-tooltip.left-right-desc": "Move focus within current item.",
-	"components.list-item-tooltip.page-up-down-key": "Page Up/Down",
-	"components.list-item-tooltip.page-up-down-desc": "Move focus 5 items at a time.",
 	"components.list-item-drag-handle-tooltip.title": "Keyboard Controls for Reordering:",
 	"components.list-item-drag-handle-tooltip.enter-key": "Enter",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Toggle keyboard reorder mode.",

diff --git a/lang/es-es.js b/lang/es-es.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Hora de inicio",
 	"components.interactive.instructions": "Pulse Enter para interactuar y Escape para salir",
 	"components.link.open-in-new-window": "Se abre en una ventana nueva.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Acciones para la lista",
 	"components.list-item-drag-handle.default": "Reordenar acción de elemento para {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elementos, posición actual {currentPosition} de {size}. Para mover este elemento, pulse las flechas arriba o abajo.",
-	"components.list-item-tooltip.title": "Navegación de listas con el teclado:",
-	"components.list-item-tooltip.up-down-key": "Arriba/abajo",
-	"components.list-item-tooltip.up-down-desc": "Mover el enfoque entre los elementos de la lista.",
-	"components.list-item-tooltip.left-right-key": "Izquierda/derecha",
-	"components.list-item-tooltip.left-right-desc": "Mover el enfoque dentro del elemento actual.",
-	"components.list-item-tooltip.page-up-down-key": "Avanzar/retroceder página",
-	"components.list-item-tooltip.page-up-down-desc": "Mover el enfoque 5 elementos a la vez.",
 	"components.list-item-drag-handle-tooltip.title": "Controles del teclado para reordenar:",
 	"components.list-item-drag-handle-tooltip.enter-key": "Intro",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Alternar el modo de reordenación del teclado.",

diff --git a/lang/es.js b/lang/es.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Hora de inicio",
 	"components.interactive.instructions": "Presione Intro para interactuar y Escape para salir",
 	"components.link.open-in-new-window": "Se abre en una ventana nueva.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Acciones para la lista",
 	"components.list-item-drag-handle.default": "Acción de reordenar elemento de {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elemento, posición actual {currentPosition} de {size}. Para mover este elemento, presione las flechas hacia arriba o hacia abajo.",
-	"components.list-item-tooltip.title": "Navegación con el teclado para listas:",
-	"components.list-item-tooltip.up-down-key": "Arriba/abajo",
-	"components.list-item-tooltip.up-down-desc": "Mover el enfoque entre los elementos de la lista.",
-	"components.list-item-tooltip.left-right-key": "Izquierda/derecha",
-	"components.list-item-tooltip.left-right-desc": "Mover el enfoque dentro del elemento actual.",
-	"components.list-item-tooltip.page-up-down-key": "Retroceder/avanzar página",
-	"components.list-item-tooltip.page-up-down-desc": "Mover el enfoque en 5 elementos a la vez.",
 	"components.list-item-drag-handle-tooltip.title": "Controles del teclado para el reordenamiento:",
 	"components.list-item-drag-handle-tooltip.enter-key": "Ingresar",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Alternar el modo de reordenamiento del teclado.",

diff --git a/lang/fr-fr.js b/lang/fr-fr.js
@@ -67,16 +67,10 @@ export default {
 	"components.input-time-range.startTime": "Heure de début",
 	"components.interactive.instructions": "Appuyer sur entrée pour interagir, sur Echap pour quitter",
 	"components.link.open-in-new-window": "S’ouvre dans une nouvelle fenêtre.",
+	"components.list.keyboard": "Use <b>arrow keys</b> to move focus inside this list, or <b>page up/down</b> to move up or down by 5",
 	"components.list-controls.label": "Actions pour la liste",
 	"components.list-item-drag-handle.default": "Action de réorganisation de l'élément pour {name}",
 	"components.list-item-drag-handle.keyboard": "Réordonner les éléments, position actuelle {currentPosition} sur {size}. Pour déplacer cet élément, appuyez sur les flèches vers le haut ou vers le bas.",
-	"components.list-item-tooltip.title": "Navigation au clavier pour les listes :",
-	"components.list-item-tooltip.up-down-key": "Haut/bas",
-	"components.list-item-tooltip.up-down-desc": "Déplacez le focus entre les éléments de la liste.",
-	"components.list-item-tooltip.left-right-key": "Gauche/droite",
-	"components.list-item-tooltip.left-right-desc": "Déplacez le focus dans l'élément concerné.",
-	"components.list-item-tooltip.page-up-down-key": "Page précédente/suivante",
-	"components.list-item-tooltip.page-up-down-desc": "Déplacez le focus sur 5 éléments à la fois.",
 	"components.list-item-drag-handle-tooltip.title": "Commandes du clavier pour la réorganisation :",
 	"components.list-item-drag-handle-tooltip.enter-key": "Saisir",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Basculez le mode de réorganisation du clavier.",