@jetbrains/ring-ui-built 6.0.27 → 6.0.29

package/components/tab-trap/tab-trap.js

@@ -1,17 +1,17 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _assertThisInitialized, l as _toConsumableArray, f as _createClass, g as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper, k as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { isNodeInVisiblePartOfPage } from '../global/dom.js';
+import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_6dce58ae = {"light":"light_rui_2ac4","trapButton":"trapButton_rui_11f0"};
@@ -22,37 +22,35 @@ var FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:
  * @name TabTrap
  */
 var TabTrap = /*#__PURE__*/function (_Component) {
-  _inherits(TabTrap, _Component);
-  var _super = _createSuper(TabTrap);
   function TabTrap() {
     var _this;
     _classCallCheck(this, TabTrap);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "previousFocusedNode", void 0);
-    _defineProperty(_assertThisInitialized(_this), "trapWithoutFocus", void 0);
-    _defineProperty(_assertThisInitialized(_this), "restoreFocus", function () {
-      var _assertThisInitialize = _assertThisInitialized(_this),
-        previousFocusedNode = _assertThisInitialize.previousFocusedNode;
+    _this = _callSuper(this, TabTrap, [].concat(args));
+    _defineProperty(_this, "previousFocusedNode", void 0);
+    _defineProperty(_this, "trapWithoutFocus", void 0);
+    _defineProperty(_this, "restoreFocus", function () {
+      var _this2 = _this,
+        previousFocusedNode = _this2.previousFocusedNode;
       if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
         previousFocusedNode.focus({
           preventScroll: true
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "node", void 0);
-    _defineProperty(_assertThisInitialized(_this), "containerRef", function (node) {
+    _defineProperty(_this, "node", void 0);
+    _defineProperty(_this, "containerRef", function (node) {
       if (!node) {
         return;
       }
       _this.node = node;
     });
-    _defineProperty(_assertThisInitialized(_this), "focusElement", function () {
+    _defineProperty(_this, "focusElement", function () {
       var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var _assertThisInitialize2 = _assertThisInitialized(_this),
-        node = _assertThisInitialize2.node;
+      var _this3 = _this,
+        node = _this3.node;
       if (!node) {
         return;
       }
@@ -64,13 +62,13 @@ var TabTrap = /*#__PURE__*/function (_Component) {
         toBeFocused.focus();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "focusFirst", function () {
+    _defineProperty(_this, "focusFirst", function () {
       return _this.focusElement(true);
     });
-    _defineProperty(_assertThisInitialized(_this), "focusLast", function () {
+    _defineProperty(_this, "focusLast", function () {
       return _this.focusElement(false);
     });
-    _defineProperty(_assertThisInitialized(_this), "focusLastIfEnabled", function (event) {
+    _defineProperty(_this, "focusLastIfEnabled", function (event) {
       if (_this.trapWithoutFocus) {
         return;
       }
@@ -83,7 +81,7 @@ var TabTrap = /*#__PURE__*/function (_Component) {
         _this.focusLast();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleBlurIfWithoutFocus", function (event) {
+    _defineProperty(_this, "handleBlurIfWithoutFocus", function (event) {
       var _this$node;
       if (!_this.trapWithoutFocus) {
         return;
@@ -98,8 +96,8 @@ var TabTrap = /*#__PURE__*/function (_Component) {
       }
       _this.focusLast();
     });
-    _defineProperty(_assertThisInitialized(_this), "trapButtonNode", void 0);
-    _defineProperty(_assertThisInitialized(_this), "trapButtonRef", function (node) {
+    _defineProperty(_this, "trapButtonNode", void 0);
+    _defineProperty(_this, "trapButtonRef", function (node) {
       if (!node) {
         return;
       }
@@ -107,7 +105,8 @@ var TabTrap = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(TabTrap, [{
+  _inherits(TabTrap, _Component);
+  return _createClass(TabTrap, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.previousFocusedNode = document.activeElement;
@@ -161,7 +160,6 @@ var TabTrap = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return TabTrap;
 }(Component);
 _defineProperty(TabTrap, "propTypes", {
   children: PropTypes.node.isRequired,

package/components/table/cell.js

@@ -1,22 +1,21 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, f as _createClass, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } 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';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
+import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
 
 var Cell = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Cell, _PureComponent);
-  var _super = _createSuper(Cell);
   function Cell() {
     _classCallCheck(this, Cell);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Cell, arguments);
   }
-  _createClass(Cell, [{
+  _inherits(Cell, _PureComponent);
+  return _createClass(Cell, [{
     key: "render",
     value: function render() {
       var classes = classNames(modules_1db4bbca.cell, this.props.className);
@@ -26,7 +25,6 @@ var Cell = /*#__PURE__*/function (_PureComponent) {
       }), this.props.children);
     }
   }]);
-  return Cell;
 }(PureComponent);
 _defineProperty(Cell, "propTypes", {
   children: PropTypes.any,

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _assertThisInitialized, f as _createClass, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 React, { PureComponent } from 'react';
@@ -6,26 +6,24 @@ import React, { PureComponent } from 'react';
 function disableHoverHOC(ComposedComponent) {
   var _DisableHover;
   return _DisableHover = /*#__PURE__*/function (_PureComponent) {
-    _inherits(DisableHover, _PureComponent);
-    var _super = _createSuper(DisableHover);
     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 = _super.call.apply(_super, [this].concat(args));
-      _defineProperty(_assertThisInitialized(_this), "state", {
+      _this = _callSuper(this, DisableHover, [].concat(args));
+      _defineProperty(_this, "state", {
         disabledHover: false
       });
-      _defineProperty(_assertThisInitialized(_this), "onMouseMove", function () {
+      _defineProperty(_this, "onMouseMove", function () {
         if (_this.state.disabledHover) {
           _this.setState({
             disabledHover: false
           });
         }
       });
-      _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
+      _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({
@@ -35,7 +33,8 @@ function disableHoverHOC(ComposedComponent) {
       });
       return _this;
     }
-    _createClass(DisableHover, [{
+    _inherits(DisableHover, _PureComponent);
+    return _createClass(DisableHover, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         document.addEventListener('mousemove', this.onMouseMove);
@@ -55,7 +54,6 @@ function disableHoverHOC(ComposedComponent) {
         }));
       }
     }]);
-    return DisableHover;
   }(PureComponent), _defineProperty(_DisableHover, "propTypes", ComposedComponent.propTypes), _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
 }
 

package/components/table/header-cell.d.ts

@@ -10,6 +10,7 @@ export interface Column<T = never> {
     title?: ReactNode;
     getValue?: ((item: T, column: Column) => ReactNode) | null | undefined;
     getDataTest?: ((item: T, column: Column) => string) | null | undefined;
+    colSpan?: number;
 }
 export interface SortParams {
     column: Column;

package/components/table/header-cell.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _assertThisInitialized, f as _createClass, g as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
@@ -18,25 +18,23 @@ 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/web.dom-collections.iterator.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) {
-  _inherits(HeaderCell, _PureComponent);
-  var _super = _createSuper(HeaderCell);
   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];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "sortable", void 0);
-    _defineProperty(_assertThisInitialized(_this), "sorted", void 0);
-    _defineProperty(_assertThisInitialized(_this), "onClick", function () {
+    _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,
@@ -50,7 +48,8 @@ var HeaderCell = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  _createClass(HeaderCell, [{
+  _inherits(HeaderCell, _PureComponent);
+  return _createClass(HeaderCell, [{
     key: "onChildrenClick",
     value: function onChildrenClick(e) {
       e.stopPropagation();
@@ -91,7 +90,6 @@ var HeaderCell = /*#__PURE__*/function (_PureComponent) {
       })));
     }
   }]);
-  return HeaderCell;
 }(PureComponent);
 _defineProperty(HeaderCell, "propTypes", {
   children: PropTypes.any,

package/components/table/header.d.ts

@@ -14,6 +14,7 @@ export interface HeaderProps {
     sortOrder: boolean;
     caption?: string | null | undefined;
     checkboxDisabled?: boolean | undefined;
+    maxColSpan?: number;
 }
 declare module 'react-waypoint' {
     namespace Waypoint {
@@ -50,7 +51,7 @@ export default class Header extends PureComponent<HeaderProps> {
     };
     id: string;
     onCheckboxFocus: (event: SyntheticEvent<HTMLElement>) => void;
-    createCells(widths?: never[]): React.JSX.Element[];
+    createCells(widths?: never[]): (React.JSX.Element | null)[];
     render(): React.JSX.Element;
 }
 export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;

package/components/table/header.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _assertThisInitialized, f as _createClass, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 React, { PureComponent } from 'react';
@@ -21,8 +21,8 @@ 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/web.dom-collections.iterator.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';
@@ -34,24 +34,24 @@ import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 
 var Header = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Header, _PureComponent);
-  var _super = _createSuper(Header);
   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 = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "id", getUID('table-header-'));
-    _defineProperty(_assertThisInitialized(_this), "onCheckboxFocus", function (event) {
+    _this = _callSuper(this, Header, [].concat(args));
+    _defineProperty(_this, "id", getUID('table-header-'));
+    _defineProperty(_this, "onCheckboxFocus", function (event) {
       event.currentTarget.blur();
     });
     return _this;
   }
-  _createClass(Header, [{
+  _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,
@@ -73,6 +73,7 @@ var Header = /*#__PURE__*/function (_PureComponent) {
         onChange: onCheckboxChange,
         onFocus: this.onCheckboxFocus
       }));
+      var colSpan = 0;
       return columns.map(function (column, index) {
         var columnStyle = widths[index] ? {
           width: widths[index]
@@ -84,9 +85,14 @@ var Header = /*#__PURE__*/function (_PureComponent) {
           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
+          "data-test": column.id,
+          colSpan: column.colSpan
         }, props), index === 0 && (draggable || selectable) && metaColumn);
       });
     }
@@ -120,7 +126,6 @@ var Header = /*#__PURE__*/function (_PureComponent) {
       }, regularCells));
     }
   }]);
-  return Header;
 }(PureComponent);
 _defineProperty(Header, "propTypes", {
   caption: PropTypes.string,

package/components/table/multitable.js

@@ -1,26 +1,24 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _assertThisInitialized, f as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import React, { Children, cloneElement, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
 var MultiTable = /*#__PURE__*/function (_PureComponent) {
-  _inherits(MultiTable, _PureComponent);
-  var _super = _createSuper(MultiTable);
   function MultiTable() {
     var _this;
     _classCallCheck(this, MultiTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "onUpPress", function () {
+    _this = _callSuper(this, MultiTable, [].concat(args));
+    _defineProperty(_this, "onUpPress", function () {
       var tables = _this.props.children;
       var tableIndex = tables.findIndex(function (_ref) {
         var selection = _ref.props.selection;
@@ -43,7 +41,7 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
       }
       return false;
     });
-    _defineProperty(_assertThisInitialized(_this), "onDownPress", function () {
+    _defineProperty(_this, "onDownPress", function () {
       var tables = _this.props.children;
       var tableIndex = tables.findIndex(function (_ref2) {
         var selection = _ref2.props.selection;
@@ -66,7 +64,7 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
       }
       return false;
     });
-    _defineProperty(_assertThisInitialized(_this), "onEscPress", function () {
+    _defineProperty(_this, "onEscPress", function () {
       var children = _this.props.children;
       Children.forEach(children, function (_ref3) {
         var _ref3$props = _ref3.props,
@@ -75,7 +73,7 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
         onSelect(selection.reset());
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "onCmdAPress", function () {
+    _defineProperty(_this, "onCmdAPress", function () {
       var children = _this.props.children;
       Children.forEach(children, function (_ref4) {
         var _ref4$props = _ref4.props,
@@ -85,7 +83,7 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
       });
       return false;
     });
-    _defineProperty(_assertThisInitialized(_this), "shortcuts", {
+    _defineProperty(_this, "shortcuts", {
       up: _this.onUpPress,
       down: _this.onDownPress,
       esc: _this.onEscPress,
@@ -94,7 +92,8 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  _createClass(MultiTable, [{
+  _inherits(MultiTable, _PureComponent);
+  return _createClass(MultiTable, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (prevProps.children) {
@@ -131,7 +130,6 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
-  return MultiTable;
 }(PureComponent);
 _defineProperty(MultiTable, "propTypes", {
   children: PropTypes.any.isRequired

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

@@ -1,4 +1,4 @@
-import { a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, d as _assertThisInitialized, f as _createClass, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -26,8 +26,8 @@ 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/web.dom-collections.iterator.js';
 import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
@@ -41,18 +41,18 @@ import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.split.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.string.includes.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.includes.js';
 import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -70,36 +70,35 @@ var getContainer = function getContainer() {
   return focusSensorHOC(Row);
 };
 var RowWithFocusSensorCallbacks = /*#__PURE__*/function (_PureComponent) {
-  _inherits(RowWithFocusSensorCallbacks, _PureComponent);
-  var _super = _createSuper(RowWithFocusSensorCallbacks);
   function RowWithFocusSensorCallbacks() {
     var _this;
     _classCallCheck(this, RowWithFocusSensorCallbacks);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, RowWithFocusSensorCallbacks, [].concat(args));
     // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(_assertThisInitialized(_this), "RowWithFocusSensor", getContainer());
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
+    _defineProperty(_this, "RowWithFocusSensor", getContainer());
+    _defineProperty(_this, "onFocus", function () {
       var _this$props$onFocus, _this$props;
       (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props, _this.props.item);
     });
-    _defineProperty(_assertThisInitialized(_this), "onSelect", function (item, selected) {
+    _defineProperty(_this, "onSelect", function (item, selected) {
       var _this$props$onSelect, _this$props2;
       (_this$props$onSelect = (_this$props2 = _this.props).onSelect) === null || _this$props$onSelect === void 0 || _this$props$onSelect.call(_this$props2, item, selected);
     });
-    _defineProperty(_assertThisInitialized(_this), "onCollapse", function () {
+    _defineProperty(_this, "onCollapse", function () {
       var _this$props$onCollaps, _this$props3;
       (_this$props$onCollaps = (_this$props3 = _this.props).onCollapse) === null || _this$props$onCollaps === void 0 || _this$props$onCollaps.call(_this$props3, _this.props.item);
     });
-    _defineProperty(_assertThisInitialized(_this), "onExpand", function () {
+    _defineProperty(_this, "onExpand", function () {
       var _this$props$onExpand, _this$props4;
       (_this$props$onExpand = (_this$props4 = _this.props).onExpand) === null || _this$props$onExpand === void 0 || _this$props$onExpand.call(_this$props4, _this.props.item);
     });
     return _this;
   }
-  _createClass(RowWithFocusSensorCallbacks, [{
+  _inherits(RowWithFocusSensorCallbacks, _PureComponent);
+  return _createClass(RowWithFocusSensorCallbacks, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(this.RowWithFocusSensor, _extends({}, this.props, {
@@ -110,7 +109,6 @@ var RowWithFocusSensorCallbacks = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
-  return RowWithFocusSensorCallbacks;
 }(PureComponent);
 RowWithFocusSensorCallbacks.propTypes = Row.propTypes;
 

package/components/table/row.d.ts

@@ -4,7 +4,8 @@ import { Column } from './header-cell';
 import { SelectionItem } from './selection';
 export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<HTMLTableRowElement>, 'onClick' | 'onDoubleClick' | 'onSelect'>, FocusSensorAddProps<HTMLTableRowElement> {
     item: T;
-    columns: readonly Column<T>[];
+    columns: readonly Column<T>[] | ((item: T) => readonly Column<T>[]);
+    maxColSpan?: number;
     selectable: boolean;
     showFocus: boolean;
     draggable: boolean;