@jetbrains/ring-ui 5.0.150 → 5.0.152

package/dist/table/header.d.ts

@@ -1,6 +1,5 @@
 import React, { ChangeEventHandler, PureComponent, ReactNode, SyntheticEvent } from 'react';
 import PropTypes from 'prop-types';
-import { Waypoint } from 'react-waypoint';
 import { Column, SortParams } from './header-cell';
 export interface HeaderProps {
     columns: readonly Column[];
@@ -49,18 +48,8 @@ export default class Header extends PureComponent<HeaderProps> {
         sortKey: string;
         sortOrder: boolean;
     };
-    state: {
-        fixed: boolean;
-        headerWidth: undefined;
-        widths: never[];
-    };
     id: string;
     onCheckboxFocus: (event: SyntheticEvent<HTMLElement>) => void;
-    private _columnsRowNode?;
-    storeColumnsRowNode: (node: HTMLElement | null) => void;
-    onScrollIn: () => void;
-    onScrollOut: ({ currentPosition }: Waypoint.CallbackArgs) => void;
-    calculateColumnsWidths(columnsRowNode: HTMLElement | null | undefined): void;
     createCells(widths?: never[]): React.JSX.Element[];
     render(): React.JSX.Element;
 }

package/dist/table/header.js

@@ -2,7 +2,6 @@ import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { Waypoint } from 'react-waypoint';
 import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
@@ -48,47 +47,10 @@ class Header extends PureComponent {
     sortKey: 'id',
     sortOrder: true
   };
-  state = {
-    fixed: false,
-    headerWidth: undefined,
-    widths: []
-  };
   id = getUID('table-header-');
   onCheckboxFocus = event => {
     event.currentTarget.blur();
   };
-  _columnsRowNode;
-  storeColumnsRowNode = node => {
-    if (node) {
-      this._columnsRowNode = node;
-      this.calculateColumnsWidths(node);
-    }
-  };
-  onScrollIn = () => {
-    this.calculateColumnsWidths(this._columnsRowNode);
-    this.setState({
-      fixed: false
-    });
-  };
-  onScrollOut = _ref => {
-    let {
-      currentPosition
-    } = _ref;
-    if (currentPosition !== 'above') {
-      return;
-    }
-    this.calculateColumnsWidths(this._columnsRowNode);
-    this.setState({
-      fixed: true
-    });
-  };
-  calculateColumnsWidths(columnsRowNode) {
-    var _columnsRowNode$child;
-    this.setState({
-      headerWidth: columnsRowNode?.clientWidth,
-      widths: [...((_columnsRowNode$child = columnsRowNode?.childNodes) !== null && _columnsRowNode$child !== void 0 ? _columnsRowNode$child : [])].map(column => column instanceof Element ? column.clientWidth : 0)
-    });
-  }
   createCells() {
     let widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     const {
@@ -135,43 +97,27 @@ class Header extends PureComponent {
       sticky,
       topStickOffset
     } = this.props;
-    const {
-      fixed,
-      widths,
-      headerWidth
-    } = this.state;
     const regularCells = this.createCells();
-    const waypointChild = /*#__PURE__*/React.createElement("tr", {
-      "data-test": "ring-table-header-row"
-    }, regularCells.map((c, i) => /*#__PURE__*/React.createElement("td", {
-      key: i
-    })));
     return /*#__PURE__*/React.createElement("thead", {
       id: this.id,
       "data-test": "ring-table-header",
-      className: modules_1db4bbca.tableHead
+      style: {
+        top: topStickOffset
+      },
+      className: classNames({
+        [modules_1db4bbca.tableHead]: true,
+        [modules_1db4bbca.subHeaderSticky]: sticky
+      })
     }, caption && /*#__PURE__*/React.createElement("tr", {
       "data-test": "ring-table-header-row"
     }, /*#__PURE__*/React.createElement("th", {
       className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
       colSpan: regularCells.length + 1,
       "data-test": "ring-table-header-cell"
-    }, caption)), sticky && /*#__PURE__*/React.createElement(Waypoint, {
-      topOffset: topStickOffset,
-      onEnter: this.onScrollIn,
-      onLeave: this.onScrollOut
-    }, waypointChild), /*#__PURE__*/React.createElement("tr", {
+    }, caption)), /*#__PURE__*/React.createElement("tr", {
       className: modules_1db4bbca.subHeader,
-      ref: this.storeColumnsRowNode,
-      "data-test": "ring-table-header-row"
-    }, regularCells), fixed && sticky && /*#__PURE__*/React.createElement("tr", {
-      className: modules_1db4bbca.subHeaderFixed,
-      style: {
-        width: headerWidth,
-        top: topStickOffset
-      },
       "data-test": "ring-table-header-row"
-    }, this.createCells(widths)));
+    }, regularCells));
   }
 }
 

package/dist/table/smart-table.js

@@ -19,7 +19,6 @@ import '../global/data-tests.js';
 import '../loader/loader__core.js';
 import '../global/dom.js';
 import './header.js';
-import 'react-waypoint';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';

package/dist/table/table.js

@@ -22,7 +22,6 @@ import 'sniffr';
 import '../global/data-tests.js';
 import '../loader/loader__core.js';
 import '../global/dom.js';
-import 'react-waypoint';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';

package/dist/table-ng/smart-table-ng.js

@@ -26,7 +26,6 @@ import '../loader/loader__core.js';
 import '../global/dom.js';
 import '../table/selection.js';
 import '../table/header.js';
-import 'react-waypoint';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';

package/dist/table-ng/table-ng.js

@@ -25,7 +25,6 @@ import '../loader/loader__core.js';
 import '../global/dom.js';
 import '../table/selection.js';
 import '../table/header.js';
-import 'react-waypoint';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';

package/dist/tags-input/tags-input.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, PureComponent, SyntheticEvent, ReactNode } from 'react';
+import React, { PureComponent, SyntheticEvent, ReactNode, ComponentType } from 'react';
 import PropTypes from 'prop-types';
 import Select, { SelectItem } from '../select/select';
 import { TagType } from '../tags-list/tags-list';
@@ -6,6 +6,7 @@ import Caret from '../caret/caret';
 import { Size } from '../input/input';
 import { ControlsHeight } from '../global/controls-height';
 import { Filter } from '../select/select__popup';
+import { TagAttrs } from '../tag/tag';
 declare function noop(): void;
 export interface ToggleTagParams {
     tag: TagType;
@@ -17,7 +18,7 @@ export interface TagsInputProps {
     dataSource: (params: TagsInputRequestParams) => readonly SelectItem[] | Promise<readonly SelectItem[]>;
     onAddTag: (params: ToggleTagParams) => void;
     onRemoveTag: (params: ToggleTagParams) => void;
-    customTagComponent: Component;
+    customTagComponent: ComponentType<TagAttrs>;
     maxPopupHeight: number;
     minPopupWidth: number;
     canNotBeEmpty: boolean;
@@ -31,7 +32,7 @@ export interface TagsInputProps {
     tags?: readonly TagType[] | null | undefined;
     loadingMessage?: string | undefined;
     notFoundMessage?: string | undefined;
-    hint?: string | undefined;
+    hint?: ReactNode | null | undefined;
     size: Size;
     height?: ControlsHeight | undefined;
     label?: ReactNode;
@@ -74,7 +75,7 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         loadingMessage: PropTypes.Requireable<string>;
         notFoundMessage: PropTypes.Requireable<string>;
-        hint: PropTypes.Requireable<string>;
+        hint: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         allowAddNewTags: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {

package/dist/tags-input/tags-input.js

@@ -117,7 +117,7 @@ class TagsInput extends PureComponent {
     label: PropTypes.node,
     loadingMessage: PropTypes.string,
     notFoundMessage: PropTypes.string,
-    hint: PropTypes.string,
+    hint: PropTypes.node,
     allowAddNewTags: PropTypes.bool
   };
   static defaultProps = {
@@ -398,7 +398,8 @@ class TagsInput extends PureComponent {
       handleRemove: this.handleRemove,
       className: modules_5aa8aaf3.tagsList,
       tagClassName: modules_5aa8aaf3.tag,
-      handleClick: this.handleClick
+      handleClick: this.handleClick,
+      customTagComponent: this.props.customTagComponent
     }, /*#__PURE__*/React.createElement(Select, {
       id: this.id,
       ref: this.selectRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.150",
+  "version": "5.0.152",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -162,7 +162,7 @@
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
     "rimraf": "^5.0.1",
-    "rollup": "^3.26.1",
+    "rollup": "^3.26.2",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^15.2.0",