@jetbrains/ring-ui-built 7.0.62 → 7.0.64

package/components/select/select.js

@@ -23,20 +23,20 @@ import rerenderHOC from '../global/rerender-hoc.js';
 import fuzzyHighlight from '../global/fuzzy-highlight.js';
 import memoize from '../global/memoize.js';
 import { I18nContext } from '../i18n/i18n-context.js';
-import { createComposedRef } from '../global/composeRefs.js';
+import { createComposedRef } from '../global/compose-refs.js';
 import { isArray } from '../global/typescript-utils.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
-import SelectPopup from './select__popup.js';
+import SelectPopup from './select-popup.js';
 import { ControlsHeight } from '../global/configuration.js';
 import { Size as Size$1 } from '../avatar/avatar-size.js';
 import { A as Anchor } from '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
+import '../link/clickable-link.js';
+import '../_helpers/button.classes.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../_helpers/avatar-info.js';
@@ -60,7 +60,7 @@ import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/create-stateful-context.js';
-import '../list/list__item.js';
+import '../list/list-item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -69,12 +69,12 @@ import '../link/link.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/consts.js';
-import '../list/list__classes.js';
-import '../list/list__custom.js';
+import '../list/list.classes.js';
+import '../list/list-custom.js';
 import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
+import '../list/list-title.js';
+import '../list/list-separator.js';
+import '../list/list-hint.js';
 import '../i18n/i18n.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
@@ -83,7 +83,7 @@ import '../tags-list/tags-list.js';
 import '../tag/tag.js';
 import '../caret/caret.js';
 import '../text/text.js';
-import '../_helpers/select__filter.js';
+import '../_helpers/select-filter.js';
 
 var styles = {"select":"ring-select-select","value":"ring-select-value ring-global-ellipsis ring-global-font","icons":"ring-select-icons","toolbar":"ring-select-toolbar","button":"ring-select-button","buttonSpaced":"ring-select-buttonSpaced","inputMode":"ring-select-inputMode","heightS":"ring-select-heightS","heightL":"ring-select-heightL","selectedIcon":"ring-select-selectedIcon ring-global-resetButton","clearIcon":"ring-select-clearIcon","sizeS":"ring-select-sizeS","sizeM":"ring-select-sizeM","sizeL":"ring-select-sizeL","sizeFULL":"ring-select-sizeFULL","sizeAUTO":"ring-select-sizeAUTO","buttonMode":"ring-select-buttonMode","open":"ring-select-open","buttonContainer":"ring-select-buttonContainer","buttonValue":"ring-select-buttonValue ring-global-ellipsis","buttonValueOpen":"ring-select-buttonValueOpen","buttonValueEmpty":"ring-select-buttonValueEmpty","label":"ring-select-label","disabled":"ring-select-disabled","avatar":"ring-select-avatar","popup":"ring-select-popup","chevron":"ring-select-chevron","chevronIcon":"ring-select-chevronIcon"};
 
@@ -116,7 +116,7 @@ function getLowerCaseLabel(item) {
 }
 function doesLabelMatch(itemToCheck, fn) {
   const lowerCaseLabel = getLowerCaseLabel(itemToCheck);
-  if (lowerCaseLabel == null) {
+  if (lowerCaseLabel === null || lowerCaseLabel === undefined) {
     return true;
   }
   return fn(lowerCaseLabel);
@@ -138,6 +138,7 @@ function buildMultipleMap(selected) {
     return acc;
   }, {});
 }
+// eslint-disable-next-line complexity
 function getListItems(props, state, rawFilterString) {
   let data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : props.data;
   let filterString = rawFilterString.trim();
@@ -196,7 +197,7 @@ const getItemLabel = _ref => {
     selectedLabel,
     label
   } = _ref;
-  if (selectedLabel != null) {
+  if (selectedLabel !== null && selectedLabel !== undefined) {
     return selectedLabel;
   }
   return typeof label === 'string' ? label : '';
@@ -295,7 +296,8 @@ class Select extends Component {
       var _this$_popup3;
       if (!((_this$_popup3 = this._popup) !== null && _this$_popup3 !== void 0 && _this$_popup3.isVisible())) {
         return true;
-      } else if (this.props.multiple || !this.props.getInitial) {
+      }
+      if (this.props.multiple || !this.props.getInitial) {
         return false;
       }
       const selected = {
@@ -443,7 +445,7 @@ class Select extends Component {
         if (!tryKeepOpen) {
           _this._hidePopup(isSelectItemEvent);
         }
-        if (selected.key == null) {
+        if (selected.key === null || selected.key === undefined) {
           throw new Error('Multiple selection requires each item to have the "key" property');
         }
         _this.setState(prevState => {
@@ -623,7 +625,7 @@ class Select extends Component {
         addButton
       });
     }
-    const isSelectionEmpty = nextProps.selected == null || Array.isArray(nextProps.selected) && nextProps.selected.length === 0;
+    const isSelectionEmpty = nextProps.selected === null || nextProps.selected === undefined || Array.isArray(nextProps.selected) && nextProps.selected.length === 0;
     if (isSelectionEmpty) {
       nextState.lastInteractedKey = null;
     }
@@ -658,7 +660,7 @@ class Select extends Component {
       lastInteractedKey
     } = this.state;
     const isNonOptionItem = item => item.isResetItem || List.isItemType(List.ListProps.Type.SEPARATOR, item);
-    if (lastInteractedKey != null) {
+    if (lastInteractedKey !== null && lastInteractedKey !== undefined) {
       const index = items.findIndex(item => item.key === lastInteractedKey && !isNonOptionItem(item));
       if (index >= 0) return index;
     }
@@ -699,7 +701,7 @@ class Select extends Component {
       template: jsx(Button, {
         inline: true,
         className: styles.button,
-        "data-test": "ring-select-reset-tags-button",
+        "data-test": 'ring-select-reset-tags-button',
         height: ControlsHeight.S,
         children: reset.label
       }),
@@ -726,6 +728,7 @@ class Select extends Component {
       showPopup,
       shownData
     } = this.state;
+    // eslint-disable-next-line no-underscore-dangle
     const _shownData = this._prependResetOption(shownData);
     const activeIndex = this._getActiveIndex(_shownData);
     return jsx(I18nContext.Consumer, {
@@ -805,17 +808,17 @@ class Select extends Component {
       className: classNames({
         [styles.toolbar]: Boolean(this.state.addButton || renderBottomToolbar)
       }),
-      "data-test": "ring-select-toolbar",
+      "data-test": 'ring-select-toolbar',
       children: [renderBottomToolbar && renderBottomToolbar(), this.state.addButton && jsx(Button, {
         inline: true,
         delayed: delayed,
         className: classNames(styles.button, styles.buttonSpaced),
         onClick: this.addHandler,
-        "data-test": "ring-select-toolbar-button",
+        "data-test": 'ring-select-toolbar-button',
         children: prefix ? "".concat(prefix, " ").concat(label) : label
       }), hint && jsx(List.ListHint, {
         label: hint,
-        "data-test": "ring-select-toolbar-hint"
+        "data-test": 'ring-select-toolbar-hint'
       })]
     });
   }
@@ -842,9 +845,8 @@ class Select extends Component {
         filterValue: setValue
       });
       return undefined;
-    } else {
-      return this.state.filterValue;
     }
+    return this.state.filterValue;
   }
   isInputMode() {
     return isInputMode(this.props.type);
@@ -877,9 +879,8 @@ class Select extends Component {
         labels.push(getItemLabel(this.state.selected[i]));
       }
       return labels.filter(Boolean).join(', ');
-    } else {
-      return this.state.selected != null ? getItemLabel(this.state.selected) : null;
     }
+    return this.state.selected !== null && this.state.selected !== undefined ? getItemLabel(this.state.selected) : null;
   }
   getHeight() {
     return this.props.height || (typeof this.context === 'function' ? this.context() : this.context);
@@ -897,37 +898,37 @@ class Select extends Component {
     const height = this.getHeight();
     if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {
       icons.push(jsx("button", {
-        title: "Toggle options popup",
-        type: "button",
+        title: 'Toggle options popup',
+        type: 'button',
         className: styles.selectedIcon,
         disabled: this.props.disabled,
         onClick: this._clickHandler,
         style: {
           backgroundImage: "url(".concat(selected.icon, ")")
         }
-      }, "selected"));
+      }, 'selected'));
     }
     if (clear && !disabled && !this._selectionIsEmpty()) {
       icons.push(jsx(Button, {
-        title: "Clear selection",
-        "data-test": "ring-clear-select",
+        title: 'Clear selection',
+        "data-test": 'ring-clear-select',
         className: styles.clearIcon,
         disabled: this.props.disabled,
         onClick: this.clear,
         height: height,
         icon: closeIcon
-      }, "close"));
+      }, 'close'));
     }
     if (!hideArrow) {
       icons.push(jsx(Button, {
-        title: "Toggle options popup",
+        title: 'Toggle options popup',
         className: styles.chevron,
         iconClassName: styles.chevronIcon,
         icon: chevronDownIcon,
         disabled: this.props.disabled,
         height: height,
         onClick: this._clickHandler
-      }, "hide"));
+      }, 'hide'));
     }
     return icons;
   }
@@ -953,6 +954,7 @@ class Select extends Component {
       space: noop
     };
   }
+  // eslint-disable-next-line complexity
   renderSelect(activeItemId) {
     var _ref4, _this$props$label3, _this$_popup5, _this$props$buttonCla;
     const dataTest = this.props['data-test'];
@@ -991,7 +993,7 @@ class Select extends Component {
             ref: this.nodeRef,
             className: classNames(classes, styles.inputMode),
             "data-test": joinDataTestAttributes('ring-select', dataTest),
-            role: "presentation" // has interactive elements inside
+            role: 'presentation' // has interactive elements inside
             ,
             onMouseDown: this.mouseDownHandler,
             onMouseUp: this.mouseUpHandler,
@@ -1000,7 +1002,7 @@ class Select extends Component {
               scope: this.shortcutsScope
             }), jsx(Input, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
               height: this.props.height,
-              autoComplete: "off",
+              autoComplete: 'off',
               id: this.props.id,
               onClick: this._clickHandler,
               inputRef: this.composedFilterRef(this.filterRef, this.props.filterRef),
@@ -1013,11 +1015,11 @@ class Select extends Component {
               onFocus: this._focusHandler,
               onBlur: this._blurHandler,
               // Input with error style without description
-              error: this.props.error != null ? '' : null,
+              error: this.props.error ? '' : null,
               label: this.props.type === Type.INPUT ? this._getLabel() : null,
               placeholder: this.props.inputPlaceholder,
               onKeyDown: this.props.onKeyDown,
-              "data-test": "ring-select__focus",
+              "data-test": 'ring-select__focus',
               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
@@ -1052,7 +1054,7 @@ class Select extends Component {
               }),
               disabled: this.props.disabled,
               style: style,
-              "data-test": "ring-select__button ring-select__focus",
+              "data-test": 'ring-select__button ring-select__focus',
               children: [this._getAvatar(), this._getPlaceholder()]
             })), iconsNode]
           }), this._renderPopup()]
@@ -1069,7 +1071,7 @@ class Select extends Component {
             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",
+            "data-test": 'ring-select__focus',
             disabled: this.props.disabled,
             active: this.state.showPopup,
             children: this._getPlaceholder()
@@ -1100,7 +1102,7 @@ class Select extends Component {
         return jsx("span", {
           id: this.props.id,
           ref: this.nodeRef,
-          "data-test": "ring-select",
+          "data-test": 'ring-select',
           children: this._renderPopup()
         });
     }

package/components/shortcuts/core.js

@@ -20,7 +20,7 @@ class Shortcuts {
       for (let i = this._scopeChain.length - 1; i >= 0; i--) {
         const scopeInChain = this._scopeChain[i];
         currentScope = this._scopes[scopeInChain.scopeId];
-        if (currentScope && key != null && currentScope[key]) {
+        if (currentScope && key !== null && key !== undefined && currentScope[key]) {
           const ret = currentScope[key](e, key, scopeInChain.scopeId);
           // Fall down in chain when returning true
           if (ret !== true) {
@@ -35,7 +35,7 @@ class Shortcuts {
     });
     _defineProperty(this, "_defaultFilter", (e, element, key) => {
       // if the element or its parents have the class "ring-js-shortcuts" then no need to stop
-      if (element === document || !(element instanceof HTMLElement) || key == null || element.matches(this.ALLOW_SHORTCUTS_SELECTOR) || (element.dataset.enabledShortcuts != null ? element.dataset.enabledShortcuts.split(',').includes(key) : element.closest(this.ALLOW_SHORTCUTS_SELECTOR) != null)) {
+      if (element === document || !(element instanceof HTMLElement) || key === null || element.matches(this.ALLOW_SHORTCUTS_SELECTOR) || (element.dataset.enabledShortcuts ? key && element.dataset.enabledShortcuts.split(',').includes(key) : !!element.closest(this.ALLOW_SHORTCUTS_SELECTOR))) {
         return false;
       }
       const elementContentEditableAttribute = element.contentEditable;
@@ -91,7 +91,7 @@ class Shortcuts {
       throw new Error("Shortcuts map shouldn't be empty");
     }
     for (const key in map) {
-      if (map.hasOwnProperty(key)) {
+      if (Object.prototype.hasOwnProperty.call(map, key)) {
         this.bind(Object.assign({}, options || {}, {
           key,
           handler: map[key]
@@ -145,7 +145,7 @@ class Shortcuts {
   setScope(scope) {
     if (scope) {
       let scopeChain;
-      if (typeof scope === 'string' || !Array.isArray(scope) && typeof scope === 'object' && scope !== null) {
+      if (typeof scope === 'string' || !Array.isArray(scope) && typeof scope === 'object') {
         scopeChain = [scope];
       } else {
         scopeChain = scope;

package/components/shortcuts/shortcuts-hoc.d.ts

@@ -1,5 +1,5 @@
-import { ComponentClass, ComponentType } from 'react';
-import { ShortcutsMap, ShortcutsScopeOptions } from './core';
+import { type ComponentClass, type ComponentType } from 'react';
+import { type ShortcutsMap, type ShortcutsScopeOptions } from './core';
 export interface ShortcutsHOCOptions extends ShortcutsScopeOptions {
     disabled?: boolean | null | undefined;
 }

package/components/shortcuts/shortcuts.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent, type ReactNode } from 'react';
-import { ShortcutsMap, ShortcutsScopeOptions } from './core';
+import { type ShortcutsMap, type ShortcutsScopeOptions } from './core';
 export interface ShortcutsProps {
     map: ShortcutsMap;
     scope: string;

package/components/slider/slider.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import * as React from 'react';
-type Mark = {
+interface Mark {
     value: number;
     label?: ReactNode;
-};
-type Props = {
+}
+interface Props {
     defaultValue?: number | number[];
     value?: number | number[];
     min?: number;
@@ -17,6 +17,6 @@ type Props = {
     className?: string;
     renderTag?: (value: number) => ReactNode;
     onChange?: (value: number | number[]) => void;
-};
+}
 export declare const Slider: React.FC<Props>;
 export {};

package/components/slider/slider.js

@@ -45,7 +45,8 @@ const Slider = _ref => {
       return marks.map(mark => _objectSpread2(_objectSpread2({}, mark), {}, {
         value: validateValue(mark.value, min, max)
       }));
-    } else if (marks) {
+    }
+    if (marks) {
       return calculateMarks(min, max, validStep);
     }
     return [];
@@ -116,7 +117,7 @@ const Slider = _ref => {
     }
     const index = e.currentTarget.getAttribute('data-index');
     const nextValue = calculateValue(ref, e.pageX, min, max, validStep);
-    if (nextValue !== null && !isNaN(nextValue) && !index) {
+    if (nextValue && !isNaN(nextValue) && !index) {
       const rangeIndex = Number(Math.abs(validValues[0] - nextValue) > Math.abs(validValues[1] - nextValue));
       setDraggedIndex(isRange ? rangeIndex : 0);
     } else {
@@ -167,7 +168,7 @@ const Slider = _ref => {
   }, [isDragging, handleMouseMove, handleMouseUp, disabled]);
   return jsxs("div", {
     ref: ref,
-    role: "presentation" // contains interactive elements
+    role: 'presentation' // contains interactive elements
     ,
     className: classNames(styles.slider, className, {
       [styles.disabled]: disabled,
@@ -199,8 +200,8 @@ const Slider = _ref => {
         jsxs(Fragment, {
           children: [jsx("div", {
             tabIndex: 0,
-            "aria-label": "Pick value",
-            role: "slider",
+            "aria-label": 'Pick value',
+            role: 'slider',
             "aria-valuemin": min,
             "aria-valuemax": max,
             "aria-valuenow": numValue,
@@ -220,7 +221,7 @@ const Slider = _ref => {
             className: classNames(styles.tag, {
               [styles.disabled]: disabled
             }),
-            role: "tooltip",
+            role: 'tooltip',
             children: renderTag ? renderTag(numValue) : numValue
           })]
         }, index)

package/components/slider/slider.utils.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 export declare const HUNDRED = 100;
 export declare function toPercent(value: number, min: number, max: number): number;
 export declare function calculateValue(ref: RefObject<HTMLDivElement | null>, x: number, min: number, max: number, step: number): number | null;

package/components/slider/slider.utils.js

@@ -41,14 +41,13 @@ function toRange(value, min, max) {
       nextValues.reverse();
     }
     return nextValues;
-  } else {
-    return [validateValue(value, min, max)];
   }
+  return [validateValue(value, min, max)];
 }
 function adjustValues(values, ref, index, x, max, min, step) {
   const nextValue = calculateValue(ref, x, min, max, step);
   const nextValues = [...values];
-  if (nextValue !== null && !isNaN(nextValue)) {
+  if (nextValue && !isNaN(nextValue)) {
     nextValues[index] = validateValue(nextValue, min, max);
   }
   return nextValues;

package/components/storage/{storage__local.d.ts → storage-local.d.ts}

@@ -1,4 +1,4 @@
-import { StorageInterface, StorageConfig } from './storage';
+import { type StorageInterface, type StorageConfig } from './storage';
 /**
  * @return {LocalStorage}
  * @param {{type: string}} config Set to "session" to use sessionStorage

package/components/storage/{storage__local.js → storage-local.js}

@@ -13,8 +13,8 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -24,10 +24,10 @@ import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import 'react-dom';
 import '../popup/popup.target.js';
@@ -73,14 +73,14 @@ class LocalStorage {
   get(name) {
     return LocalStorage.safePromise(resolve => {
       const value = window[this.storageType].getItem(name);
-      if (value != null) {
+      if (value) {
         try {
           resolve(JSON.parse(value));
         } catch (e) {
           resolve(value);
         }
       } else {
-        resolve(value);
+        resolve(null);
       }
     });
   }
@@ -102,7 +102,7 @@ class LocalStorage {
   remove(name) {
     const storageType = this.storageType;
     return LocalStorage.safePromise(resolve => {
-      if (window[storageType].hasOwnProperty(name)) {
+      if (Object.prototype.hasOwnProperty.call(window[storageType], name)) {
         window[storageType].removeItem(name);
       }
       resolve();
@@ -117,10 +117,10 @@ class LocalStorage {
     return LocalStorage.safePromise(resolve => {
       const promises = [];
       for (const item in window[storageType]) {
-        if (window[storageType].hasOwnProperty(item)) {
+        if (Object.prototype.hasOwnProperty.call(window[storageType], item)) {
           const value = window[storageType].getItem(item);
           let resolvedValue = null;
-          if (value != null) {
+          if (value) {
             try {
               resolvedValue = JSON.parse(value);
             } catch (e) {
@@ -141,14 +141,14 @@ class LocalStorage {
   on(name, callback) {
     function handleStorage(e) {
       if (e.key === name) {
-        if (e.newValue != null) {
+        if (e.newValue) {
           try {
             callback(JSON.parse(e.newValue));
           } catch (err) {
             callback(e.newValue);
           }
         } else {
-          callback(e.newValue);
+          callback(null);
         }
       }
     }

package/components/storage/storage.d.ts

@@ -1,4 +1,4 @@
-import LocalStorage from './storage__local';
+import LocalStorage from './storage-local';
 export interface StorageConfig {
     type?: 'local' | 'session' | null | undefined;
     cookieName?: string | null | undefined;

package/components/storage/storage.js

@@ -1,4 +1,4 @@
-import LocalStorage from './storage__local.js';
+import LocalStorage from './storage-local.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../alert-service/alert-service.js';
@@ -14,8 +14,8 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -25,10 +25,10 @@ import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import 'react-dom';
 import '../popup/popup.target.js';