@jetbrains/ring-ui-built 8.0.0-beta.5 → 8.0.0-beta.7

package/components/collapsible-group/collapsible-group.js

@@ -1,5 +1,5 @@
 import { c } from 'react/compiler-runtime';
-import { useState, use } from 'react';
+import React__default, { useState, use } from 'react';
 import classNames from 'classnames';
 import chevronRightIcon from '@jetbrains/icons/chevron-12px-right';
 import chevron12pxDown from '@jetbrains/icons/chevron-12px-down';
@@ -15,17 +15,18 @@ import '../global/memoize.js';
 import '../collapse/consts.js';
 import '../global/data-tests.js';
 import '../global/dom.js';
+import '../global/parse-css-duration.js';
 import '../collapse/utils.js';
 
-var styles = {"expand":"ring-collapsible-group-expand","collapseRoot":"ring-collapsible-group-collapseRoot","hovered":"ring-collapsible-group-hovered","expanded":"ring-collapsible-group-expanded","focused":"ring-collapsible-group-focused","header":"ring-collapsible-group-header","headerButton":"ring-collapsible-group-headerButton","headerStatic":"ring-collapsible-group-headerStatic","headerContent":"ring-collapsible-group-headerContent","avatarGroup":"ring-collapsible-group-avatarGroup","title":"ring-collapsible-group-title","subtitleGroup":"ring-collapsible-group-subtitleGroup","subtitle":"ring-collapsible-group-subtitle","subtitleChevron":"ring-collapsible-group-subtitleChevron","toggle":"ring-collapsible-group-toggle","toggleIcon":"ring-collapsible-group-toggleIcon","body":"ring-collapsible-group-body"};
+var styles = {"expand":"ring-collapsible-group-expand","collapseRoot":"ring-collapsible-group-collapseRoot","hovered":"ring-collapsible-group-hovered","expanded":"ring-collapsible-group-expanded","focused":"ring-collapsible-group-focused","header":"ring-collapsible-group-header","heading":"ring-collapsible-group-heading","headerButton":"ring-collapsible-group-headerButton","headerStatic":"ring-collapsible-group-headerStatic","headerContent":"ring-collapsible-group-headerContent","avatarGroup":"ring-collapsible-group-avatarGroup","title":"ring-collapsible-group-title","subtitleGroup":"ring-collapsible-group-subtitleGroup","subtitle":"ring-collapsible-group-subtitle","subtitleChevron":"ring-collapsible-group-subtitleChevron","toggle":"ring-collapsible-group-toggle","toggleIcon":"ring-collapsible-group-toggleIcon","body":"ring-collapsible-group-body"};
 
 function CollapsibleGroupHeaderContent(t0) {
   const $ = c(16);
-  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
+  if ($[0] !== "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd") {
     for (let $i = 0; $i < 16; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
+    $[0] = "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd";
   }
   const {
     avatar,
@@ -120,11 +121,11 @@ function CollapsibleGroupHeaderContent(t0) {
 }
 function CollapsibleGroupHeader(t0) {
   const $ = c(16);
-  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
+  if ($[0] !== "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd") {
     for (let $i = 0; $i < 16; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
+    $[0] = "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd";
   }
   let avatar;
   let buttonProps;
@@ -193,11 +194,11 @@ function CollapsibleGroupHeader(t0) {
 }
 function CollapsibleGroupHeaderStatic(t0) {
   const $ = c(5);
-  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
+  if ($[0] !== "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd") {
     for (let $i = 0; $i < 5; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
+    $[0] = "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd";
   }
   const {
     avatar,
@@ -224,12 +225,12 @@ function CollapsibleGroupHeaderStatic(t0) {
   return t1;
 }
 const CollapsibleGroup = t0 => {
-  const $ = c(29);
-  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
-    for (let $i = 0; $i < 29; $i += 1) {
+  const $ = c(33);
+  if ($[0] !== "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd") {
+    for (let $i = 0; $i < 33; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
+    $[0] = "541af245e7b946a00fb862bbdbeef43dd124294e4c71865b955620d61a2591dd";
   }
   const {
     ref,
@@ -243,6 +244,8 @@ const CollapsibleGroup = t0 => {
     onChange: t3,
     disableAnimation: t4,
     interactive: t5,
+    keepMounted: t6,
+    headingLevel,
     "data-test": dataTest
   } = t0;
   const defaultExpanded = t1 === undefined ? false : t1;
@@ -250,13 +253,14 @@ const CollapsibleGroup = t0 => {
   const onChange = t3 === undefined ? _temp : t3;
   const disableAnimation = t4 === undefined ? false : t4;
   const interactive = t5 === undefined ? true : t5;
+  const keepMounted = t6 === undefined ? false : t6;
   const [innerExpanded, setInnerExpanded] = useState(defaultExpanded);
   const [hovered, setHovered] = useState(false);
   const [focused, setFocused] = useState(false);
   const isExpanded = expanded !== null && expanded !== void 0 ? expanded : innerExpanded;
-  let t6;
+  let t7;
   if ($[1] !== expanded || $[2] !== onChange) {
-    t6 = collapsed => {
+    t7 = collapsed => {
       const nextExpanded = !collapsed;
       if (expanded == null) {
         setInnerExpanded(nextExpanded);
@@ -265,28 +269,28 @@ const CollapsibleGroup = t0 => {
     };
     $[1] = expanded;
     $[2] = onChange;
-    $[3] = t6;
+    $[3] = t7;
   } else {
-    t6 = $[3];
+    t7 = $[3];
   }
-  const handleChange = t6;
-  let t7;
+  const handleChange = t7;
+  let t8;
   if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = event => {
+    t8 = event => {
       const nextTarget = event.relatedTarget;
       if (nextTarget instanceof Node && event.currentTarget.contains(nextTarget)) {
         return;
       }
       setFocused(false);
     };
-    $[4] = t7;
+    $[4] = t8;
   } else {
-    t7 = $[4];
+    t8 = $[4];
   }
-  const onBlur = t7;
-  let t8;
+  const onBlur = t8;
+  let t9;
   if ($[5] !== className || $[6] !== focused || $[7] !== hovered || $[8] !== isExpanded) {
-    t8 = classNames(styles.expand, className, {
+    t9 = classNames(styles.expand, className, {
       [styles.hovered]: hovered,
       [styles.expanded]: isExpanded,
       [styles.focused]: focused
@@ -295,16 +299,14 @@ const CollapsibleGroup = t0 => {
     $[6] = focused;
     $[7] = hovered;
     $[8] = isExpanded;
-    $[9] = t8;
+    $[9] = t9;
   } else {
-    t8 = $[9];
+    t9 = $[9];
   }
-  const classes = t8;
-  const t9 = !defaultExpanded;
-  const t10 = expanded == null ? null : !expanded;
-  let t11;
+  const classes = t9;
+  let t10;
   if ($[10] !== avatar || $[11] !== interactive || $[12] !== subtitle || $[13] !== title) {
-    t11 = interactive ? /*#__PURE__*/jsx(CollapsibleGroupHeader, {
+    t10 = interactive ? /*#__PURE__*/jsx(CollapsibleGroupHeader, {
       avatar: avatar,
       titleContent: title,
       subtitle: subtitle,
@@ -321,60 +323,76 @@ const CollapsibleGroup = t0 => {
     $[11] = interactive;
     $[12] = subtitle;
     $[13] = title;
-    $[14] = t11;
+    $[14] = t10;
   } else {
-    t11 = $[14];
+    t10 = $[14];
   }
-  let t12;
-  if ($[15] !== children) {
-    t12 = /*#__PURE__*/jsx(CollapseContent, {
+  const header = t10;
+  const t11 = !defaultExpanded;
+  const t12 = expanded == null ? null : !expanded;
+  let t13;
+  if ($[15] !== header || $[16] !== headingLevel) {
+    t13 = headingLevel != null ? /*#__PURE__*/React__default.createElement(`h${headingLevel}`, {
+      className: styles.heading
+    }, header) : header;
+    $[15] = header;
+    $[16] = headingLevel;
+    $[17] = t13;
+  } else {
+    t13 = $[17];
+  }
+  let t14;
+  if ($[18] !== children) {
+    t14 = /*#__PURE__*/jsx(CollapseContent, {
       children: /*#__PURE__*/jsx("div", {
         className: styles.body,
         children: children
       })
     });
-    $[15] = children;
-    $[16] = t12;
+    $[18] = children;
+    $[19] = t14;
   } else {
-    t12 = $[16];
+    t14 = $[19];
   }
-  let t13;
-  if ($[17] !== disableAnimation || $[18] !== handleChange || $[19] !== t10 || $[20] !== t11 || $[21] !== t12 || $[22] !== t9) {
-    t13 = /*#__PURE__*/jsxs(Collapse, {
-      defaultCollapsed: t9,
-      collapsed: t10,
+  let t15;
+  if ($[20] !== disableAnimation || $[21] !== handleChange || $[22] !== keepMounted || $[23] !== t11 || $[24] !== t12 || $[25] !== t13 || $[26] !== t14) {
+    t15 = /*#__PURE__*/jsxs(Collapse, {
+      defaultCollapsed: t11,
+      collapsed: t12,
       onChange: handleChange,
       disableAnimation: disableAnimation,
+      keepMounted: keepMounted,
       className: styles.collapseRoot,
-      children: [t11, t12]
+      children: [t13, t14]
     });
-    $[17] = disableAnimation;
-    $[18] = handleChange;
-    $[19] = t10;
-    $[20] = t11;
-    $[21] = t12;
-    $[22] = t9;
-    $[23] = t13;
+    $[20] = disableAnimation;
+    $[21] = handleChange;
+    $[22] = keepMounted;
+    $[23] = t11;
+    $[24] = t12;
+    $[25] = t13;
+    $[26] = t14;
+    $[27] = t15;
   } else {
-    t13 = $[23];
+    t15 = $[27];
   }
-  let t14;
-  if ($[24] !== classes || $[25] !== dataTest || $[26] !== ref || $[27] !== t13) {
-    t14 = /*#__PURE__*/jsx("div", {
+  let t16;
+  if ($[28] !== classes || $[29] !== dataTest || $[30] !== ref || $[31] !== t15) {
+    t16 = /*#__PURE__*/jsx("div", {
       ref: ref,
       className: classes,
       "data-test": dataTest,
-      children: t13
+      children: t15
     });
-    $[24] = classes;
-    $[25] = dataTest;
-    $[26] = ref;
-    $[27] = t13;
-    $[28] = t14;
+    $[28] = classes;
+    $[29] = dataTest;
+    $[30] = ref;
+    $[31] = t15;
+    $[32] = t16;
   } else {
-    t14 = $[28];
+    t16 = $[32];
   }
-  return t14;
+  return t16;
 };
 CollapsibleGroup.displayName = 'CollapsibleGroup';
 function _temp() {}

package/components/confirm/confirm.js

@@ -36,8 +36,8 @@ import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/confirm-service/confirm-service.js

@@ -29,8 +29,8 @@ import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/data-list/data-list.js

@@ -29,8 +29,8 @@ import '../text/text.js';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/data-list/item.js

@@ -12,8 +12,8 @@ import '../global/data-tests.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react/compiler-runtime';

package/components/date-picker/date-input.js

@@ -10,8 +10,8 @@ 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 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react/compiler-runtime';

package/components/date-picker/date-popup.js

@@ -20,8 +20,8 @@ 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 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react/compiler-runtime';

package/components/dialog/dialog.js

@@ -28,8 +28,8 @@ import 'sniffr';
 import '../global/dom.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/dropdown/anchor.js

@@ -6,8 +6,8 @@ export { A as default } from '../_helpers/anchor.js';
 import 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/dropdown/dropdown.js

@@ -8,8 +8,8 @@ import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/global/variables.interface.d.ts

@@ -19,11 +19,9 @@ export interface RingCSSProperties {
     '--ring-popup-border-color'?: Property.BorderColor;
     '--ring-popup-shadow-color'?: Property.Color;
     '--ring-message-shadow-color'?: Property.Color;
-    '--ring-pinned-shadow-color'?: Property.Color;
     '--ring-button-danger-hover-color'?: Property.Color;
     '--ring-button-primary-border-color'?: Property.Color;
     '--ring-search-color'?: Property.Color;
-    '--ring-hint-color'?: Property.Color;
     '--ring-link-color'?: Property.Color;
     '--ring-link-hover-color'?: Property.Color;
     '--ring-error-color'?: Property.Color;
@@ -49,8 +47,6 @@ export interface RingCSSProperties {
     '--ring-disabled-background-color'?: Property.BackgroundColor;
     '--ring-disabled-selected-background-color'?: Property.BackgroundColor;
     '--ring-button-danger-active-color'?: Property.BackgroundColor;
-    '--ring-button-loader-background'?: Property.BackgroundColor;
-    '--ring-button-primary-background-color'?: Property.BackgroundColor;
     '--ring-code-background-color'?: Property.BackgroundColor;
     '--ring-code-color'?: Property.Color;
     '--ring-code-comment-color'?: Property.Color;

package/components/header/header-icon.js

@@ -5,8 +5,8 @@ import { s as styles } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react/compiler-runtime';

package/components/header/header.js

@@ -24,7 +24,6 @@ import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
@@ -33,6 +32,7 @@ import '../avatar/avatar-size.js';
 import '../_helpers/avatar-info.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
+import 'core-js/modules/es.array.includes.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/header/profile.js

@@ -9,11 +9,8 @@ import { isTruthy } from '../global/typescript-utils.js';
 import { s as styles } from '../_helpers/header.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Size } from '../avatar/avatar-size.js';
-import 'core-js/modules/es.array.includes.js';
-import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
-import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
 import 'react/compiler-runtime';
 import '../global/get-uid.js';
@@ -21,13 +18,16 @@ import '../_helpers/avatar-info.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../list/list.js';
+import 'core-js/modules/es.array.includes.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/header/services.js

@@ -14,8 +14,8 @@ import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/header/smart-profile.js

@@ -38,13 +38,13 @@ import '../alert/alert-actions.js';
 import '../alert/container.js';
 import 'react-dom';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../avatar/avatar-size.js';
 import '../_helpers/avatar-info.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
+import 'core-js/modules/es.array.includes.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/header/smart-services.js

@@ -13,8 +13,8 @@ import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/icon/icon.d.ts

@@ -19,7 +19,6 @@ export interface IconProps extends HTMLAttributes<HTMLElement> {
      * @deprecated Use icons with appropriate intrinsic sizes instead
      */
     width?: number | undefined;
-    loading?: boolean | null | undefined;
     suppressSizeWarning?: boolean | null | undefined;
 }
 export default class Icon extends PureComponent<IconProps> {

package/components/icon/icon.js

@@ -54,7 +54,6 @@ class Icon extends PureComponent {
       className,
       size,
       color,
-      loading,
       glyph: Glyph,
       width,
       height,
@@ -64,9 +63,7 @@ class Icon extends PureComponent {
     if (!Glyph) {
       return null;
     }
-    const classes = classNames(styles.icon, color && styles[color], {
-      [styles.loading]: loading
-    }, className);
+    const classes = classNames(styles.icon, color && styles[color], className);
     return /*#__PURE__*/jsx("span", {
       "data-test": "ring-icon",
       ...restProps,

package/components/input/input.js

@@ -13,10 +13,10 @@ export { I as Input, S as Size, I as default } from '../_helpers/input.js';
 import 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
 import '../icon/icon.constants.js';
+import 'util-deprecate';
 import '../_helpers/icon-svg.js';
 import 'react/compiler-runtime';
 import '../global/memoize.js';

package/components/list/consts.d.ts

@@ -9,7 +9,6 @@ export declare enum Type {
     SEPARATOR = 0,
     LINK = 1,
     ITEM = 2,
-    HINT = 3,// doesn't work, TODO remove in 8.0
     CUSTOM = 4,
     TITLE = 5,
     MARGIN = 6

package/components/list/consts.js

@@ -6,7 +6,6 @@ var Type;
   Type[Type["SEPARATOR"] = 0] = "SEPARATOR";
   Type[Type["LINK"] = 1] = "LINK";
   Type[Type["ITEM"] = 2] = "ITEM";
-  Type[Type["HINT"] = 3] = "HINT";
   Type[Type["CUSTOM"] = 4] = "CUSTOM";
   Type[Type["TITLE"] = 5] = "TITLE";
   Type[Type["MARGIN"] = 6] = "MARGIN";

package/components/list/list-item.js

@@ -11,11 +11,8 @@ import { getListClasses } from './list.classes.js';
 import { s as styles } from '../_helpers/list.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Size } from '../avatar/avatar-size.js';
-import 'core-js/modules/es.array.includes.js';
-import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
-import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
 import 'react/compiler-runtime';
 import '../_helpers/avatar-info.js';
@@ -24,8 +21,10 @@ import '@jetbrains/icons/remove-12px';
 import '../global/compose-refs.js';
 import 'memoize-one';
 import '../control-help/control-help.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 

package/components/list/list.d.ts

@@ -43,10 +43,6 @@ export interface ListProps<T = unknown> {
     maxHeight?: number | null | undefined;
     activeIndex?: number | null | undefined;
     useMouseUp?: boolean | null | undefined;
-    /**
-     * @deprecated No longer used. Visibility is detected automatically via IntersectionObserver. Will be removed in Ring UI 8.0.
-     */
-    visible?: boolean | null | undefined;
     disableMoveOverflow?: boolean | null | undefined;
     compact?: boolean | null | undefined;
     disableScrollToActive?: boolean | null | undefined;

package/components/login-dialog/login-dialog.js

@@ -28,8 +28,8 @@ import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/pager/pager.js

@@ -13,9 +13,9 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import 'util-deprecate';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../icon/icon.constants.js';
@@ -30,7 +30,6 @@ import 'dequal';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
@@ -42,6 +41,7 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/select/chevron-button.js

@@ -5,8 +5,8 @@ import { Button } from '../button/button.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/select/select-filter.js

@@ -10,8 +10,8 @@ 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 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import 'react/compiler-runtime';