@jetbrains/ring-ui-built 7.0.28 → 7.0.29

package/components/select/select.js

@@ -159,13 +159,13 @@ function getListItems(props, state, rawFilterString) {
       exactMatch = item.label === filterString;
       if (props.multiple && !(typeof props.multiple === 'object' && props.multiple.removeSelectedItems)) {
         var _state$multipleMap;
-        item.checkbox = !!((_state$multipleMap = state.multipleMap) !== null && _state$multipleMap !== undefined && _state$multipleMap[item.key]);
+        item.checkbox = !!((_state$multipleMap = state.multipleMap) !== null && _state$multipleMap !== void 0 && _state$multipleMap[item.key]);
       }
       if (props.multiple && typeof props.multiple === 'object' && props.multiple.limit && Array.isArray(state.selected)) {
         item.disabled = props.multiple.limit === state.selected.length && !state.selected.find(selectedItem => selectedItem.key === item.key);
       }
       // Ignore item if it's multiple and is already selected
-      if (!(props.multiple && typeof props.multiple === 'object' && props.multiple.removeSelectedItems && (_state$multipleMap2 = state.multipleMap) !== null && _state$multipleMap2 !== undefined && _state$multipleMap2[item.key])) {
+      if (!(props.multiple && typeof props.multiple === 'object' && props.multiple.removeSelectedItems && (_state$multipleMap2 = state.multipleMap) !== null && _state$multipleMap2 !== void 0 && _state$multipleMap2[item.key])) {
         filteredData.push(item);
       }
     }
@@ -186,7 +186,7 @@ function getListItems(props, state, rawFilterString) {
       addButton = {
         prefix: add.prefix,
         label,
-        delayed: (_add$delayed = add.delayed) !== null && _add$delayed !== undefined ? _add$delayed : true
+        delayed: (_add$delayed = add.delayed) !== null && _add$delayed !== void 0 ? _add$delayed : true
       };
     }
   }
@@ -287,14 +287,14 @@ class Select extends Component {
           });
         });
       }
-      if (!((_this$_popup = this._popup) !== null && _this$_popup !== undefined && _this$_popup.isClickingPopup)) {
+      if (!((_this$_popup = this._popup) !== null && _this$_popup !== void 0 && _this$_popup.isClickingPopup)) {
         this.setState({
           shortcutsEnabled: false,
           focused: false
         });
       }
     });
-    _defineProperty(this, "node", undefined);
+    _defineProperty(this, "node", void 0);
     _defineProperty(this, "nodeRef", el => {
       this.node = el;
     });
@@ -306,9 +306,9 @@ class Select extends Component {
     });
     _defineProperty(this, "focus", () => {
       var _this$node;
-      const focusableSelectExists = (_this$node = this.node) === null || _this$node === undefined ? undefined : _this$node.querySelector('[data-test~=ring-select__focus]');
+      const focusableSelectExists = (_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.querySelector('[data-test~=ring-select__focus]');
       const restoreFocusNode = this.props.targetElement || focusableSelectExists;
-      restoreFocusNode === null || restoreFocusNode === undefined || restoreFocusNode.focus();
+      restoreFocusNode === null || restoreFocusNode === void 0 || restoreFocusNode.focus();
     });
     _defineProperty(this, "_onEnter", () => {
       var _this$_popup2;
@@ -316,14 +316,14 @@ class Select extends Component {
         this.addHandler();
       }
       this.props.onDone();
-      if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== undefined && _this$_popup2.isVisible()) && this.props.allowAny) {
+      if (!((_this$_popup2 = this._popup) !== null && _this$_popup2 !== void 0 && _this$_popup2.isVisible()) && this.props.allowAny) {
         return true;
       }
       return undefined;
     });
     _defineProperty(this, "_onEsc", event => {
       var _this$_popup3;
-      if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== undefined && _this$_popup3.isVisible())) {
+      if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== void 0 && _this$_popup3.isVisible())) {
         return true;
       } else if (this.props.multiple || !this.props.getInitial) {
         return false;
@@ -420,7 +420,7 @@ class Select extends Component {
           this.props.onChange(fakeSelected, event);
         });
       }
-      if (!((_this$_popup4 = this._popup) !== null && _this$_popup4 !== undefined && _this$_popup4.isVisible())) {
+      if (!((_this$_popup4 = this._popup) !== null && _this$_popup4 !== void 0 && _this$_popup4.isVisible())) {
         this.props.onBeforeOpen();
       }
       this.setState({
@@ -452,7 +452,7 @@ class Select extends Component {
       if (!isItem(selected) && !isCustomItem(selected) || selected.disabled || selected.isResetItem) {
         return;
       }
-      const tryKeepOpen = (_this$props$tryKeepOp = _this.props.tryKeepOpen) !== null && _this$props$tryKeepOp !== undefined ? _this$props$tryKeepOp : opts.tryKeepOpen;
+      const tryKeepOpen = (_this$props$tryKeepOp = _this.props.tryKeepOpen) !== null && _this$props$tryKeepOp !== void 0 ? _this$props$tryKeepOp : opts.tryKeepOpen;
       if (!_this.props.multiple) {
         if (!tryKeepOpen) {
           _this._hidePopup(isSelectItemEvent);
@@ -509,10 +509,10 @@ class Select extends Component {
         }, () => {
           if (_this.state.multipleMap[selected.key]) {
             var _this$props$onSelect, _this$props;
-            (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === undefined || _this$props$onSelect.call(_this$props, selected, event);
+            (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === void 0 || _this$props$onSelect.call(_this$props, selected, event);
           } else {
             var _this$props$onDeselec, _this$props2;
-            (_this$props$onDeselec = (_this$props2 = _this.props).onDeselect) === null || _this$props$onDeselec === undefined || _this$props$onDeselec.call(_this$props2, selected);
+            (_this$props$onDeselec = (_this$props2 = _this.props).onDeselect) === null || _this$props$onDeselec === void 0 || _this$props$onDeselec.call(_this$props2, selected);
           }
           _this.props.onChange(_this.state.selected, event);
           if (tryKeepOpen) {
@@ -532,13 +532,13 @@ class Select extends Component {
           nextSelection = _this.props.data.filter(item => (isItem(item) || isCustomItem(item)) && !item.disabled);
           nextSelection.filter(item => !_this.props.selected.find(selectedItem => item.key === selectedItem.key)).forEach(item => {
             var _this$props$onSelect2, _this$props3;
-            (_this$props$onSelect2 = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect2 === undefined || _this$props$onSelect2.call(_this$props3, item);
+            (_this$props$onSelect2 = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect2 === void 0 || _this$props$onSelect2.call(_this$props3, item);
           });
         } else {
           nextSelection = [];
           currentSelection.forEach(item => {
             var _this$props$onDeselec2, _this$props4;
-            (_this$props$onDeselec2 = (_this$props4 = _this.props).onDeselect) === null || _this$props$onDeselec2 === undefined || _this$props$onDeselec2.call(_this$props4, item);
+            (_this$props$onDeselec2 = (_this$props4 = _this.props).onDeselect) === null || _this$props$onDeselec2 === void 0 || _this$props$onDeselec2.call(_this$props4, item);
           });
         }
         _this.props.onChange(nextSelection, event);
@@ -587,7 +587,7 @@ class Select extends Component {
       });
       return false;
     });
-    _defineProperty(this, "filter", undefined);
+    _defineProperty(this, "filter", void 0);
     _defineProperty(this, "filterRef", el => {
       this.filter = el;
     });
@@ -747,10 +747,10 @@ class Select extends Component {
         let message;
         if (this.props.loading) {
           var _this$props$loadingMe;
-          message = (_this$props$loadingMe = this.props.loadingMessage) !== null && _this$props$loadingMe !== undefined ? _this$props$loadingMe : translate('loading');
+          message = (_this$props$loadingMe = this.props.loadingMessage) !== null && _this$props$loadingMe !== void 0 ? _this$props$loadingMe : translate('loading');
         } else if (!shownData.length) {
           var _this$props$notFoundM;
-          message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== undefined ? _this$props$notFoundM : translate('noOptionsFound');
+          message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== void 0 ? _this$props$notFoundM : translate('noOptionsFound');
         }
         return jsx(SelectPopup, {
           data: _shownData,
@@ -832,7 +832,7 @@ class Select extends Component {
   }
   getTopbar() {
     var _this$props$renderTop, _this$props5;
-    return (_this$props$renderTop = (_this$props5 = this.props).renderTopToolbar) === null || _this$props$renderTop === undefined ? undefined : _this$props$renderTop.call(_this$props5);
+    return (_this$props$renderTop = (_this$props5 = this.props).renderTopToolbar) === null || _this$props$renderTop === void 0 ? void 0 : _this$props$renderTop.call(_this$props5);
   }
   getFilterFn() {
     return getFilterFn(this.props.filter);
@@ -872,12 +872,12 @@ class Select extends Component {
   }
   _getLabel() {
     var _ref3, _this$props$label;
-    return (_ref3 = (_this$props$label = this.props.label) !== null && _this$props$label !== undefined ? _this$props$label : this.props.selectedLabel) !== null && _ref3 !== undefined ? _ref3 : 'Select an option';
+    return (_ref3 = (_this$props$label = this.props.label) !== null && _this$props$label !== void 0 ? _this$props$label : this.props.selectedLabel) !== null && _ref3 !== void 0 ? _ref3 : 'Select an option';
   }
   _getPlaceholder() {
     if (this._selectionIsEmpty()) {
       var _this$props$label2;
-      return (_this$props$label2 = this.props.label) !== null && _this$props$label2 !== undefined ? _this$props$label2 : 'Select an option';
+      return (_this$props$label2 = this.props.label) !== null && _this$props$label2 !== void 0 ? _this$props$label2 : 'Select an option';
     }
     return this._getSelectedString();
   }
@@ -903,7 +903,7 @@ class Select extends Component {
     } = this.props;
     const icons = [];
     const height = this.props.height || this.context;
-    if (!Array.isArray(selected) && selected !== null && selected !== undefined && selected.icon) {
+    if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {
       icons.push(jsx("button", {
         title: "Toggle options popup",
         type: "button",
@@ -941,7 +941,7 @@ class Select extends Component {
   }
   _getAvatar() {
     var _this$state$selected, _this$state$selected2;
-    return !Array.isArray(this.state.selected) && (((_this$state$selected = this.state.selected) === null || _this$state$selected === undefined ? undefined : _this$state$selected.avatar) || ((_this$state$selected2 = this.state.selected) === null || _this$state$selected2 === undefined ? undefined : _this$state$selected2.showGeneratedAvatar)) && jsx(Avatar, {
+    return !Array.isArray(this.state.selected) && (((_this$state$selected = this.state.selected) === null || _this$state$selected === void 0 ? void 0 : _this$state$selected.avatar) || ((_this$state$selected2 = this.state.selected) === null || _this$state$selected2 === void 0 ? void 0 : _this$state$selected2.showGeneratedAvatar)) && jsx(Avatar, {
       className: styles.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
@@ -987,9 +987,9 @@ class Select extends Component {
     const ariaProps = this.state.showPopup ? {
       'aria-owns': this.listId,
       'aria-activedescendant': activeItemId,
-      'aria-label': (_this$props$label3 = this.props.label) !== null && _this$props$label3 !== undefined ? _this$props$label3 : undefined
+      'aria-label': (_this$props$label3 = this.props.label) !== null && _this$props$label3 !== void 0 ? _this$props$label3 : undefined
     } : {
-      'aria-label': (_this$props$label4 = this.props.label) !== null && _this$props$label4 !== undefined ? _this$props$label4 : undefined
+      'aria-label': (_this$props$label4 = this.props.label) !== null && _this$props$label4 !== void 0 ? _this$props$label4 : undefined
     };
     switch (this.props.type) {
       case Type.INPUT_WITHOUT_CONTROLS:
@@ -1026,7 +1026,7 @@ class Select extends Component {
               placeholder: this.props.inputPlaceholder,
               onKeyDown: this.props.onKeyDown,
               "data-test": "ring-select__focus",
-              enableShortcuts: shortcutsEnabled ? Object.keys(_objectSpread2(_objectSpread2({}, this.getShortcutsMap()), (_this$_popup5 = this._popup) === null || _this$_popup5 === undefined || (_this$_popup5 = _this$_popup5.list) === null || _this$_popup5 === undefined ? undefined : _this$_popup5.shortcutsMap)) : undefined,
+              enableShortcuts: shortcutsEnabled ? Object.keys(_objectSpread2(_objectSpread2({}, this.getShortcutsMap()), (_this$_popup5 = this._popup) === null || _this$_popup5 === void 0 || (_this$_popup5 = _this$_popup5.list) === null || _this$_popup5 === void 0 ? void 0 : _this$_popup5.shortcutsMap)) : undefined,
               icon: this.props.filterIcon,
               afterInput: iconsNode
             })), this._renderPopup()]
@@ -1074,7 +1074,7 @@ class Select extends Component {
             map: this.getShortcutsMap(),
             scope: this.shortcutsScope
           }), jsx(Anchor, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
-            className: (_this$props$buttonCla = this.props.buttonClassName) !== null && _this$props$buttonCla !== undefined ? _this$props$buttonCla : undefined,
+            className: (_this$props$buttonCla = this.props.buttonClassName) !== null && _this$props$buttonCla !== void 0 ? _this$props$buttonCla : undefined,
             id: this.props.id,
             onClick: this._clickHandler,
             "data-test": "ring-select__focus",

package/components/select/select__popup.js

@@ -98,8 +98,8 @@ class SelectPopup extends PureComponent {
     });
     _defineProperty(this, "isClickingPopup", false);
     // This flag is set to true while an item in the popup is being clicked
-    _defineProperty(this, "filter", undefined);
-    _defineProperty(this, "caret", undefined);
+    _defineProperty(this, "filter", void 0);
+    _defineProperty(this, "caret", void 0);
     _defineProperty(this, "onFilterFocus", () => {
       this._togglePopupFilterShortcuts(false);
       this.setState({
@@ -117,7 +117,7 @@ class SelectPopup extends PureComponent {
     _defineProperty(this, "mouseUpHandler", () => {
       this.isClickingPopup = false;
     });
-    _defineProperty(this, "popup", undefined);
+    _defineProperty(this, "popup", void 0);
     _defineProperty(this, "onListSelect", (selected, event, opts) => {
       const getSelectItemEvent = () => {
         const customEvent = document.createEvent('Event');
@@ -135,7 +135,7 @@ class SelectPopup extends PureComponent {
     });
     _defineProperty(this, "onClickHandler", () => {
       var _this$filter;
-      return (_this$filter = this.filter) === null || _this$filter === undefined ? undefined : _this$filter.focus();
+      return (_this$filter = this.filter) === null || _this$filter === void 0 ? void 0 : _this$filter.focus();
     });
     _defineProperty(this, "handleRemoveTag", memoize(tag => event => this.removeTag(tag, event)));
     _defineProperty(this, "handleTagClick", memoize(tag => () => {
@@ -163,7 +163,7 @@ class SelectPopup extends PureComponent {
           inline: true,
           onClick: this.handleSelectAll,
           children: activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'
-        }), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === undefined ? undefined : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || jsx(Text, {
+        }), ((_multiple$renderSelec = multiple.renderSelectedItemsDescription) === null || _multiple$renderSelec === void 0 ? void 0 : _multiple$renderSelec.call(multiple, this.props.selected, activeFilters.length)) || jsx(Text, {
           info: true,
           children: "".concat(this.props.selected.length, " selected")
         })]
@@ -189,13 +189,13 @@ class SelectPopup extends PureComponent {
       const containerNode = getPopupContainer(ringPopupTarget) || document.documentElement;
       return anchorNode != null ? Math.min(directions.reduce((maxHeight, direction) => {
         var _maxHeightForDirectio;
-        return Math.max(maxHeight, (_maxHeightForDirectio = maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : null)) !== null && _maxHeightForDirectio !== undefined ? _maxHeightForDirectio : 0);
+        return Math.max(maxHeight, (_maxHeightForDirectio = maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : null)) !== null && _maxHeightForDirectio !== void 0 ? _maxHeightForDirectio : 0);
       }, minMaxHeight), userDefinedMaxHeight) : userDefinedMaxHeight;
     }));
     _defineProperty(this, "popupRef", el => {
       this.popup = el;
     });
-    _defineProperty(this, "list", undefined);
+    _defineProperty(this, "list", void 0);
     _defineProperty(this, "listRef", el => {
       this.list = el;
     });
@@ -231,7 +231,7 @@ class SelectPopup extends PureComponent {
   focusFilter() {
     setTimeout(() => {
       var _this$filter2;
-      return (_this$filter2 = this.filter) === null || _this$filter2 === undefined ? undefined : _this$filter2.focus();
+      return (_this$filter2 = this.filter) === null || _this$filter2 === void 0 ? void 0 : _this$filter2.focus();
     });
   }
   isEventTargetFilter(event) {
@@ -309,7 +309,7 @@ class SelectPopup extends PureComponent {
         className: styles.filterWrapper,
         "data-test": "ring-select-popup-filter",
         children: [!this.props.tags && jsx(Icon, {
-          glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== undefined ? _this$props$filterIco : searchIcon,
+          glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
           className: styles.filterIcon,
           "data-test-custom": "ring-select-popup-filter-icon"
         }), jsx(FilterWithShortcuts, {

package/components/shortcuts/core.js

@@ -174,7 +174,7 @@ class Shortcuts {
   }
   hasKey(key, scope) {
     var _this$_scopes$scope;
-    return !!((_this$_scopes$scope = this._scopes[scope]) !== null && _this$_scopes$scope !== undefined && _this$_scopes$scope[key]);
+    return !!((_this$_scopes$scope = this._scopes[scope]) !== null && _this$_scopes$scope !== void 0 && _this$_scopes$scope[key]);
   }
   _getKeyboardEventType(params) {
     if (!params.type && sniffr.os.name === 'windows') {

package/components/slider/slider.js

@@ -37,10 +37,10 @@ const Slider = _ref => {
   } = _ref;
   const ref = useRef(null);
   const previouslyDragged = useRef(false);
-  const [values, setValues] = useState(defaultValue !== null && defaultValue !== undefined ? defaultValue : min);
-  const validValues = useMemo(() => toRange(value !== null && value !== undefined ? value : values, min, max), [max, min, value, values]);
+  const [values, setValues] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : min);
+  const validValues = useMemo(() => toRange(value !== null && value !== void 0 ? value : values, min, max), [max, min, value, values]);
   const validStep = step < 0 ? 0 : step;
-  const isRange = isArray(defaultValue !== null && defaultValue !== undefined ? defaultValue : value);
+  const isRange = isArray(defaultValue !== null && defaultValue !== void 0 ? defaultValue : value);
   const [isDragging, setIsDragging] = useState(false);
   const [draggedIndex, setDraggedIndex] = useState(-1);
   const [shortcutsScope] = useState(getUID('ring-slider-'));
@@ -64,7 +64,7 @@ const Slider = _ref => {
   const trackLength = useMemo(() => toPercent(Math.max(...validValues), min, max) - trackStart, [max, min, trackStart, validValues]);
   const handleValueChange = useCallback(nextValues => {
     setValues(nextValues);
-    onChange === null || onChange === undefined || onChange(isRange ? nextValues : nextValues[0]);
+    onChange === null || onChange === void 0 || onChange(isRange ? nextValues : nextValues[0]);
   }, [isRange, onChange]);
   const shortcutsMap = useMemo(() => {
     const setValueAndSwap = (nextValue, index) => {
@@ -74,12 +74,12 @@ const Slider = _ref => {
         var _ref$current;
         const previousValue = nextValues[index];
         nextValues.reverse();
-        const thumb = (_ref$current = ref.current) === null || _ref$current === undefined ? undefined : _ref$current.querySelector("[role=\"slider\"][data-index=\"".concat(nextValues.indexOf(previousValue), "\"]"));
-        thumb === null || thumb === undefined || thumb.focus();
+        const thumb = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("[role=\"slider\"][data-index=\"".concat(nextValues.indexOf(previousValue), "\"]"));
+        thumb === null || thumb === void 0 || thumb.focus();
       }
       handleValueChange(nextValues);
     };
-    const getIndex = target => Number(target === null || target === undefined ? undefined : target.getAttribute('data-index'));
+    const getIndex = target => Number(target === null || target === void 0 ? void 0 : target.getAttribute('data-index'));
     const map = {};
     if (!disabled) {
       map.left = map.down = _ref2 => {
@@ -242,7 +242,7 @@ const Slider = _ref => {
         className: classNames(styles.markValue, {
           [styles.disabled]: disabled
         }),
-        children: label !== null && label !== undefined ? label : markValue
+        children: label !== null && label !== void 0 ? label : markValue
       }, index);
     }), tickMarks.map((_ref9, index) => {
       let {

package/components/slider/slider.utils.js

@@ -23,7 +23,7 @@ function calculateValue(ref, x, min, max, step) {
     left
   } = ref.current.getBoundingClientRect();
   const value = toValue((x - left) / width, min, max);
-  const precision = (_step$toString$split = step.toString().split('.')) === null || _step$toString$split === undefined || (_step$toString$split = _step$toString$split[1]) === null || _step$toString$split === undefined ? undefined : _step$toString$split.length;
+  const precision = (_step$toString$split = step.toString().split('.')) === null || _step$toString$split === void 0 || (_step$toString$split = _step$toString$split[1]) === null || _step$toString$split === void 0 ? void 0 : _step$toString$split.length;
   return Number(roundToStep(value, step, min).toFixed(precision));
 }
 function validateValue(value, min, max) {

package/components/storage/storage__local.js

@@ -69,7 +69,7 @@ class LocalStorage {
   }
   constructor() {
     let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _defineProperty(this, "storageType", undefined);
+    _defineProperty(this, "storageType", void 0);
     this.storageType = config.type === 'session' ? 'sessionStorage' : 'localStorage';
   }
   /**