@jetbrains/ring-ui 5.1.6 → 5.1.8

package/components/query-assist/query-assist.d.ts

@@ -17,6 +17,7 @@ export interface FocusChange {
 }
 export interface QueryAssistChange {
     query: string;
+    prevCaret?: number | null;
     caret: number;
     focus?: boolean;
     selection?: Position | number | null;

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

@@ -239,11 +239,12 @@ export default class QueryAssist extends Component {
         this.setupRequestHandler(delay);
         const shouldSetCaret = typeof caret === 'number' && caret !== prevProps.caret;
         if (shouldSetCaret) {
+            this.immediateState.prevCaret = prevProps.caret;
             this.immediateState.caret = caret;
         }
         if (typeof query === 'string' && queryChanged && query !== this.immediateState.query) {
             this.immediateState.query = query;
-            if (prevProps.autoOpen && query?.length > 0) {
+            if (query && (this.props.autoOpen === 'force' || prevProps.autoOpen && query.length > 0)) {
                 this.requestData?.();
             }
             else if (query) {
@@ -447,13 +448,14 @@ export default class QueryAssist extends Component {
             : currentCaret?.position ?? 0;
         const popupHidden = (!this.state.showPopup) && e.type === 'click';
         if (!this.props.disabled && (caret !== this.immediateState.caret || popupHidden)) {
+            this.immediateState.prevCaret = this.immediateState.caret;
             this.immediateState.caret = caret;
             this.scrollInput();
             if (this.immediateState.query.length > 0) {
                 this.requestData?.();
             }
         }
-        if (this.immediateState.query.length < 1) {
+        if (this.props.autoOpen !== 'force' && this.immediateState.query.length < 1) {
             this.setState({ showPopup: false });
         }
     };
@@ -472,7 +474,7 @@ export default class QueryAssist extends Component {
                 placeholderEnabled: !query,
                 query,
                 suggestions,
-                showPopup: !!suggestions.length && !afterCompletion
+                showPopup: !!suggestions.length && (this.props.autoOpen === 'force' || !afterCompletion)
             };
             this.immediateState.suggestionsQuery = query;
             // Do not update deep equal styleRanges to simplify shouldComponentUpdate check
@@ -506,6 +508,7 @@ export default class QueryAssist extends Component {
         const prefix = suggestion.prefix || '';
         const suffix = suggestion.suffix || '';
         const state = {
+            prevCaret: currentCaret,
             caret: suggestion.caret ?? 0,
             selection: suggestion.caret ?? 0,
             query: query.substr(0, suggestion.completionStart) + prefix + suggestion.option + suffix

package/dist/query-assist/query-assist.d.ts

@@ -17,6 +17,7 @@ export interface FocusChange {
 }
 export interface QueryAssistChange {
     query: string;
+    prevCaret?: number | null;
     caret: number;
     focus?: boolean;
     selection?: Position | number | null;

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

@@ -342,6 +342,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       var caret = typeof currentCaret === 'number' ? currentCaret : (_currentCaret$positio2 = currentCaret === null || currentCaret === void 0 ? void 0 : currentCaret.position) !== null && _currentCaret$positio2 !== void 0 ? _currentCaret$positio2 : 0;
       var popupHidden = !_this.state.showPopup && e.type === 'click';
       if (!_this.props.disabled && (caret !== _this.immediateState.caret || popupHidden)) {
+        _this.immediateState.prevCaret = _this.immediateState.caret;
         _this.immediateState.caret = caret;
         _this.scrollInput();
         if (_this.immediateState.query.length > 0) {
@@ -349,7 +350,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
           (_this$requestData2 = (_this3 = _this).requestData) === null || _this$requestData2 === void 0 ? void 0 : _this$requestData2.call(_this3);
         }
       }
-      if (_this.immediateState.query.length < 1) {
+      if (_this.props.autoOpen !== 'force' && _this.immediateState.query.length < 1) {
         _this.setState({
           showPopup: false
         });
@@ -382,7 +383,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
             placeholderEnabled: !query,
             query: query,
             suggestions: suggestions,
-            showPopup: !!suggestions.length && !afterCompletion
+            showPopup: !!suggestions.length && (_this.props.autoOpen === 'force' || !afterCompletion)
           };
           _this.immediateState.suggestionsQuery = query;
           // Do not update deep equal styleRanges to simplify shouldComponentUpdate check
@@ -421,6 +422,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       var prefix = suggestion.prefix || '';
       var suffix = suggestion.suffix || '';
       var state = {
+        prevCaret: currentCaret,
         caret: (_suggestion$caret = suggestion.caret) !== null && _suggestion$caret !== void 0 ? _suggestion$caret : 0,
         selection: (_suggestion$caret2 = suggestion.caret) !== null && _suggestion$caret2 !== void 0 ? _suggestion$caret2 : 0,
         query: query.substr(0, suggestion.completionStart) + prefix + suggestion.option + suffix
@@ -608,11 +610,12 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       this.setupRequestHandler(delay);
       var shouldSetCaret = typeof caret === 'number' && caret !== prevProps.caret;
       if (shouldSetCaret) {
+        this.immediateState.prevCaret = prevProps.caret;
         this.immediateState.caret = caret;
       }
       if (typeof query === 'string' && queryChanged && query !== this.immediateState.query) {
         this.immediateState.query = query;
-        if (prevProps.autoOpen && (query === null || query === void 0 ? void 0 : query.length) > 0) {
+        if (query && (this.props.autoOpen === 'force' || prevProps.autoOpen && query.length > 0)) {
           var _this$requestData5;
           (_this$requestData5 = this.requestData) === null || _this$requestData5 === void 0 ? void 0 : _this$requestData5.call(this);
         } else if (query) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.1.6",
+  "version": "5.1.8",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -75,42 +75,42 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.22.15",
+    "@babel/cli": "^7.23.0",
     "@babel/eslint-parser": "^7.22.15",
     "@csstools/stylelint-no-at-nest-rule": "^1.0.0",
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^4.0.1",
-    "@primer/octicons": "^19.7.0",
+    "@primer/octicons": "^19.8.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-replace": "^5.0.2",
-    "@storybook/addon-a11y": "7.4.2",
-    "@storybook/addon-docs": "7.4.2",
-    "@storybook/addon-essentials": "7.4.2",
-    "@storybook/addon-storyshots": "7.4.2",
-    "@storybook/addon-storyshots-puppeteer": "7.4.2",
-    "@storybook/addon-storysource": "7.4.2",
-    "@storybook/addons": "7.4.2",
-    "@storybook/html": "7.4.2",
-    "@storybook/html-webpack5": "^7.4.2",
-    "@storybook/preview-api": "7.4.2",
-    "@storybook/react": "7.4.2",
-    "@storybook/source-loader": "7.4.2",
-    "@storybook/theming": "7.4.2",
+    "@storybook/addon-a11y": "7.4.5",
+    "@storybook/addon-docs": "7.4.5",
+    "@storybook/addon-essentials": "7.4.5",
+    "@storybook/addon-storyshots": "7.4.5",
+    "@storybook/addon-storyshots-puppeteer": "7.4.5",
+    "@storybook/addon-storysource": "7.4.5",
+    "@storybook/addons": "7.4.5",
+    "@storybook/html": "7.4.5",
+    "@storybook/html-webpack5": "^7.4.5",
+    "@storybook/preview-api": "7.4.5",
+    "@storybook/react": "7.4.5",
+    "@storybook/source-loader": "7.4.5",
+    "@storybook/theming": "7.4.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
     "@types/chai": "^4.3.6",
     "@types/chai-as-promised": "^7.1.6",
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.11",
-    "@types/enzyme": "^3.10.13",
+    "@types/enzyme": "^3.10.14",
     "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@types/sinon": "^10.0.16",
-    "@types/sinon-chai": "^3.2.9",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^6.7.0",
+    "@types/react-dom": "^18.2.8",
+    "@types/sinon": "^10.0.17",
+    "@types/sinon-chai": "^3.2.10",
+    "@typescript-eslint/eslint-plugin": "^6.7.3",
+    "@typescript-eslint/parser": "^6.7.3",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "acorn": "^8.10.0",
     "angular": "^1.8.3",
@@ -118,8 +118,8 @@
     "angular-route": "^1.8.3",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001538",
-    "chai": "^4.3.8",
+    "caniuse-lite": "^1.0.30001540",
+    "chai": "^4.3.9",
     "chai-as-promised": "^7.1.1",
     "chai-dom": "^1.10.0",
     "chai-enzyme": "1.0.0-beta.1",
@@ -127,16 +127,16 @@
     "core-js": "^3.32.2",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.49.0",
+    "eslint": "^8.50.0",
     "eslint-import-resolver-webpack": "^0.13.7",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.6.14",
     "events": "^3.3.0",
-    "glob": "^10.3.4",
+    "glob": "^10.3.10",
     "html-webpack-plugin": "^5.5.3",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
@@ -161,14 +161,14 @@
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.14.0",
-    "rimraf": "^5.0.1",
-    "rollup": "^3.29.2",
+    "rimraf": "^5.0.5",
+    "rollup": "^3.29.3",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^16.0.0",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "^7.4.2",
+    "storybook": "^7.4.5",
     "storybook-addon-themes": "^6.1.0",
     "storybook-zeplin": "^2.0.2",
     "stylelint": "^15.10.3",
@@ -201,23 +201,23 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.22.20",
-    "@babel/preset-typescript": "^7.22.15",
+    "@babel/core": "^7.23.0",
+    "@babel/preset-typescript": "^7.23.0",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.21.0",
-    "@jetbrains/logos": "^2.2.20",
+    "@jetbrains/logos": "^2.2.21",
     "@jetbrains/postcss-require-hover": "^0.1.2",
     "@types/combokeys": "^2.4.7",
-    "@types/deep-equal": "^1.0.1",
-    "@types/element-resize-detector": "^1.1.3",
-    "@types/google.analytics": "0.0.42",
+    "@types/deep-equal": "^1.0.2",
+    "@types/element-resize-detector": "^1.1.4",
+    "@types/google.analytics": "0.0.43",
     "@types/prop-types": "^15.7.5",
-    "@types/react-virtualized": "9.21.22",
+    "@types/react-virtualized": "9.21.23",
     "@types/util-deprecate": "^1.0.0",
     "@ungap/url-search-params": "^0.2.2",
     "babel-loader": "9.1.3",
-    "babel-plugin-transform-define": "^2.1.3",
-    "browserslist": "^4.21.10",
+    "babel-plugin-transform-define": "^2.1.4",
+    "browserslist": "^4.22.0",
     "change-case": "^4.1.1",
     "classnames": "^2.3.2",
     "combokeys": "^3.0.1",
@@ -232,7 +232,7 @@
     "extricate-loader": "^3.0.0",
     "fastdom": "^1.0.11",
     "file-loader": "^6.2.0",
-    "focus-trap": "^7.5.2",
+    "focus-trap": "^7.5.3",
     "highlight.js": "^10.7.2",
     "html-loader": "^4.2.0",
     "interpolate-loader": "^2.0.1",
@@ -250,7 +250,7 @@
     "react-movable": "^3.0.4",
     "react-virtualized": "^9.22.5",
     "react-waypoint": "^10.3.0",
-    "remark-breaks": "^3.0.3",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^3.0.1",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",