IBX-6492: Keyboard support for redo and undo

src/bundle/Resources/encore/ibexa.js.config.js

@@ -20,6 +20,7 @@ const layout = [
     path.resolve(__dirname, '../public/js/scripts/helpers/middle.ellipsis.js'),
     path.resolve(__dirname, '../public/js/scripts/helpers/form.validation.helper.js'),
     path.resolve(__dirname, '../public/js/scripts/helpers/form.error.helper.js'),
+    path.resolve(__dirname, '../public/js/scripts/helpers/system.helper.js'),
     path.resolve(__dirname, '../public/js/scripts/admin.format.date.js'),
     path.resolve(__dirname, '../public/js/scripts/core/draggable.js'),
     path.resolve(__dirname, '../public/js/scripts/core/dropdown.js'),

src/bundle/Resources/public/js/scripts/helpers/system.helper.js

@@ -0,0 +1,78 @@
+(function (global, doc, ibexa) {
+    const { userAgent } = window.navigator;
+    const isWindows = () => {
+        return userAgent.includes('Windows');
+    };
+    const isMac = () => {
+        return userAgent.includes('Mac OS X');
+    };
+    const isLinux = () => {
+        return userAgent.includes('Linux');
+    };
+    const isShortcutWithLetter = (event, letter) => {
+        if (isMac()) {
+            return event.metaKey && event.key === letter;
+        }
+
+        if (isWindows() || isLinux()) {
+            return event.ctrlKey && event.key === letter;
+        }
+
+        return false;
+    };
+    const isUndoPressed = (event) => {
+        if (isMac()) {
+            return event.metaKey && !event.shiftKey && event.key === 'z';
+        }
+
+        if (isWindows() || isLinux()) {
+            return event.ctrlKey && event.key === 'y';
+        }
+
+        return false;
+    };
+
+    const isRedoPressed = (event) => {
+        if (isMac()) {
+            return event.metaKey && event.shiftKey && event.key === 'z';
+        }
+
+        if (isWindows() || isLinux()) {
+            return event.ctrlKey && event.key === 'y';
+        }
+
+        return false;
+    };
+    const isSavePressed = (event) => {
+        return isShortcutWithLetter(event, 's');
+    };
+    const isCopyPressed = (event) => {
+        return isShortcutWithLetter(event, 'c');
+    };
+    const isCutPressed = (event) => {
+        return isShortcutWithLetter(event, 'x');
+    };
+    const isPastePressed = (event) => {
+        return isShortcutWithLetter(event, 'v');
+    };
+    const isPrintPressed = (event) => {
+        return isShortcutWithLetter(event, 'p');
+    };
+    const isSelectAllPressed = (event) => {
+        return isShortcutWithLetter(event, 'a');
+    };
+
+    ibexa.addConfig('helpers.system', {
+        isWindows: isWindows(),
+        isMac: isMac(),
+        isLinux: isLinux(),
+        isUndoPressed,
+        isRedoPressed,
+        isSavePressed,
+        isCopyPressed,
+        isCutPressed,
+        isPastePressed,
+        isPrintPressed,
+        isSelectAllPressed,
+    });
+})(window, window.document, window.ibexa);