@jetbrains/ring-ui 5.0.0-beta.2 → 5.0.0-beta.20

package/dist/tab-trap/tab-trap.d.ts

@@ -13,7 +13,7 @@ export interface TabTrapProps extends HTMLAttributes<HTMLElement> {
  */
 export default class TabTrap extends Component<TabTrapProps> {
     static propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         trapDisabled: PropTypes.Requireable<boolean>;
         autoFocusFirst: PropTypes.Requireable<boolean>;
         focusBackOnClose: PropTypes.Requireable<boolean>;

package/dist/tab-trap/tab-trap.js

@@ -1,9 +1,10 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { isNodeInVisiblePartOfPage } from '../global/dom.js';
 
-var modules_6dce58ae = {"trapButton":"trapButton_rui_e5a6"};
+var modules_6dce58ae = {"trapButton":"trapButton_rui_3588"};
 
 const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
 /**

package/dist/table/cell.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Cell extends PureComponent {
   render() {

package/dist/table/disable-hover-hoc.d.ts

@@ -13,12 +13,10 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         onMouseMove: () => void;
         onKeyDown: (e: KeyboardEvent) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<DisableHoverProps<P>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<DisableHoverProps<P>>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -42,12 +40,10 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         onMouseMove: () => void;
         onKeyDown: (e: KeyboardEvent) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<DisableHoverProps<P>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<DisableHoverProps<P>>;
         refs: {
             [key: string]: React.ReactInstance;
         };

package/dist/table/disable-hover-hoc.js

@@ -1,10 +1,11 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 
 function disableHoverHOC(ComposedComponent) {
-  var _class, _temp;
+  var _class;
 
-  return _temp = _class = class DisableHover extends PureComponent {
+  return _class = class DisableHover extends PureComponent {
     constructor() {
       super(...arguments);
 
@@ -47,7 +48,7 @@ function disableHoverHOC(ComposedComponent) {
       }));
     }
 
-  }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _defineProperty(_class, "defaultProps", ComposedComponent.defaultProps), _temp;
+  }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _defineProperty(_class, "defaultProps", ComposedComponent.defaultProps), _class;
 }
 
 export { disableHoverHOC as default };

package/dist/table/header-cell.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,6 +12,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 
 class HeaderCell extends PureComponent {

package/dist/table/header.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, PureComponent, SyntheticEvent } from 'react';
+import { ChangeEventHandler, PureComponent, ReactNode, SyntheticEvent } from 'react';
 import PropTypes from 'prop-types';
 import { Waypoint } from 'react-waypoint';
 import { Column, SortParams } from './header-cell';
@@ -16,6 +16,13 @@ export interface HeaderProps {
     caption?: string | null | undefined;
     checkboxDisabled?: boolean | undefined;
 }
+declare module 'react-waypoint' {
+    namespace Waypoint {
+        interface WaypointProps {
+            children?: ReactNode;
+        }
+    }
+}
 export default class Header extends PureComponent<HeaderProps> {
     static propTypes: {
         caption: PropTypes.Requireable<string>;

package/dist/table/header.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,13 +8,14 @@ import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
 import HeaderCell from './header-cell.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../_helpers/checkbox.js';
 import '@jetbrains/icons/unsorted-10px';

package/dist/table/multitable.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 

package/dist/table/row-with-focus-sensor.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import Row from './row.js';
@@ -10,20 +11,21 @@ import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/drag';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../_helpers/checkbox.js';
 import '../button/button.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';

package/dist/table/row.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,26 +7,27 @@ import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import dragIcon from '@jetbrains/icons/drag';
 import Checkbox from '../checkbox/checkbox.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import Tooltip from '../tooltip/tooltip.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
 import composeRefs from '../global/composeRefs.js';
 import Cell from './cell.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../_helpers/checkbox.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import 'react-dom';
@@ -48,7 +50,7 @@ const DragHandle = _ref => {
   const classes = classNames(modules_1db4bbca.dragHandle, {
     [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
   });
-  return /*#__PURE__*/React.createElement(ThemedButton, {
+  return /*#__PURE__*/React.createElement(Button, {
     "data-movable-handle": true,
     title: "Drag",
     className: classes,
@@ -161,7 +163,7 @@ class Row extends PureComponent {
     const COLLAPSIBLE_PARENT_OFFSET = 20;
     const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
     const metaColumnStyle = {
-      paddingLeft: `${gap}px`
+      paddingLeft: "".concat(gap, "px")
     };
     const metaColumn = /*#__PURE__*/React.createElement("div", {
       className: metaColumnClasses,
@@ -183,11 +185,11 @@ class Row extends PureComponent {
       "aria-labelledby": this.id,
       checked: selected,
       disabled: true
-    })), collapsible && collapsed && /*#__PURE__*/React.createElement(ThemedButton, {
+    })), collapsible && collapsed && /*#__PURE__*/React.createElement(Button, {
       className: modules_1db4bbca.rowCollapseExpandButton,
       icon: chevronRightIcon,
       onClick: () => onExpand(item)
-    }), collapsible && !collapsed && /*#__PURE__*/React.createElement(ThemedButton, {
+    }), collapsible && !collapsed && /*#__PURE__*/React.createElement(Button, {
       className: modules_1db4bbca.rowCollapseExpandButton,
       icon: chevronDownIcon,
       onClick: () => onCollapse(item)

package/dist/table/selection-adapter.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function selectionAdapter(getSelection) {
   return {
     get size() {

package/dist/table/selection-shortcuts-hoc.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Selection from './selection.js';

package/dist/table/selection.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Selection {
   constructor() {

package/dist/table/smart-table.d.ts

@@ -4,6 +4,7 @@ import { TableAttrs } from './table';
 import Selection, { SelectionItem } from './selection';
 export interface SmartTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect'> {
     onSelectionChange: (selection: Selection<T>) => void;
+    selection?: Selection<T>;
 }
 declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTableProps<T>> {
     static propTypes: {

package/dist/table/smart-table.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import TableContainer from './table.js';
@@ -21,13 +22,14 @@ import '../global/dom.js';
 import './header.js';
 import 'react-waypoint';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../_helpers/checkbox.js';
 import '../_helpers/table.js';
@@ -43,8 +45,8 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/drag';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';
@@ -85,17 +87,21 @@ class SmartTable extends PureComponent {
   UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       data,
-      isItemSelectable
+      isItemSelectable,
+      selection
     } = nextProps;
 
-    if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
-      const selection = new Selection({
-        data,
-        isItemSelectable
-      });
+    if (this.props.remoteSelection && this.props.selection !== selection) {
       this.setState({
         selection
       });
+    } else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
+      this.setState({
+        selection: new Selection({
+          data,
+          isItemSelectable
+        })
+      });
     }
   }
 

package/dist/table/table.d.ts

@@ -103,12 +103,10 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };
@@ -132,12 +130,10 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };

package/dist/table/table.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -24,13 +25,14 @@ import '../loader/loader__core.js';
 import '../global/dom.js';
 import 'react-waypoint';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../_helpers/checkbox.js';
 import './header-cell.js';
@@ -42,8 +44,8 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/drag';
 import '../button/button.js';
 import 'focus-visible';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';

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

@@ -8,9 +8,11 @@ import SelectionNavigateActions from './table-legacy-ng__selection-navigate-acti
 import TableToolbar from './table-legacy-ng__toolbar.js';
 import TablePager from './table-legacy-ng__pager.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'element-resize-detector';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';
@@ -21,6 +23,7 @@ import '../global/schedule-raf.js';
 import '../pager-ng/pager-ng.js';
 import '../global/angular-component-factory.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
@@ -35,8 +38,8 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../button-group/button-group.js';
 import '../button-group/caption.js';
@@ -44,7 +47,8 @@ import '../_helpers/button-group.js';
 import '../button-toolbar/button-toolbar.js';
 import '../_helpers/button-toolbar.js';
 import '../select/select.js';
-import '@jetbrains/icons/close';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
@@ -93,12 +97,7 @@ import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';
@@ -165,10 +164,7 @@ angularModule.directive('rgLegacyTableHeader', ["getClosestElementWithCommonPare
   const TOOLBAR_FIXED_CLASSNAME = 'ring-table__toolbar-controls_fixed';
   return {
     restrict: 'E',
-    template: `<thead>
-  <tr class="ring-table__header" ng-transclude></tr>
-  <tr class="ring-table__header ring-table__header_sticky" rg-place-under="{{stickToSelector}}" ng-transclude></tr>
-</thead>`,
+    template: "<thead>\n  <tr class=\"ring-table__header\" ng-transclude></tr>\n  <tr class=\"ring-table__header ring-table__header_sticky\" rg-place-under=\"{{stickToSelector}}\" ng-transclude></tr>\n</thead>",
     transclude: true,
     replace: true,
     link: function link(scope, iElement, iAttrs) {
@@ -183,14 +179,14 @@ angularModule.directive('rgLegacyTableHeader', ["getClosestElementWithCommonPare
       const scrollableHeader = element.querySelector('.ring-table__header:not(.ring-table__header_sticky)');
       const fixedHeader = element.querySelector('.ring-table__header_sticky');
 
-      const toolbarFixed = () => stickToElement.querySelector(`.${TOOLBAR_FIXED_CLASSNAME}`) !== null;
+      const toolbarFixed = () => stickToElement.querySelector(".".concat(TOOLBAR_FIXED_CLASSNAME)) !== null;
       /**
        * Sync header columns width with real table
        */
 
 
       const resizeFixedHeader = debounce(() => {
-        fixedHeader.style.width = `${scrollableHeader.offsetWidth}px`;
+        fixedHeader.style.width = "".concat(scrollableHeader.offsetWidth, "px");
         const titles = Array.from(fixedHeader.querySelectorAll('.ring-table__title'));
         titles.forEach((titleElement, index) => {
           const targetHeaderTitle = scrollableHeader.querySelectorAll('.ring-table__title')[index];
@@ -238,18 +234,7 @@ angularModule.directive('rgLegacyTableBody', function rgLegacyTableBodyDirective
 });
 angularModule.directive('rgLegacyTableRow', function rgLegacyTableRowDirective() {
   return {
-    template: `<tr ng-click="rowCtrl.setActiveItem(rowCtrl.rowItem)"
-  ng-mouseover="rowCtrl.onMouseOver(rowCtrl.rowItem)"
-  ng-mouseout="rowCtrl.onMouseOut(rowCtrl.rowItem)"
-  class="ring-table__row" ng-class="{
-    'ring-table__row_active': rowCtrl.rowItem.active,
-    'ring-table__row_checked': rowCtrl.rowItem.checked,
-    'ring-table__row_active-checked': rowCtrl.rowItem.active && !rowCtrl.hasCheckedItems(),
-    'ring-table__row_implicit': rowCtrl.rowItem.implicit,
-    'ring-table__row_expanded': rowCtrl.rowItem.expanded,
-    'ring-table__row_unselectable': rowCtrl.rowItem.unselectable
-    }" ng-transclude>
-</tr>`,
+    template: "<tr ng-click=\"rowCtrl.setActiveItem(rowCtrl.rowItem)\"\n  ng-mouseover=\"rowCtrl.onMouseOver(rowCtrl.rowItem)\"\n  ng-mouseout=\"rowCtrl.onMouseOut(rowCtrl.rowItem)\"\n  class=\"ring-table__row\" ng-class=\"{\n    'ring-table__row_active': rowCtrl.rowItem.active,\n    'ring-table__row_checked': rowCtrl.rowItem.checked,\n    'ring-table__row_active-checked': rowCtrl.rowItem.active && !rowCtrl.hasCheckedItems(),\n    'ring-table__row_implicit': rowCtrl.rowItem.implicit,\n    'ring-table__row_expanded': rowCtrl.rowItem.expanded,\n    'ring-table__row_unselectable': rowCtrl.rowItem.unselectable\n    }\" ng-transclude>\n</tr>",
     restrict: 'E',
     transclude: true,
     replace: true,
@@ -387,11 +372,7 @@ angularModule.directive('rgLegacyTableCheckboxCell', function rgLegacyTableCheck
     transclude: true,
     require: '^rgLegacyTableRow',
     replace: true,
-    template: `
-<td class="ring-table__selector ring-table__column_selector" ng-class="{\'ring-table__column\': !isEmbedded}">
-  <rg-checkbox ng-model="getRowItem().checked" title="{{getTitle()}}" aria-label="{{geAriaLabel()}}"/>
-</td>
-    `.trim(),
+    template: "\n<td class=\"ring-table__selector ring-table__column_selector\" ng-class=\"{'ring-table__column': !isEmbedded}\">\n  <rg-checkbox ng-model=\"getRowItem().checked\" title=\"{{getTitle()}}\" aria-label=\"{{geAriaLabel()}}\"/>\n</td>\n    ".trim(),
     link: function link(scope, iElement, iAttrs, rowCtrl) {
       /**
        * rowItem getter to use it as ng-model for checkbox
@@ -420,15 +401,7 @@ angularModule.directive('rgLegacyTableTitle', function rgLegacyTableTitleDirecti
     transclude: true,
     replace: true,
     scope: true,
-    template: `<th class="ring-table__title"
-    ng-class="{
-    'ring-table__title_border': isBorder,
-    'ring-table__title_active': isActive,
-    'ring-table__column_snuggle-right': isPullRight,
-    'ring-table__column_snuggle-left': isPullLeft,
-    'ring-table__column_align-right' : isAlignRight
-    }" ng-transclude>
-</th>`,
+    template: "<th class=\"ring-table__title\"\n    ng-class=\"{\n    'ring-table__title_border': isBorder,\n    'ring-table__title_active': isActive,\n    'ring-table__column_snuggle-right': isPullRight,\n    'ring-table__column_snuggle-left': isPullLeft,\n    'ring-table__column_align-right' : isAlignRight\n    }\" ng-transclude>\n</th>",
     link: function link(scope, iElement, iAttrs) {
       /**
        * One time property assigning without watching through isolated scope helps to improve performance
@@ -456,18 +429,7 @@ angularModule.directive('rgLegacyTableColumn', function rgLegacyTableColumnDirec
     transclude: true,
     replace: true,
     scope: true,
-    template: `<td class="ring-table__column"
-    ng-class="{
-    'ring-table__column_limited': isLimited,
-    'ring-table__column_unlimited': isUnlimited,
-    'ring-table__column_right': isAlignRight,
-    'ring-table__avatar': isAvatar,
-    'ring-table__column_wide': isWide,
-    'ring-table__column_gray': isGray,
-    'ring-table__column_snuggle-right': isPullRight,
-    'ring-table__column_snuggle-left': isPullLeft
-    }" ng-transclude>
-</td>`,
+    template: "<td class=\"ring-table__column\"\n    ng-class=\"{\n    'ring-table__column_limited': isLimited,\n    'ring-table__column_unlimited': isUnlimited,\n    'ring-table__column_right': isAlignRight,\n    'ring-table__avatar': isAvatar,\n    'ring-table__column_wide': isWide,\n    'ring-table__column_gray': isGray,\n    'ring-table__column_snuggle-right': isPullRight,\n    'ring-table__column_snuggle-left': isPullLeft\n    }\" ng-transclude>\n</td>",
     link: function link(scope, iElement, iAttrs) {
       const element = iElement[0];
       const FULL_WIDTH = 100;
@@ -484,7 +446,7 @@ angularModule.directive('rgLegacyTableColumn', function rgLegacyTableColumnDirec
         const unlimitedColumnsCount = element.parentNode.querySelectorAll('.ring-table__column[unlimited]').length;
 
         if (unlimitedColumnsCount > 1) {
-          element.style.width = `${(FULL_WIDTH / unlimitedColumnsCount).toFixed()}%`;
+          element.style.width = "".concat((FULL_WIDTH / unlimitedColumnsCount).toFixed(), "%");
         }
       }
 

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

@@ -3,7 +3,9 @@ import Pager from '../pager-ng/pager-ng.js';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 import '../global/angular-component-factory.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -20,9 +22,10 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../button-group/button-group.js';
 import '../button-group/caption.js';
@@ -30,7 +33,8 @@ import '../_helpers/button-group.js';
 import '../button-toolbar/button-toolbar.js';
 import '../_helpers/button-toolbar.js';
 import '../select/select.js';
-import '@jetbrains/icons/close';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
@@ -65,7 +69,7 @@ import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
@@ -83,12 +87,7 @@ import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';
@@ -100,13 +99,7 @@ const angularModule = angular.module('Ring.table-legacy.pager', [MessageBundle,
 angularModule.directive('rgLegacyTablePager', function rgLegacyTablePagerDirective() {
   return {
     restrict: 'E',
-    template: `<rg-pager
-  total="pagerCtrl.total"
-  current-page="pagerCtrl.getPage()"
-  page-size="pagerCtrl.top"
-  on-page-change="pagerCtrl.onPageChange"
-  disable-page-size-selector="true"
-></rg-pager>`,
+    template: "<rg-pager\n  total=\"pagerCtrl.total\"\n  current-page=\"pagerCtrl.getPage()\"\n  page-size=\"pagerCtrl.top\"\n  on-page-change=\"pagerCtrl.onPageChange\"\n  disable-page-size-selector=\"true\"\n></rg-pager>",
     scope: {},
     bindToController: {
       skip: '=',