@jetbrains/ring-ui 5.1.20 → 5.1.21

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

@@ -8,6 +8,7 @@ import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.promise.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -33,7 +34,6 @@ import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { Q as QueryAssistSuggestions, m as modules_da7ab055 } from '../_helpers/query-assist__suggestions.js';
 import 'core-js/modules/es.regexp.to-string.js';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.string.split.js';
@@ -206,14 +206,14 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         if (typeof _this.immediateState.selection === 'number' && Number.isInteger(_this.immediateState.selection) && _this.immediateState.selection > -1) {
           var _this$caret;
           // Set to end of field value if newCaretPosition is inappropriate
-          (_this$caret = _this.caret) === null || _this$caret === void 0 ? void 0 : _this$caret.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
+          (_this$caret = _this.caret) === null || _this$caret === void 0 || _this$caret.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
           _this.scrollInput();
         } else if (_this.immediateState.selection && typeof _this.immediateState.selection === 'object' && _this.immediateState.selection.startOffset !== undefined) {
           var _this$caret2;
-          (_this$caret2 = _this.caret) === null || _this$caret2 === void 0 ? void 0 : _this$caret2.setPosition(_this.immediateState.selection);
+          (_this$caret2 = _this.caret) === null || _this$caret2 === void 0 || _this$caret2.setPosition(_this.immediateState.selection);
         } else if (_this.immediateState.selection === undefined || params.forceSetCaret) {
           var _this$caret3;
-          (_this$caret3 = _this.caret) === null || _this$caret3 === void 0 ? void 0 : _this$caret3.setPosition(-1);
+          (_this$caret3 = _this.caret) === null || _this$caret3 === void 0 || _this$caret3.setPosition(-1);
         }
       }
     });
@@ -270,7 +270,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       _this.props.onChange(props);
       if (_this.props.autoOpen === 'force' || props.query.length > 0) {
         var _this$requestData, _this2;
-        (_this$requestData = (_this2 = _this).requestData) === null || _this$requestData === void 0 ? void 0 : _this$requestData.call(_this2);
+        (_this$requestData = (_this2 = _this).requestData) === null || _this$requestData === void 0 || _this$requestData.call(_this2);
       }
     });
     // It's necessary to prevent new element creation before any other hooks
@@ -298,7 +298,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "setState", function (state, resolve) {
       _get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(QueryAssist.prototype)), "setState", _thisSuper).call(_thisSuper, state, function () {
         _this._pushHistory(state);
-        resolve === null || resolve === void 0 ? void 0 : resolve();
+        resolve === null || resolve === void 0 || resolve();
       });
     });
     _defineProperty(_assertThisInitialized(_this), "undo", function (e) {
@@ -310,7 +310,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         query: previous.query
       }, function () {
         var _this$caret5;
-        (_this$caret5 = _this.caret) === null || _this$caret5 === void 0 ? void 0 : _this$caret5.setPosition(previous.caret);
+        (_this$caret5 = _this.caret) === null || _this$caret5 === void 0 || _this$caret5.setPosition(previous.caret);
         _this.handleInput(e);
       });
     });
@@ -337,7 +337,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         _this.scrollInput();
         if (_this.immediateState.query.length > 0) {
           var _this$requestData2, _this3;
-          (_this$requestData2 = (_this3 = _this).requestData) === null || _this$requestData2 === void 0 ? void 0 : _this$requestData2.call(_this3);
+          (_this$requestData2 = (_this3 = _this).requestData) === null || _this$requestData2 === void 0 || _this$requestData2.call(_this3);
         }
       }
       if (_this.props.autoOpen !== 'force' && _this.immediateState.query.length < 1) {
@@ -440,7 +440,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         _this.setCaretPosition();
       }
       _this.closePopup();
-      (_this$requestData3 = (_this4 = _this).requestData) === null || _this$requestData3 === void 0 ? void 0 : _this$requestData3.call(_this4, true);
+      (_this$requestData3 = (_this4 = _this).requestData) === null || _this$requestData3 === void 0 || _this$requestData3.call(_this4, true);
     });
     _defineProperty(_assertThisInitialized(_this), "requestStyleRanges", function () {
       var _this$immediateState = _this.immediateState,
@@ -474,7 +474,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       preventDefault(e);
       if (!_this.state.showPopup) {
         var _this$requestData4, _this5;
-        (_this$requestData4 = (_this5 = _this).requestData) === null || _this$requestData4 === void 0 ? void 0 : _this$requestData4.call(_this5);
+        (_this$requestData4 = (_this5 = _this).requestData) === null || _this$requestData4 === void 0 || _this$requestData4.call(_this5);
       }
     });
     _defineProperty(_assertThisInitialized(_this), "trackPopupMouseState", function (e) {
@@ -611,7 +611,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         this.immediateState.query = query;
         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);
+          (_this$requestData5 = this.requestData) === null || _this$requestData5 === void 0 || _this$requestData5.call(this);
         } else if (query) {
           this.requestStyleRanges();
         }
@@ -728,7 +728,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       this.immediateState.selection = null;
       if (!this.props.focus) {
         var _this$caret11;
-        (_this$caret11 = this.caret) === null || _this$caret11 === void 0 ? void 0 : _this$caret11.target.blur();
+        (_this$caret11 = this.caret) === null || _this$caret11 === void 0 || _this$caret11.target.blur();
       }
     }
     /**
@@ -877,6 +877,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         ["".concat(modules_da7ab055.input, " ring-js-shortcuts")]: true,
         [modules_da7ab055.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
         [modules_da7ab055.inputGap2]: actions.length === 2,
+        // TODO: replace with flex-box layout
         [modules_da7ab055.inputRevertOrder]: !glass || huge
       });
       var placeholderStyles = classNames({

package/dist/select/select.js

@@ -179,7 +179,6 @@ function _getListItems(props, state, rawFilterString) {
   if (_isInputMode(props.type) && !props.allowAny && state.selected && !Array.isArray(state.selected) && filterString === state.selected.label) {
     filterString = ''; // ignore multiple if it is exactly the selected item
   }
-
   var lowerCaseString = filterString.toLowerCase();
   var filteredData = [];
   var exactMatch = false;
@@ -343,7 +342,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var _this$node;
       var focusableSelectExists = (_this$node = _this.node) === null || _this$node === void 0 ? void 0 : _this$node.querySelector('[data-test~=ring-select__focus]');
       var restoreFocusNode = _this.props.targetElement || focusableSelectExists;
-      restoreFocusNode === null || restoreFocusNode === void 0 ? void 0 : restoreFocusNode.focus();
+      restoreFocusNode === null || restoreFocusNode === void 0 || restoreFocusNode.focus();
     });
     _defineProperty(_assertThisInitialized(_this), "_onEnter", function () {
       var _this$_popup2;
@@ -1181,40 +1180,61 @@ var Select = /*#__PURE__*/function (_Component) {
 _defineProperty(Select, "defaultProps", {
   data: [],
   filter: false,
+  // enable filter (not in INPUT modes)
   filterIcon: null,
   filterRef: noop,
   multiple: false,
+  // multiple can be an object - see demo for more information
   clear: false,
+  // enable clear button that clears the "selected" state
   loading: false,
+  // show a loading indicator while data is loading
   disabled: false,
+  // disable select
   type: Type.BUTTON,
   size: Size.M,
   targetElement: null,
+  // element to bind the popup to (select BUTTON or INPUT by default)
   hideSelected: false,
+  // INPUT mode: clears the input after an option is selected (useful when the selection is displayed in some custom way elsewhere)
   allowAny: false,
+  // INPUT mode: allows any value to be entered
   hideArrow: false,
+  // hide dropdown arrow icon
   showPopup: false,
   maxHeight: 600,
+  // height of the options list, including the filter and the 'Add' button
   directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT],
   selected: null,
+  // current selection (item / array of items)
   label: null,
+  // BUTTON or INPUT label (nothing selected)
   selectedLabel: null,
+  // BUTTON or INPUT label (something selected)
   inputPlaceholder: '',
+  // Placeholder for input modes
   hint: null,
+  // hint text to display under the list
   shortcutsEnabled: false,
   onBeforeOpen: noop,
   onLoadMore: noop,
   onOpen: noop,
   onClose: noop,
   onFilter: noop,
+  // search string as first argument
   onFocus: noop,
   onBlur: noop,
   onKeyDown: noop,
   onSelect: noop,
+  // single + multi
   onDeselect: noop,
+  // multi
   onOutsideClick: noop,
+  // multi
   onChange: noop,
+  // multi
   onAdd: noop,
+  // search string as first argument
   onDone: noop,
   onReset: noop,
   tags: null,

package/dist/select-ng/select-ng.js

@@ -329,11 +329,9 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
           if (query !== lastQuery) {
             return; // do not process the result if queries don't match
           }
-
           if (skip && ctrl.lastSkip !== -1 && skip !== ctrl.lastSkip + infiniteScrollPackSize && ctrl.infiniteScrollPackSize) {
             return; // do not process the result if skips not match
           }
-
           var items = memorizeOptions(results.data || results, skip).map(ctrl.convertNgModelToSelect);
           $timeout.cancel(loaderDelayTimeout);
           ctrl.dataReceived = true;

package/dist/select-ng/select-ng__lazy.js

@@ -184,7 +184,7 @@ var SelectLazy = /*#__PURE__*/function () {
           ref: function ref(node) {
             var _node$_openPopupIfClo;
             _this2.selectRef(node);
-            node === null || node === void 0 || (_node$_openPopupIfClo = node._openPopupIfClosed) === null || _node$_openPopupIfClo === void 0 ? void 0 : _node$_openPopupIfClo.call(node);
+            node === null || node === void 0 || (_node$_openPopupIfClo = node._openPopupIfClosed) === null || _node$_openPopupIfClo === void 0 || _node$_openPopupIfClo.call(node);
           }
         }), this.container);
       } else {

package/dist/storage/storage__fallback.js

@@ -85,7 +85,7 @@ var FallbackStorage = /*#__PURE__*/function () {
      */
   }, {
     key: "set",
-    value: function () {
+    value: (function () {
       var _set = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(key, value) {
         var data;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -121,9 +121,10 @@ var FallbackStorage = /*#__PURE__*/function () {
      * @param {string} key
      * @return {Promise}
      */
+    )
   }, {
     key: "remove",
-    value: function () {
+    value: (function () {
       var _remove = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(key) {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -146,6 +147,7 @@ var FallbackStorage = /*#__PURE__*/function () {
      * @param {function(string, value)} callback
      * @return {Promise}
      */
+    )
   }, {
     key: "each",
     value: function each(callback) {