@jetbrains/ring-ui-built 6.0.31 → 6.0.32

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

@@ -1,60 +1,42 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.includes.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 
 function disableHoverHOC(ComposedComponent) {
-  var _DisableHover;
-  return _DisableHover = /*#__PURE__*/function (_PureComponent) {
-    function DisableHover() {
-      var _this;
-      _classCallCheck(this, DisableHover);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _callSuper(this, DisableHover, [].concat(args));
-      _defineProperty(_this, "state", {
-        disabledHover: false
-      });
-      _defineProperty(_this, "onMouseMove", function () {
-        if (_this.state.disabledHover) {
-          _this.setState({
-            disabledHover: false
-          });
-        }
-      });
-      _defineProperty(_this, "onKeyDown", function (e) {
-        var metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
-        if (!_this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
-          _this.setState({
-            disabledHover: true
-          });
-        }
-      });
-      return _this;
+  return class DisableHover extends PureComponent {
+    static propTypes = ComposedComponent.propTypes;
+    static defaultProps = ComposedComponent.defaultProps;
+    state = {
+      disabledHover: false
+    };
+    componentDidMount() {
+      document.addEventListener('mousemove', this.onMouseMove);
+      document.addEventListener('keydown', this.onKeyDown, true);
     }
-    _inherits(DisableHover, _PureComponent);
-    return _createClass(DisableHover, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        document.addEventListener('mousemove', this.onMouseMove);
-        document.addEventListener('keydown', this.onKeyDown, true);
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        document.removeEventListener('mousemove', this.onMouseMove);
-        document.removeEventListener('keydown', this.onKeyDown, true);
+    componentWillUnmount() {
+      document.removeEventListener('mousemove', this.onMouseMove);
+      document.removeEventListener('keydown', this.onKeyDown, true);
+    }
+    onMouseMove = () => {
+      if (this.state.disabledHover) {
+        this.setState({
+          disabledHover: false
+        });
       }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.props, {
-          disabledHover: this.state.disabledHover
-        }));
+    };
+    onKeyDown = e => {
+      const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
+      if (!this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
+        this.setState({
+          disabledHover: true
+        });
       }
-    }]);
-  }(PureComponent), _defineProperty(_DisableHover, "propTypes", ComposedComponent.propTypes), _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
+    };
+    render() {
+      return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.props, {
+        disabledHover: this.state.disabledHover
+      }));
+    }
+  };
 }
 
 export { disableHoverHOC as default };

package/components/table/header-cell.js

@@ -1,5 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,97 +10,73 @@ import { m as modules_1db4bbca } from '../_helpers/table.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 
-var _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"];
-var HeaderCell = /*#__PURE__*/function (_PureComponent) {
-  function HeaderCell() {
-    var _this;
-    _classCallCheck(this, HeaderCell);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class HeaderCell extends PureComponent {
+  static propTypes = {
+    children: PropTypes.any,
+    className: PropTypes.string,
+    column: PropTypes.object.isRequired,
+    onSort: PropTypes.func,
+    sortKey: PropTypes.string,
+    sortOrder: PropTypes.bool,
+    'data-test': PropTypes.string
+  };
+  static defaultProps = {
+    onSort: () => {}
+  };
+  sortable;
+  sorted;
+  onClick = () => {
+    if (this.sortable) {
+      const {
+        column,
+        onSort,
+        sortOrder
+      } = this.props;
+      onSort({
+        column,
+        order: !(this.sorted && sortOrder)
+      });
     }
-    _this = _callSuper(this, HeaderCell, [].concat(args));
-    _defineProperty(_this, "sortable", void 0);
-    _defineProperty(_this, "sorted", void 0);
-    _defineProperty(_this, "onClick", function () {
-      if (_this.sortable) {
-        var _this$props = _this.props,
-          column = _this$props.column,
-          onSort = _this$props.onSort,
-          sortOrder = _this$props.sortOrder;
-        onSort({
-          column,
-          order: !(_this.sorted && sortOrder)
-        });
-      }
+  };
+  onChildrenClick(e) {
+    e.stopPropagation();
+  }
+  render() {
+    const {
+      className,
+      column,
+      onSort,
+      sortKey,
+      sortOrder,
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
+    this.sortable = column.sortable === true;
+    this.sorted = sortKey === column.id;
+    const glyph = this.sorted ? chevronDown : sortableIcon;
+    const classes = classNames(className, column.headerClassName, {
+      [modules_1db4bbca.headerCell]: true,
+      [modules_1db4bbca.headerCellSortable]: this.sortable,
+      [modules_1db4bbca.headerCellSorted]: this.sorted,
+      [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
+      [modules_1db4bbca.cellRight]: column.rightAlign
     });
-    return _this;
+    return /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
+      className: classes,
+      onClick: this.onClick,
+      "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest)
+    }), /*#__PURE__*/React.createElement("span", {
+      onClick: this.onChildrenClick,
+      role: "presentation"
+    }, this.props.children), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/React.createElement("span", {
+      className: modules_1db4bbca.sorter
+    }, /*#__PURE__*/React.createElement(Icon, {
+      glyph: glyph,
+      className: modules_1db4bbca.icon
+    })));
   }
-  _inherits(HeaderCell, _PureComponent);
-  return _createClass(HeaderCell, [{
-    key: "onChildrenClick",
-    value: function onChildrenClick(e) {
-      e.stopPropagation();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        className = _this$props2.className,
-        column = _this$props2.column;
-        _this$props2.onSort;
-        var sortKey = _this$props2.sortKey,
-        sortOrder = _this$props2.sortOrder,
-        dataTest = _this$props2['data-test'],
-        restProps = _objectWithoutProperties(_this$props2, _excluded);
-      this.sortable = column.sortable === true;
-      this.sorted = sortKey === column.id;
-      var glyph = this.sorted ? chevronDown : sortableIcon;
-      var classes = classNames(className, column.headerClassName, {
-        [modules_1db4bbca.headerCell]: true,
-        [modules_1db4bbca.headerCellSortable]: this.sortable,
-        [modules_1db4bbca.headerCellSorted]: this.sorted,
-        [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
-        [modules_1db4bbca.cellRight]: column.rightAlign
-      });
-      return /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
-        className: classes,
-        onClick: this.onClick,
-        "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest)
-      }), /*#__PURE__*/React.createElement("span", {
-        onClick: this.onChildrenClick,
-        role: "presentation"
-      }, this.props.children), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/React.createElement("span", {
-        className: modules_1db4bbca.sorter
-      }, /*#__PURE__*/React.createElement(Icon, {
-        glyph: glyph,
-        className: modules_1db4bbca.icon
-      })));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(HeaderCell, "propTypes", {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  column: PropTypes.object.isRequired,
-  onSort: PropTypes.func,
-  sortKey: PropTypes.string,
-  sortOrder: PropTypes.bool,
-  'data-test': PropTypes.string
-});
-_defineProperty(HeaderCell, "defaultProps", {
-  onSort: function onSort() {}
-});
+}
 
 export { HeaderCell as default };

package/components/table/header.js

@@ -1,6 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,143 +12,117 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '@jetbrains/icons/unsorted-10px';
 import '@jetbrains/icons/chevron-10px';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 
-var Header = /*#__PURE__*/function (_PureComponent) {
-  function Header() {
-    var _this;
-    _classCallCheck(this, Header);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Header, [].concat(args));
-    _defineProperty(_this, "id", getUID('table-header-'));
-    _defineProperty(_this, "onCheckboxFocus", function (event) {
-      event.currentTarget.blur();
+class Header extends PureComponent {
+  static propTypes = {
+    caption: PropTypes.string,
+    selectable: PropTypes.bool,
+    draggable: PropTypes.bool,
+    checked: PropTypes.bool,
+    checkboxDisabled: PropTypes.bool,
+    sticky: PropTypes.bool,
+    topStickOffset: PropTypes.string,
+    onCheckboxChange: PropTypes.func,
+    columns: PropTypes.array.isRequired,
+    onSort: PropTypes.func,
+    sortKey: PropTypes.string,
+    sortOrder: PropTypes.bool
+  };
+  static defaultProps = {
+    selectable: true,
+    draggable: false,
+    checked: true,
+    sticky: true,
+    topStickOffset: '0px',
+    onSort: () => {},
+    onCheckboxChange: () => {},
+    sortKey: 'id',
+    sortOrder: true
+  };
+  id = getUID('table-header-');
+  onCheckboxFocus = event => {
+    event.currentTarget.blur();
+  };
+  createCells() {
+    let widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    const {
+      selectable,
+      draggable,
+      columns,
+      checked,
+      checkboxDisabled,
+      onCheckboxChange,
+      onSort,
+      sortKey,
+      sortOrder
+    } = this.props;
+    const metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
+    const metaColumn = /*#__PURE__*/React.createElement("div", {
+      className: metaColumnClasses
+    }, selectable && /*#__PURE__*/React.createElement(Checkbox, {
+      "aria-labelledby": this.id,
+      disabled: checkboxDisabled,
+      checked: checked,
+      onChange: onCheckboxChange,
+      onFocus: this.onCheckboxFocus
+    }));
+    let colSpan = 0;
+    return columns.map((column, index) => {
+      const columnStyle = widths[index] ? {
+        width: widths[index]
+      } : undefined;
+      const props = {
+        column,
+        onSort,
+        sortKey,
+        sortOrder,
+        style: columnStyle
+      };
+      colSpan += column.colSpan || 1;
+      if (colSpan > (this.props.maxColSpan || Infinity)) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(HeaderCell, _extends({
+        key: column.id,
+        "data-test": column.id,
+        colSpan: column.colSpan
+      }, props), index === 0 && (draggable || selectable) && metaColumn);
     });
-    return _this;
   }
-  _inherits(Header, _PureComponent);
-  return _createClass(Header, [{
-    key: "createCells",
-    value: function createCells() {
-      var _this2 = this;
-      var widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var _this$props = this.props,
-        selectable = _this$props.selectable,
-        draggable = _this$props.draggable,
-        columns = _this$props.columns,
-        checked = _this$props.checked,
-        checkboxDisabled = _this$props.checkboxDisabled,
-        onCheckboxChange = _this$props.onCheckboxChange,
-        onSort = _this$props.onSort,
-        sortKey = _this$props.sortKey,
-        sortOrder = _this$props.sortOrder;
-      var metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
-      var metaColumn = /*#__PURE__*/React.createElement("div", {
-        className: metaColumnClasses
-      }, selectable && /*#__PURE__*/React.createElement(Checkbox, {
-        "aria-labelledby": this.id,
-        disabled: checkboxDisabled,
-        checked: checked,
-        onChange: onCheckboxChange,
-        onFocus: this.onCheckboxFocus
-      }));
-      var colSpan = 0;
-      return columns.map(function (column, index) {
-        var columnStyle = widths[index] ? {
-          width: widths[index]
-        } : undefined;
-        var props = {
-          column,
-          onSort,
-          sortKey,
-          sortOrder,
-          style: columnStyle
-        };
-        colSpan += column.colSpan || 1;
-        if (colSpan > (_this2.props.maxColSpan || Infinity)) {
-          return null;
-        }
-        return /*#__PURE__*/React.createElement(HeaderCell, _extends({
-          key: column.id,
-          "data-test": column.id,
-          colSpan: column.colSpan
-        }, props), index === 0 && (draggable || selectable) && metaColumn);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        caption = _this$props2.caption,
-        sticky = _this$props2.sticky,
-        topStickOffset = _this$props2.topStickOffset;
-      var regularCells = this.createCells();
-      return /*#__PURE__*/React.createElement("thead", {
-        id: this.id,
-        "data-test": "ring-table-header",
-        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)), /*#__PURE__*/React.createElement("tr", {
-        className: modules_1db4bbca.subHeader,
-        "data-test": "ring-table-header-row"
-      }, regularCells));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Header, "propTypes", {
-  caption: PropTypes.string,
-  selectable: PropTypes.bool,
-  draggable: PropTypes.bool,
-  checked: PropTypes.bool,
-  checkboxDisabled: PropTypes.bool,
-  sticky: PropTypes.bool,
-  topStickOffset: PropTypes.string,
-  onCheckboxChange: PropTypes.func,
-  columns: PropTypes.array.isRequired,
-  onSort: PropTypes.func,
-  sortKey: PropTypes.string,
-  sortOrder: PropTypes.bool
-});
-_defineProperty(Header, "defaultProps", {
-  selectable: true,
-  draggable: false,
-  checked: true,
-  sticky: true,
-  topStickOffset: '0px',
-  onSort: function onSort() {},
-  onCheckboxChange: function onCheckboxChange() {},
-  sortKey: 'id',
-  sortOrder: true
-});
+  render() {
+    const {
+      caption,
+      sticky,
+      topStickOffset
+    } = this.props;
+    const regularCells = this.createCells();
+    return /*#__PURE__*/React.createElement("thead", {
+      id: this.id,
+      "data-test": "ring-table-header",
+      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)), /*#__PURE__*/React.createElement("tr", {
+      className: modules_1db4bbca.subHeader,
+      "data-test": "ring-table-header-row"
+    }, regularCells));
+  }
+}
 
 export { Header as default };