@jetbrains/ring-ui 5.0.109 → 5.0.111

package/components/list/list.js

@@ -46,6 +46,9 @@ const nonActivatableTypes = [
 function isActivatable(item) {
     return item != null && !nonActivatableTypes.includes(item.rgItemType) && !item.disabled;
 }
+function getDataHash(data) {
+    return data.map(it => it.key).join('-');
+}
 const shouldActivateFirstItem = (props) => props.activateFirstItem ||
     props.activateSingleItem && props.data.length === 1;
 export const ActiveItemContext = createStatefulContext(undefined, 'ActiveItem');
@@ -158,7 +161,7 @@ export default class List extends Component {
             this.virtualizedList.recomputeRowHeights();
         }
         if (this.props.activeIndex == null &&
-            this.props.data !== prevProps.data &&
+            getDataHash(this.props.data) !== getDataHash(prevProps.data) &&
             shouldActivateFirstItem(this.props)) {
             this.activateFirst();
         }

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/list/list.js

@@ -63,6 +63,9 @@ const nonActivatableTypes = [Type.SEPARATOR, Type.TITLE, Type.MARGIN];
 function isActivatable(item) {
   return item != null && !nonActivatableTypes.includes(item.rgItemType) && !item.disabled;
 }
+function getDataHash(data) {
+  return data.map(it => it.key).join('-');
+}
 const shouldActivateFirstItem = props => props.activateFirstItem || props.activateSingleItem && props.data.length === 1;
 const ActiveItemContext = createStatefulContext(undefined, 'ActiveItem');
 /**
@@ -468,7 +471,7 @@ class List extends Component {
     if (this.virtualizedList && prevProps.data !== this.props.data) {
       this.virtualizedList.recomputeRowHeights();
     }
-    if (this.props.activeIndex == null && this.props.data !== prevProps.data && shouldActivateFirstItem(this.props)) {
+    if (this.props.activeIndex == null && getDataHash(this.props.data) !== getDataHash(prevProps.data) && shouldActivateFirstItem(this.props)) {
       this.activateFirst();
     }
     this.checkOverflow();

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.109",
+  "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,21 +151,21 @@
     "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",
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
     "rimraf": "^4.1.2",
-    "rollup": "^3.14.0",
+    "rollup": "^3.15.0",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^15.0.1",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
     "storybook-addon-themes": "^6.1.0",
-    "stylelint": "^14.16.1",
+    "stylelint": "^15.1.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.6",