@jetbrains/ring-ui-built 7.0.62 → 7.0.63

package/components/header/smart-profile.js

@@ -2,16 +2,12 @@ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
-import '../auth/auth.js';
 import alertService from '../alert-service/alert-service.js';
 import Profile from './profile.js';
-import { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from '../auth/auth__core.js';
-import '../auth/window-flow.js';
-import '../auth/response-parser.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import '../global/url.js';
-import '../auth/down-notification.js';
+import '../auth/auth.js';
+import { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from '../auth/auth-core.js';
+import 'react-dom/client';
+import '../global/get-uid.js';
 import '../alert/alert.js';
 import 'classnames';
 import '@jetbrains/icons/exception';
@@ -20,8 +16,10 @@ 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';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -29,15 +27,14 @@ 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';
 import '../popup/popup.js';
-import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
@@ -50,11 +47,8 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../alert/container.js';
-import '../link/link.js';
-import '../_helpers/link.js';
-import '../group/group.js';
-import 'react-dom/client';
 import '../avatar/avatar.js';
+import '../global/url.js';
 import '../_helpers/avatar-info.js';
 import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
@@ -68,20 +62,22 @@ 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';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import '../control-help/control-help.js';
+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 '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
@@ -89,6 +85,10 @@ import '../popup-menu/popup-menu.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
 import '../_helpers/header.js';
+import '../auth/window-flow.js';
+import '../auth/response-parser.js';
+import '../auth/down-notification.js';
+import '../group/group.js';
 import 'core-js/modules/web.url.js';
 import 'core-js/modules/web.url.to-json.js';
 import 'core-js/modules/web.url-search-params.js';
@@ -96,7 +96,7 @@ import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
 import '../auth/storage.js';
-import '../storage/storage__local.js';
+import '../storage/storage-local.js';
 import '../auth/request-builder.js';
 import 'simply-uuid';
 import '../auth/background-flow.js';

package/components/header/smart-services.d.ts

@@ -1,7 +1,7 @@
-import { Component, HTMLAttributes } from 'react';
-import Auth from '../auth/auth';
+import { Component, type HTMLAttributes } from 'react';
 import HTTP from '../http/http';
-import { Service } from './services-link';
+import { type Service } from './services-link';
+import type Auth from '../auth/auth';
 export interface SmartServicesProps extends HTMLAttributes<HTMLElement> {
     auth: Auth;
 }

package/components/header/smart-services.js

@@ -19,13 +19,13 @@ 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 '../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 '../popup/popup.js';
 import 'react-dom';
 import '../global/get-uid.js';

package/components/header/tray.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 export default class Tray extends Component<HTMLAttributes<HTMLElement>> {
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/heading/heading.d.ts

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

package/components/http/http.mock.d.ts

@@ -1,4 +1,4 @@
-import HTTP, { FetchParams } from './http';
+import HTTP, { type FetchParams } from './http';
 export interface HTTPMockRequest {
     url: string;
     params: FetchParams;

package/components/hub-source/{hub-source__user.d.ts → hub-source-user.d.ts}

@@ -1,4 +1,5 @@
-import Auth, { AuthUser } from '../auth/auth';
-import { UserCardUser } from '../user-card/card';
+import { type UserCardUser } from '../user-card/card';
+import type { AuthUser } from '../auth/auth';
+import type Auth from '../auth/auth';
 export declare function convertUserForCard(hubUser: AuthUser, serverUri?: string): UserCardUser;
 export declare function createHubUserCardSource(auth: Auth, userId: string | number, fields?: string): () => Promise<UserCardUser>;

package/components/hub-source/{hub-source__users-groups.d.ts → hub-source-users-groups.d.ts}

@@ -1,5 +1,6 @@
-import Auth, { AuthUser } from '../auth/auth';
-import HubSource, { Item } from './hub-source';
+import HubSource, { type Item } from './hub-source';
+import type Auth from '../auth/auth';
+import type { AuthUser } from '../auth/auth';
 export interface HubSourceUsersGroupsOptions {
     searchMax: number;
     searchSideThreshold: number;

package/components/hub-source/hub-source.d.ts

@@ -1,5 +1,5 @@
-import Auth from '../auth/auth';
-import HTTP from '../http/http';
+import type Auth from '../auth/auth';
+import type HTTP from '../http/http';
 export interface Item {
     name: string;
 }

package/components/icon/{icon__svg.d.ts → icon-svg.d.ts}

@@ -1,4 +1,4 @@
-import { SVGAttributes } from 'react';
+import { type SVGAttributes } from 'react';
 export interface IconSVGProps extends SVGAttributes<SVGSVGElement> {
     src: string;
 }

package/components/icon/{icon__svg.js → icon-svg.js}

@@ -5,5 +5,5 @@ import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';
-export { I as default } from '../_helpers/icon__svg.js';
+export { I as default } from '../_helpers/icon-svg.js';
 import 'core-js/modules/web.dom-collections.iterator.js';

package/components/icon/icon.d.ts

@@ -1,8 +1,8 @@
 /**
  * @name Icon
  */
-import { PureComponent, ComponentType, SVGAttributes, HTMLAttributes } from 'react';
-import { Color, Size } from './icon__constants';
+import { PureComponent, type ComponentType, type SVGAttributes, type HTMLAttributes } from 'react';
+import { Color, Size } from './icon.constants';
 export type IconType = ComponentType<SVGAttributes<SVGSVGElement>>;
 export interface IconProps extends HTMLAttributes<HTMLElement> {
     color: Color;

package/components/icon/icon.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
-import { Color, Size } from './icon__constants.js';
-import { s as styles, I as IconSVG } from '../_helpers/icon__svg.js';
+import { Color, Size } from './icon.constants.js';
+import { s as styles, I as IconSVG } from '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -62,7 +62,7 @@ class Icon extends PureComponent {
       [styles.loading]: loading
     }, className);
     return jsx("span", _objectSpread2(_objectSpread2({
-      "data-test": "ring-icon"
+      "data-test": 'ring-icon'
     }, restProps), {}, {
       className: classes,
       children: typeof Glyph === 'string' ? jsx(IconSVG, {

package/components/icon/index.js

@@ -1,11 +1,11 @@
 export { default } from './icon.js';
-export { Color, Size } from './icon__constants.js';
+export { Color, Size } from './icon.constants.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import 'util-deprecate';
-import '../_helpers/icon__svg.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';

package/components/input/input.d.ts

@@ -1,7 +1,7 @@
-import { PureComponent, Ref, ComponentType, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
+import { PureComponent, type Ref, type ComponentType, type InputHTMLAttributes, type TextareaHTMLAttributes, type ReactNode } from 'react';
 import * as React from 'react';
-import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
-import { LabelType } from '../control-label/control-label';
+import { type ControlsHeight, ControlsHeightContext } from '../global/controls-height';
+import { type LabelType } from '../control-label/control-label';
 declare function noop(): void;
 /**
  * @name Input

package/components/input/input.figma.js

@@ -1,8 +1,7 @@
 import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
+import figma from '@figma/code-connect';
 
 var _templateObject;
-// url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI-(Internal)?node-id=7538-7763
-const figma = require('figma');
 const instance = figma.selectedInstance;
 const size = instance.getString('Size');
 const state = instance.getString('State');

package/components/input/input.js

@@ -8,7 +8,7 @@ import '../button/button.js';
 import '../global/get-uid.js';
 import '../icon/icon.js';
 import '../i18n/i18n-context.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import '../global/controls-height.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
@@ -16,10 +16,10 @@ export { I as Input, S as Size, I as default } from '../_helpers/input.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
-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 '../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';

package/components/island/adaptive-island-hoc.d.ts

@@ -1,4 +1,4 @@
-import { ComponentClass, ComponentType } from 'react';
+import { type ComponentClass, type ComponentType } from 'react';
 export declare const PhaseContext: import("react").Context<number | null>;
 type ScrollHandler = (element: Element) => void;
 export declare const ScrollHandlerContext: import("react").Context<ScrollHandler | null>;

package/components/island/content.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 import createResizeDetector from 'element-resize-detector';
 export interface IslandContentProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {
     fade?: boolean | null | undefined;

package/components/island/content.js

@@ -96,7 +96,7 @@ class Content extends Component {
     });
     const scrollableWrapperClasses = classNames(styles.scrollableWrapper, scrollableWrapperClassName);
     return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-      "data-test": "ring-island-content",
+      "data-test": 'ring-island-content',
       className: classes,
       children: jsxs("div", {
         tabIndex: tabIndex,
@@ -119,7 +119,7 @@ _defineProperty(Content, "defaultProps", {
 });
 const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => jsx(ScrollHandlerContext.Consumer, {
   children: onScroll => {
-    const addProps = onScroll != null ? {
+    const addProps = onScroll ? {
       onScroll,
       bottomBorder: true
     } : {};

package/components/island/header.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export interface IslandHeaderProps extends HTMLAttributes<HTMLElement> {
     wrapWithTitle?: boolean | undefined;
     border?: boolean | null | undefined;

package/components/island/header.js

@@ -58,9 +58,9 @@ class Header extends Component {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles.header, className, {
-      [styles.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
+      [styles.withBottomBorder]: border || phase && phase >= BORDER_APPEAR_PHASE
     });
-    const headerStyle = phase != null ? {
+    const headerStyle = phase !== null && phase !== undefined ? {
       lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
       // need to append px because number is a valid line-height value
       paddingTop: this.style('PADDING_TOP'),
@@ -68,7 +68,7 @@ class Header extends Component {
     } : undefined;
     const titleStyle = this.getTitleStyle(phase);
     return jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-      "data-test": "ring-island-header",
+      "data-test": 'ring-island-header',
       className: classes,
       style: headerStyle,
       children: [wrapWithTitle && jsx("h2", {
@@ -84,7 +84,7 @@ _defineProperty(Header, "defaultProps", {
 });
 const HeaderWrapper = props => jsx(PhaseContext.Consumer, {
   children: phase => {
-    const addProps = phase != null ? {
+    const addProps = phase !== null && phase !== undefined ? {
       phase
     } : {};
     return jsx(Header, _objectSpread2(_objectSpread2({}, props), addProps));

package/components/island/island.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 export interface IslandProps extends HTMLAttributes<HTMLElement> {
     narrow?: boolean | null | undefined;
     withoutPaddings?: boolean | null | undefined;

package/components/link/clickable-link.d.ts

@@ -0,0 +1,12 @@
+import { PureComponent, type AnchorHTMLAttributes } from 'react';
+import * as React from 'react';
+export interface ClickableLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    onConditionalClick?: ((isPlainLeft: boolean, e: React.MouseEvent<HTMLAnchorElement>) => void) | null | undefined;
+    onPlainLeftClick?: ((e: React.MouseEvent<HTMLAnchorElement>) => void) | null | undefined;
+    activeClassName?: string | null | undefined;
+    disabled?: boolean | undefined;
+}
+export default class ClickableLink extends PureComponent<ClickableLinkProps> {
+    onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/components/link/clickable-link.js

@@ -0,0 +1,51 @@
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
+import { PureComponent } from 'react';
+
+const _excluded = ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"];
+const LEFT_BUTTON = 0;
+// Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
+const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
+class ClickableLink extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onClick", e => {
+      const {
+        onClick,
+        onConditionalClick,
+        onPlainLeftClick
+      } = this.props;
+      const isPlainLeft = isPlainLeftClick(e);
+      if (onClick) {
+        onClick(e);
+      }
+      if (onConditionalClick) {
+        onConditionalClick(isPlainLeft, e);
+      }
+      if (onPlainLeftClick && isPlainLeft) {
+        e.preventDefault();
+        onPlainLeftClick(e);
+      }
+    });
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        onConditionalClick,
+        onPlainLeftClick,
+        activeClassName,
+        href,
+        children
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    return jsx("a", _objectSpread2(_objectSpread2({
+      href: href
+    }, restProps), {}, {
+      onClick: this.onClick,
+      children: children
+    }));
+  }
+}
+
+export { ClickableLink as default };

package/components/link/clickableLink.d.ts

@@ -1,12 +1,11 @@
-import { PureComponent, AnchorHTMLAttributes } from 'react';
-import * as React from 'react';
-export interface ClickableLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    onConditionalClick?: ((isPlainLeft: boolean, e: React.MouseEvent<HTMLAnchorElement>) => void) | null | undefined;
-    onPlainLeftClick?: ((e: React.MouseEvent<HTMLAnchorElement>) => void) | null | undefined;
-    activeClassName?: string | null | undefined;
-    disabled?: boolean | undefined;
-}
-export default class ClickableLink extends PureComponent<ClickableLinkProps> {
-    onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+import { type ClickableLinkProps as _ClickableLinkProps } from './clickable-link';
+/**
+ * @deprecated Use ClickableLinkProps from './clickable-link' instead
+ */
+type ClickableLinkProps = _ClickableLinkProps;
+export { type ClickableLinkProps };
+/**
+ * @deprecated Use ClickableLink from './clickable-link' instead
+ */
+declare const _default: "./clickable-link";
+export default _default;

package/components/link/clickableLink.js

@@ -1,51 +1,6 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { jsx } from 'react/jsx-runtime';
-import { PureComponent } from 'react';
+/**
+ * @deprecated Use ClickableLink from './clickable-link' instead
+ */
+var clickableLink = './clickable-link';
 
-const _excluded = ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"];
-const LEFT_BUTTON = 0;
-// Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
-const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-class ClickableLink extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onClick", e => {
-      const {
-        onClick,
-        onConditionalClick,
-        onPlainLeftClick
-      } = this.props;
-      const isPlainLeft = isPlainLeftClick(e);
-      if (onClick) {
-        onClick(e);
-      }
-      if (onConditionalClick) {
-        onConditionalClick(isPlainLeft, e);
-      }
-      if (onPlainLeftClick && isPlainLeft) {
-        e.preventDefault();
-        onPlainLeftClick(e);
-      }
-    });
-  }
-  render() {
-    const _this$props = this.props,
-      {
-        onConditionalClick,
-        onPlainLeftClick,
-        activeClassName,
-        href,
-        children
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
-    return jsx("a", _objectSpread2(_objectSpread2({
-      href: href
-    }, restProps), {}, {
-      onClick: this.onClick,
-      children: children
-    }));
-  }
-}
-
-export { ClickableLink as default };
+export { clickableLink as default };

package/components/link/link.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, ComponentType, ComponentClass } from 'react';
-import { ClickableLinkProps } from './clickableLink';
+import { type ReactNode, type ComponentType, type ComponentClass } from 'react';
+import { type ClickableLinkProps } from './clickable-link';
 /**
  * @name Link
  */

package/components/link/link.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import ClickableLink from './clickableLink.js';
+import ClickableLink from './clickable-link.js';
 import { l as linkStyles } from '../_helpers/link.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
@@ -26,7 +26,7 @@ function linkHOC(ComposedComponent) {
           onClick
         } = _this$props,
         restProps = _objectWithoutProperties(_this$props, _excluded);
-      const useButton = pseudo || !isCustom && href == null;
+      const useButton = pseudo || !isCustom && (href === null || href === undefined);
       const classes = classNames(linkStyles.link, className, {
         [linkStyles.active]: active,
         [linkStyles.inherit]: inherit,
@@ -41,7 +41,7 @@ function linkHOC(ComposedComponent) {
       }
       if (useButton) {
         return jsx("button", _objectSpread2(_objectSpread2({
-          type: "button"
+          type: 'button'
         }, props), {}, {
           className: classes,
           onClick: onClick || onPlainLeftClick,

package/components/list/consts.d.ts

@@ -1,8 +1,7 @@
-import { ComponentType, ReactNode, ReactElement, SyntheticEvent } from 'react';
-import * as React from 'react';
-import { LinkProps } from '../link/link';
-import { IconType, Size } from '../icon/icon';
-import { ClickableLinkProps } from '../link/clickableLink';
+import { type ComponentType, type ReactNode, type ReactElement, type SyntheticEvent } from 'react';
+import { type LinkProps } from '../link/link';
+import { type IconType, type Size } from '../icon';
+import { type ClickableLinkProps } from '../link/clickable-link';
 /**
  * @enum {number}
  */

package/components/list/{list__custom.d.ts → list-custom.d.ts}

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
 import * as React from 'react';
-import { ListDataItemProps } from './consts';
+import { type ListDataItemProps } from './consts';
 export default class ListCustom<T> extends PureComponent<ListDataItemProps<T>> {
     handleKeyPress: (event: React.KeyboardEvent) => void;
     render(): import("react/jsx-runtime").JSX.Element;

package/components/list/{list__custom.js → list-custom.js}

@@ -4,7 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getEventKey from '../global/get-event-key.js';
-import { getListClasses } from './list__classes.js';
+import { getListClasses } from './list.classes.js';
 import 'classnames';
 import './consts.js';
 import '../_helpers/list.js';

package/components/list/{list__hint.d.ts → list-hint.d.ts}

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from 'react';
+import { PureComponent, type ReactNode } from 'react';
 export interface ListHintProps {
     label: ReactNode;
 }

package/components/list/{list__hint.js → list-hint.js}

@@ -11,7 +11,7 @@ class ListHint extends PureComponent {
   render() {
     return jsx("span", {
       className: classNames(styles.item, styles.hint),
-      "data-test": "ring-list-hint",
+      "data-test": 'ring-list-hint',
       children: this.props.label
     });
   }

package/components/list/{list__item.d.ts → list-item.d.ts}

@@ -1,5 +1,5 @@
-import { PureComponent, SyntheticEvent } from 'react';
-import { ListDataItemProps } from './consts';
+import { PureComponent, type SyntheticEvent } from 'react';
+import { type ListDataItemProps } from './consts';
 export default class ListItem<T> extends PureComponent<ListDataItemProps<T>> {
     id: string;
     stopBubbling: (e: SyntheticEvent) => void;