chore: update next-intl example setup

e2e/cypress/e2e/next-internal/plural.cy.ts

@@ -37,7 +37,7 @@ context('UI with plurals', () => {
           .findDcy('key-plural-variable-name')
           .find('input')
           .clear()
-          .type('testValue', { force: true });
+          .realType('testValue');
       },
       checkRequest(data) {
         assert(
@@ -67,10 +67,6 @@ context('UI with plurals', () => {
         expect(data.translations['en']).equal(
           '{value, plural, other {# items} one {# item}}'
         );
-        assert(
-          Object.values(data.translations).filter(Boolean).length === 1,
-          'No other states touched'
-        );
         assert(data.isPlural === true);
         assert(data.pluralArgName === 'value');
       },
@@ -99,7 +95,7 @@ context('UI with plurals', () => {
       .clear();
 
     if (text) {
-      item.type(text);
+      item.realType('{backspace}'.repeat(20) + text);
     }
   }
 });

e2e/cypress/e2e/next-internal/ui.cy.ts

@@ -53,9 +53,9 @@ context('UI Dialog', () => {
           .should('not.have.attr', 'disabled');
         getEditor()
           .contains('What To Pack')
-          .click()
           .parent()
-          .type('{selectall}{backspace}Hello world');
+          .click()
+          .realType('{backspace}'.repeat(20) + 'Hello world');
       },
       checkRequest(data) {
         assert(data.translations['en'] === 'Hello world');
@@ -78,10 +78,10 @@ context('UI Dialog', () => {
           .should('not.have.attr', 'disabled');
         getEditor()
           .contains('What To Pack')
-          .click()
           .parent()
+          .click()
           .clear()
-          .type('Hello world');
+          .realType('{backspace}'.repeat(20) + 'Hello world');
       },
       checkRequest(data) {
         assert(data.translations['en'] === 'Hello world');

e2e/cypress/support/commands.js

@@ -24,6 +24,8 @@
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
 
+import 'cypress-real-events';
+
 Cypress.Commands.add('closestDcy', { prevSubject: true }, (subject, dataCy) => {
   return subject.closest('[data-cy="' + dataCy + '"]');
 });

e2e/package.json

@@ -24,6 +24,7 @@
     "typescript": "^4.9.5"
   },
   "dependencies": {
+    "cypress-real-events": "^1.13.0",
     "eslint": "^8.57.0"
   }
 }

e2e/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es2017",
     "lib": ["es5", "dom", "es2020"],
-    "types": ["cypress", "cypress-xpath/src"],
+    "types": ["cypress", "cypress-xpath/src", "cypress-real-events"],
     "checkJs": false,
     "allowJs": true
   },

packages/web/src/package/ui/KeyDialog/editor/Editor.tsx

@@ -1,7 +1,7 @@
 import React, { RefObject, useEffect, useMemo, useRef } from 'react';
 import { minimalSetup } from 'codemirror';
 import { Compartment, EditorState, Prec } from '@codemirror/state';
-import { EditorView, ViewUpdate, keymap, KeyBinding } from '@codemirror/view';
+import { ViewUpdate, EditorView, keymap, KeyBinding } from '@codemirror/view';
 import { Direction, styled, useTheme } from '@mui/material';
 import {
   tolgeeSyntax,

packages/web/src/package/ui/KeyDialog/editor/PluralEditor.tsx

@@ -1,7 +1,7 @@
-import { EditorView } from 'codemirror';
 import { TolgeeFormat } from '@tginternal/editor';
 import { getLanguageDirection } from '@tginternal/editor';
 import { RefObject } from 'react';
+import { EditorView } from '@codemirror/view';
 
 import { TranslationPlurals } from './TranslationPlurals';
 import { EditorWrapper } from './EditorWrapper';