♿️ (#2735): add aria-keyshortcuts to menu entries

Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>

1 files changed, 14 insertions, 8 deletions

diff --git a/src/components/Menu/utils.js b/src/components/Menu/utils.js
index 6b23db0e7..5ac04c7d5 100644
--- a/src/components/Menu/utils.js
+++ b/src/components/Menu/utils.js
@@ -20,11 +20,10 @@
  *
  */
 
-const translations = {
-	ctrl: t('text', 'Ctrl'),
-	alt: t('text', 'Alt'),
-	shift: t('text', 'Shift'),
-}
+import {
+	TRANSLATIONS,
+	MODIFIERS,
+} from './keys.js'
 
 const getEntryClasses = (actionEntry, isActive) => {
 	return {
@@ -34,13 +33,19 @@ const getEntryClasses = (actionEntry, isActive) => {
 }
 
 const keysString = (keyChar, modifiers = []) => {
-	return Object.entries(translations)
-		.filter(([k, v]) => modifiers.includes(k))
-		.map(([k, v]) => v)
+	return modifiers
+		.map(mod => TRANSLATIONS[mod])
 		.concat(keyChar.toUpperCase())
 		.join('+')
 }
 
+const getKeyshortcuts = ({ keyChar, keyModifiers = [] }) => {
+	return keyModifiers
+		.map(mod => MODIFIERS[mod])
+		.concat(keyChar)
+		.join('+')
+}
+
 const getKeys = (isMobile, { keyChar, keyModifiers }) => {
 	return (!isMobile && keyChar)
 		? `(${keysString(keyChar, keyModifiers)})`
@@ -78,6 +83,7 @@ export {
 	isDisabled,
 	getIsActive,
 	getKeys,
+	getKeyshortcuts,
 	getEntryClasses,
 	getActionState,
 }