@jetbrains/ring-ui-built 6.0.31 → 6.0.32

package/components/_helpers/services-link.js

@@ -1,46 +1,38 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from './_rollupPluginBabelHelpers.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Link from '../link/link.js';
 
 var modules_74a7bf8b = {"light":"light_rui_2ac4","services":"services_rui_27f4","active":"active_rui_27f4","item":"item_rui_27f4","itemLogo":"itemLogo_rui_27f4","activeItem":"activeItem_rui_27f4 item_rui_27f4 active_rui_27f4","line":"line_rui_27f4","itemStacked":"itemStacked_rui_27f4","activeItemStacked":"activeItemStacked_rui_27f4 itemStacked_rui_27f4 active_rui_27f4"};
 
-var _excluded = ["service"];
-var ServicesLink = /*#__PURE__*/function (_PureComponent) {
-  function ServicesLink() {
-    _classCallCheck(this, ServicesLink);
-    return _callSuper(this, ServicesLink, arguments);
+class ServicesLink extends PureComponent {
+  static propTypes = {
+    isActive: PropTypes.bool,
+    service: PropTypes.shape({
+      applicationName: PropTypes.string,
+      iconUrl: PropTypes.string,
+      homeUrl: PropTypes.string,
+      name: PropTypes.string
+    })
+  };
+  render() {
+    const {
+      service,
+      ...props
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Link, _extends({
+      target: "_self",
+      href: service.homeUrl
+    }, props), service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
+      key: "icon",
+      className: modules_74a7bf8b.itemLogo,
+      style: {
+        backgroundImage: `url(${service.iconUrl})`
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      key: "text"
+    }, service.name)] : service.name);
   }
-  _inherits(ServicesLink, _PureComponent);
-  return _createClass(ServicesLink, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        service = _this$props.service,
-        props = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Link, _extends({
-        target: "_self",
-        href: service.homeUrl
-      }, props), service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
-        key: "icon",
-        className: modules_74a7bf8b.itemLogo,
-        style: {
-          backgroundImage: "url(".concat(service.iconUrl, ")")
-        }
-      }), /*#__PURE__*/React.createElement("div", {
-        key: "text"
-      }, service.name)] : service.name);
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ServicesLink, "propTypes", {
-  isActive: PropTypes.bool,
-  service: PropTypes.shape({
-    applicationName: PropTypes.string,
-    iconUrl: PropTypes.string,
-    homeUrl: PropTypes.string,
-    name: PropTypes.string
-  })
-});
+}
 
 export { ServicesLink as S, modules_74a7bf8b as m };

package/components/_helpers/sidebar.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 './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,115 +6,108 @@ import { Waypoint } from 'react-waypoint';
 
 var modules_b8a9dd4f = {"extra-small-screen-media":"i__const_extra_small_screen_media_0","small-screen-media":"i__const_small_screen_media_1","sidebarWidth":"calc(var(--ring-unit)*30)","light":"light_rui_2ac4","contentLayout":"contentLayout_rui_6166","contentLayoutContent":"contentLayoutContent_rui_6166","sidebarContainer":"sidebarContainer_rui_6166","sidebarContainerRight":"sidebarContainerRight_rui_6166","sidebar":"sidebar_rui_6166","sidebarRight":"sidebarRight_rui_6166","sidebarFixedTop":"sidebarFixedTop_rui_6166","sidebarFixedBottom":"sidebarFixedBottom_rui_6166","bottomMarker":"bottomMarker_rui_6166","contentLayoutResponsive":"contentLayoutResponsive_rui_6166"};
 
-var _excluded = ["right", "children", "className", "containerClassName", "fixedClassName", "contentNode"];
-var ABOVE = 'above';
-var INSIDE = 'inside';
-var Sidebar = /*#__PURE__*/function (_Component) {
-  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 = _callSuper(this, Sidebar, [].concat(args));
-    _defineProperty(_this, "state", {
-      topIsOutside: true,
-      bottomIsOutside: true,
-      sidebarVisibleHeight: undefined
+const ABOVE = 'above';
+const INSIDE = 'inside';
+class Sidebar extends Component {
+  static propTypes = {
+    right: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    containerClassName: PropTypes.string,
+    fixedClassName: PropTypes.string,
+    contentNode: PropTypes.object
+  };
+  state = {
+    topIsOutside: true,
+    bottomIsOutside: true,
+    sidebarVisibleHeight: undefined
+  };
+  sidebarNode;
+  handleTopWaypoint = _ref => {
+    let {
+      currentPosition
+    } = _ref;
+    this.setState({
+      topIsOutside: currentPosition === ABOVE
     });
-    _defineProperty(_this, "sidebarNode", void 0);
-    _defineProperty(_this, "handleTopWaypoint", function (_ref) {
-      var currentPosition = _ref.currentPosition;
-      _this.setState({
-        topIsOutside: currentPosition === ABOVE
-      });
+  };
+  handleBottomWaypoint = _ref2 => {
+    let {
+      currentPosition,
+      waypointTop
+    } = _ref2;
+    this.setState({
+      sidebarVisibleHeight: waypointTop,
+      bottomIsOutside: currentPosition !== INSIDE
     });
-    _defineProperty(_this, "handleBottomWaypoint", function (_ref2) {
-      var currentPosition = _ref2.currentPosition,
-        waypointTop = _ref2.waypointTop;
-      _this.setState({
-        sidebarVisibleHeight: waypointTop,
-        bottomIsOutside: currentPosition !== INSIDE
-      });
+  };
+  shouldUseFixation() {
+    const {
+      contentNode
+    } = this.props;
+    const {
+      sidebarNode
+    } = this;
+    if (!contentNode || !sidebarNode) {
+      return false;
+    }
+    return contentNode.offsetHeight >= sidebarNode.offsetHeight;
+  }
+  shouldFixateBottom() {
+    const {
+      topIsOutside,
+      bottomIsOutside
+    } = this.state;
+    return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
+  }
+  sidebarRef = node => {
+    this.sidebarNode = node;
+  };
+  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
     });
-    _defineProperty(_this, "sidebarRef", function (node) {
-      _this.sidebarNode = node;
+    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
     });
-    return _this;
+    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
+    })));
   }
-  _inherits(Sidebar, _Component);
-  return _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;
-    }
-  }, {
-    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 _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, {
-        [modules_b8a9dd4f.sidebarContainerRight]: right
-      });
-      var 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
-      });
-      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
-      })));
-    }
-  }]);
-}(Component);
-_defineProperty(Sidebar, "propTypes", {
-  right: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  containerClassName: PropTypes.string,
-  fixedClassName: PropTypes.string,
-  contentNode: PropTypes.object
-});
+}
 
 export { Sidebar as S, modules_b8a9dd4f as m };

package/components/_helpers/tab-link.js

@@ -1,17 +1,17 @@
-import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers.js';
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 import Link from '../link/link.js';
 
 var modules_02138f4a = {"dark":"dark_rui_f090","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_2ac4","link":"link_rui_fa1d","withLinks":"withLinks_rui_fa1d","hover":"hover_rui_fa1d","pseudo":"pseudo_rui_fa1d","active":"active_rui_fa1d","inherit":"inherit_rui_fa1d","tabs":"tabs_rui_fa1d font_rui_f295","titles":"titles_rui_fa1d","title":"title_rui_fa1d font_rui_f295","selected":"selected_rui_fa1d","collapsed":"collapsed_rui_fa1d","titleLegacy":"titleLegacy_rui_fa1d","visible":"visible_rui_fa1d","container":"container_rui_fa1d","hidden":"hidden_rui_fa1d","hiddenBold":"hiddenBold_rui_fa1d","hiddenRegular":"hiddenRegular_rui_fa1d","tabCounter":"tabCounter_rui_fa1d","autoCollapseContainer":"autoCollapseContainer_rui_fa1d","autoCollapse":"autoCollapse_rui_fa1d","rendered":"rendered_rui_fa1d","adjusted":"adjusted_rui_fa1d","measure":"measure_rui_fa1d","morePopup":"morePopup_rui_fa1d","chevron":"chevron_rui_fa1d","morePopupBeforeEnd":"morePopupBeforeEnd_rui_fa1d"};
 
-var _excluded = ["isSelected", "title", "collapsed"];
 function TabLink(_ref) {
-  var isSelected = _ref.isSelected,
-    title = _ref.title,
-    collapsed = _ref.collapsed,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
+  let {
+    isSelected,
+    title,
+    collapsed,
+    ...restProps
+  } = _ref;
+  const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
   return /*#__PURE__*/React.createElement(Link, restProps, /*#__PURE__*/React.createElement("div", {
     className: modules_02138f4a.container
   }, /*#__PURE__*/React.createElement("span", {

package/components/_helpers/theme.js

@@ -1,4 +1,4 @@
-import { j as _slicedToArray, c as _objectWithoutProperties, e as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { useState, useEffect, forwardRef, useMemo, useContext } from 'react';
 import classNames from 'classnames';
 import { createPortal } from 'react-dom';
@@ -10,42 +10,36 @@ var modules_6381a4b3 = {"light":"light_rui_2ac4"};
 
 var modules_59717246 = {"dark":"dark_rui_f090"};
 
-var _excluded = ["theme", "className", "passToPopups", "children", "target"];
 var Theme;
 (function (Theme) {
   Theme["AUTO"] = "auto";
   Theme["LIGHT"] = "light";
   Theme["DARK"] = "dark";
 })(Theme || (Theme = {}));
-var darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
+const darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
 function useTheme() {
-  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);
-    };
+  const [dark, setDark] = useState(darkMatcher.matches);
+  useEffect(() => {
+    const onChange = e => setDark(e.matches);
     darkMatcher.addEventListener('change', onChange);
-    return function () {
-      return darkMatcher.removeEventListener('change', onChange);
-    };
+    return () => darkMatcher.removeEventListener('change', onChange);
   }, []);
   return dark ? Theme.DARK : Theme.LIGHT;
 }
 function useThemeClasses(theme) {
-  var systemTheme = useTheme();
-  var resolvedTheme = theme === Theme.AUTO ? systemTheme : 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
   });
 }
 function WithThemeClasses(_ref) {
-  var theme = _ref.theme,
-    children = _ref.children;
-  var themeClasses = useThemeClasses(theme);
+  let {
+    theme,
+    children
+  } = _ref;
+  const themeClasses = useThemeClasses(theme);
   return children(themeClasses);
 }
 function applyTheme(theme, container) {
@@ -59,36 +53,33 @@ function applyTheme(theme, container) {
     container.classList.add(modules_6381a4b3.light);
   }
 }
-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 () {
+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(() => {
     if (target != null) {
       applyTheme(resolvedTheme, target);
     }
   }, [resolvedTheme, target]);
-  var themeClasses = useThemeClasses(theme);
-  var parentTarget = useContext(PopupTargetContext);
+  const themeClasses = useThemeClasses(theme);
+  const 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
-  }, 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);
+  }, popupTarget => /*#__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/components/_helpers/title.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } 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';
@@ -10,79 +8,66 @@ import { refObject } from '../global/prop-types.js';
 
 var modules_09d014b4 = {"height":"i__const_height_0","compensate":"i__const_compensate_1","light":"light_rui_2ac4","dataListWrapper":"dataListWrapper_rui_be4b","dataList":"dataList_rui_be4b","itemContent":"itemContent_rui_be4b","title":"title_rui_be4b","disabledHover":"disabledHover_rui_be4b","titleSelected":"titleSelected_rui_be4b","titleFocused":"titleFocused_rui_be4b","showMore":"showMore_rui_be4b","boxes":"boxes_rui_be4b","checkboxBox":"checkboxBox_rui_be4b","collapseButton":"collapseButton_rui_be4b","collapseIcon":"collapseIcon_rui_be4b","loadingOverlay":"loadingOverlay_rui_be4b","showMoreLoader":"showMoreLoader_rui_be4b"};
 
-var Title = /*#__PURE__*/function (_PureComponent) {
-  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];
+class Title extends PureComponent {
+  static defaultProps = {
+    selectable: false,
+    selected: false,
+    showFocus: false
+  };
+  id = getUID('data-list-title');
+  onCheckboxFocus = () => {
+    this.props.onFocusRestore();
+  };
+  onCheckboxChange = () => {
+    this.toggleSelection();
+  };
+  toggleSelection() {
+    const {
+      selectable,
+      selected,
+      onSelect
+    } = this.props;
+    if (selectable) {
+      onSelect(!selected);
     }
-    _this = _callSuper(this, Title, [].concat(args));
-    _defineProperty(_this, "id", getUID('data-list-title'));
-    _defineProperty(_this, "onCheckboxFocus", function () {
-      _this.props.onFocusRestore();
-    });
-    _defineProperty(_this, "onCheckboxChange", function () {
-      _this.toggleSelection();
+  }
+  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 _this;
+    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);
   }
-  _inherits(Title, _PureComponent);
-  return _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);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      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, {
-        [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);
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Title, "defaultProps", {
-  selectable: false,
-  selected: false,
-  showFocus: false
-});
+}
 Title.propTypes = {
   className: PropTypes.string,
   title: PropTypes.node,