@jetbrains/ring-ui 5.0.110 → 5.0.111

package/components/query-assist/query-assist.js

@@ -360,6 +360,23 @@ export default class QueryAssist extends Component {
         if (this.isComposing) {
             return;
         }
+        if (this.state.query) {
+            let i = 0;
+            while (this.state.query[i] === this.immediateState.query[i] && i < this.state.query.length - 1) {
+                i++;
+            }
+            const diff = this.immediateState.query.length - this.state.query.length;
+            const originalIndex = this.immediateState.caret - diff;
+            const ranges = [...this.state.styleRanges ?? []];
+            const range = ranges.
+                find(r => originalIndex >= r.start && originalIndex <= r.start + r.length);
+            if (range) {
+                range.length += diff;
+            }
+            ranges.filter(r => r.start > originalIndex).forEach(r => {
+                r.start += diff;
+            });
+        }
         this.immediateState = props;
         this.props.onChange(props);
         if (this.props.autoOpen === 'force' || props.query.length > 0) {

package/dist/query-assist/query-assist.js

@@ -225,6 +225,23 @@ class QueryAssist extends Component {
       if (this.isComposing) {
         return;
       }
+      if (this.state.query) {
+        var _this$state$styleRang;
+        let i = 0;
+        while (this.state.query[i] === this.immediateState.query[i] && i < this.state.query.length - 1) {
+          i++;
+        }
+        const diff = this.immediateState.query.length - this.state.query.length;
+        const originalIndex = this.immediateState.caret - diff;
+        const ranges = [...((_this$state$styleRang = this.state.styleRanges) !== null && _this$state$styleRang !== void 0 ? _this$state$styleRang : [])];
+        const range = ranges.find(r => originalIndex >= r.start && originalIndex <= r.start + r.length);
+        if (range) {
+          range.length += diff;
+        }
+        ranges.filter(r => r.start > originalIndex).forEach(r => {
+          r.start += diff;
+        });
+      }
       this.immediateState = props;
       this.props.onChange(props);
       if (this.props.autoOpen === 'force' || props.query.length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.110",
+  "version": "5.0.111",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -104,7 +104,7 @@
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.8",
     "@types/enzyme": "^3.10.12",
-    "@types/react": "^18.0.27",
+    "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.10",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.9",
@@ -125,7 +125,7 @@
     "core-js": "^3.27.2",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.33.0",
+    "eslint": "^8.34.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -151,7 +151,7 @@
     "merge-options": "^3.0.4",
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
-    "puppeteer": "^19.6.3",
+    "puppeteer": "^19.7.0",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -165,7 +165,7 @@
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
     "storybook-addon-themes": "^6.1.0",
-    "stylelint": "^15.0.0",
+    "stylelint": "^15.1.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.6",