@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.10

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

@@ -1,40 +1,29 @@
-import { c as _objectWithoutProperties, j as _toConsumableArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.to-string.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { forwardRef, useRef, useImperativeHandle, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { isNodeInVisiblePartOfPage } from '../global/dom.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.entries.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"};
 
-var _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
-var FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
+const _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
+const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
 // eslint-disable-next-line @typescript-eslint/no-shadow
-var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
-  var children = _ref.children,
-    _ref$trapDisabled = _ref.trapDisabled,
-    trapDisabled = _ref$trapDisabled === void 0 ? false : _ref$trapDisabled,
-    _ref$autoFocusFirst = _ref.autoFocusFirst,
-    autoFocusFirst = _ref$autoFocusFirst === void 0 ? true : _ref$autoFocusFirst,
-    _ref$focusBackOnClose = _ref.focusBackOnClose,
-    focusBackOnClose = _ref$focusBackOnClose === void 0 ? true : _ref$focusBackOnClose,
-    _ref$focusBackOnExit = _ref.focusBackOnExit,
-    focusBackOnExit = _ref$focusBackOnExit === void 0 ? false : _ref$focusBackOnExit,
+const TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
+  let {
+      children,
+      trapDisabled = false,
+      autoFocusFirst = true,
+      focusBackOnClose = true,
+      focusBackOnExit = false
+    } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  var nodeRef = useRef(null);
-  var trapButtonNodeRef = useRef(null);
-  var previousFocusedNodeRef = useRef(null);
-  var trapWithoutFocusRef = useRef(false);
-  var mountedRef = useRef(false);
+  const nodeRef = useRef(null);
+  const trapButtonNodeRef = useRef(null);
+  const previousFocusedNodeRef = useRef(null);
+  const trapWithoutFocusRef = useRef(false);
+  const mountedRef = useRef(false);
   // It's the same approach as in focus-trap-react:
   // https://github.com/focus-trap/focus-trap-react/commit/3b22fca9eebeb883edc89548850fe5a5b9d6d50e
   // We can't do it in useEffect because it's too late, some children might have already
@@ -42,46 +31,40 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
   if (previousFocusedNodeRef.current === null) {
     previousFocusedNodeRef.current = document.activeElement;
   }
-  useImperativeHandle(ref, function () {
-    return {
-      node: nodeRef.current
-    };
-  }, []);
-  var focusFirst = useCallback(function () {
-    return focusElement(true);
-  }, []);
-  var focusLast = function focusLast() {
-    return focusElement(false);
-  };
-  useEffect(function () {
+  useImperativeHandle(ref, () => ({
+    node: nodeRef.current
+  }), []);
+  const focusFirst = useCallback(() => focusElement(true), []);
+  const focusLast = () => focusElement(false);
+  useEffect(() => {
     mountedRef.current = true;
-    return function () {
+    return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (autoFocusFirst) {
       focusFirst();
     } else if (!trapDisabled) {
       var _nodeRef$current, _nodeRef$current2;
-      var previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.contains(previousFocusedNodeRef.current));
+      const previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.contains(previousFocusedNodeRef.current));
       // The component wrapped in TabTrap can already have a focused element (e.g. Date Picker),
       // so we need to check if it does. If so, we don't need to focus anything.
-      var currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === void 0 ? void 0 : _nodeRef$current2.contains(document.activeElement);
+      const currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === void 0 ? void 0 : _nodeRef$current2.contains(document.activeElement);
       if (!nodeRef.current || !previousFocusedElementIsInContainer && !currentlyFocusedElementIsInContainer) {
         var _trapButtonNodeRef$cu;
         trapWithoutFocusRef.current = true;
         (_trapButtonNodeRef$cu = trapButtonNodeRef.current) === null || _trapButtonNodeRef$cu === void 0 || _trapButtonNodeRef$cu.focus();
       }
     }
-    return function () {
+    return () => {
       if (focusBackOnClose) {
         restoreFocus();
       }
     };
   }, [autoFocusFirst, trapDisabled, focusBackOnClose, focusFirst]);
   function restoreFocus() {
-    var previousFocusedNode = previousFocusedNodeRef.current;
+    const previousFocusedNode = previousFocusedNodeRef.current;
     if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
       // This is to prevent the focus from being restored the first time
       // componentWillUnmount is called in StrictMode.
@@ -93,15 +76,13 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
     }
   }
   function focusElement() {
-    var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var node = nodeRef.current;
+    let first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    const node = nodeRef.current;
     if (!node) {
       return;
     }
-    var tabables = _toConsumableArray(node.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(function (item) {
-      return item.tabIndex >= 0;
-    });
-    var toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
+    const tabables = [...node.querySelectorAll(FOCUSABLE_ELEMENTS)].filter(item => item.tabIndex >= 0);
+    const toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
     if (toBeFocused) {
       toBeFocused.focus();
     }
@@ -111,7 +92,7 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
       return;
     }
     if (focusBackOnExit) {
-      var prevFocused = event.nativeEvent.relatedTarget;
+      const prevFocused = event.nativeEvent.relatedTarget;
       if (prevFocused != null && nodeRef.current != null && prevFocused instanceof Element && nodeRef.current.contains(prevFocused)) {
         restoreFocus();
       }
@@ -125,7 +106,7 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
       return;
     }
     trapWithoutFocusRef.current = false;
-    var newFocused = event.nativeEvent.relatedTarget;
+    const newFocused = event.nativeEvent.relatedTarget;
     if (!newFocused) {
       return;
     }
@@ -162,12 +143,5 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
     })]
   }));
 });
-TabTrap.propTypes = {
-  children: PropTypes.node.isRequired,
-  trapDisabled: PropTypes.bool,
-  autoFocusFirst: PropTypes.bool,
-  focusBackOnClose: PropTypes.bool,
-  focusBackOnExit: PropTypes.bool
-};
 
 export { FOCUSABLE_ELEMENTS, TabTrap as default };

package/components/table/cell.d.ts

@@ -1,13 +1,7 @@
 import { PureComponent, TdHTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface CellProps extends TdHTMLAttributes<HTMLTableDataCellElement> {
     'data-test'?: string | null | undefined;
 }
 export default class Cell extends PureComponent<CellProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/table/cell.js

@@ -1,37 +1,21 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { 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 { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var Cell = /*#__PURE__*/function (_PureComponent) {
-  function Cell() {
-    _classCallCheck(this, Cell);
-    return _callSuper(this, Cell, arguments);
+class Cell extends PureComponent {
+  render() {
+    const classes = classNames(modules_1db4bbca.cell, this.props.className);
+    return /*#__PURE__*/jsx("td", _objectSpread2(_objectSpread2({}, this.props), {}, {
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test']),
+      children: this.props.children
+    }));
   }
-  _inherits(Cell, _PureComponent);
-  return _createClass(Cell, [{
-    key: "render",
-    value: function render() {
-      var classes = classNames(modules_1db4bbca.cell, this.props.className);
-      return /*#__PURE__*/jsx("td", _objectSpread2(_objectSpread2({}, this.props), {}, {
-        className: classes,
-        "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test']),
-        children: this.props.children
-      }));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Cell, "propTypes", {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
+}
 
 export { Cell as default };

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

@@ -14,7 +14,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         onKeyDown: (e: KeyboardEvent) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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>>;
         refs: {
@@ -22,7 +22,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         };
         shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any | null;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -41,7 +41,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         onKeyDown: (e: KeyboardEvent) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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>>;
         refs: {
@@ -49,7 +49,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         };
         shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any | null;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -58,7 +58,6 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         componentWillUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    propTypes: import("react").WeakValidationMap<P> | undefined;
     defaultProps: Partial<P> | undefined;
     contextType?: import("react").Context<any> | undefined;
 };

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

@@ -1,61 +1,46 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.includes.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 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", {
+  return _DisableHover = class DisableHover extends PureComponent {
+    constructor() {
+      super(...arguments);
+      _defineProperty(this, "state", {
         disabledHover: false
       });
-      _defineProperty(_this, "onMouseMove", function () {
-        if (_this.state.disabledHover) {
-          _this.setState({
+      _defineProperty(this, "onMouseMove", () => {
+        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({
+      _defineProperty(this, "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
           });
         }
       });
-      return _this;
     }
-    _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);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.props), {}, {
-          disabledHover: this.state.disabledHover
-        }));
-      }
-    }]);
-  }(PureComponent), _defineProperty(_DisableHover, "propTypes", ComposedComponent.propTypes), _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
+    componentDidMount() {
+      document.addEventListener('mousemove', this.onMouseMove);
+      document.addEventListener('keydown', this.onKeyDown, true);
+    }
+    componentWillUnmount() {
+      document.removeEventListener('mousemove', this.onMouseMove);
+      document.removeEventListener('keydown', this.onKeyDown, true);
+    }
+    render() {
+      return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.props), {}, {
+        disabledHover: this.state.disabledHover
+      }));
+    }
+  }, _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
 }
 
 export { disableHoverHOC as default };

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

@@ -1,5 +1,4 @@
 import { PureComponent, ReactNode, SyntheticEvent, ThHTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface Column<T = never> {
     id: string;
     sortable?: boolean | null | undefined;
@@ -24,15 +23,6 @@ export interface HeaderCellProps extends ThHTMLAttributes<HTMLTableHeaderCellEle
     'data-test'?: string | null | undefined;
 }
 export default class HeaderCell extends PureComponent<HeaderCellProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        column: PropTypes.Validator<object>;
-        onSort: PropTypes.Requireable<(...args: any[]) => any>;
-        sortKey: PropTypes.Requireable<string>;
-        sortOrder: PropTypes.Requireable<boolean>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         onSort: () => void;
     };

package/components/table/header-cell.js

@@ -1,7 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import sortableIcon from '@jetbrains/icons/unsorted-10px';
 import chevronDown from '@jetbrains/icons/chevron-10px';
@@ -14,98 +13,73 @@ 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];
-    }
-    _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;
+const _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"];
+class HeaderCell extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "sortable", void 0);
+    _defineProperty(this, "sorted", void 0);
+    _defineProperty(this, "onClick", () => {
+      if (this.sortable) {
+        const {
+          column,
+          onSort,
+          sortOrder
+        } = this.props;
         onSort({
           column,
-          order: !(_this.sorted && sortOrder)
+          order: !(this.sorted && sortOrder)
         });
       }
     });
-    return _this;
   }
-  _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__*/jsxs("th", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        onClick: this.onClick,
-        "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest),
-        children: [/*#__PURE__*/jsx("span", {
-          onClick: this.onChildrenClick,
-          role: "presentation",
-          children: this.props.children
-        }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/jsx("span", {
-          className: modules_1db4bbca.sorter,
-          children: /*#__PURE__*/jsx(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
-});
+  onChildrenClick(e) {
+    e.stopPropagation();
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        column,
+        onSort,
+        sortKey,
+        sortOrder,
+        'data-test': dataTest
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    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 /*#__PURE__*/jsxs("th", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      onClick: this.onClick,
+      "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest),
+      children: [/*#__PURE__*/jsx("span", {
+        onClick: this.onChildrenClick,
+        role: "presentation",
+        children: this.props.children
+      }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/jsx("span", {
+        className: modules_1db4bbca.sorter,
+        children: /*#__PURE__*/jsx(Icon, {
+          glyph: glyph,
+          className: modules_1db4bbca.icon
+        })
+      })]
+    }));
+  }
+}
 _defineProperty(HeaderCell, "defaultProps", {
-  onSort: function onSort() {}
+  onSort: () => {}
 });
 
 export { HeaderCell as default };

package/components/table/header.d.ts

@@ -1,5 +1,4 @@
-import { ChangeEventHandler, PureComponent, ReactNode, SyntheticEvent } from 'react';
-import PropTypes from 'prop-types';
+import { ChangeEventHandler, PureComponent, SyntheticEvent } from 'react';
 import { Column, SortParams } from './header-cell';
 export interface HeaderProps {
     columns: readonly Column[];
@@ -16,28 +15,7 @@ export interface HeaderProps {
     checkboxDisabled?: boolean | undefined;
     maxColSpan?: number;
 }
-declare module 'react-waypoint' {
-    namespace Waypoint {
-        interface WaypointProps {
-            children?: ReactNode;
-        }
-    }
-}
 export default class Header extends PureComponent<HeaderProps> {
-    static propTypes: {
-        caption: PropTypes.Requireable<string>;
-        selectable: PropTypes.Requireable<boolean>;
-        draggable: PropTypes.Requireable<boolean>;
-        checked: PropTypes.Requireable<boolean>;
-        checkboxDisabled: PropTypes.Requireable<boolean>;
-        sticky: PropTypes.Requireable<boolean>;
-        topStickOffset: PropTypes.Requireable<string>;
-        onCheckboxChange: PropTypes.Requireable<(...args: any[]) => any>;
-        columns: PropTypes.Validator<any[]>;
-        onSort: PropTypes.Requireable<(...args: any[]) => any>;
-        sortKey: PropTypes.Requireable<string>;
-        sortOrder: PropTypes.Requireable<boolean>;
-    };
     static defaultProps: {
         selectable: boolean;
         draggable: boolean;