@jetbrains/ring-ui 7.0.61 → 7.0.63

package/components/message/message.d.ts

@@ -1,8 +1,8 @@
-import { Component, ReactNode } from 'react';
-import Popup, { PopupAttrs } from '../popup/popup';
+import { Component, type ReactNode } from 'react';
+import Popup, { type PopupAttrs } from '../popup/popup';
 import { Directions } from '../popup/popup.consts';
-import { IconType } from '../icon/icon';
-import { ButtonAttrs } from '../button/button';
+import { type IconType } from '../icon/icon';
+import { type ButtonAttrs } from '../button/button';
 import Theme from '../global/theme';
 export interface MessageTranslations {
     gotIt: string;

package/components/message/message.js

@@ -76,7 +76,7 @@ export default class Message extends Component {
     getTailOffset() {
         const DEFAULT_OFFSET = 32;
         const { popupProps } = this.props;
-        if (this.props.tailOffset != null) {
+        if (this.props.tailOffset) {
             return this.props.tailOffset;
         }
         const anchor = popupProps?.anchorElement || this.popup?.parent;
@@ -84,7 +84,7 @@ export default class Message extends Component {
             return DEFAULT_OFFSET;
         }
         const offset = Math.floor(anchor.offsetWidth / 2);
-        const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
+        const isOpenedToRight = this.state.direction && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
         if (popupProps?.left && isOpenedToRight) {
             return offset - popupProps?.left;
         }
@@ -98,6 +98,6 @@ export default class Message extends Component {
         const tailClasses = classNames(styles.tail, tailClassName);
         const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
         const { direction } = this.state;
-        return (_jsx(I18nContext.Consumer, { children: ({ translate }) => (_jsx(WithThemeClasses, { theme: theme, children: themeClasses => (_jsx(Popup, { ref: this.popupRef, hidden: false, directions: popupDirections, className: classNames(classes, themeClasses), offset: UNIT * 2, onDirectionChange: this._onDirectionChange, ...popupProps, children: _jsxs(ThemeProvider, { theme: theme, passToPopups: true, children: [direction && _jsx("div", { className: tailClasses, style: getTailOffsets(this.getTailOffset())[direction] }), icon && _jsx(Icon, { className: styles.icon, glyph: icon }), title && (_jsx("h1", { "data-test": "rgMessageTitle", className: styles.title, children: title })), children && _jsx("div", { className: styles.description, children: children }), (onClose || buttonProps) && (_jsx(Button, { className: styles.gotIt, onClick: onClose, primary: true, ...buttonProps, children: translations?.gotIt ?? translate('gotIt') })), onDismiss && (_jsx(Button, { onClick: onDismiss, inline: true, children: translations?.dismiss ?? translate('dismiss') }))] }) })) })) }));
+        return (_jsx(I18nContext.Consumer, { children: ({ translate }) => (_jsx(WithThemeClasses, { theme: theme, children: themeClasses => (_jsx(Popup, { ref: this.popupRef, hidden: false, directions: popupDirections, className: classNames(classes, themeClasses), offset: UNIT * 2, onDirectionChange: this._onDirectionChange, ...popupProps, children: _jsxs(ThemeProvider, { theme: theme, passToPopups: true, children: [direction && _jsx("div", { className: tailClasses, style: getTailOffsets(this.getTailOffset())[direction] }), icon && _jsx(Icon, { className: styles.icon, glyph: icon }), title && (_jsx("h1", { "data-test": 'rgMessageTitle', className: styles.title, children: title })), children && _jsx("div", { className: styles.description, children: children }), (onClose || buttonProps) && (_jsx(Button, { className: styles.gotIt, onClick: onClose, primary: true, ...buttonProps, children: translations?.gotIt ?? translate('gotIt') })), onDismiss && (_jsx(Button, { onClick: onDismiss, inline: true, children: translations?.dismiss ?? translate('dismiss') }))] }) })) })) }));
     }
 }

package/components/old-browsers-message/old-browsers-message.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 :global(.ring-old-browsers-message) {
   display: block;
@@ -9,7 +9,7 @@
 
   color: var(--ring-text-color);
 
-  font-family: system-ui, Ubuntu, "Helvetica Neue", Arial, sans-serif;
+  font-family: system-ui, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
   font-size: var(--ring-font-size-larger);
   line-height: calc(2.5 * var(--ring-unit));
 }

package/components/old-browsers-message/old-browsers-message.js

@@ -62,7 +62,7 @@ startOldBrowsersDetector(() => {
     const browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
     const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
     const smileNode = document.getElementById('ring-old-browsers-message__smile');
-    if (browserMessage != null && errorMessage != null) {
+    if (browserMessage && errorMessage) {
         if (isBrowserInWhiteList()) {
             browserMessage.style.display = 'none';
             errorMessage.style.display = 'block';

package/components/pager/pager.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .pager {
   user-select: none;

package/components/pager/pager.d.ts

@@ -1,9 +1,9 @@
 /**
  * @name Pager
  */
-import { PureComponent, ReactNode } from 'react';
+import { PureComponent, type ReactNode } from 'react';
 import * as React from 'react';
-import { SelectItem } from '../select/select';
+import { type SelectItem } from '../select/select';
 export interface PagerTranslations {
     perPage: string;
     firstPage: string;

package/components/pager/pager.js

@@ -46,7 +46,7 @@ export default class Pager extends PureComponent {
         return Math.ceil(total / pageSize);
     }
     handlePageSizeChange = (item) => {
-        if (item != null) {
+        if (item) {
             this.props.onPageSizeChange(item.key);
         }
     };
@@ -82,34 +82,32 @@ export default class Pager extends PureComponent {
         if (!onPageChange) {
             return {};
         }
-        else if (hrefFunc) {
+        if (hrefFunc) {
             return { onPlainLeftClick: onClick };
         }
-        else {
-            return { onClick };
-        }
+        return { onClick };
     }
     getPageSizeSelector() {
         const selectOptions = this.getSelectOptions();
-        return (!this.props.disablePageSizeSelector && (_jsx("div", { "data-test": "ring-pager-page-size-selector", className: style.pageSize, children: _jsx(Select, { data: selectOptions.data, selected: selectOptions.selected, onSelect: this.handlePageSizeChange, type: Select.Type.INLINE, disabled: this.props.loader }) })));
+        return (!this.props.disablePageSizeSelector && (_jsx("div", { "data-test": 'ring-pager-page-size-selector', className: style.pageSize, children: _jsx(Select, { data: selectOptions.data, selected: selectOptions.selected, onSelect: this.handlePageSizeChange, type: Select.Type.INLINE, disabled: this.props.loader }) })));
     }
     getPagerLinks() {
         const { translate } = this.context;
         const prevLinkAvailable = this.props.currentPage !== 1;
         const nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
-        const nextIcon = _jsx(Icon, { glyph: chevronRightIcon }, "icon");
-        const prevIcon = _jsx(Icon, { glyph: chevronLeftIcon }, "icon");
+        const nextIcon = _jsx(Icon, { glyph: chevronRightIcon }, 'icon');
+        const prevIcon = _jsx(Icon, { glyph: chevronLeftIcon }, 'icon');
         const prevText = this.props.translations?.previousPage ?? translate('previousPage');
         const nextText = this.props.translations?.nextPage ?? translate('nextPage');
-        const nextLinkContent = [_jsx("span", { children: nextText }, "text"), nextIcon];
-        const prevLinkContent = [prevIcon, _jsx("span", { children: prevText }, "text")];
+        const nextLinkContent = [_jsx("span", { children: nextText }, 'text'), nextIcon];
+        const prevLinkContent = [prevIcon, _jsx("span", { children: prevText }, 'text')];
         const prevLinkHref = this.generateHref(this.props.currentPage - 1);
         const nextLinkHref = this.generateHref(this.props.currentPage + 1);
         const disabledLinkClasses = classNames({
             [style.link]: true,
             [style.linkDisabled]: true,
         });
-        return (_jsxs("div", { className: style.links, children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? (_jsx(Link, { href: prevLinkHref, className: style.link, ...this.getClickProps(this.handlePrevClick), children: prevLinkContent })) : (_jsxs("span", { className: disabledLinkClasses, children: [prevIcon, _jsx("span", { children: prevText }, "text")] })), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? (_jsx(Link, { href: nextLinkHref, className: style.link, ...this.getClickProps(this.handleNextClick), children: nextLinkContent })) : (_jsxs("span", { className: disabledLinkClasses, children: [_jsx("span", { children: nextText }, "text"), nextIcon] }))] }));
+        return (_jsxs("div", { className: style.links, children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? (_jsx(Link, { href: prevLinkHref, className: style.link, ...this.getClickProps(this.handlePrevClick), children: prevLinkContent })) : (_jsxs("span", { className: disabledLinkClasses, children: [prevIcon, _jsx("span", { children: prevText }, 'text')] })), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? (_jsx(Link, { href: nextLinkHref, className: style.link, ...this.getClickProps(this.handleNextClick), children: nextLinkContent })) : (_jsxs("span", { className: disabledLinkClasses, children: [_jsx("span", { children: nextText }, 'text'), nextIcon] }))] }));
     }
     generateHref(page) {
         if (this.props.hrefFunc === undefined) {
@@ -118,6 +116,7 @@ export default class Pager extends PureComponent {
         const pageSize = this.props.disablePageSizeSelector ? undefined : this.props.pageSize;
         return this.props.hrefFunc(page, pageSize);
     }
+    // eslint-disable-next-line complexity
     getPagerContent() {
         const { currentPage, visiblePagesLimit } = this.props;
         const totalPages = this.getTotalPages();
@@ -161,6 +160,6 @@ export default class Pager extends PureComponent {
         if (!shouldRenderPagerContent && this.props.disablePageSizeSelector) {
             return null;
         }
-        return (_jsx("div", { "data-test": "ring-pager", className: classes, children: shouldRenderPagerContent ? this.getPagerContent() : this.getPageSizeSelector() }));
+        return (_jsx("div", { "data-test": 'ring-pager', className: classes, children: shouldRenderPagerContent ? this.getPagerContent() : this.getPageSizeSelector() }));
     }
 }

package/components/panel/panel.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .panel {
   position: relative;

package/components/panel/panel.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import { type HTMLAttributes, PureComponent } from 'react';
 /**
  * @name Panel
  */

package/components/panel/panel.js

@@ -9,6 +9,6 @@ export default class Panel extends PureComponent {
     render() {
         const { className, children, ...props } = this.props;
         const classes = classNames(styles.panel, className);
-        return (_jsx("div", { "data-test": "ring-panel", ...props, className: classes, children: children }));
+        return (_jsx("div", { "data-test": 'ring-panel', ...props, className: classes, children: children }));
     }
 }

package/components/permissions/{permissions__cache.js → permissions-cache.js}

@@ -43,6 +43,7 @@ export default class PermissionCache {
             if (key) {
                 _permissionCache[key] = {
                     global: permission.global,
+                    // eslint-disable-next-line no-underscore-dangle
                     projectIdSet: this.constructor._toProjectIdSet(permission.projects),
                 };
             }
@@ -195,7 +196,7 @@ export default class PermissionCache {
             }
         }
         else {
-            result = t != null && this.testPermission(t, projectId);
+            result = !!t && this.testPermission(t, projectId);
         }
         return result;
     }
@@ -218,10 +219,8 @@ export default class PermissionCache {
         }
         if (projectId) {
             // if projectId is specified check that the permission is given in the project
-            return cachedPermission.projectIdSet != null && projectId in cachedPermission.projectIdSet;
-        }
-        else {
-            return true;
+            return !!cachedPermission.projectIdSet && projectId in cachedPermission.projectIdSet;
         }
+        return true;
     }
 }

package/components/permissions/permissions.d.ts

@@ -1,5 +1,5 @@
-import Auth from '../auth/auth__core';
-import PermissionCache, { Permission } from './permissions__cache';
+import PermissionCache, { type Permission } from './permissions-cache';
+import type Auth from '../auth/auth-core';
 export interface PermissionsConfig {
     prefix?: string | null | undefined;
     namesConverter?: ((name: string) => string) | null | undefined;

package/components/permissions/permissions.js

@@ -1,4 +1,4 @@
-import PermissionCache from './permissions__cache';
+import PermissionCache from './permissions-cache';
 /**
  * <code>
  *   const permissions = new Permissions(auth, {prefix: 'jetbrains.jetpass.', services: [auth.serviceId]})
@@ -64,9 +64,7 @@ export default class Permissions {
             if (storedName.indexOf(prefix) !== 0) {
                 return storedName;
             }
-            else {
-                return storedName.substr(prefix.length);
-            }
+            return storedName.substr(prefix.length);
         };
     }
     static getPermissionQuery(services) {

package/components/popup/popup.css

@@ -1,7 +1,7 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .popup {
-  composes: font from "../global/global.css";
+  composes: font from '../global/global.css';
 
   position: fixed;
   z-index: var(--ring-overlay-z-index);
@@ -29,7 +29,7 @@
   top: unset;
   left: unset;
 
-  margin: 0
+  margin: 0;
 }
 
 @position-try --bottom-right {

package/components/popup/popup.d.ts

@@ -1,10 +1,10 @@
 /**
  * @name Popup
  */
-import { PureComponent, ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import { PureComponent, type ReactNode, type CSSProperties, type SyntheticEvent } from 'react';
 import * as React from 'react';
 import { Listeners } from '../global/dom';
-import { PositionStyles } from './position';
+import { type PositionStyles } from './position';
 import { Dimension, Directions, Display, MaxHeight, MinWidth } from './popup.consts';
 import { PopupTargetContext, PopupTarget } from './popup.target';
 export { PopupTargetContext, PopupTarget };

package/components/popup/popup.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable max-lines */
 /**
  * @name Popup
  */
@@ -40,7 +41,7 @@ const stop = (event) => {
         event.stopPropagation();
     }
 };
-export const getPopupContainer = (target) => typeof target === 'string' ? document.querySelector(`[data-portaltarget=${target}]`) : target;
+export const getPopupContainer = (target) => (typeof target === 'string' ? document.querySelector(`[data-portaltarget=${target}]`) : target);
 /**
  * @constructor
  * @name Popup
@@ -198,7 +199,7 @@ export default class Popup extends PureComponent {
                             popup.style[propKey] = value.toString();
                         }
                     });
-                    if (direction != null) {
+                    if (direction) {
                         this._updateDirection(direction);
                     }
                 }
@@ -271,7 +272,7 @@ export default class Popup extends PureComponent {
             !this._listenersEnabled ||
             (this.props.dontCloseOnAnchorClick && evt.target instanceof Node && this._getAnchor()?.contains(evt.target)) ||
             // ignore clicks in shadow DOM, e.g., Grammarly suggestions
-            (evt.target instanceof Element && evt.target.shadowRoot != null)) {
+            (evt.target instanceof Element && evt.target.shadowRoot)) {
             return;
         }
         this.props.onOutsideClick(evt);
@@ -302,11 +303,11 @@ export default class Popup extends PureComponent {
                     // prevent bubbling through portal
                     onClick: stop, 
                     // This handler only blocks bubbling through React portal
-                    role: "presentation", ref: this.portalRef, children: [this.shouldUseShortcuts() && _jsx(Shortcuts, { map: this.shortcutsMap, scope: this.shortcutsScope }), client !== false &&
+                    role: 'presentation', ref: this.portalRef, children: [this.shouldUseShortcuts() && _jsx(Shortcuts, { map: this.shortcutsMap, scope: this.shortcutsScope }), client !== false &&
                             (keepMounted || !hidden) &&
                             createPortal(_jsx(PopupTarget, { id: this.uid, ref: this.containerRef, onMouseOver: onMouseOver, onFocus: onMouseOver, onMouseOut: onMouseOut, onBlur: onMouseOut, onContextMenu: onContextMenu, children: _jsx("div", { "data-test": dataTests('ring-popup', dataTest), "data-test-shown": !hidden && !showing, "data-test-direction": direction, ref: this.popupRef, className: classes, style: style, onMouseDown: onMouseDown, onMouseUp: onMouseUp, 
                                     // mouse handlers are used to track clicking on inner elements
-                                    role: "presentation", children: this.getInternalContent() }) }), this.getContainer() || document.body)] }));
+                                    role: 'presentation', children: this.getInternalContent() }) }), this.getContainer() || document.body)] }));
             } }));
     }
 }

package/components/popup/popup.target.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 export declare const PopupTargetContext: import("react").Context<string | Element | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     id: string;

package/components/popup/position-css.js

@@ -1,9 +1,7 @@
 import { getRect } from '../global/dom';
 import { calculateMinWidth } from './position';
 import { Directions } from './popup.consts';
-export const supportsCSSAnchorPositioning = () => {
-    return CSS?.supports?.('anchor-name', 'none');
-};
+export const supportsCSSAnchorPositioning = () => CSS?.supports?.('anchor-name', 'none');
 const getPositionArea = (direction) => {
     switch (direction) {
         case Directions.BOTTOM_RIGHT:
@@ -34,12 +32,10 @@ const getPositionArea = (direction) => {
             return ['block-end span-inline-end', '--bottom-right'];
     }
 };
-const getPositionFallbacks = (directions) => {
-    return directions
-        .slice(1)
-        .map(direction => getPositionArea(direction)[1])
-        .join(', ');
-};
+const getPositionFallbacks = (directions) => directions
+    .slice(1)
+    .map(direction => getPositionArea(direction)[1])
+    .join(', ');
 export const setCSSAnchorPositioning = ({ popup, anchor, uid, minWidth, top, left, directions, offset, }) => {
     const anchorName = anchor.style.getPropertyValue('anchor-name') || `--anchor-${uid}`;
     if (!anchor.style.getPropertyValue('anchor-name')) {
@@ -47,7 +43,7 @@ export const setCSSAnchorPositioning = ({ popup, anchor, uid, minWidth, top, lef
     }
     popup.style.setProperty('position-anchor', anchorName);
     const calculatedMinWidth = calculateMinWidth(getRect(anchor).width, minWidth);
-    if (calculatedMinWidth !== null) {
+    if (calculatedMinWidth) {
         popup.style.minWidth = `${calculatedMinWidth}px`;
     }
     if (top) {

package/components/popup/position.js

@@ -1,8 +1,8 @@
-import { getDocumentScrollLeft, getDocumentScrollTop, getRect, getWindowHeight, isMounted } from '../global/dom';
+import { getDocumentScrollLeft, getDocumentScrollTop, getRect, getWindowHeight, isMounted, } from '../global/dom';
 import { Dimension, Directions, MaxHeight, MinWidth } from './popup.consts';
 export { Dimension, Directions, MaxHeight, MinWidth };
 function getScrollingCoordinates(container) {
-    if (container !== null) {
+    if (container) {
         return {
             top: container.scrollTop,
             left: container.scrollLeft,
@@ -40,7 +40,7 @@ function getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset) {
     };
 }
 function verticalOverflow(styles, scrollingCoordinates, attrs) {
-    const containerHeight = attrs.container !== null ? attrs.container.clientHeight : getWindowHeight();
+    const containerHeight = attrs.container ? attrs.container.clientHeight : getWindowHeight();
     const viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
     const viewportMaxX = scrollingCoordinates.top + containerHeight - attrs.sidePadding;
     const topOverflow = Math.max(viewportMinX - styles.top, 0);
@@ -50,7 +50,7 @@ function verticalOverflow(styles, scrollingCoordinates, attrs) {
     return topOverflow + bottomOverflow;
 }
 function horizontalOverflow(styles, scrollingCoordinates, attrs) {
-    const containerWidth = attrs.container !== null ? attrs.container.clientWidth : window.innerWidth;
+    const containerWidth = attrs.container ? attrs.container.clientWidth : window.innerWidth;
     const viewportMinY = scrollingCoordinates.left + attrs.sidePadding;
     const viewportMaxY = scrollingCoordinates.left + containerWidth - attrs.sidePadding;
     const leftOverflow = Math.max(viewportMinY - styles.left, 0);
@@ -77,11 +77,11 @@ const defaultcontainerRect = {
 function handleTopOffScreen({ sidePadding, styles, anchorRect, maxHeight, popupScrollHeight, direction, scroll, }) {
     const BORDER_COMPENSATION = 1;
     const { TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP } = Directions;
-    const openedToTop = direction != null && [TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP].includes(direction);
+    const openedToTop = direction && [TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP].includes(direction);
     if (!openedToTop) {
         return styles;
     }
-    const isAttachedToAnchorTop = direction != null && [TOP_LEFT, TOP_CENTER, TOP_RIGHT].includes(direction);
+    const isAttachedToAnchorTop = direction && [TOP_LEFT, TOP_CENTER, TOP_RIGHT].includes(direction);
     const attachingPointY = isAttachedToAnchorTop ? anchorRect.top : anchorRect.bottom;
     const effectiveHeight = maxHeight && typeof maxHeight === 'number' ? Math.min(popupScrollHeight, maxHeight) : popupScrollHeight;
     const hypotheticalTop = attachingPointY - effectiveHeight;
@@ -130,7 +130,7 @@ export function calculateMinWidth(anchorWidth, minWidth) {
     if (minWidth === MinWidth.TARGET || minWidth === 'target') {
         return anchorWidth;
     }
-    else if (minWidth) {
+    if (minWidth) {
         return anchorWidth < minWidth ? minWidth : anchorWidth;
     }
     return null;
@@ -142,8 +142,8 @@ export default function position(attrs) {
         left: 0,
     };
     let chosenDirection = null;
-    const containerRect = container !== null ? getRect(container) : defaultcontainerRect;
-    const defaultAnchor = container !== null ? container : document.body;
+    const containerRect = container ? getRect(container) : defaultcontainerRect;
+    const defaultAnchor = container ? container : document.body;
     const anchorRect = getRect(isMounted(anchor) ? anchor : defaultAnchor);
     const scroll = getScrollingCoordinates(container);
     const anchorLeft = anchorRect.left + scroll.left + left - containerRect.left;
@@ -195,7 +195,7 @@ export default function position(attrs) {
         });
     }
     const newMinWidth = calculateMinWidth(anchorRect.width, minWidth);
-    if (newMinWidth !== null) {
+    if (newMinWidth) {
         styles.minWidth = newMinWidth;
     }
     return { styles, direction: chosenDirection };

package/components/popup-menu/popup-menu.d.ts

@@ -1,7 +1,7 @@
-import { SyntheticEvent } from 'react';
-import Popup, { BasePopupProps } from '../popup/popup';
-import List, { ListProps as ListPropsType } from '../list/list';
-import { ListDataItem } from '../list/consts';
+import { type SyntheticEvent } from 'react';
+import Popup, { type BasePopupProps } from '../popup/popup';
+import List, { type ListProps as ListPropsType } from '../list/list';
+import { type ListDataItem } from '../list/consts';
 export interface PopupMenuProps<T = unknown> extends Omit<ListPropsType<T>, 'maxHeight' | 'hidden'>, Omit<BasePopupProps, 'onMouseOut'> {
     closeOnSelect: boolean;
 }

package/components/progress-bar/progress-bar.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 :root,
 :host {
@@ -55,15 +55,13 @@
     bottom: 0;
     left: 0;
 
-    content: "";
+    content: '';
     animation: progress-bar-animation 2500ms linear infinite;
 
-    background-image: linear-gradient(
-      to right,
-      rgba(0, 0, 0, 0),
-      var(--ring-progress-bar-line-background-color),
-      rgba(0, 0, 0, 0)
-    );
+    background-image: linear-gradient(to right,
+    rgba(0, 0, 0, 0),
+    var(--ring-progress-bar-line-background-color),
+    rgba(0, 0, 0, 0));
     background-repeat: no-repeat;
   }
 

package/components/progress-bar/progress-bar.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import { type HTMLAttributes, PureComponent } from 'react';
 export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
     /**
      * A floating point number that specifies minimum completion rate for a task to be considered

package/components/progress-bar/progress-bar.js

@@ -37,6 +37,6 @@ export default class ProgressBar extends PureComponent {
             [styles.globalMode]: global,
             [styles.staticLineColor]: staticColor,
         });
-        return (_jsx("div", { ...otherProps, className: classes, ref: this.progressbarWrapperRef, children: _jsx("div", { className: styles.line, ref: this.progressbarRef, role: "progressbar", "aria-label": label, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, style: { width } }) }));
+        return (_jsx("div", { ...otherProps, className: classes, ref: this.progressbarWrapperRef, children: _jsx("div", { className: styles.line, ref: this.progressbarRef, role: 'progressbar', "aria-label": label, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, style: { width } }) }));
     }
 }

package/components/query-assist/{query-assist__suggestions.d.ts → query-assist-suggestions.d.ts}

@@ -1,4 +1,4 @@
-import { ListDataItem } from '../list/consts';
+import { type ListDataItem } from '../list/consts';
 export interface QueryAssistSuggestion {
     description: string;
     group: string;

package/components/query-assist/query-assist.css

@@ -1,5 +1,5 @@
-@import "../global/variables.css";
-@import "../button/button.css";
+@import '../global/variables.css';
+@import '../button/button.css';
 
 .queryAssist {
   --ring-input-icon-offset: calc(var(--ring-unit) * 2.5);
@@ -73,7 +73,7 @@
     padding-right: var(--ring-input-padding-inline);
   }
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     padding: 0 var(--ring-input-padding-inline) 0 0;
 
     & .actions {
@@ -136,7 +136,7 @@
 }
 
 .placeholder {
-  composes: resetButton from "../global/global.css";
+  composes: resetButton from '../global/global.css';
 
   position: absolute;
 
@@ -154,7 +154,7 @@
 
   color: var(--ring-disabled-color);
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     padding-right: calc(var(--ring-input-padding-inline) * 3 + var(--ring-input-padding-block) * 2);
 
     text-align: right;
@@ -180,7 +180,7 @@
 
   line-height: inherit;
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     padding: 0 var(--ring-input-padding-inline) 0 0;
   }
 }
@@ -190,7 +190,7 @@
 
   color: var(--ring-secondary-color);
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     padding: 0 0 0 var(--ring-input-padding-inline);
   }
 }
@@ -223,7 +223,7 @@
     border-color: var(--ring-border-hover-color);
   }
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     border-right: 1px solid var(--ring-borders-color);
     border-left: 0;
     border-radius: var(--ring-border-radius);
@@ -237,7 +237,7 @@
 
   padding-right: 0;
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     padding-right: var(--ring-input-padding-inline);
     padding-left: 0;
   }
@@ -250,7 +250,7 @@
 .withoutGlass {
   padding-left: 0;
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     padding-right: calc(var(--ring-input-padding-block) * 3);
   }
 }
@@ -262,7 +262,7 @@
 .loaderOnTheRight {
   padding-right: 0;
 
-  [dir="rtl"] & {
+  [dir='rtl'] & {
     padding-left: 0;
   }
 }

package/components/query-assist/query-assist.d.ts

@@ -1,12 +1,12 @@
-import { Component, ComponentRef, ReactNode, SyntheticEvent } from 'react';
+import { Component, type ComponentRef, type ReactNode, type SyntheticEvent } from 'react';
 import * as React from 'react';
-import Caret, { Position } from '../caret/caret';
+import Caret, { type Position } from '../caret/caret';
 import PopupMenu from '../popup-menu/popup-menu';
 import Button from '../button/button';
 import Icon from '../icon/icon';
 import { Size } from '../input/input';
-import { ShortcutsMap } from '../shortcuts/core';
-import { QueryAssistSuggestion, SuggestionItem } from './query-assist__suggestions';
+import { type ShortcutsMap } from '../shortcuts/core';
+import { type QueryAssistSuggestion, type SuggestionItem } from './query-assist-suggestions';
 declare function noop(): void;
 export interface QueryAssistTranslations {
     searchTitle: string;