@jetbrains/ring-ui-built 6.0.30 → 6.0.32

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

@@ -1,178 +1,147 @@
-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 { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.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/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 FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
 /**
  * @name TabTrap
  */
-var TabTrap = /*#__PURE__*/function (_Component) {
-  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];
+class TabTrap extends Component {
+  static propTypes = {
+    children: PropTypes.node.isRequired,
+    trapDisabled: PropTypes.bool,
+    autoFocusFirst: PropTypes.bool,
+    focusBackOnClose: PropTypes.bool,
+    focusBackOnExit: PropTypes.bool
+  };
+  static defaultProps = {
+    trapDisabled: false,
+    autoFocusFirst: true,
+    focusBackOnClose: true,
+    focusBackOnExit: false
+  };
+  componentDidMount() {
+    this.previousFocusedNode = document.activeElement;
+    if (this.props.autoFocusFirst) {
+      this.focusFirst();
+    } else if (!this.props.trapDisabled && (!this.node || !this.node.contains(this.previousFocusedNode))) {
+      this.trapWithoutFocus = true;
+      this.trapButtonNode?.focus();
     }
-    _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(_this, "node", void 0);
-    _defineProperty(_this, "containerRef", function (node) {
-      if (!node) {
-        return;
-      }
-      _this.node = node;
-    });
-    _defineProperty(_this, "focusElement", function () {
-      var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var _this3 = _this,
-        node = _this3.node;
+  }
+  componentWillUnmount() {
+    if (this.props.focusBackOnClose) {
+      this.restoreFocus();
+    }
+  }
+  previousFocusedNode;
+  trapWithoutFocus;
+  restoreFocus = () => {
+    const {
+      previousFocusedNode
+    } = this;
+    if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
+      previousFocusedNode.focus({
+        preventScroll: true
+      });
+    }
+  };
+  node;
+  containerRef = node => {
+    if (!node) {
+      return;
+    }
+    this.node = node;
+  };
+  focusElement = (() => {
+    var _this = this;
+    return function () {
+      let first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      const {
+        node
+      } = _this;
       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();
       }
-    });
-    _defineProperty(_this, "focusFirst", function () {
-      return _this.focusElement(true);
-    });
-    _defineProperty(_this, "focusLast", function () {
-      return _this.focusElement(false);
-    });
-    _defineProperty(_this, "focusLastIfEnabled", function (event) {
-      if (_this.trapWithoutFocus) {
-        return;
-      }
-      if (_this.props.focusBackOnExit) {
-        var prevFocused = event.nativeEvent.relatedTarget;
-        if (prevFocused != null && _this.node != null && prevFocused instanceof Element && _this.node.contains(prevFocused)) {
-          _this.restoreFocus();
-        }
-      } else {
-        _this.focusLast();
-      }
-    });
-    _defineProperty(_this, "handleBlurIfWithoutFocus", function (event) {
-      var _this$node;
-      if (!_this.trapWithoutFocus) {
-        return;
-      }
-      _this.trapWithoutFocus = false;
-      var newFocused = event.nativeEvent.relatedTarget;
-      if (!newFocused) {
-        return;
-      }
-      if (newFocused instanceof Element && (_this$node = _this.node) !== null && _this$node !== void 0 && _this$node.contains(newFocused)) {
-        return;
-      }
-      _this.focusLast();
-    });
-    _defineProperty(_this, "trapButtonNode", void 0);
-    _defineProperty(_this, "trapButtonRef", function (node) {
-      if (!node) {
-        return;
-      }
-      _this.trapButtonNode = node;
-    });
-    return _this;
-  }
-  _inherits(TabTrap, _Component);
-  return _createClass(TabTrap, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.previousFocusedNode = document.activeElement;
-      if (this.props.autoFocusFirst) {
-        this.focusFirst();
-      } else if (!this.props.trapDisabled && (!this.node || !this.node.contains(this.previousFocusedNode))) {
-        var _this$trapButtonNode;
-        this.trapWithoutFocus = true;
-        (_this$trapButtonNode = this.trapButtonNode) === null || _this$trapButtonNode === void 0 || _this$trapButtonNode.focus();
-      }
+    };
+  })();
+  focusFirst = () => this.focusElement(true);
+  focusLast = () => this.focusElement(false);
+  focusLastIfEnabled = event => {
+    if (this.trapWithoutFocus) {
+      return;
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.props.focusBackOnClose) {
+    if (this.props.focusBackOnExit) {
+      const prevFocused = event.nativeEvent.relatedTarget;
+      if (prevFocused != null && this.node != null && prevFocused instanceof Element && this.node.contains(prevFocused)) {
         this.restoreFocus();
       }
+    } else {
+      this.focusLast();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        trapDisabled = _this$props.trapDisabled;
-        _this$props.autoFocusFirst;
-        _this$props.focusBackOnClose;
-        var focusBackOnExit = _this$props.focusBackOnExit,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      if (trapDisabled) {
-        return /*#__PURE__*/React.createElement("div", _extends({
-          ref: this.containerRef
-        }, restProps), children);
-      }
+  };
+  handleBlurIfWithoutFocus = event => {
+    if (!this.trapWithoutFocus) {
+      return;
+    }
+    this.trapWithoutFocus = false;
+    const newFocused = event.nativeEvent.relatedTarget;
+    if (!newFocused) {
+      return;
+    }
+    if (newFocused instanceof Element && this.node?.contains(newFocused)) {
+      return;
+    }
+    this.focusLast();
+  };
+  trapButtonNode;
+  trapButtonRef = node => {
+    if (!node) {
+      return;
+    }
+    this.trapButtonNode = node;
+  };
+  render() {
+    const {
+      children,
+      trapDisabled,
+      autoFocusFirst,
+      focusBackOnClose,
+      focusBackOnExit,
+      ...restProps
+    } = this.props;
+    if (trapDisabled) {
       return /*#__PURE__*/React.createElement("div", _extends({
         ref: this.containerRef
-      }, restProps), /*#__PURE__*/React.createElement("div", {
-        // It never actually stays focused
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex: 0,
-        ref: this.trapButtonRef,
-        className: modules_6dce58ae.trapButton,
-        onFocus: this.focusLastIfEnabled,
-        onBlur: this.handleBlurIfWithoutFocus,
-        "data-trap-button": true
-      }), children, /*#__PURE__*/React.createElement("div", {
-        // It never actually stays focused
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex: 0,
-        onFocus: focusBackOnExit ? this.restoreFocus : this.focusFirst,
-        "data-trap-button": true
-      }));
+      }, restProps), children);
     }
-  }]);
-}(Component);
-_defineProperty(TabTrap, "propTypes", {
-  children: PropTypes.node.isRequired,
-  trapDisabled: PropTypes.bool,
-  autoFocusFirst: PropTypes.bool,
-  focusBackOnClose: PropTypes.bool,
-  focusBackOnExit: PropTypes.bool
-});
-_defineProperty(TabTrap, "defaultProps", {
-  trapDisabled: false,
-  autoFocusFirst: true,
-  focusBackOnClose: true,
-  focusBackOnExit: false
-});
+    return /*#__PURE__*/React.createElement("div", _extends({
+      ref: this.containerRef
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      // It never actually stays focused
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      tabIndex: 0,
+      ref: this.trapButtonRef,
+      className: modules_6dce58ae.trapButton,
+      onFocus: this.focusLastIfEnabled,
+      onBlur: this.handleBlurIfWithoutFocus,
+      "data-trap-button": true
+    }), children, /*#__PURE__*/React.createElement("div", {
+      // It never actually stays focused
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      tabIndex: 0,
+      onFocus: focusBackOnExit ? this.restoreFocus : this.focusFirst,
+      "data-trap-button": true
+    }));
+  }
+}
 
 export { FOCUSABLE_ELEMENTS, TabTrap as default };

package/components/table/cell.js

@@ -1,35 +1,23 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } 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';
 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.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 
-var Cell = /*#__PURE__*/function (_PureComponent) {
-  function Cell() {
-    _classCallCheck(this, Cell);
-    return _callSuper(this, Cell, arguments);
+class Cell extends PureComponent {
+  static propTypes = {
+    children: PropTypes.any,
+    className: PropTypes.string,
+    'data-test': PropTypes.string
+  };
+  render() {
+    const classes = classNames(modules_1db4bbca.cell, this.props.className);
+    return /*#__PURE__*/React.createElement("td", _extends({}, this.props, {
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test'])
+    }), 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__*/React.createElement("td", _extends({}, this.props, {
-        className: classes,
-        "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test'])
-      }), 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.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 };