@jetbrains/ring-ui-built 7.0.62 → 7.0.64

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

@@ -24,7 +24,7 @@ import Icon from '../icon/icon.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
-import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist__suggestions.js';
+import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist-suggestions.js';
 import { ControlsHeight } from '../global/configuration.js';
 import 'react-dom/server';
 import '../popup/popup.js';
@@ -46,7 +46,7 @@ import 'util-deprecate';
 import 'memoize-one';
 import '../global/memoize.js';
 import '../global/create-stateful-context.js';
-import '../list/list__item.js';
+import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../_helpers/avatar-info.js';
@@ -55,28 +55,28 @@ import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/consts.js';
-import '../list/list__classes.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../list/list__custom.js';
+import '../list/list.classes.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.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 '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../control-label/control-label.js';
 import '../i18n/i18n.js';
 
@@ -189,9 +189,10 @@ class QueryAssist extends Component {
     _defineProperty(this, "nodeRef", node => {
       this.node = node;
     });
+    // eslint-disable-next-line complexity
     _defineProperty(this, "setCaretPosition", function () {
       let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const queryLength = _this.immediateState.query != null ? _this.immediateState.query.length : 0;
+      const queryLength = _this.immediateState.query ? _this.immediateState.query.length : 0;
       const newCaretPosition = _this.immediateState.caret < queryLength ? _this.immediateState.caret : queryLength;
       if (params.fromContentEditable) {
         _this.immediateState.selection = _this.immediateState.selection ? _this.immediateState.selection : _this.state.query && _this.state.query.length || null;
@@ -609,15 +610,15 @@ class QueryAssist extends Component {
     }
   }
   scrollInput() {
-    var _this$caret8, _this$input, _this$input2, _this$input3;
+    var _this$caret8, _this$input, _this$input2, _this$input3, _this$input4;
     const caretOffset = (_this$caret8 = this.caret) === null || _this$caret8 === void 0 ? void 0 : _this$caret8.getOffset();
-    if (((_this$input = this.input) === null || _this$input === void 0 ? void 0 : _this$input.clientWidth) !== ((_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.scrollWidth) && caretOffset != null && ((_this$input3 = this.input) === null || _this$input3 === void 0 ? void 0 : _this$input3.clientWidth) != null && caretOffset > this.input.clientWidth) {
+    if (((_this$input = this.input) === null || _this$input === void 0 ? void 0 : _this$input.clientWidth) !== ((_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.scrollWidth) && caretOffset && (_this$input3 = this.input) !== null && _this$input3 !== void 0 && _this$input3.clientWidth && caretOffset > ((_this$input4 = this.input) === null || _this$input4 === void 0 ? void 0 : _this$input4.clientWidth)) {
       this.input.scrollLeft += caretOffset;
     }
   }
   getQuery() {
-    var _this$input$textConte, _this$input4;
-    return (_this$input$textConte = (_this$input4 = this.input) === null || _this$input4 === void 0 || (_this$input4 = _this$input4.textContent) === null || _this$input4 === void 0 ? void 0 : _this$input4.replace(/\s/g, ' ')) !== null && _this$input$textConte !== void 0 ? _this$input$textConte : '';
+    var _this$input$textConte, _this$input5;
+    return (_this$input$textConte = (_this$input5 = this.input) === null || _this$input5 === void 0 || (_this$input5 = _this$input5.textContent) === null || _this$input5 === void 0 ? void 0 : _this$input5.replace(/\s/g, ' ')) !== null && _this$input$textConte !== void 0 ? _this$input$textConte : '';
   }
   isRenderingGlassOrLoader() {
     const renderLoader = this.props.loader !== false && this.state.loading;
@@ -679,9 +680,8 @@ class QueryAssist extends Component {
       // Do not compensate caret in the beginning of field
       if (caret === 0) {
         return minOffset;
-      } else {
-        offset = caret;
       }
+      offset = caret;
     }
     const result = offset - POPUP_COMPENSATION;
     return result < minOffset ? minOffset : result;
@@ -801,7 +801,7 @@ class QueryAssist extends Component {
             title: (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.clearTitle) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('clearTitle'),
             ref: this.clearRef,
             onClick: this.clearQuery,
-            "data-test": "query-assist-clear-icon"
+            "data-test": 'query-assist-clear-icon'
           });
         }
       }, 'clearAction'));
@@ -851,7 +851,7 @@ class QueryAssist extends Component {
           return jsxs("div", {
             "data-test": joinDataTestAttributes('ring-query-assist', dataTest),
             className: containerClasses,
-            role: "presentation",
+            role: 'presentation',
             ref: this.nodeRef,
             children: [this.state.shortcuts && jsx(Shortcuts, {
               map: this.shortcutsMap,
@@ -861,7 +861,7 @@ class QueryAssist extends Component {
               className: styles.icon,
               title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
               ref: this.glassRef,
-              "data-test": "query-assist-search-icon"
+              "data-test": 'query-assist-search-icon'
             }), renderLoader && jsx("div", {
               className: classNames(styles.icon, styles.loader, {
                 [styles.loaderOnTheRight]: !glass && !huge,
@@ -872,7 +872,7 @@ class QueryAssist extends Component {
             }), jsx(ContentEditable, {
               "aria-label": (_translations$searchT2 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT2 !== void 0 ? _translations$searchT2 : translate('searchTitle'),
               className: inputClasses,
-              "data-test": "ring-query-assist-input",
+              "data-test": 'ring-query-assist-input',
               inputRef: this.inputRef,
               disabled: this.props.disabled,
               onComponentUpdate: () => this.setCaretPosition({
@@ -887,21 +887,21 @@ class QueryAssist extends Component {
               onKeyUp: this.handleInput,
               onKeyDown: this.handleEnter,
               onPaste: this.handlePaste,
-              spellCheck: "false",
+              spellCheck: 'false',
               children: this.state.query && jsx("span", {
                 children: this.renderQuery()
               })
             }), renderPlaceholder && jsx("button", {
-              type: "button",
+              type: 'button',
               className: placeholderStyles,
               ref: this.placeholderRef,
               onClick: this.handleCaretMove,
-              "data-test": "query-assist-placeholder",
+              "data-test": 'query-assist-placeholder',
               disabled: this.props.disabled,
               tabIndex: -1,
               children: this.props.placeholder
             }), actions.length ? jsx("div", {
-              "data-test": "ring-query-assist-actions",
+              "data-test": 'ring-query-assist-actions',
               className: styles.actions,
               children: actions
             }) : null, jsx(PopupMenu, {
@@ -914,7 +914,7 @@ class QueryAssist extends Component {
               className: this.props.popupClassName,
               directions: [PopupMenu.PopupProps.Directions.BOTTOM_RIGHT],
               data: useCustomItemRender ? this.state.suggestions : this.renderSuggestions(),
-              "data-test": "ring-query-assist-popup",
+              "data-test": 'ring-query-assist-popup',
               hint: this.props.hint,
               shortcutsMap: this.listShortcutsMap,
               hintOnSelection: this.props.hintOnSelection,
@@ -925,14 +925,14 @@ class QueryAssist extends Component {
               onSelect: item => this.handleComplete(item)
             }), glass && huge && jsx("div", {
               className: styles.rightSearchButton,
-              "data-test": "query-assist-search-button",
+              "data-test": 'query-assist-search-button',
               children: jsx(Icon, {
                 glyph: searchIcon,
                 className: styles.rightSearchIcon,
                 title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
                 onClick: this.handleApply,
                 ref: this.glassRef,
-                "data-test": "query-assist-search-icon"
+                "data-test": 'query-assist-search-icon'
               })
             })]
           });

package/components/radio/{radio__item.d.ts → radio-item.d.ts}

@@ -1,4 +1,4 @@
-import { Component, InputHTMLAttributes, ReactNode } from 'react';
+import { Component, type InputHTMLAttributes, type ReactNode } from 'react';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     value?: string | undefined;
     onChange?: ((value: string) => void) | null | undefined;

package/components/radio/{radio__item.js → radio-item.js}

@@ -42,7 +42,7 @@ class RadioItemInner extends Component {
       }, restProps), {}, {
         ref: this.inputRef,
         className: styles.input,
-        type: "radio"
+        type: 'radio'
       })), jsx("span", {
         className: styles.circle
       }), jsxs("span", {
@@ -65,8 +65,8 @@ const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
       return jsx(RadioItemInner, _objectSpread2(_objectSpread2({
         ref: ref
       }, restContext), {}, {
-        checked: value != null ? value === props.value : undefined,
-        onChange: onChange != null ? () => onChange(props.value) : undefined
+        checked: value ? value === props.value : undefined,
+        onChange: onChange ? () => onChange(props.value) : undefined
       }, props));
     }
   });

package/components/radio/radio.d.ts

@@ -1,10 +1,10 @@
 import { Component } from 'react';
-import { RadioProps } from './radio__item';
+import { type RadioProps } from './radio-item';
 /**
  * @name Radio
  */
 export default class Radio extends Component<RadioProps> {
-    static Item: import("react").ForwardRefExoticComponent<import("./radio__item").RadioItemProps & import("react").RefAttributes<import("./radio__item").RadioItemInner>>;
+    static Item: import("react").ForwardRefExoticComponent<import("./radio-item").RadioItemProps & import("react").RefAttributes<import("./radio-item").RadioItemInner>>;
     uid: string;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/radio/radio.js

@@ -3,7 +3,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import getUID from '../global/get-uid.js';
-import RadioItem, { RadioContext } from './radio__item.js';
+import RadioItem, { RadioContext } from './radio-item.js';
 import 'classnames';
 import '../control-help/control-help.js';
 

package/components/scrollable-section/scrollable-section.d.ts

@@ -1,2 +1,2 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export default function ScrollableSection({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/components/scrollable-section/scrollable-section.js

@@ -18,7 +18,7 @@ function ScrollableSection(_ref) {
   const [scrolledToLeft, setScrolledToLeft] = useState(false);
   const ref = useRef(null);
   const calculateScrollPosition = useCallback(() => {
-    if (ref.current != null) {
+    if (ref.current) {
       const {
         scrollTop,
         scrollLeft,

package/components/select/{select__filter.d.ts → select-filter.d.ts}

@@ -1,5 +1,5 @@
-import { Component, RefCallback } from 'react';
-import { InputAttrs } from '../input/input';
+import { Component, type RefCallback } from 'react';
+import { type InputAttrs } from '../input/input';
 declare function noop(): void;
 type SelectFilterProps = InputAttrs & {
     inputRef: RefCallback<HTMLInputElement | HTMLTextAreaElement>;

package/components/select/{select__filter.js → select-filter.js}

@@ -7,24 +7,24 @@ import '../_helpers/input.js';
 import '../global/sniffer.js';
 import '../list/list.js';
 import '../i18n/i18n-context.js';
-export { S as default } from '../_helpers/select__filter.js';
+export { S as default } from '../_helpers/select-filter.js';
 import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-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';
-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 '../global/get-uid.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
@@ -42,7 +42,7 @@ import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/create-stateful-context.js';
-import '../list/list__item.js';
+import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../_helpers/avatar-info.js';
@@ -55,10 +55,10 @@ 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';

package/components/select/{select__popup.d.ts → select-popup.d.ts}

@@ -1,17 +1,17 @@
 /**
  * @description Displays a popup with select's options.
  */
-import { ComponentType, CSSProperties, PureComponent, ReactNode, Ref, SyntheticEvent } from 'react';
+import { type ComponentType, type CSSProperties, PureComponent, type ReactNode, type Ref, type SyntheticEvent } from 'react';
 import * as React from 'react';
-import { IconType } from '../icon/icon';
+import { type IconType } from '../icon/icon';
 import Popup from '../popup/popup';
-import { Directions } from '../popup/position';
-import List, { SelectHandlerParams } from '../list/list';
+import { type Directions } from '../popup/position';
+import List, { type SelectHandlerParams } from '../list/list';
 import Caret from '../caret/caret';
-import { ListDataItem } from '../list/consts';
-import { ShortcutsMap } from '../shortcuts/core';
-import { TagAttrs } from '../tag/tag';
-import { SelectItem } from './select';
+import { type ListDataItem } from '../list/consts';
+import { type ShortcutsMap } from '../shortcuts/core';
+import { type TagAttrs } from '../tag/tag';
+import { type SelectItem } from './select';
 export type FilterFn<T> = (itemToCheck: SelectItem<T>, checkString: string, data: readonly SelectItem<T>[]) => boolean;
 export interface Filter<T = unknown> {
     fn?: FilterFn<T> | null | undefined;

package/components/select/{select__popup.js → select-popup.js}

@@ -21,13 +21,13 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import { Button } from '../button/button.js';
 import Text from '../text/text.js';
 import '../global/controls-height.js';
-import { createComposedRef } from '../global/composeRefs.js';
+import { createComposedRef } from '../global/compose-refs.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
-import { s as styles, S as SelectFilter } from '../_helpers/select__filter.js';
+import { s as styles, S as SelectFilter } from '../_helpers/select-filter.js';
 import { ControlsHeight } from '../global/configuration.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 'react-dom';
@@ -43,7 +43,7 @@ import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import '../global/create-stateful-context.js';
-import '../list/list__item.js';
+import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../_helpers/avatar-info.js';
@@ -54,16 +54,16 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../control-help/control-help.js';
 import '../link/link.js';
-import '../link/clickableLink.js';
+import '../link/clickable-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 '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
@@ -72,7 +72,7 @@ import '../tag/tag.js';
 import '@jetbrains/icons/close-12px';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../_helpers/input.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
@@ -183,7 +183,7 @@ class SelectPopup extends PureComponent {
       // render the list would be a better way
       const anchorNode = this.props.anchorElement;
       const containerNode = getPopupContainer(ringPopupTarget) || document.documentElement;
-      return anchorNode != null ? Math.min(directions.reduce((maxHeight, direction) => {
+      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 !== void 0 ? _maxHeightForDirectio : 0);
       }, minMaxHeight), userDefinedMaxHeight) : userDefinedMaxHeight;
@@ -234,7 +234,8 @@ class SelectPopup extends PureComponent {
     return event.target instanceof Element && event.target.matches('input,textarea');
   }
   handleNavigation(event, navigateLeft) {
-    if (this.isEventTargetFilter(event) && this.caret != null && Number(this.caret.getPosition()) > 0 || !Array.isArray(this.props.selected)) {
+    var _this$caret;
+    if (this.isEventTargetFilter(event) && this.caret && Number((_this$caret = this.caret) === null || _this$caret === void 0 ? void 0 : _this$caret.getPosition()) > 0 || !Array.isArray(this.props.selected)) {
       return;
     }
     let newIndex = null;
@@ -255,6 +256,7 @@ class SelectPopup extends PureComponent {
     if (!Array.isArray(this.props.selected)) {
       return;
     }
+    // eslint-disable-next-line no-underscore-dangle
     const _tag = tag || this.props.selected.slice(0)[this.props.selected.length - 1];
     if (_tag) {
       this.onListSelect(_tag, event, {
@@ -267,7 +269,7 @@ class SelectPopup extends PureComponent {
     }
   }
   removeSelectedTag() {
-    if (Array.isArray(this.props.selected) && this.state.tagsActiveIndex != null) {
+    if (Array.isArray(this.props.selected) && this.state.tagsActiveIndex !== null && this.state.tagsActiveIndex !== undefined) {
       this.removeTag(this.props.selected[this.state.tagsActiveIndex]);
       return false;
     }
@@ -303,11 +305,11 @@ class SelectPopup extends PureComponent {
       var _this$props$filterIco;
       return jsxs("div", {
         className: styles.filterWrapper,
-        "data-test": "ring-select-popup-filter",
+        "data-test": 'ring-select-popup-filter',
         children: [!this.props.tags && jsx(Icon, {
           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"
+          "data-test-custom": 'ring-select-popup-filter-icon'
         }), jsx(FilterWithShortcuts, {
           rgShortcutsOptions: this.state.popupFilterShortcutsOptions,
           rgShortcutsMap: this.popupFilterShortcutsMap,
@@ -315,7 +317,7 @@ class SelectPopup extends PureComponent {
           inputRef: this.composedFilterRef(this.filterRef, this.props.filterRef),
           onBlur: this.popupFilterOnBlur,
           onFocus: this.onFilterFocus,
-          className: "ring-js-shortcuts",
+          className: 'ring-js-shortcuts',
           inputClassName: classNames({
             [styles.filterWithTagsInput]: this.props.tags
           }),
@@ -324,7 +326,7 @@ class SelectPopup extends PureComponent {
           onChange: this.props.onFilter,
           onClick: this.onClickHandler,
           onClear: this.props.tags ? undefined : this.props.onClear,
-          "data-test-custom": "ring-select-popup-filter-input",
+          "data-test-custom": 'ring-select-popup-filter-input',
           listId: this.props.listId,
           enableShortcuts: Object.keys(this.popupFilterShortcutsMap)
         })]

package/components/select/select.d.ts

@@ -1,12 +1,12 @@
-import { ButtonHTMLAttributes, Component, ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
+import { type ButtonHTMLAttributes, Component, type ComponentType, type CSSProperties, type HTMLAttributes, type ReactNode, type Ref, type RefCallback, type SyntheticEvent } from 'react';
 import * as React from 'react';
-import { SelectHandlerParams } from '../list/list';
+import { type SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
-import { LabelType } from '../control-label/control-label';
-import { ListDataItem } from '../list/consts';
-import { Directions } from '../popup/popup.consts';
+import { type LabelType } from '../control-label/control-label';
+import { type ListDataItem } from '../list/consts';
+import { type Directions } from '../popup/popup.consts';
 import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
-import SelectPopup, { Filter, FilterFn, Multiple, Tags } from './select__popup';
+import SelectPopup, { type Filter, type FilterFn, type Multiple, type Tags } from './select-popup';
 /**
  * @name Select
  */