@jetbrains/ring-ui 5.0.30 → 5.0.31

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

@@ -40,7 +40,7 @@ export interface QueryAssistProps {
     onClear: () => void;
     onFocusChange: (change: FocusChange) => void;
     translations: QueryAssistTranslations;
-    autoOpen?: boolean | null | undefined;
+    autoOpen?: boolean | null | undefined | 'force';
     caret?: number | null | undefined;
     clear?: boolean | null | undefined;
     className?: string | null | undefined;
@@ -128,7 +128,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
         /**
          * Open suggestions popup during the initial render
          */
-        autoOpen: PropTypes.Requireable<boolean>;
+        autoOpen: PropTypes.Requireable<string | boolean>;
         /**
          * Initial caret position
          */

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

@@ -70,7 +70,7 @@ export default class QueryAssist extends Component {
         /**
          * Open suggestions popup during the initial render
          */
-        autoOpen: PropTypes.bool,
+        autoOpen: PropTypes.oneOf([true, false, 'force']),
         /**
          * Initial caret position
          */
@@ -201,7 +201,7 @@ export default class QueryAssist extends Component {
             focus: Boolean(this.props.autoOpen || this.props.focus)
         };
         this.setupRequestHandler(this.props.delay);
-        if (this.props.autoOpen && query.length > 0) {
+        if (this.props.autoOpen === 'force' || this.props.autoOpen && query.length > 0) {
             this.requestHandler().
                 catch(noop);
         }
@@ -238,7 +238,7 @@ export default class QueryAssist extends Component {
         }
         if (typeof query === 'string' && queryChanged && query !== this.immediateState.query) {
             this.immediateState.query = query;
-            if (query && prevProps.autoOpen && query.length > 0) {
+            if (query && (this.props.autoOpen === 'force' || prevProps.autoOpen && query.length > 0)) {
                 this.requestData?.();
             }
             else if (query) {
@@ -354,7 +354,7 @@ export default class QueryAssist extends Component {
         }
         this.immediateState = props;
         this.props.onChange(props);
-        if (props.query.length > 0) {
+        if (this.props.autoOpen === 'force' || props.query.length > 0) {
             this.requestData?.();
         }
     };
@@ -427,11 +427,11 @@ export default class QueryAssist extends Component {
         if (!this.props.disabled && (caret !== this.immediateState.caret || popupHidden)) {
             this.immediateState.caret = caret;
             this.scrollInput();
-            if (this.immediateState.query.length > 0) {
+            if (this.props.autoOpen === 'force' || 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 });
         }
     };
@@ -450,7 +450,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

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

@@ -40,7 +40,7 @@ export interface QueryAssistProps {
     onClear: () => void;
     onFocusChange: (change: FocusChange) => void;
     translations: QueryAssistTranslations;
-    autoOpen?: boolean | null | undefined;
+    autoOpen?: boolean | null | undefined | 'force';
     caret?: number | null | undefined;
     clear?: boolean | null | undefined;
     className?: string | null | undefined;
@@ -128,7 +128,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
         /**
          * Open suggestions popup during the initial render
          */
-        autoOpen: PropTypes.Requireable<boolean>;
+        autoOpen: PropTypes.Requireable<string | boolean>;
         /**
          * Initial caret position
          */

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

@@ -263,7 +263,7 @@ class QueryAssist extends Component {
       this.immediateState = props;
       this.props.onChange(props);
 
-      if (props.query.length > 0) {
+      if (this.props.autoOpen === 'force' || props.query.length > 0) {
         var _this$requestData;
 
         (_this$requestData = this.requestData) === null || _this$requestData === void 0 ? void 0 : _this$requestData.call(this);
@@ -349,14 +349,14 @@ class QueryAssist extends Component {
         this.immediateState.caret = caret;
         this.scrollInput();
 
-        if (this.immediateState.query.length > 0) {
+        if (this.props.autoOpen === 'force' || this.immediateState.query.length > 0) {
           var _this$requestData2;
 
           (_this$requestData2 = this.requestData) === null || _this$requestData2 === void 0 ? void 0 : _this$requestData2.call(this);
         }
       }
 
-      if (this.immediateState.query.length < 1) {
+      if (this.props.autoOpen !== 'force' && this.immediateState.query.length < 1) {
         this.setState({
           showPopup: false
         });
@@ -394,7 +394,7 @@ 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
 
@@ -633,7 +633,7 @@ class QueryAssist extends Component {
     };
     this.setupRequestHandler(this.props.delay);
 
-    if (this.props.autoOpen && query.length > 0) {
+    if (this.props.autoOpen === 'force' || this.props.autoOpen && query.length > 0) {
       this.requestHandler().catch(noop);
     } else {
       this.requestStyleRanges().catch(noop);
@@ -666,7 +666,7 @@ class QueryAssist extends Component {
     if (typeof query === 'string' && queryChanged && query !== this.immediateState.query) {
       this.immediateState.query = query;
 
-      if (query && prevProps.autoOpen && 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);
@@ -1033,7 +1033,7 @@ _defineProperty(QueryAssist, "propTypes", {
   /**
    * Open suggestions popup during the initial render
    */
-  autoOpen: PropTypes.bool,
+  autoOpen: PropTypes.oneOf([true, false, 'force']),
 
   /**
    * Initial caret position

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.30",
+  "version": "5.0.31",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -103,12 +103,12 @@
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.8",
     "@types/enzyme": "^3.10.12",
-    "@types/react": "^18.0.20",
+    "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.8",
-    "@typescript-eslint/eslint-plugin": "^5.38.0",
-    "@typescript-eslint/parser": "^5.38.0",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "angular": "^1.8.3",
     "angular-mocks": "^1.8.3",
@@ -120,10 +120,10 @@
     "chai-dom": "^1.10.0",
     "chai-enzyme": "1.0.0-beta.1",
     "cheerio": "^0.22.0",
-    "core-js": "^3.25.2",
+    "core-js": "^3.25.3",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.23.1",
+    "eslint": "^8.24.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -150,20 +150,20 @@
     "merge-options": "^3.0.4",
     "mocha": "^10.0.0",
     "pinst": "^3.0.0",
-    "puppeteer": "^18.0.4",
+    "puppeteer": "^18.0.5",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
-    "rollup": "^2.79.0",
+    "rollup": "^2.79.1",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^14.0.0",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "stylelint": "^14.12.0",
+    "stylelint": "^14.12.1",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.6",
@@ -228,7 +228,7 @@
     "focus-trap": "^7.0.0",
     "focus-visible": "^5.2.0",
     "highlight.js": "^10.7.2",
-    "html-loader": "^4.1.0",
+    "html-loader": "^4.2.0",
     "interpolate-loader": "^2.0.1",
     "just-debounce-it": "^3.1.1",
     "memoize-one": "^6.0.0",
@@ -249,7 +249,7 @@
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",
     "sniffr": "^1.2.0",
-    "storybook-zeplin": "^1.7.2",
+    "storybook-zeplin": "^1.7.3",
     "style-inject": "^0.3.0",
     "style-loader": "~3.3.1",
     "url-loader": "^4.1.1",
@@ -259,5 +259,5 @@
     "node": ">=14.0",
     "npm": ">=6.0.0"
   },
-  "gitHead": "1b39cd18bd5b798cc6988b64e78ec27b5ce54086"
+  "gitHead": "e8e24573cc2391bd814538c2b8a43684df802e5d"
 }