@jetbrains/ring-ui-built 7.0.52 → 7.0.53

package/components/_helpers/title.js

@@ -39,6 +39,7 @@ class Title extends PureComponent {
       innerRef,
       selectable,
       selected,
+      partialSelected,
       collapserExpander
     } = this.props;
     const classes = classNames(className, {
@@ -61,6 +62,7 @@ class Title extends PureComponent {
             "aria-labelledby": this.id,
             className: showFocus ? 'ring-checkbox_focus' : '',
             checked: selected,
+            indeterminate: partialSelected,
             onFocus: this.onCheckboxFocus,
             onChange: this.onCheckboxChange,
             tabIndex: -1

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

@@ -18,12 +18,12 @@ import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../global/data-tests.js';
 import '../loader/loader__core.js';
 import '../global/dom.js';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '../link/link.js';
+import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../text/text.js';
@@ -153,6 +153,7 @@ class DataList extends PureComponent {
             selection: selection,
             selectable: item.selectable,
             selected: selection.isSelected(model),
+            partialSelected: selection.isPartialSelected(model),
             onSelect: this.onItemSelect,
             showMoreLessButton: showMoreLessButton,
             onItemMoreLess: this.props.onItemMoreLess

package/components/data-list/item.d.ts

@@ -1,5 +1,6 @@
 import { PureComponent, ReactNode } from 'react';
-import Selection, { SelectionItem } from '../table/selection';
+import { SelectionItem } from '../table/selection';
+import Selection from './selection';
 export declare enum moreLessButtonStates {
     UNUSED = 0,
     MORE = 1,
@@ -32,6 +33,7 @@ export interface ItemProps<T extends SelectionItem> extends BaseFormattedItem<T>
     showFocus?: boolean | undefined;
     selection: Selection<T>;
     selected?: boolean | undefined;
+    partialSelected?: boolean | undefined;
 }
 export default class Item<T extends SelectionItem> extends PureComponent<ItemProps<T>> {
     static defaultProps: {

package/components/data-list/item.js

@@ -97,6 +97,7 @@ class Item extends PureComponent {
         selection: selection,
         selectable: item.selectable,
         selected: selection.isSelected(model),
+        partialSelected: selection.isPartialSelected(model),
         onSelect: onSelect
       }, item.key || item.id);
     });
@@ -111,6 +112,7 @@ class Item extends PureComponent {
       showFocus,
       selectable,
       selected,
+      partialSelected,
       collapsible,
       collapsed,
       onCollapse,
@@ -171,6 +173,7 @@ class Item extends PureComponent {
         showFocus: showFocus,
         selectable: selectable,
         selected: selected,
+        partialSelected: partialSelected,
         collapserExpander: collapserExpander,
         onFocus: this.onFocus,
         onSelect: this.onSelect,

package/components/data-list/selection.d.ts

@@ -1,5 +1,13 @@
-import TableSelection, { CloneWithConfig, SelectionItem } from '../table/selection';
+import TableSelection, { CloneWithConfig, SelectionItem, TableSelectionConfig } from '../table/selection';
+interface DataListSelectionConfig<T extends SelectionItem> extends TableSelectionConfig<T> {
+    partialSelected?: Set<T> | undefined;
+}
+interface DataListCloneWithConfig<T> extends CloneWithConfig<T> {
+    partialSelected?: Set<T> | undefined;
+}
 export default class Selection<T extends SelectionItem> extends TableSelection<T> {
+    protected _partialSelected: Set<T>;
+    constructor({ partialSelected, ...props }: DataListSelectionConfig<T>);
     protected _buildData(data: T[]): Set<T>;
     protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
     private _getDescendants;
@@ -9,8 +17,10 @@ export default class Selection<T extends SelectionItem> extends TableSelection<T
     private _selectAncestors;
     private _deselectAncestors;
     select(value?: T | null): Selection<T>;
+    isPartialSelected(value: T | null): boolean;
     focus(value: T | null | undefined): Selection<T>;
     resetSelection(): Selection<T>;
-    cloneWith(config: CloneWithConfig<T>): Selection<T>;
+    cloneWith({ partialSelected, ...rest }: DataListCloneWithConfig<T>): Selection<T>;
     deselect(value?: T | null): Selection<T>;
 }
+export {};

package/components/data-list/selection.js

@@ -1,8 +1,19 @@
+import { a as _objectWithoutProperties, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import Selection$1 from '../table/selection.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 
+const _excluded = ["partialSelected"],
+  _excluded2 = ["partialSelected"];
 class Selection extends Selection$1 {
+  constructor(_ref) {
+    let {
+        partialSelected = new Set()
+      } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+    super(props);
+    _defineProperty(this, "_partialSelected", void 0);
+    this._partialSelected = partialSelected;
+  }
   _buildData(data) {
     return new Set(this._getDescendants(data));
   }
@@ -10,7 +21,7 @@ class Selection extends Selection$1 {
     const _selected = new Set(selected);
     [...data].forEach(item => {
       if (_selected.has(item)) {
-        this._selectDescendants(item, _selected);
+        this._selectDescendants(item, _selected, this._partialSelected);
       }
     });
     return _selected;
@@ -31,22 +42,40 @@ class Selection extends Selection$1 {
     }
     return result;
   }
-  _selectDescendants(item, selected) {
-    this._getDescendants(this._getChildren(item)).forEach(it => selected.add(it));
+  _selectDescendants(item, selected, partialSelected) {
+    this._getDescendants(this._getChildren(item)).forEach(it => {
+      selected.add(it);
+      partialSelected.delete(it);
+    });
   }
-  _deselectDescendants(item, selected) {
-    this._getDescendants(this._getChildren(item)).forEach(it => selected.delete(it));
+  _deselectDescendants(item, selected, partialSelected) {
+    this._getDescendants(this._getChildren(item)).forEach(it => {
+      selected.delete(it);
+      partialSelected.delete(it);
+    });
   }
-  _selectAncestors(item, selected) {
+  _selectAncestors(item, selected, partialSelected) {
     this._getAncestors(item).forEach(ancestor => {
       const groupIsSelected = this._getChildren(ancestor).filter(it => this._isItemSelectable(it)).every(it => selected.has(it));
+      const groupIsPartialSelected = this._getChildren(ancestor).filter(it => this._isItemSelectable(it)).some(it => selected.has(it) || partialSelected.has(it));
       if (groupIsSelected) {
         selected.add(ancestor);
+        partialSelected.delete(ancestor);
+      } else if (groupIsPartialSelected) {
+        partialSelected.add(ancestor);
       }
     });
   }
-  _deselectAncestors(item, selected) {
-    this._getAncestors(item).forEach(it => selected.delete(it));
+  _deselectAncestors(item, selected, partialSelected) {
+    this._getAncestors(item).forEach(ancestor => {
+      const groupIsPartialSelected = this._getChildren(ancestor).filter(it => this._isItemSelectable(it)).filter(it => it !== item).some(it => selected.has(it) || partialSelected.has(it));
+      if (groupIsPartialSelected) {
+        partialSelected.add(ancestor);
+      } else {
+        partialSelected.delete(ancestor);
+      }
+      selected.delete(ancestor);
+    });
   }
   select() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
@@ -54,21 +83,40 @@ class Selection extends Selection$1 {
       return this;
     }
     const selected = new Set(this._selected);
+    const partialSelected = new Set(this._partialSelected);
     selected.add(value);
-    this._selectDescendants(value, selected);
-    this._selectAncestors(value, selected);
+    partialSelected.delete(value);
+    this._selectDescendants(value, selected, partialSelected);
+    this._selectAncestors(value, selected, partialSelected);
     return this.cloneWith({
-      selected
+      selected,
+      partialSelected
     });
   }
+  isPartialSelected(value) {
+    return value != null && this._partialSelected.has(value);
+  }
   focus(value) {
     return super.focus(value);
   }
   resetSelection() {
     return super.resetSelection();
   }
-  cloneWith(config) {
-    return super.cloneWith(config);
+  cloneWith(_ref2) {
+    let {
+        partialSelected = this._partialSelected
+      } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+    const parentClone = super.cloneWith(rest);
+    return new this.constructor({
+      data: parentClone._rawData,
+      selected: parentClone._selected,
+      focused: parentClone._focused,
+      getKey: parentClone._getKey,
+      getChildren: parentClone._getChildren,
+      isItemSelectable: parentClone._isItemSelectable,
+      partialSelected
+    });
   }
   deselect() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
@@ -76,11 +124,14 @@ class Selection extends Selection$1 {
       return this;
     }
     const selected = new Set(this._selected);
+    const partialSelected = new Set(this._partialSelected);
     selected.delete(value);
-    this._deselectDescendants(value, selected);
-    this._deselectAncestors(value, selected);
+    partialSelected.delete(value);
+    this._deselectDescendants(value, selected, partialSelected);
+    this._deselectAncestors(value, selected, partialSelected);
     return this.cloneWith({
-      selected
+      selected,
+      partialSelected
     });
   }
 }

package/components/data-list/title.d.ts

@@ -4,6 +4,7 @@ export interface TitleProps extends FocusSensorAddProps<HTMLDivElement> {
     onSelect: (selected: boolean) => void;
     selectable?: boolean | undefined;
     selected?: boolean | undefined;
+    partialSelected?: boolean | undefined;
     showFocus?: boolean | undefined;
     offset?: number | undefined;
     className?: string | null | undefined;

package/components/island/adaptive-island-hoc.js

@@ -23,7 +23,7 @@ function adaptiveIslandHOC(ComposedComponent) {
           clientHeight
         } = _ref;
         if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
-          const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
+          const phase = Math.min(1, Math.max(0, scrollTop) / TITLE_RESIZE_END);
           this.setState({
             phase
           });

package/components/island/header.js

@@ -18,7 +18,7 @@ const Start = {
   SPACING: 0
 };
 const End = {
-  FONT_SIZE: 13,
+  FONT_SIZE: 14,
   LINE_HEIGHT: 20,
   PADDING_TOP: 16,
   PADDING_BOTTOM: 8,
@@ -33,6 +33,20 @@ class Header extends Component {
     var _this$props$phase;
     return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
   }
+  getTitleStyle(phase) {
+    if (phase === undefined) return;
+    if (phase < 1) {
+      const scaleFont = this.style('FONT_SIZE') / Start.FONT_SIZE;
+      return {
+        fontSize: Start.FONT_SIZE,
+        transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
+        letterSpacing: this.style('SPACING')
+      };
+    }
+    return {
+      fontSize: End.FONT_SIZE
+    };
+  }
   render() {
     const _this$props = this.props,
       {
@@ -52,12 +66,7 @@ class Header extends Component {
       paddingTop: this.style('PADDING_TOP'),
       paddingBottom: this.style('PADDING_BOTTOM')
     } : undefined;
-    const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
-    const titleStyle = phase != null && phase < 1 ? {
-      fontSize: Start.FONT_SIZE,
-      transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
-      letterSpacing: this.style('SPACING')
-    } : undefined;
+    const titleStyle = this.getTitleStyle(phase);
     return jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
       "data-test": "ring-island-header",
       className: classes,

package/components/loader/loader.js

@@ -2,7 +2,6 @@ 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 joinDataTestAttributes from '../global/data-tests.js';
 import LoaderCore from './loader__core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import '../global/dom.js';
@@ -48,9 +47,7 @@ class Loader extends PureComponent {
         deterministic
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    return jsx("div", _objectSpread2(_objectSpread2({
-      "data-test": joinDataTestAttributes('ring-loader', dataTest)
-    }, restProps), {}, {
+    return jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
       ref: this.initLoader
     }));
   }

package/components/loader-screen/loader-screen.js

@@ -4,7 +4,6 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Loader from '../loader/loader.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import '../global/data-tests.js';
 import '../loader/loader__core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import '../global/dom.js';

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

@@ -8,11 +8,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 137", "and_ff 139", "and_qq 14.9", "and_uc 15.5", "android 137", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 128", "chrome 126", "chrome 125", "chrome 123", "chrome 121", "chrome 109", "edge 137", "edge 136", "edge 135", "firefox 139", "firefox 138", "firefox 137", "firefox 128", "firefox 115", "ios_saf 18.5", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 17.4", "ios_saf 16.6-16.7", "ios_saf 16.3", "ios_saf 16.1", "ios_saf 15.6-15.8", "ios_saf 14.0-14.4", "ios_saf 12.2-12.5", "ios_saf 11.0-11.2", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 117", "opera 116", "safari 18.5", "safari 18.4", "safari 18.3", "safari 17.6", "safari 17.1", "safari 16.6", "safari 15.6", "samsung 28", "samsung 27"]) {
+if (!["and_chr 137", "and_ff 139", "and_qq 14.9", "and_uc 15.5", "android 137", "chrome 138", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 128", "chrome 126", "chrome 125", "chrome 123", "chrome 121", "chrome 109", "edge 137", "edge 136", "edge 135", "firefox 140", "firefox 139", "firefox 138", "firefox 137", "firefox 128", "firefox 115", "ios_saf 18.5", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 17.4", "ios_saf 16.6-16.7", "ios_saf 16.3", "ios_saf 16.1", "ios_saf 15.6-15.8", "ios_saf 14.0-14.4", "ios_saf 12.2-12.5", "ios_saf 11.0-11.2", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 117", "opera 116", "safari 18.5", "safari 18.4", "safari 18.3", "safari 17.6", "safari 17.1", "safari 16.6", "safari 15.6", "samsung 28", "samsung 27"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 137", "and_ff 139", "and_qq 14.9", "and_uc 15.5", "android 137", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 128", "chrome 126", "chrome 125", "chrome 123", "chrome 121", "chrome 109", "edge 137", "edge 136", "edge 135", "firefox 139", "firefox 138", "firefox 137", "firefox 128", "firefox 115", "ios_saf 18.5", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 17.4", "ios_saf 16.6-16.7", "ios_saf 16.3", "ios_saf 16.1", "ios_saf 15.6-15.8", "ios_saf 14.0-14.4", "ios_saf 12.2-12.5", "ios_saf 11.0-11.2", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 117", "opera 116", "safari 18.5", "safari 18.4", "safari 18.3", "safari 17.6", "safari 17.1", "safari 16.6", "safari 15.6", "samsung 28", "samsung 27"] || [];
+const SUPPORTED = ["and_chr 137", "and_ff 139", "and_qq 14.9", "and_uc 15.5", "android 137", "chrome 138", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 128", "chrome 126", "chrome 125", "chrome 123", "chrome 121", "chrome 109", "edge 137", "edge 136", "edge 135", "firefox 140", "firefox 139", "firefox 138", "firefox 137", "firefox 128", "firefox 115", "ios_saf 18.5", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 17.4", "ios_saf 16.6-16.7", "ios_saf 16.3", "ios_saf 16.1", "ios_saf 15.6-15.8", "ios_saf 14.0-14.4", "ios_saf 12.2-12.5", "ios_saf 11.0-11.2", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 117", "opera 116", "safari 18.5", "safari 18.4", "safari 18.3", "safari 17.6", "safari 17.1", "safari 16.6", "safari 15.6", "samsung 28", "samsung 27"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;