@jetbrains/ring-ui-built 7.0.19 → 7.0.21

package/components/tab-trap/tab-trap.js

@@ -47,14 +47,14 @@ const TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
       focusFirst();
     } else if (!trapDisabled) {
       var _nodeRef$current, _nodeRef$current2;
-      const previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.contains(previousFocusedNodeRef.current));
+      const previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === undefined ? undefined : _nodeRef$current.contains(previousFocusedNodeRef.current));
       // The component wrapped in TabTrap can already have a focused element (e.g. Date Picker),
       // so we need to check if it does. If so, we don't need to focus anything.
-      const currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === void 0 ? void 0 : _nodeRef$current2.contains(document.activeElement);
+      const currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === undefined ? undefined : _nodeRef$current2.contains(document.activeElement);
       if (!nodeRef.current || !previousFocusedElementIsInContainer && !currentlyFocusedElementIsInContainer) {
         var _trapButtonNodeRef$cu;
         trapWithoutFocusRef.current = true;
-        (_trapButtonNodeRef$cu = trapButtonNodeRef.current) === null || _trapButtonNodeRef$cu === void 0 || _trapButtonNodeRef$cu.focus();
+        (_trapButtonNodeRef$cu = trapButtonNodeRef.current) === null || _trapButtonNodeRef$cu === undefined || _trapButtonNodeRef$cu.focus();
       }
     }
     return () => {
@@ -110,7 +110,7 @@ const TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
     if (!newFocused) {
       return;
     }
-    if (newFocused instanceof Element && (_nodeRef$current3 = nodeRef.current) !== null && _nodeRef$current3 !== void 0 && _nodeRef$current3.contains(newFocused)) {
+    if (newFocused instanceof Element && (_nodeRef$current3 = nodeRef.current) !== null && _nodeRef$current3 !== undefined && _nodeRef$current3.contains(newFocused)) {
       return;
     }
     focusLast();

package/components/table/header-cell.js

@@ -19,8 +19,8 @@ const _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "dat
 class HeaderCell extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "sortable", void 0);
-    _defineProperty(this, "sorted", void 0);
+    _defineProperty(this, "sortable", undefined);
+    _defineProperty(this, "sorted", undefined);
     _defineProperty(this, "onClick", () => {
       if (this.sortable) {
         const {

package/components/table/multitable.js

@@ -23,14 +23,14 @@ class MultiTable extends PureComponent {
       let newSelection = currentTable.selection.moveUp();
       if (newSelection) {
         var _currentTable$onSelec;
-        (_currentTable$onSelec = currentTable.onSelect) === null || _currentTable$onSelec === void 0 || _currentTable$onSelec.call(currentTable, newSelection);
+        (_currentTable$onSelec = currentTable.onSelect) === null || _currentTable$onSelec === undefined || _currentTable$onSelec.call(currentTable, newSelection);
       } else if (prevTable) {
         var _currentTable$onSelec2;
-        (_currentTable$onSelec2 = currentTable.onSelect) === null || _currentTable$onSelec2 === void 0 || _currentTable$onSelec2.call(currentTable, currentTable.selection.resetFocus());
+        (_currentTable$onSelec2 = currentTable.onSelect) === null || _currentTable$onSelec2 === undefined || _currentTable$onSelec2.call(currentTable, currentTable.selection.resetFocus());
         newSelection = prevTable.selection.moveUp();
         if (newSelection) {
           var _prevTable$onSelect;
-          (_prevTable$onSelect = prevTable.onSelect) === null || _prevTable$onSelect === void 0 || _prevTable$onSelect.call(prevTable, newSelection);
+          (_prevTable$onSelect = prevTable.onSelect) === null || _prevTable$onSelect === undefined || _prevTable$onSelect.call(prevTable, newSelection);
         }
       }
       return false;
@@ -52,14 +52,14 @@ class MultiTable extends PureComponent {
       let newSelection = currentTable.selection.moveDown();
       if (newSelection) {
         var _currentTable$onSelec3;
-        (_currentTable$onSelec3 = currentTable.onSelect) === null || _currentTable$onSelec3 === void 0 || _currentTable$onSelec3.call(currentTable, newSelection);
+        (_currentTable$onSelec3 = currentTable.onSelect) === null || _currentTable$onSelec3 === undefined || _currentTable$onSelec3.call(currentTable, newSelection);
       } else if (nextTable) {
         var _currentTable$onSelec4;
-        (_currentTable$onSelec4 = currentTable.onSelect) === null || _currentTable$onSelec4 === void 0 || _currentTable$onSelec4.call(currentTable, currentTable.selection.resetFocus());
+        (_currentTable$onSelec4 = currentTable.onSelect) === null || _currentTable$onSelec4 === undefined || _currentTable$onSelec4.call(currentTable, currentTable.selection.resetFocus());
         newSelection = nextTable.selection.moveDown();
         if (newSelection) {
           var _nextTable$onSelect;
-          (_nextTable$onSelect = nextTable.onSelect) === null || _nextTable$onSelect === void 0 || _nextTable$onSelect.call(nextTable, newSelection);
+          (_nextTable$onSelect = nextTable.onSelect) === null || _nextTable$onSelect === undefined || _nextTable$onSelect.call(nextTable, newSelection);
         }
       }
       return false;
@@ -110,7 +110,7 @@ class MultiTable extends PureComponent {
       const currentFocused = currentSelections.filter(selection => selection.getFocused());
       if (currentFocused.includes(prevFocused)) {
         var _prevProps$children$p, _prevProps$children$p2;
-        (_prevProps$children$p = (_prevProps$children$p2 = prevProps.children[prevFocusedIndex].props).onSelect) === null || _prevProps$children$p === void 0 || _prevProps$children$p.call(_prevProps$children$p2, prevFocused.resetFocus());
+        (_prevProps$children$p = (_prevProps$children$p2 = prevProps.children[prevFocusedIndex].props).onSelect) === null || _prevProps$children$p === undefined || _prevProps$children$p.call(_prevProps$children$p2, prevFocused.resetFocus());
       }
     }
   }

package/components/table/row-with-focus-sensor.js

@@ -55,19 +55,19 @@ class RowWithFocusSensorCallbacks extends PureComponent {
     _defineProperty(this, "RowWithFocusSensor", getContainer());
     _defineProperty(this, "onFocus", () => {
       var _this$props$onFocus, _this$props;
-      (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props, this.props.item);
+      (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === undefined || _this$props$onFocus.call(_this$props, this.props.item);
     });
     _defineProperty(this, "onSelect", (item, selected) => {
       var _this$props$onSelect, _this$props2;
-      (_this$props$onSelect = (_this$props2 = this.props).onSelect) === null || _this$props$onSelect === void 0 || _this$props$onSelect.call(_this$props2, item, selected);
+      (_this$props$onSelect = (_this$props2 = this.props).onSelect) === null || _this$props$onSelect === undefined || _this$props$onSelect.call(_this$props2, item, selected);
     });
     _defineProperty(this, "onCollapse", () => {
       var _this$props$onCollaps, _this$props3;
-      (_this$props$onCollaps = (_this$props3 = this.props).onCollapse) === null || _this$props$onCollaps === void 0 || _this$props$onCollaps.call(_this$props3, this.props.item);
+      (_this$props$onCollaps = (_this$props3 = this.props).onCollapse) === null || _this$props$onCollaps === undefined || _this$props$onCollaps.call(_this$props3, this.props.item);
     });
     _defineProperty(this, "onExpand", () => {
       var _this$props$onExpand, _this$props4;
-      (_this$props$onExpand = (_this$props4 = this.props).onExpand) === null || _this$props$onExpand === void 0 || _this$props$onExpand.call(_this$props4, this.props.item);
+      (_this$props$onExpand = (_this$props4 = this.props).onExpand) === null || _this$props$onExpand === undefined || _this$props$onExpand.call(_this$props4, this.props.item);
     });
   }
   render() {

package/components/table/row.js

@@ -93,7 +93,7 @@ class Row extends PureComponent {
       } = this.props;
       this.props.onDoubleClick(item);
     });
-    _defineProperty(this, "row", void 0);
+    _defineProperty(this, "row", undefined);
     _defineProperty(this, "rowRef", el => {
       this.row = el;
     });

package/components/table/selection-shortcuts-hoc.js

@@ -15,7 +15,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveUp();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
+          onSelect === null || onSelect === undefined || onSelect(newSelection);
         }
         return false;
       });
@@ -26,11 +26,11 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveDown();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
+          onSelect === null || onSelect === undefined || onSelect(newSelection);
         }
         return false;
       });
-      _defineProperty(this, "shiftSelectionMode", void 0);
+      _defineProperty(this, "shiftSelectionMode", undefined);
       _defineProperty(this, "onShiftKeyDown", () => {
         const {
           selection
@@ -61,9 +61,9 @@ function selectionShortcutsHOC(ComposedComponent) {
         const newSelection = this.shiftSelect(selection);
         const newMovedSelection = newSelection.moveUp();
         if (newMovedSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newMovedSelection);
+          onSelect === null || onSelect === undefined || onSelect(newMovedSelection);
         } else {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
+          onSelect === null || onSelect === undefined || onSelect(newSelection);
         }
       });
       _defineProperty(this, "onShiftDownPress", e => {
@@ -79,9 +79,9 @@ function selectionShortcutsHOC(ComposedComponent) {
         const newSelection = this.shiftSelect(selection);
         const newMovedSelection = newSelection.moveDown();
         if (newMovedSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newMovedSelection);
+          onSelect === null || onSelect === undefined || onSelect(newMovedSelection);
         } else {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
+          onSelect === null || onSelect === undefined || onSelect(newSelection);
         }
       });
       _defineProperty(this, "onHomePress", () => {
@@ -91,7 +91,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveStart();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
+          onSelect === null || onSelect === undefined || onSelect(newSelection);
         }
         return false;
       });
@@ -102,7 +102,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         } = this.props;
         const newSelection = selection.moveEnd();
         if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
+          onSelect === null || onSelect === undefined || onSelect(newSelection);
         }
         return false;
       });
@@ -115,7 +115,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         if (!selectable) {
           return true;
         }
-        onSelect === null || onSelect === void 0 || onSelect(selection.toggleSelection());
+        onSelect === null || onSelect === undefined || onSelect(selection.toggleSelection());
         return false;
       });
       _defineProperty(this, "onEscPress", () => {
@@ -123,7 +123,7 @@ function selectionShortcutsHOC(ComposedComponent) {
           selection,
           onSelect
         } = this.props;
-        onSelect === null || onSelect === void 0 || onSelect(selection.reset());
+        onSelect === null || onSelect === undefined || onSelect(selection.reset());
         //this.restoreFocusWithoutScroll();
       });
       _defineProperty(this, "onCmdAPress", () => {
@@ -135,7 +135,7 @@ function selectionShortcutsHOC(ComposedComponent) {
         if (!selectable) {
           return true;
         }
-        onSelect === null || onSelect === void 0 || onSelect(selection.selectAll());
+        onSelect === null || onSelect === undefined || onSelect(selection.selectAll());
         return false;
       });
       _defineProperty(this, "shortcutsMap", {

package/components/table/selection.js

@@ -11,13 +11,13 @@ let Selection$1 = class Selection {
       getChildren = () => [],
       isItemSelectable = () => true
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _defineProperty(this, "_rawData", void 0);
-    _defineProperty(this, "_getChildren", void 0);
-    _defineProperty(this, "_data", void 0);
-    _defineProperty(this, "_selected", void 0);
-    _defineProperty(this, "_focused", void 0);
-    _defineProperty(this, "_getKey", void 0);
-    _defineProperty(this, "_isItemSelectable", void 0);
+    _defineProperty(this, "_rawData", undefined);
+    _defineProperty(this, "_getChildren", undefined);
+    _defineProperty(this, "_data", undefined);
+    _defineProperty(this, "_selected", undefined);
+    _defineProperty(this, "_focused", undefined);
+    _defineProperty(this, "_getKey", undefined);
+    _defineProperty(this, "_isItemSelectable", undefined);
     this._rawData = data;
     this._getChildren = getChildren;
     this._data = this._buildData(data);

package/components/table/table.js

@@ -289,7 +289,7 @@ class Table extends PureComponent {
         columns: columns,
         "data-test": getItemDataTest(value)
       }, restProps), {}, {
-        key: (_restProps$key = restProps.key) !== null && _restProps$key !== void 0 ? _restProps$key : getItemKey(value)
+        key: (_restProps$key = restProps.key) !== null && _restProps$key !== undefined ? _restProps$key : getItemKey(value)
       }));
       return isDragged ? jsx("table", {
         style: _objectSpread2({}, props.style),

package/components/tabs/collapsible-tab.js

@@ -35,9 +35,9 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
   const titleClasses = classNames(styles.title, className, {
     [styles.selected]: selected,
     [styles.collapsed]: collapsed,
-    [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: selected,
-    [collapsedClassName !== null && collapsedClassName !== void 0 ? collapsedClassName : '']: collapsed,
-    [collapsedActiveClassName !== null && collapsedActiveClassName !== void 0 ? collapsedActiveClassName : '']: collapsed && selected
+    [activeClassName !== null && activeClassName !== undefined ? activeClassName : '']: selected,
+    [collapsedClassName !== null && collapsedClassName !== undefined ? collapsedClassName : '']: collapsed,
+    [collapsedActiveClassName !== null && collapsedActiveClassName !== undefined ? collapsedActiveClassName : '']: collapsed && selected
   });
   return jsx(TabLink, _objectSpread2({
     title: title,

package/components/tabs/collapsible-tabs.js

@@ -100,7 +100,7 @@ const CollapsibleTabs = _ref => {
   const measureRef = useRef(null);
   const selectedIndex = useMemo(() => {
     var _children$filter$find;
-    return (_children$filter$find = children.filter(tab => tab.props.alwaysHidden !== true).findIndex(tab => tab.props.id === selected)) !== null && _children$filter$find !== void 0 ? _children$filter$find : null;
+    return (_children$filter$find = children.filter(tab => tab.props.alwaysHidden !== true).findIndex(tab => tab.props.id === selected)) !== null && _children$filter$find !== undefined ? _children$filter$find : null;
   }, [children, selected]);
   const visibleElements = useMemo(() => {
     let items;
@@ -123,7 +123,7 @@ const CollapsibleTabs = _ref => {
     } = elements.sizes;
     let renderMore = children.some(tab => tab.props.alwaysHidden);
     const tabsToRender = [];
-    let filledWidth = renderMore ? more !== null && more !== void 0 ? more : 0 : 0;
+    let filledWidth = renderMore ? more !== null && more !== undefined ? more : 0 : 0;
     for (let i = 0; i < tabsSizes.length; i++) {
       if (filledWidth + tabsSizes[i] < containerWidth + MEASURE_TOLERANCE) {
         filledWidth += tabsSizes[i];
@@ -166,7 +166,7 @@ const CollapsibleTabs = _ref => {
       var _elements$lastVisible2;
       const res = children.reduce((accumulator, tab) => {
         var _elements$lastVisible;
-        if (tab.props.alwaysHidden !== true && accumulator.visible.length - 1 < ((_elements$lastVisible = elements.lastVisibleIndex) !== null && _elements$lastVisible !== void 0 ? _elements$lastVisible : 0)) {
+        if (tab.props.alwaysHidden !== true && accumulator.visible.length - 1 < ((_elements$lastVisible = elements.lastVisibleIndex) !== null && _elements$lastVisible !== undefined ? _elements$lastVisible : 0)) {
           accumulator.visible.push(tab);
         } else {
           accumulator.hidden.push(tab);
@@ -177,7 +177,7 @@ const CollapsibleTabs = _ref => {
         hidden: [],
         ready: elements.lastVisibleIndex !== null
       });
-      if (selectedIndex > ((_elements$lastVisible2 = elements.lastVisibleIndex) !== null && _elements$lastVisible2 !== void 0 ? _elements$lastVisible2 : 0)) {
+      if (selectedIndex > ((_elements$lastVisible2 = elements.lastVisibleIndex) !== null && _elements$lastVisible2 !== undefined ? _elements$lastVisible2 : 0)) {
         const selectedItem = children.find(tab => !tab.props.alwaysHidden && tab.props.id === selected);
         if (selectedItem != null) {
           res.visible.push(selectedItem);
@@ -209,9 +209,9 @@ const CollapsibleTabs = _ref => {
     const measureTask = fastdom.measure(() => {
       var _container$children, _moreButton$offsetWid;
       const container = measureRef.current;
-      const descendants = [...((_container$children = container === null || container === void 0 ? void 0 : container.children) !== null && _container$children !== void 0 ? _container$children : [])];
+      const descendants = [...((_container$children = container === null || container === undefined ? undefined : container.children) !== null && _container$children !== undefined ? _container$children : [])];
       const moreButton = descendants.pop();
-      let moreButtonWidth = (_moreButton$offsetWid = moreButton === null || moreButton === void 0 ? void 0 : moreButton.offsetWidth) !== null && _moreButton$offsetWid !== void 0 ? _moreButton$offsetWid : 0;
+      let moreButtonWidth = (_moreButton$offsetWid = moreButton === null || moreButton === undefined ? undefined : moreButton.offsetWidth) !== null && _moreButton$offsetWid !== undefined ? _moreButton$offsetWid : 0;
       const {
         marginLeft: moreButtonMarginLeft = '0',
         marginRight: moreButtonMarginRight = '0'

package/components/tabs/dumb-tabs.js

@@ -78,7 +78,7 @@ class Tabs extends PureComponent {
     super(...arguments);
     _defineProperty(this, "handleSelect", memoize(key => () => {
       var _this$props$onSelect, _this$props;
-      return (_this$props$onSelect = (_this$props = this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props, key);
+      return (_this$props$onSelect = (_this$props = this.props).onSelect) === null || _this$props$onSelect === undefined ? undefined : _this$props$onSelect.call(_this$props, key);
     }));
     _defineProperty(this, "getTabTitle", (child, i) => {
       if (child == null || typeof child !== 'object' || child.type === CustomItem) {

package/components/tabs/smart-tabs.js

@@ -76,7 +76,7 @@ const _excluded = ["children", "initSelected", "data-test"];
 class SmartTabs extends PureComponent {
   constructor(props) {
     super(props);
-    _defineProperty(this, "state", void 0);
+    _defineProperty(this, "state", undefined);
     _defineProperty(this, "handleSelect", selected => this.setState({
       selected
     }));

package/components/tag/tag.js

@@ -36,7 +36,7 @@ class Tag extends PureComponent {
         });
       }
     });
-    _defineProperty(this, "tagNode", void 0);
+    _defineProperty(this, "tagNode", undefined);
     _defineProperty(this, "tagRef", el => {
       this.tagNode = el;
     });
@@ -49,7 +49,7 @@ class Tag extends PureComponent {
     }
     if (this.state.focused) {
       var _this$tagNode;
-      (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 || _this$tagNode.focus();
+      (_this$tagNode = this.tagNode) === null || _this$tagNode === undefined || _this$tagNode.focus();
     }
     this.setDocumentClickListener(this.state.focused);
   }

package/components/tags-input/tags-input.js

@@ -103,17 +103,17 @@ class TagsInput extends PureComponent {
       query: '',
       activeIndex: 0
     });
-    _defineProperty(this, "ngModelStateField", void 0);
+    _defineProperty(this, "ngModelStateField", undefined);
     _defineProperty(this, "id", this.props.id || getUID('ring-tags-list-'));
-    _defineProperty(this, "node", void 0);
+    _defineProperty(this, "node", undefined);
     _defineProperty(this, "nodeRef", node => {
       this.node = node;
     });
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "caret", void 0);
+    _defineProperty(this, "input", undefined);
+    _defineProperty(this, "caret", undefined);
     _defineProperty(this, "focusInput", () => {
       var _this$getInputNode;
-      (_this$getInputNode = this.getInputNode()) === null || _this$getInputNode === void 0 || _this$getInputNode.focus();
+      (_this$getInputNode = this.getInputNode()) === null || _this$getInputNode === undefined || _this$getInputNode.focus();
     });
     _defineProperty(this, "focus", () => {
       this.focusInput();
@@ -124,8 +124,8 @@ class TagsInput extends PureComponent {
         return;
       }
       const isUniqueTag = this.state.tags.filter(item => tag.key === item.key).length === 0;
-      (_this$select = this.select) === null || _this$select === void 0 || _this$select.clear();
-      (_this$select2 = this.select) === null || _this$select2 === void 0 || _this$select2.filterValue('');
+      (_this$select = this.select) === null || _this$select === undefined || _this$select.clear();
+      (_this$select2 = this.select) === null || _this$select2 === undefined || _this$select2.filterValue('');
       if (isUniqueTag) {
         this.setState(prevState => ({
           tags: prevState.tags.concat([tag])
@@ -141,7 +141,7 @@ class TagsInput extends PureComponent {
       if (event.target !== this.node && event.target.parentElement !== this.node) {
         return;
       }
-      (_this$select3 = this.select) === null || _this$select3 === void 0 || _this$select3._clickHandler();
+      (_this$select3 = this.select) === null || _this$select3 === undefined || _this$select3._clickHandler();
     });
     _defineProperty(this, "filterExistingTags", suggestions => {
       const tagsMap = new Map(this.state.tags.map(tag => [tag.key, tag]));
@@ -200,18 +200,18 @@ class TagsInput extends PureComponent {
       const key = getEventKey(event);
       const isInputFocused = () => {
         var _this$getInputNode$ta, _this$getInputNode2;
-        return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = (_this$getInputNode2 = this.getInputNode()) === null || _this$getInputNode2 === void 0 ? void 0 : _this$getInputNode2.tagName) !== null && _this$getInputNode$ta !== void 0 ? _this$getInputNode$ta : '');
+        return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = (_this$getInputNode2 = this.getInputNode()) === null || _this$getInputNode2 === undefined ? undefined : _this$getInputNode2.tagName) !== null && _this$getInputNode$ta !== undefined ? _this$getInputNode$ta : '');
       };
       if (key === ' ' && this.props.allowAddNewTags) {
         var _this$getInputNode3;
         event.stopPropagation();
-        const value = (_this$getInputNode3 = this.getInputNode()) === null || _this$getInputNode3 === void 0 ? void 0 : _this$getInputNode3.value;
+        const value = (_this$getInputNode3 = this.getInputNode()) === null || _this$getInputNode3 === undefined ? undefined : _this$getInputNode3.value;
         if (value != null && value !== '') {
           this.handleTagCreation(value);
         }
         return true;
       }
-      if ((_this$select4 = this.select) !== null && _this$select4 !== void 0 && (_this$select4 = _this$select4._popup) !== null && _this$select4 !== void 0 && _this$select4.isVisible()) {
+      if ((_this$select4 = this.select) !== null && _this$select4 !== undefined && (_this$select4 = _this$select4._popup) !== null && _this$select4 !== undefined && _this$select4.isVisible()) {
         return true;
       }
       if (key === 'ArrowLeft') {
@@ -225,7 +225,7 @@ class TagsInput extends PureComponent {
         if (this.state.activeIndex === this.state.tags.length - 1) {
           if (!this.props.disabled) {
             var _this$getInputNode4;
-            (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === void 0 || _this$getInputNode4.focus();
+            (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === undefined || _this$getInputNode4.focus();
             this.setActiveIndex();
           }
         } else {
@@ -235,11 +235,11 @@ class TagsInput extends PureComponent {
       }
       if (!this.props.disabled) {
         var _this$getInputNode5;
-        if (key === 'Backspace' && !((_this$getInputNode5 = this.getInputNode()) !== null && _this$getInputNode5 !== void 0 && _this$getInputNode5.value)) {
+        if (key === 'Backspace' && !((_this$getInputNode5 = this.getInputNode()) !== null && _this$getInputNode5 !== undefined && _this$getInputNode5.value)) {
           var _this$select5;
           event.preventDefault();
           const tagsLength = this.state.tags.length;
-          (_this$select5 = this.select) === null || _this$select5 === void 0 || _this$select5._hidePopup(true); // otherwise confirmation may be overlapped by popup
+          (_this$select5 = this.select) === null || _this$select5 === undefined || _this$select5._hidePopup(true); // otherwise confirmation may be overlapped by popup
           this.onRemoveTag(this.state.tags[tagsLength - 1]);
           return false;
         }
@@ -260,7 +260,7 @@ class TagsInput extends PureComponent {
         label
       });
     });
-    _defineProperty(this, "select", void 0);
+    _defineProperty(this, "select", undefined);
     _defineProperty(this, "selectRef", el => {
       this.select = el;
     });
@@ -289,13 +289,13 @@ class TagsInput extends PureComponent {
       var _this$select6;
       this.focusInput();
       this.loadSuggestions();
-      (_this$select6 = this.select) === null || _this$select6 === void 0 || _this$select6._showPopup();
+      (_this$select6 = this.select) === null || _this$select6 === undefined || _this$select6._showPopup();
     }
   }
   getInputNode() {
     if (!this.input) {
       var _this$select7;
-      this.input = (_this$select7 = this.select) === null || _this$select7 === void 0 ? void 0 : _this$select7.filter;
+      this.input = (_this$select7 = this.select) === null || _this$select7 === undefined ? undefined : _this$select7.filter;
       if (this.input) {
         this.caret = new Caret(this.input);
       }

package/components/tooltip/tooltip.js

@@ -38,9 +38,9 @@ class Tooltip extends Component {
       showPopup: false,
       showNestedPopup: false
     });
-    _defineProperty(this, "timeout", void 0);
+    _defineProperty(this, "timeout", undefined);
     _defineProperty(this, "listeners", new Listeners());
-    _defineProperty(this, "containerNode", void 0);
+    _defineProperty(this, "containerNode", undefined);
     _defineProperty(this, "containerRef", el => {
       this.containerNode = el;
     });
@@ -79,7 +79,7 @@ class Tooltip extends Component {
           return;
         }
       }
-      (_this$context = this.context) === null || _this$context === void 0 || _this$context.onNestedTooltipShow();
+      (_this$context = this.context) === null || _this$context === undefined || _this$context.onNestedTooltipShow();
       this.setState({
         showPopup: true
       });
@@ -87,19 +87,19 @@ class Tooltip extends Component {
     _defineProperty(this, "hidePopup", () => {
       var _this$context2;
       clearTimeout(this.timeout);
-      (_this$context2 = this.context) === null || _this$context2 === void 0 || _this$context2.onNestedTooltipHide();
+      (_this$context2 = this.context) === null || _this$context2 === undefined || _this$context2.onNestedTooltipHide();
       this.setState({
         showPopup: false
       });
     });
     _defineProperty(this, "hideIfMovedOutsidePopup", ev => {
       var _this$popup;
-      if (!('relatedTarget' in ev) || (_this$popup = this.popup) !== null && _this$popup !== void 0 && (_this$popup = _this$popup.container) !== null && _this$popup !== void 0 && _this$popup.contains(ev.relatedTarget)) {
+      if (!('relatedTarget' in ev) || (_this$popup = this.popup) !== null && _this$popup !== undefined && (_this$popup = _this$popup.container) !== null && _this$popup !== undefined && _this$popup.contains(ev.relatedTarget)) {
         return;
       }
       this.hidePopup();
     });
-    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "popup", undefined);
     _defineProperty(this, "popupRef", el => {
       this.popup = el;
     });
@@ -135,7 +135,7 @@ class Tooltip extends Component {
       this.listeners.add(this.containerNode, 'mouseenter', this.tryToShowPopup);
       this.listeners.add(this.containerNode, 'mouseleave', ev => {
         var _this$popup2;
-        if (ev.relatedTarget && (_this$popup2 = this.popup) !== null && _this$popup2 !== void 0 && (_this$popup2 = _this$popup2.container) !== null && _this$popup2 !== void 0 && _this$popup2.contains(ev.relatedTarget)) {
+        if (ev.relatedTarget && (_this$popup2 = this.popup) !== null && _this$popup2 !== undefined && (_this$popup2 = _this$popup2.container) !== null && _this$popup2 !== undefined && _this$popup2.contains(ev.relatedTarget)) {
           return;
         }
         this.hidePopup();
@@ -185,15 +185,15 @@ class Tooltip extends Component {
             hidden: !this.state.showPopup || this.state.showNestedPopup,
             onCloseAttempt: this.hidePopup,
             maxHeight: 400,
-            className: classNames(styles.tooltip, {
-              [styles.long]: long
-            }),
             attached: false,
             onMouseOut: this.hideIfMovedOutsidePopup,
             top: 4,
             dontCloseOnAnchorClick: true,
             ref: this.popupRef
           }, popupProps), {}, {
+            className: classNames(styles.tooltip, {
+              [styles.long]: long
+            }, popupProps === null || popupProps === undefined ? undefined : popupProps.className),
             children: title
           }))
         })]

package/components/upload/upload.js

@@ -35,7 +35,7 @@ const Upload = /*#__PURE__*/forwardRef(function Upload(_ref, ref) {
   useImperativeHandle(ref, () => ({
     openFilePicker: () => {
       var _fileInputRef$current;
-      return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
+      return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === undefined ? undefined : _fileInputRef$current.click();
     }
   }), []);
   const handleSelectedFiles = useCallback(files => {
@@ -44,7 +44,7 @@ const Upload = /*#__PURE__*/forwardRef(function Upload(_ref, ref) {
     }
     const rejected = files.filter(file => !validate(file));
     if (rejected.length > 0) {
-      onFilesRejected === null || onFilesRejected === void 0 || onFilesRejected(files);
+      onFilesRejected === null || onFilesRejected === undefined || onFilesRejected(files);
       return;
     }
     onFilesSelected(files);
@@ -55,7 +55,7 @@ const Upload = /*#__PURE__*/forwardRef(function Upload(_ref, ref) {
   const onInputChange = useCallback(() => {
     var _fileInputRef$current2;
     setDragOver(false);
-    if ((_fileInputRef$current2 = fileInputRef.current) !== null && _fileInputRef$current2 !== void 0 && _fileInputRef$current2.files) {
+    if ((_fileInputRef$current2 = fileInputRef.current) !== null && _fileInputRef$current2 !== undefined && _fileInputRef$current2.files) {
       handleSelectedFiles(Array.from(fileInputRef.current.files));
     }
   }, [handleSelectedFiles]);

package/components/user-agreement/service.js

@@ -81,7 +81,7 @@ const DEFAULT_AGREEMENT = {
 class UserAgreementService {
   constructor(config) {
     var _this = this;
-    _defineProperty(this, "config", void 0);
+    _defineProperty(this, "config", undefined);
     _defineProperty(this, "_dialogPromise", null);
     _defineProperty(this, "_alertPromise", null);
     _defineProperty(this, "tabId", Math.random());
@@ -93,7 +93,7 @@ class UserAgreementService {
     _defineProperty(this, "guest", false);
     _defineProperty(this, "userAgreement", DEFAULT_AGREEMENT);
     _defineProperty(this, "userConsent", DEFAULT_CONSENT);
-    _defineProperty(this, "intervalId", void 0);
+    _defineProperty(this, "intervalId", undefined);
     _defineProperty(this, "startChecking", () => {
       this.intervalId = window.setInterval(this.checkConsentAndShowDialog, this.interval);
       window.addEventListener('storage', this.onStorageEvent);
@@ -171,7 +171,7 @@ class UserAgreementService {
       } = userConsent;
       return !enabled || accepted && actualVersion === acceptedVersion;
     });
-    _defineProperty(this, "alertKey", void 0);
+    _defineProperty(this, "alertKey", undefined);
     _defineProperty(this, "showAlert", withoutNotifications => {
       if (this._alertPromise) {
         return this._alertPromise;