@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

package/dist/_helpers/sidebar.js

@@ -1,109 +1,110 @@
-import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Waypoint } from 'react-waypoint';
 
-var modules_b8a9dd4f = {"unit":"8px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","sidebarWidth":"240px","light":"light_rui_8468","contentLayout":"contentLayout_rui_8468","contentLayoutContent":"contentLayoutContent_rui_8468","sidebarContainer":"sidebarContainer_rui_8468","sidebarContainerRight":"sidebarContainerRight_rui_8468","sidebar":"sidebar_rui_8468","sidebarRight":"sidebarRight_rui_8468","sidebarFixedTop":"sidebarFixedTop_rui_8468","sidebarFixedBottom":"sidebarFixedBottom_rui_8468","bottomMarker":"bottomMarker_rui_8468","contentLayoutResponsive":"contentLayoutResponsive_rui_8468"};
+var modules_b8a9dd4f = {"unit":"i__const_unit_0","extra-small-screen-media":"i__const_extra_small_screen_media_1","small-screen-media":"i__const_small_screen_media_2","sidebarWidth":"240px","light":"light_rui_2ac4","contentLayout":"contentLayout_rui_8468","contentLayoutContent":"contentLayoutContent_rui_8468","sidebarContainer":"sidebarContainer_rui_8468","sidebarContainerRight":"sidebarContainerRight_rui_8468","sidebar":"sidebar_rui_8468","sidebarRight":"sidebarRight_rui_8468","sidebarFixedTop":"sidebarFixedTop_rui_8468","sidebarFixedBottom":"sidebarFixedBottom_rui_8468","bottomMarker":"bottomMarker_rui_8468","contentLayoutResponsive":"contentLayoutResponsive_rui_8468"};
 
-const ABOVE = 'above';
-const INSIDE = 'inside';
-class Sidebar extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var _excluded = ["right", "children", "className", "containerClassName", "fixedClassName", "contentNode"];
+var ABOVE = 'above';
+var INSIDE = 'inside';
+var Sidebar = /*#__PURE__*/function (_Component) {
+  _inherits(Sidebar, _Component);
+  var _super = _createSuper(Sidebar);
+  function Sidebar() {
+    var _this;
+    _classCallCheck(this, Sidebar);
+    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", {
       topIsOutside: true,
       bottomIsOutside: true,
       sidebarVisibleHeight: undefined
     });
-    _defineProperty(this, "sidebarNode", void 0);
-    _defineProperty(this, "handleTopWaypoint", _ref => {
-      let {
-        currentPosition
-      } = _ref;
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "sidebarNode", void 0);
+    _defineProperty(_assertThisInitialized(_this), "handleTopWaypoint", function (_ref) {
+      var currentPosition = _ref.currentPosition;
+      _this.setState({
         topIsOutside: currentPosition === ABOVE
       });
     });
-    _defineProperty(this, "handleBottomWaypoint", _ref2 => {
-      let {
-        currentPosition,
-        waypointTop
-      } = _ref2;
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "handleBottomWaypoint", function (_ref2) {
+      var currentPosition = _ref2.currentPosition,
+        waypointTop = _ref2.waypointTop;
+      _this.setState({
         sidebarVisibleHeight: waypointTop,
         bottomIsOutside: currentPosition !== INSIDE
       });
     });
-    _defineProperty(this, "sidebarRef", node => {
-      this.sidebarNode = node;
+    _defineProperty(_assertThisInitialized(_this), "sidebarRef", function (node) {
+      _this.sidebarNode = node;
     });
+    return _this;
   }
-  shouldUseFixation() {
-    const {
-      contentNode
-    } = this.props;
-    const {
-      sidebarNode
-    } = this;
-    if (!contentNode || !sidebarNode) {
-      return false;
+  _createClass(Sidebar, [{
+    key: "shouldUseFixation",
+    value: function shouldUseFixation() {
+      var contentNode = this.props.contentNode;
+      var sidebarNode = this.sidebarNode;
+      if (!contentNode || !sidebarNode) {
+        return false;
+      }
+      return contentNode.offsetHeight >= sidebarNode.offsetHeight;
     }
-    return contentNode.offsetHeight >= sidebarNode.offsetHeight;
-  }
-  shouldFixateBottom() {
-    const {
-      topIsOutside,
-      bottomIsOutside
-    } = this.state;
-    return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
-  }
-  render() {
-    const {
-      right,
-      children,
-      className,
-      containerClassName,
-      fixedClassName,
-      contentNode,
-      ...restProps
-    } = this.props;
-    const {
-      topIsOutside,
-      bottomIsOutside,
-      sidebarVisibleHeight
-    } = this.state;
-    const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
-    const shouldFixateBottom = this.shouldFixateBottom();
-    const containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, {
-      [modules_b8a9dd4f.sidebarContainerRight]: right
-    });
-    const classes = classNames(modules_b8a9dd4f.sidebar, className, {
-      [modules_b8a9dd4f.sidebarRight]: right,
-      [modules_b8a9dd4f.sidebarFixedTop]: shouldFixateTop,
-      [modules_b8a9dd4f.sidebarFixedBottom]: shouldFixateBottom,
-      [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
-    });
-    const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
-    };
-    return /*#__PURE__*/React.createElement("aside", {
-      className: containerClasses,
-      ref: this.sidebarRef
-    }, /*#__PURE__*/React.createElement(Waypoint, {
-      onEnter: this.handleTopWaypoint,
-      onLeave: this.handleTopWaypoint
-    }), /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      style: style,
-      className: classes
-    }), children), /*#__PURE__*/React.createElement("div", {
-      className: modules_b8a9dd4f.bottomMarker
-    }, /*#__PURE__*/React.createElement(Waypoint, {
-      onEnter: this.handleBottomWaypoint,
-      onLeave: this.handleBottomWaypoint
-    })));
-  }
-}
+  }, {
+    key: "shouldFixateBottom",
+    value: function shouldFixateBottom() {
+      var _this$state = this.state,
+        topIsOutside = _this$state.topIsOutside,
+        bottomIsOutside = _this$state.bottomIsOutside;
+      return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames2;
+      var _this$props = this.props,
+        right = _this$props.right,
+        children = _this$props.children,
+        className = _this$props.className,
+        containerClassName = _this$props.containerClassName,
+        fixedClassName = _this$props.fixedClassName;
+        _this$props.contentNode;
+        var restProps = _objectWithoutProperties(_this$props, _excluded);
+      var _this$state2 = this.state,
+        topIsOutside = _this$state2.topIsOutside,
+        bottomIsOutside = _this$state2.bottomIsOutside,
+        sidebarVisibleHeight = _this$state2.sidebarVisibleHeight;
+      var shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
+      var shouldFixateBottom = this.shouldFixateBottom();
+      var containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, _defineProperty({}, modules_b8a9dd4f.sidebarContainerRight, right));
+      var classes = classNames(modules_b8a9dd4f.sidebar, className, (_classNames2 = {}, _defineProperty(_classNames2, modules_b8a9dd4f.sidebarRight, right), _defineProperty(_classNames2, modules_b8a9dd4f.sidebarFixedTop, shouldFixateTop), _defineProperty(_classNames2, modules_b8a9dd4f.sidebarFixedBottom, shouldFixateBottom), _defineProperty(_classNames2, fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '', shouldFixateTop || shouldFixateBottom), _classNames2));
+      var style = {
+        maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : undefined
+      };
+      return /*#__PURE__*/React.createElement("aside", {
+        className: containerClasses,
+        ref: this.sidebarRef
+      }, /*#__PURE__*/React.createElement(Waypoint, {
+        onEnter: this.handleTopWaypoint,
+        onLeave: this.handleTopWaypoint
+      }), /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        style: style,
+        className: classes
+      }), children), /*#__PURE__*/React.createElement("div", {
+        className: modules_b8a9dd4f.bottomMarker
+      }, /*#__PURE__*/React.createElement(Waypoint, {
+        onEnter: this.handleBottomWaypoint,
+        onLeave: this.handleBottomWaypoint
+      })));
+    }
+  }]);
+  return Sidebar;
+}(Component);
 _defineProperty(Sidebar, "propTypes", {
   right: PropTypes.bool,
   children: PropTypes.node,

package/dist/_helpers/table.js

@@ -1,3 +1,3 @@
-var modules_1db4bbca = {"unit":"8px","height":"32px","compensate":"2px","compensated":"30px","top":"-3px","row":"row_rui_23fe","dragHandle":"dragHandle_rui_23fe","light":"light_rui_23fe","tableWrapper":"tableWrapper_rui_23fe","table":"table_rui_23fe","userSelectNone":"userSelectNone_rui_23fe","headerCell":"headerCell_rui_23fe font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","headerCellSorted":"headerCellSorted_rui_23fe","headerCellSortable":"headerCellSortable_rui_23fe","sorter":"sorter_rui_23fe","sortedUp":"sortedUp_rui_23fe","icon":"icon_rui_23fe","caption":"caption_rui_23fe","tableHead":"tableHead_rui_23fe","subHeaderFixed":"subHeaderFixed_rui_23fe","subHeader":"subHeader_rui_23fe","disabledHover":"disabledHover_rui_23fe","rowSelected":"rowSelected_rui_23fe","rowFocused":"rowFocused_rui_23fe","cell":"cell_rui_23fe ellipsis_rui_8bff","loadingOverlay":"loadingOverlay_rui_23fe","cellUnlimited":"cellUnlimited_rui_23fe","cellRight":"cellRight_rui_23fe","metaColumn":"metaColumn_rui_23fe","headerMetaColumn":"headerMetaColumn_rui_23fe","visibleDragHandle":"visibleDragHandle_rui_23fe","rowCollapseExpandButton":"rowCollapseExpandButton_rui_23fe","draggingRow":"draggingRow_rui_23fe","tableMessage":"tableMessage_rui_23fe"};
+var modules_1db4bbca = {"unit":"i__const_unit_0","height":"32px","compensate":"2px","compensated":"30px","top":"-3px","row":"row_rui_23fe","dragHandle":"dragHandle_rui_23fe","light":"light_rui_2ac4","tableWrapper":"tableWrapper_rui_23fe","table":"table_rui_23fe","userSelectNone":"userSelectNone_rui_23fe","headerCell":"headerCell_rui_23fe font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","headerCellSorted":"headerCellSorted_rui_23fe","headerCellSortable":"headerCellSortable_rui_23fe","sorter":"sorter_rui_23fe","sortedUp":"sortedUp_rui_23fe","icon":"icon_rui_23fe","caption":"caption_rui_23fe","tableHead":"tableHead_rui_23fe","subHeaderSticky":"subHeaderSticky_rui_23fe","disabledHover":"disabledHover_rui_23fe","rowSelected":"rowSelected_rui_23fe","rowFocused":"rowFocused_rui_23fe","cell":"cell_rui_23fe ellipsis_rui_8bff","loadingOverlay":"loadingOverlay_rui_23fe","cellUnlimited":"cellUnlimited_rui_23fe","cellRight":"cellRight_rui_23fe","metaColumn":"metaColumn_rui_23fe","headerMetaColumn":"headerMetaColumn_rui_23fe","visibleDragHandle":"visibleDragHandle_rui_23fe","rowCollapseExpandButton":"rowCollapseExpandButton_rui_23fe","draggingRow":"draggingRow_rui_23fe","draggingTable":"draggingTable_rui_23fe","tableMessage":"tableMessage_rui_23fe"};
 
 export { modules_1db4bbca as m };

package/dist/_helpers/tabs.js

@@ -1,3 +1,3 @@
-var modules_02138f4a = {"dark":"dark_rui_eb55","unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_aa34","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","title":"title_rui_aa34 font_rui_8bff","selected":"selected_rui_aa34","collapsed":"collapsed_rui_aa34","titleLegacy":"titleLegacy_rui_aa34","visible":"visible_rui_aa34","container":"container_rui_aa34","hidden":"hidden_rui_aa34","hiddenBold":"hiddenBold_rui_aa34","hiddenRegular":"hiddenRegular_rui_aa34","tabCounter":"tabCounter_rui_aa34","autoCollapseContainer":"autoCollapseContainer_rui_aa34","autoCollapse":"autoCollapse_rui_aa34","rendered":"rendered_rui_aa34","adjusted":"adjusted_rui_aa34","measure":"measure_rui_aa34","morePopup":"morePopup_rui_aa34","chevron":"chevron_rui_aa34","morePopupBeforeEnd":"morePopupBeforeEnd_rui_aa34"};
+var modules_02138f4a = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_2ac4","link":"link_rui_aa34","hover":"hover_rui_aa34","inner":"inner_rui_aa34","active":"active_rui_aa34","compatibilityUnderlineMode":"compatibilityUnderlineMode_rui_aa34","pseudo":"pseudo_rui_aa34","text":"text_rui_aa34","inherit":"inherit_rui_aa34","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","title":"title_rui_aa34 font_rui_8bff","selected":"selected_rui_aa34","collapsed":"collapsed_rui_aa34","titleLegacy":"titleLegacy_rui_aa34","visible":"visible_rui_aa34","container":"container_rui_aa34","hidden":"hidden_rui_aa34","hiddenBold":"hiddenBold_rui_aa34","hiddenRegular":"hiddenRegular_rui_aa34","tabCounter":"tabCounter_rui_aa34","autoCollapseContainer":"autoCollapseContainer_rui_aa34","autoCollapse":"autoCollapse_rui_aa34","rendered":"rendered_rui_aa34","adjusted":"adjusted_rui_aa34","measure":"measure_rui_aa34","morePopup":"morePopup_rui_aa34","chevron":"chevron_rui_aa34","morePopupBeforeEnd":"morePopupBeforeEnd_rui_aa34"};
 
 export { modules_02138f4a as m };

package/dist/_helpers/theme.js

@@ -1,4 +1,4 @@
-import { a as _extends } from './_rollupPluginBabelHelpers.js';
+import { j as _slicedToArray, _ as _defineProperty, e as _objectWithoutProperties, f as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { useState, useEffect, forwardRef, useMemo, useContext } from 'react';
 import classNames from 'classnames';
 import { createPortal } from 'react-dom';
@@ -6,40 +6,44 @@ import { PopupTargetContext, PopupTarget } from '../popup/popup.target.js';
 import { getPopupContainer } from '../popup/popup.js';
 import getUID from '../global/get-uid.js';
 
-var modules_6381a4b3 = {"light":"light_rui_6155"};
+var modules_6381a4b3 = {"light":"light_rui_2ac4"};
 
 var modules_59717246 = {"dark":"dark_rui_eb55"};
 
+var _excluded = ["theme", "className", "passToPopups", "children", "target"];
 var Theme;
 (function (Theme) {
   Theme["AUTO"] = "auto";
   Theme["LIGHT"] = "light";
   Theme["DARK"] = "dark";
 })(Theme || (Theme = {}));
-const darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
+var darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
 function useTheme() {
-  const [dark, setDark] = useState(darkMatcher.matches);
-  useEffect(() => {
-    const onChange = e => setDark(e.matches);
+  var _useState = useState(darkMatcher.matches),
+    _useState2 = _slicedToArray(_useState, 2),
+    dark = _useState2[0],
+    setDark = _useState2[1];
+  useEffect(function () {
+    var onChange = function onChange(e) {
+      return setDark(e.matches);
+    };
     darkMatcher.addEventListener('change', onChange);
-    return () => darkMatcher.removeEventListener('change', onChange);
+    return function () {
+      return darkMatcher.removeEventListener('change', onChange);
+    };
   }, []);
   return dark ? Theme.DARK : Theme.LIGHT;
 }
 function useThemeClasses(theme) {
-  const systemTheme = useTheme();
-  const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
-  return classNames({
-    [modules_59717246.dark]: resolvedTheme === Theme.DARK,
-    [modules_6381a4b3.light]: resolvedTheme === Theme.LIGHT
-  });
+  var _classNames;
+  var systemTheme = useTheme();
+  var resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
+  return classNames((_classNames = {}, _defineProperty(_classNames, modules_59717246.dark, resolvedTheme === Theme.DARK), _defineProperty(_classNames, modules_6381a4b3.light, resolvedTheme === Theme.LIGHT), _classNames));
 }
 function WithThemeClasses(_ref) {
-  let {
-    theme,
-    children
-  } = _ref;
-  const themeClasses = useThemeClasses(theme);
+  var theme = _ref.theme,
+    children = _ref.children;
+  var themeClasses = useThemeClasses(theme);
   return children(themeClasses);
 }
 function applyTheme(theme, container) {
@@ -53,33 +57,36 @@ function applyTheme(theme, container) {
     container.classList.add(modules_6381a4b3.light);
   }
 }
-const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref) {
-  let {
-    theme = Theme.AUTO,
-    className,
-    passToPopups,
-    children,
-    target,
-    ...restProps
-  } = _ref2;
-  const systemTheme = useTheme();
-  const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
-  const id = useMemo(() => getUID('popups-with-theme-'), []);
-  useEffect(() => {
+var ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref) {
+  var _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? Theme.AUTO : _ref2$theme,
+    className = _ref2.className,
+    passToPopups = _ref2.passToPopups,
+    children = _ref2.children,
+    target = _ref2.target,
+    restProps = _objectWithoutProperties(_ref2, _excluded);
+  var systemTheme = useTheme();
+  var resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
+  var id = useMemo(function () {
+    return getUID('popups-with-theme-');
+  }, []);
+  useEffect(function () {
     if (target != null) {
       applyTheme(resolvedTheme, target);
     }
   }, [resolvedTheme, target]);
-  const themeClasses = useThemeClasses(theme);
-  const parentTarget = useContext(PopupTargetContext);
+  var themeClasses = useThemeClasses(theme);
+  var parentTarget = useContext(PopupTargetContext);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: target != null ? undefined : classNames(className, themeClasses)
   }, restProps), passToPopups ? /*#__PURE__*/React.createElement(PopupTarget, {
     id: id
-  }, popupTarget => /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
-    className: themeClasses
-  }, popupTarget), parentTarget && getPopupContainer(parentTarget) || document.body))) : children);
+  }, function (popupTarget) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+      className: themeClasses
+    }, popupTarget), parentTarget && getPopupContainer(parentTarget) || document.body));
+  }) : children);
 });
 var Theme$1 = Theme;
 

package/dist/_helpers/title.js

@@ -1,4 +1,5 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,66 +8,75 @@ import Checkbox from '../checkbox/checkbox.js';
 import getUID from '../global/get-uid.js';
 import { refObject } from '../global/prop-types.js';
 
-var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","light":"light_rui_9f76","dataListWrapper":"dataListWrapper_rui_9f76","dataList":"dataList_rui_9f76","itemContent":"itemContent_rui_9f76","title":"title_rui_9f76","disabledHover":"disabledHover_rui_9f76","titleSelected":"titleSelected_rui_9f76","titleFocused":"titleFocused_rui_9f76","showMore":"showMore_rui_9f76","boxes":"boxes_rui_9f76","checkboxBox":"checkboxBox_rui_9f76","collapseButton":"collapseButton_rui_9f76","collapseIcon":"collapseIcon_rui_9f76","loadingOverlay":"loadingOverlay_rui_9f76","showMoreLoader":"showMoreLoader_rui_9f76"};
+var modules_09d014b4 = {"unit":"i__const_unit_0","height":"i__const_height_1","compensate":"i__const_compensate_2","light":"light_rui_2ac4","dataListWrapper":"dataListWrapper_rui_9f76","dataList":"dataList_rui_9f76","itemContent":"itemContent_rui_9f76","title":"title_rui_9f76","disabledHover":"disabledHover_rui_9f76","titleSelected":"titleSelected_rui_9f76","titleFocused":"titleFocused_rui_9f76","showMore":"showMore_rui_9f76","boxes":"boxes_rui_9f76","checkboxBox":"checkboxBox_rui_9f76","collapseButton":"collapseButton_rui_9f76","collapseIcon":"collapseIcon_rui_9f76","loadingOverlay":"loadingOverlay_rui_9f76","showMoreLoader":"showMoreLoader_rui_9f76"};
 
-class Title extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "id", getUID('data-list-title'));
-    _defineProperty(this, "onCheckboxFocus", () => {
-      this.props.onFocusRestore();
+var Title = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Title, _PureComponent);
+  var _super = _createSuper(Title);
+  function Title() {
+    var _this;
+    _classCallCheck(this, Title);
+    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('data-list-title'));
+    _defineProperty(_assertThisInitialized(_this), "onCheckboxFocus", function () {
+      _this.props.onFocusRestore();
     });
-    _defineProperty(this, "onCheckboxChange", () => {
-      this.toggleSelection();
+    _defineProperty(_assertThisInitialized(_this), "onCheckboxChange", function () {
+      _this.toggleSelection();
     });
+    return _this;
   }
-  toggleSelection() {
-    const {
-      selectable,
-      selected,
-      onSelect
-    } = this.props;
-    if (selectable) {
-      onSelect(!selected);
+  _createClass(Title, [{
+    key: "toggleSelection",
+    value: function toggleSelection() {
+      var _this$props = this.props,
+        selectable = _this$props.selectable,
+        selected = _this$props.selected,
+        onSelect = _this$props.onSelect;
+      if (selectable) {
+        onSelect(!selected);
+      }
     }
-  }
-  render() {
-    const {
-      className,
-      title,
-      offset,
-      showFocus,
-      innerRef,
-      selectable,
-      selected,
-      collapserExpander
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_09d014b4.title]: true,
-      [modules_09d014b4.titleFocused]: showFocus,
-      [modules_09d014b4.titleSelected]: selected
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      id: this.id,
-      className: classes,
-      style: {
-        paddingLeft: offset
-      },
-      ref: innerRef
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.boxes
-    }, selectable && /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.checkboxBox
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      className: showFocus ? 'ring-checkbox_focus' : '',
-      checked: selected,
-      onFocus: this.onCheckboxFocus,
-      onChange: this.onCheckboxChange,
-      tabIndex: -1
-    })), collapserExpander), title);
-  }
-}
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props2 = this.props,
+        className = _this$props2.className,
+        title = _this$props2.title,
+        offset = _this$props2.offset,
+        showFocus = _this$props2.showFocus,
+        innerRef = _this$props2.innerRef,
+        selectable = _this$props2.selectable,
+        selected = _this$props2.selected,
+        collapserExpander = _this$props2.collapserExpander;
+      var classes = classNames(className, (_classNames = {}, _defineProperty(_classNames, modules_09d014b4.title, true), _defineProperty(_classNames, modules_09d014b4.titleFocused, showFocus), _defineProperty(_classNames, modules_09d014b4.titleSelected, selected), _classNames));
+      return /*#__PURE__*/React.createElement("div", {
+        id: this.id,
+        className: classes,
+        style: {
+          paddingLeft: offset
+        },
+        ref: innerRef
+      }, /*#__PURE__*/React.createElement("div", {
+        className: modules_09d014b4.boxes
+      }, selectable && /*#__PURE__*/React.createElement("div", {
+        className: modules_09d014b4.checkboxBox
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        "aria-labelledby": this.id,
+        className: showFocus ? 'ring-checkbox_focus' : '',
+        checked: selected,
+        onFocus: this.onCheckboxFocus,
+        onChange: this.onCheckboxChange,
+        tabIndex: -1
+      })), collapserExpander), title);
+    }
+  }]);
+  return Title;
+}(PureComponent);
 _defineProperty(Title, "defaultProps", {
   selectable: false,
   selected: false,

package/dist/alert/alert.d.ts

@@ -108,6 +108,6 @@ export default class Alert extends PureComponent<AlertProps, State> {
      */
     private _getIcon;
     storeAlertRef: (node: HTMLDivElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { default as Container } from './container';