@jetbrains/ring-ui 5.0.127 → 5.0.129

package/dist/table/table.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } from 'react';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { arrayMove, List } from 'react-movable';
@@ -59,91 +59,47 @@ import './cell.js';
  * Interactive table with selection and keyboard navigation support.
  */
 class Table extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      shortcutsScope: getUID('ring-table-'),
-      userSelectNone: false
-    });
-    _defineProperty(this, "onMouseDown", e => {
-      if (e.shiftKey) {
-        this.setState({
-          userSelectNone: true
-        });
-      }
-    });
-    _defineProperty(this, "onMouseUp", () => {
-      if (this.state.userSelectNone) {
-        this.setState({
-          userSelectNone: false
-        });
-      }
-    });
-    _defineProperty(this, "onRowFocus", row => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      onSelect(selection.focus(row));
-    });
-    _defineProperty(this, "onRowSelect", (row, selected) => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      if (selected) {
-        onSelect(selection.select(row));
-      } else {
-        onSelect(selection.deselect(row));
-      }
-    });
-    _defineProperty(this, "onSortEnd", _ref => {
-      let {
-        oldIndex,
-        newIndex
-      } = _ref;
-      const data = arrayMove(this.props.data, oldIndex, newIndex);
-      this.props.onReorder({
-        data,
-        oldIndex,
-        newIndex
-      });
-    });
-    _defineProperty(this, "onCheckboxChange", e => {
-      const {
-        checked
-      } = e.currentTarget;
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      if (checked) {
-        onSelect(selection.selectAll());
-      } else {
-        onSelect(selection.reset());
-      }
-      this.restoreFocusWithoutScroll();
-    });
-    _defineProperty(this, "restoreFocusWithoutScroll", () => {
-      const {
-        scrollX,
-        scrollY
-      } = window;
-      this.props.onFocusRestore();
-      window.scrollTo(scrollX, scrollY);
-    });
-  }
+  static defaultProps = {
+    isItemSelectable: () => true,
+    loading: false,
+    onSort: () => {},
+    onReorder: () => {},
+    getItemKey: item => item.id,
+    sortKey: 'id',
+    sortOrder: true,
+    draggable: false,
+    alwaysShowDragHandle: false,
+    stickyHeader: true,
+    getItemLevel: () => 0,
+    getItemClassName: () => null,
+    getMetaColumnClassName: () => null,
+    getItemDataTest: () => null,
+    isItemCollapsible: () => false,
+    isParentCollapsible: () => false,
+    isItemCollapsed: () => false,
+    onItemCollapse: () => {},
+    onItemExpand: () => {},
+    onItemDoubleClick: () => {},
+    onItemClick: () => {},
+    remoteSelection: false,
+    isDisabledSelectionVisible: () => false,
+    getCheckboxTooltip: () => undefined
+  };
+  state = {
+    shortcutsScope: getUID('ring-table-'),
+    userSelectNone: false
+  };
   componentDidMount() {
     document.addEventListener('mouseup', this.onMouseUp);
   }
-  componentDidUpdate(_ref2) {
+  componentDidUpdate(_ref) {
     let {
       data,
       selection,
       onSelect,
       selectable,
       remoteSelection
-    } = _ref2;
+    } = _ref;
     if (data !== this.props.data && remoteSelection) {
       onSelect(selection.cloneWith({
         data: this.props.data
@@ -156,6 +112,73 @@ class Table extends PureComponent {
   componentWillUnmount() {
     document.removeEventListener('mouseup', this.onMouseUp);
   }
+  onMouseDown = e => {
+    if (e.shiftKey) {
+      this.setState({
+        userSelectNone: true
+      });
+    }
+  };
+  onMouseUp = () => {
+    if (this.state.userSelectNone) {
+      this.setState({
+        userSelectNone: false
+      });
+    }
+  };
+  onRowFocus = row => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    onSelect(selection.focus(row));
+  };
+  onRowSelect = (row, selected) => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (selected) {
+      onSelect(selection.select(row));
+    } else {
+      onSelect(selection.deselect(row));
+    }
+  };
+  onSortEnd = _ref2 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref2;
+    const data = arrayMove(this.props.data, oldIndex, newIndex);
+    this.props.onReorder({
+      data,
+      oldIndex,
+      newIndex
+    });
+  };
+  onCheckboxChange = e => {
+    const {
+      checked
+    } = e.currentTarget;
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (checked) {
+      onSelect(selection.selectAll());
+    } else {
+      onSelect(selection.reset());
+    }
+    this.restoreFocusWithoutScroll();
+  };
+  restoreFocusWithoutScroll = () => {
+    const {
+      scrollX,
+      scrollY
+    } = window;
+    this.props.onFocusRestore();
+    window.scrollTo(scrollX, scrollY);
+  };
   render() {
     const {
       data,
@@ -168,6 +191,7 @@ class Table extends PureComponent {
       isItemSelectable,
       getItemLevel,
       getItemClassName,
+      getMetaColumnClassName,
       getItemDataTest,
       draggable,
       alwaysShowDragHandle,
@@ -271,6 +295,7 @@ class Table extends PureComponent {
         className: classNames(getItemClassName(value), {
           [modules_1db4bbca.draggingRow]: isDragged
         }),
+        metaColumnClassName: getMetaColumnClassName(value),
         draggable: draggable,
         alwaysShowDragHandle: alwaysShowDragHandle,
         dragHandleTitle: dragHandleTitle,
@@ -311,31 +336,6 @@ class Table extends PureComponent {
     })));
   }
 }
-_defineProperty(Table, "defaultProps", {
-  isItemSelectable: () => true,
-  loading: false,
-  onSort: () => {},
-  onReorder: () => {},
-  getItemKey: item => item.id,
-  sortKey: 'id',
-  sortOrder: true,
-  draggable: false,
-  alwaysShowDragHandle: false,
-  stickyHeader: true,
-  getItemLevel: () => 0,
-  getItemClassName: () => null,
-  getItemDataTest: () => null,
-  isItemCollapsible: () => false,
-  isParentCollapsible: () => false,
-  isItemCollapsed: () => false,
-  onItemCollapse: () => {},
-  onItemExpand: () => {},
-  onItemDoubleClick: () => {},
-  onItemClick: () => {},
-  remoteSelection: false,
-  isDisabledSelectionVisible: () => false,
-  getCheckboxTooltip: () => undefined
-});
 Table.propTypes = {
   className: PropTypes.string,
   loaderClassName: PropTypes.string,
@@ -348,6 +348,7 @@ Table.propTypes = {
   loading: PropTypes.bool,
   getItemKey: PropTypes.func,
   getItemClassName: PropTypes.func,
+  getMetaColumnClassName: PropTypes.func,
   getItemDataTest: PropTypes.func,
   onSort: PropTypes.func,
   onReorder: PropTypes.func,
@@ -382,15 +383,12 @@ Table.propTypes = {
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
 // eslint-disable-next-line react/no-multi-comp
 class TableContainer extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "Table", getContainer());
-  }
+  // https://stackoverflow.com/a/53882322/6304152
+  static propTypes = getContainer().propTypes;
+  Table = getContainer();
   render() {
     return /*#__PURE__*/React.createElement(this.Table, this.props);
   }
 }
-// https://stackoverflow.com/a/53882322/6304152
-_defineProperty(TableContainer, "propTypes", getContainer().propTypes);
 
 export { Table, TableContainer as default };

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

@@ -7,7 +7,6 @@ import Selection from './table-legacy-ng__selection.js';
 import SelectionNavigateActions from './table-legacy-ng__selection-navigate-actions.js';
 import TableToolbar from './table-legacy-ng__toolbar.js';
 import TablePager from './table-legacy-ng__pager.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'element-resize-detector';
 import '@jetbrains/icons/checkmark-14px';
 import '../icon-ng/icon-ng.js';
@@ -26,6 +25,7 @@ import 'react-dom';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
 import '../pager/pager.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/chevron-left';
 import '@jetbrains/icons/chevron-right';

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

@@ -2,7 +2,6 @@ import angular from 'angular';
 import Pager from '../pager-ng/pager-ng.js';
 import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
 import '../global/angular-component-factory.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import '../global/react-render-adapter.js';
 import 'react-dom';
@@ -10,6 +9,7 @@ import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
 import '../pager/pager.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/chevron-left';
 import '@jetbrains/icons/chevron-right';

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

@@ -1,12 +1,10 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 /**
  * Selection class, catches all selection and activation operations and triggers events
  */
 class Selection {
+  suggestedItem = null;
   constructor(items, emitEvent) {
     let singleActiveElementAsSelection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    _defineProperty(this, "suggestedItem", null);
     this.items = items;
     this.emitEvent = emitEvent;
     this.singleActiveElementAsSelection = singleActiveElementAsSelection;

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

@@ -1,7 +1,6 @@
 import angular from 'angular';
 import { getDocumentScrollTop } from '../global/dom.js';
 import scheduleRAF from '../global/schedule-raf.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 
 const angularModule = angular.module('Ring.table-legacy.toolbar', []);
 angularModule.directive('rgLegacyTableToolbar', function rgLegacyTableToolbarDirective() {

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

@@ -1,6 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import SmartTable from '../table/smart-table.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -8,6 +7,7 @@ import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../table/table.js';
 import 'classnames';
 import 'react-movable';

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

@@ -1,6 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import TableContainer from '../table/table.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -8,6 +7,7 @@ import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import 'react-movable';
 import '../global/focus-sensor-hoc.js';

package/dist/tabs/collapsible-more.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import chevronDown from '@jetbrains/icons/chevron-10px';

package/dist/tabs/collapsible-tab.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

package/dist/tabs/dumb-tabs.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -69,42 +69,52 @@ import '../_helpers/button__classes.js';
 import './collapsible-tab.js';
 
 class Tabs extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleSelect", memoize(key => () => this.props.onSelect(key)));
-    _defineProperty(this, "getTabTitle", (child, i) => {
-      if (child == null || typeof child !== 'object' || child.type === CustomItem) {
-        return child;
-      }
-      const {
-        selected
-      } = this.props;
-      const {
-        title,
-        titleProps,
-        id,
-        disabled,
-        href,
-        className,
-        activeClassName
-      } = child.props;
-      const key = id || String(i);
-      const isSelected = key === selected;
-      const titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, {
-        [modules_02138f4a.selected]: isSelected
-      });
-      return /*#__PURE__*/React.createElement(TabLink, _extends({
-        title: title,
-        isSelected: isSelected,
-        key: key,
-        href: href,
-        innerClassName: titleClasses,
-        className: titleClasses,
-        disabled: disabled,
-        onPlainLeftClick: this.handleSelect(key)
-      }, titleProps));
+  static propTypes = {
+    selected: PropTypes.string,
+    className: PropTypes.string,
+    tabContainerClassName: PropTypes.string,
+    href: PropTypes.string,
+    children: PropTypes.node.isRequired,
+    onSelect: PropTypes.func,
+    'data-test': PropTypes.string,
+    autoCollapse: PropTypes.bool
+  };
+  static defaultProps = {
+    onSelect() {}
+  };
+  handleSelect = memoize(key => () => this.props.onSelect(key));
+  getTabTitle = (child, i) => {
+    if (child == null || typeof child !== 'object' || child.type === CustomItem) {
+      return child;
+    }
+    const {
+      selected
+    } = this.props;
+    const {
+      title,
+      titleProps,
+      id,
+      disabled,
+      href,
+      className,
+      activeClassName
+    } = child.props;
+    const key = id || String(i);
+    const isSelected = key === selected;
+    const titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, {
+      [modules_02138f4a.selected]: isSelected
     });
-  }
+    return /*#__PURE__*/React.createElement(TabLink, _extends({
+      title: title,
+      isSelected: isSelected,
+      key: key,
+      href: href,
+      innerClassName: titleClasses,
+      className: titleClasses,
+      disabled: disabled,
+      onPlainLeftClick: this.handleSelect(key)
+    }, titleProps));
+  };
   render() {
     const {
       className,
@@ -135,18 +145,5 @@ class Tabs extends PureComponent {
     })));
   }
 }
-_defineProperty(Tabs, "propTypes", {
-  selected: PropTypes.string,
-  className: PropTypes.string,
-  tabContainerClassName: PropTypes.string,
-  href: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  onSelect: PropTypes.func,
-  'data-test': PropTypes.string,
-  autoCollapse: PropTypes.bool
-});
-_defineProperty(Tabs, "defaultProps", {
-  onSelect() {}
-});
 
 export { CustomItem, Tabs as default };

package/dist/tabs/smart-tabs.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -70,16 +70,21 @@ import './collapsible-tab.js';
 import './custom-item.js';
 
 class SmartTabs extends PureComponent {
+  static propTypes = {
+    children: PropTypes.arrayOf(PropTypes.element).isRequired,
+    initSelected: PropTypes.string,
+    'data-test': PropTypes.string
+  };
   constructor(props) {
     super(props);
-    _defineProperty(this, "state", void 0);
-    _defineProperty(this, "handleSelect", selected => this.setState({
-      selected
-    }));
     this.state = {
       selected: this.props.initSelected || Array.isArray(this.props.children) && this.props.children[0].props.id || '0'
     };
   }
+  state;
+  handleSelect = selected => this.setState({
+    selected
+  });
   render() {
     const {
       children,
@@ -94,10 +99,5 @@ class SmartTabs extends PureComponent {
     }, restProps), children);
   }
 }
-_defineProperty(SmartTabs, "propTypes", {
-  children: PropTypes.arrayOf(PropTypes.element).isRequired,
-  initSelected: PropTypes.string,
-  'data-test': PropTypes.string
-});
 
 export { SmartTabs as default };

package/dist/tabs/tab.js

@@ -1,10 +1,16 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 
 class Tab extends PureComponent {
+  static propTypes = {
+    title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
+    id: PropTypes.string,
+    className: PropTypes.string,
+    children: PropTypes.node,
+    'data-test': PropTypes.string
+  };
   render() {
     const {
       className,
@@ -17,12 +23,5 @@ class Tab extends PureComponent {
     }, children);
   }
 }
-_defineProperty(Tab, "propTypes", {
-  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  id: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
 
 export { Tab as default };

package/dist/tag/tag.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -22,23 +22,36 @@ var modules_2f9be069 = {"unit":"i__const_unit_0","max-height":"20px","tag":"tag_
  * @name Tag
  */
 class Tag extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      focused: false
-    });
-    _defineProperty(this, "onDocumentClick", event => {
-      if (this.tagNode) {
-        this.setState({
-          focused: this.tagNode === event.target
-        });
-      }
-    });
-    _defineProperty(this, "tagNode", void 0);
-    _defineProperty(this, "tagRef", el => {
-      this.tagNode = el;
-    });
-  }
+  static propTypes = {
+    onRemove: PropTypes.func,
+    onClick: PropTypes.func,
+    rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+    icon: PropTypes.string,
+    avatar: PropTypes.string,
+    rgTagTitle: PropTypes.string,
+    readOnly: PropTypes.bool,
+    disabled: PropTypes.bool,
+    focused: PropTypes.bool,
+    angled: PropTypes.bool,
+    backgroundColor: PropTypes.string,
+    textColor: PropTypes.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    render: PropTypes.func
+  };
+  static defaultProps = {
+    onRemove: () => {},
+    onClick: () => {},
+    readOnly: false,
+    disabled: false,
+    focused: false,
+    render: props => /*#__PURE__*/React.createElement("button", _extends({
+      type: "button"
+    }, props))
+  };
+  state = {
+    focused: false
+  };
   componentDidUpdate(prevProps) {
     if (this.props.focused !== prevProps.focused) {
       this.setState({
@@ -56,6 +69,17 @@ class Tag extends PureComponent {
       focused: false
     });
   }
+  onDocumentClick = event => {
+    if (this.tagNode) {
+      this.setState({
+        focused: this.tagNode === event.target
+      });
+    }
+  };
+  tagNode;
+  tagRef = el => {
+    this.tagNode = el;
+  };
   setDocumentClickListener(setListener) {
     if (setListener) {
       document.addEventListener('click', this.onDocumentClick);
@@ -145,32 +169,5 @@ class Tag extends PureComponent {
     }), this.renderRemoveIcon());
   }
 }
-_defineProperty(Tag, "propTypes", {
-  onRemove: PropTypes.func,
-  onClick: PropTypes.func,
-  rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  icon: PropTypes.string,
-  avatar: PropTypes.string,
-  rgTagTitle: PropTypes.string,
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  focused: PropTypes.bool,
-  angled: PropTypes.bool,
-  backgroundColor: PropTypes.string,
-  textColor: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  render: PropTypes.func
-});
-_defineProperty(Tag, "defaultProps", {
-  onRemove: () => {},
-  onClick: () => {},
-  readOnly: false,
-  disabled: false,
-  focused: false,
-  render: props => /*#__PURE__*/React.createElement("button", _extends({
-    type: "button"
-  }, props))
-});
 
 export { Tag as default };