@jetbrains/ring-ui-built 6.0.1

package/components/_helpers/query-assist__suggestions.js

@@ -0,0 +1,102 @@
+import { d as _createClass, c as _classCallCheck } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import React from 'react';
+import List from '../list/list.js';
+
+var modules_da7ab055 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","overInputZIndex":"2","inputGap":"calc(var(--ring-unit)*3)","light":"light_rui_2ac4","heightS":"heightS_rui_d22e","heightM":"heightM_rui_d22e","heightL":"heightL_rui_d22e","button":"button_rui_d22e","active":"active_rui_d22e","withIcon":"withIcon_rui_d22e","icon":"icon_rui_d22e","primary":"primary_rui_d22e","loader":"loader_rui_d22e","loaderBackground":"loaderBackground_rui_d22e","danger":"danger_rui_d22e","text":"text_rui_d22e","content":"content_rui_d22e","text-loading":"text-loading_rui_d22e","inline":"inline_rui_d22e","withNormalIcon":"withNormalIcon_rui_d22e","withDangerIcon":"withDangerIcon_rui_d22e","progress":"progress_rui_d22e","delayed":"delayed_rui_d22e","short":"short_rui_d22e","dropdownIcon":"dropdownIcon_rui_d22e","queryAssist":"queryAssist_rui_d22e","error":"error_rui_d22e","queryAssistDisabled":"queryAssistDisabled_rui_d22e","huge":"huge_rui_d22e","actions":"actions_rui_d22e","input":"input_rui_d22e","letter-text":"letter-text_rui_d22e","letterDefault":"letterDefault_rui_d22e","letter-field-name":"letter-field-name_rui_d22e","letter-field-value":"letter-field-value_rui_d22e","letter-operator":"letter-operator_rui_d22e","letter-error":"letter-error_rui_d22e","highlight":"highlight_rui_d22e","service":"service_rui_d22e","placeholder":"placeholder_rui_d22e resetButton_rui_8bff","hugePlaceholder":"hugePlaceholder_rui_d22e","letter":"letter_rui_d22e","rightSearchButton":"rightSearchButton_rui_d22e","clear":"clear_rui_d22e","withoutGlass":"withoutGlass_rui_d22e","loaderActive":"loaderActive_rui_d22e","loaderOnTheRight":"loaderOnTheRight_rui_d22e","inputRevertOrder":"inputRevertOrder_rui_d22e"};
+
+var ICON_ID_LENGTH = 44;
+var QueryAssistSuggestions = /*#__PURE__*/function () {
+  function QueryAssistSuggestions() {
+    _classCallCheck(this, QueryAssistSuggestions);
+  }
+  _createClass(QueryAssistSuggestions, null, [{
+    key: "createKey",
+    value:
+    /*
+    * Pay attention that this method produces not a 100% unique key.
+    * Consider to use a unique identifier provided by a server.
+     */
+    function createKey(suggestion) {
+      var description = suggestion.description,
+        group = suggestion.group,
+        icon = suggestion.icon,
+        option = suggestion.option,
+        _suggestion$prefix = suggestion.prefix,
+        prefix = _suggestion$prefix === void 0 ? '' : _suggestion$prefix,
+        _suggestion$suffix = suggestion.suffix,
+        suffix = _suggestion$suffix === void 0 ? '' : _suggestion$suffix;
+      return prefix + option + suffix + group + description + (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
+    }
+  }, {
+    key: "renderLabel",
+    value: function renderLabel(suggestion) {
+      var className = suggestion.className,
+        _suggestion$matchingS = suggestion.matchingStart,
+        matchingStart = _suggestion$matchingS === void 0 ? 0 : _suggestion$matchingS,
+        _suggestion$matchingE = suggestion.matchingEnd,
+        matchingEnd = _suggestion$matchingE === void 0 ? 0 : _suggestion$matchingE,
+        option = suggestion.option,
+        _suggestion$prefix2 = suggestion.prefix,
+        prefix = _suggestion$prefix2 === void 0 ? '' : _suggestion$prefix2,
+        _suggestion$suffix2 = suggestion.suffix,
+        suffix = _suggestion$suffix2 === void 0 ? '' : _suggestion$suffix2;
+      var wrappedOption;
+      var before = '';
+      var after = '';
+      if (matchingStart !== matchingEnd) {
+        before = option.substring(0, matchingStart);
+        wrappedOption = /*#__PURE__*/React.createElement("span", {
+          className: modules_da7ab055.highlight
+        }, option.substring(matchingStart, matchingEnd));
+        after = option.substring(matchingEnd);
+      } else {
+        wrappedOption = option;
+      }
+      var wrappedPrefix = prefix && /*#__PURE__*/React.createElement("span", {
+        className: modules_da7ab055.service
+      }, prefix);
+      var wrappedSuffix = suffix && /*#__PURE__*/React.createElement("span", {
+        className: modules_da7ab055.service
+      }, suffix);
+      return /*#__PURE__*/React.createElement("span", {
+        className: className
+      }, wrappedPrefix, before, wrappedOption, after, wrappedSuffix);
+    }
+  }, {
+    key: "renderGroupSeparator",
+    value: function renderGroupSeparator(suggestion, prevSuggestion) {
+      var group = suggestion.group,
+        option = suggestion.option;
+      var SEPARATOR = List.ListProps.Type.SEPARATOR;
+      if (prevSuggestion !== group) {
+        return {
+          key: option + group + SEPARATOR,
+          description: group,
+          rgItemType: SEPARATOR
+        };
+      }
+      return null;
+    }
+  }, {
+    key: "renderList",
+    value: function renderList(suggestions, suggestionRenderer) {
+      var renderedSuggestions = [];
+      suggestions.forEach(function (suggestion, index, arr) {
+        var prevSuggestionGroup = arr[index - 1] && arr[index - 1].group;
+        var groupSeparator = QueryAssistSuggestions.renderGroupSeparator(suggestion, prevSuggestionGroup);
+        if (groupSeparator) {
+          renderedSuggestions.push(groupSeparator);
+        }
+        renderedSuggestions.push(suggestionRenderer(suggestion));
+      });
+      return renderedSuggestions;
+    }
+  }]);
+  return QueryAssistSuggestions;
+}();
+
+export { QueryAssistSuggestions as Q, modules_da7ab055 as m };

package/components/_helpers/select__filter.js

@@ -0,0 +1,94 @@
+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 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { I as Input } from './input.js';
+import sniffr from '../global/sniffer.js';
+import { ActiveItemContext } from '../list/list.js';
+import { I18nContext } from '../i18n/i18n-context.js';
+
+var modules_b607bec2 = {"filterWithTagsFocused":"filterWithTagsFocused_rui_531d","light":"light_rui_2ac4","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","filterWithTagsInput":"filterWithTagsInput_rui_531d","filter":"filter_rui_531d","popup":"popup_rui_531d","filterIcon":"filterIcon_rui_531d","bottomLine":"bottomLine_rui_531d","bottomLineOverItem":"bottomLineOverItem_rui_531d","message":"message_rui_531d","selectAll":"selectAll_rui_531d"};
+
+var _excluded = ["className", "listId"];
+function noop() {}
+var SelectFilter = /*#__PURE__*/function (_Component) {
+  _inherits(SelectFilter, _Component);
+  var _super = _createSuper(SelectFilter);
+  function SelectFilter() {
+    var _this;
+    _classCallCheck(this, SelectFilter);
+    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), "input", void 0);
+    _defineProperty(_assertThisInitialized(_this), "inputRef", function (el) {
+      _this.input = el;
+      _this.props.inputRef(el);
+    });
+    return _this;
+  }
+  _createClass(SelectFilter, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.blur();
+    }
+  }, {
+    key: "focus",
+    value: function focus() {
+      var input = this.input;
+      if (input && input !== document.activeElement) {
+        sniffr.browser.name === 'firefox' ? input.select() : input.focus();
+      }
+    }
+  }, {
+    key: "blur",
+    value: function blur() {
+      if (this.input && this.input === document.activeElement) {
+        this.input.blur();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        className = _this$props.className,
+        listId = _this$props.listId,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_b607bec2.filter, className);
+      return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, function (activeItemId) {
+        return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
+          var _restProps$placeholde;
+          var translate = _ref.translate;
+          return /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
+            placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
+            "aria-owns": listId,
+            "aria-activedescendant": activeItemId,
+            autoComplete: "off",
+            autoFocus: true,
+            borderless: true,
+            inputRef: _this2.inputRef,
+            className: classes
+          }));
+        });
+      });
+    }
+  }]);
+  return SelectFilter;
+}(Component);
+_defineProperty(SelectFilter, "defaultProps", {
+  inputRef: noop
+});
+SelectFilter.propTypes = {
+  placeholder: PropTypes.string,
+  className: PropTypes.string,
+  inputRef: PropTypes.func,
+  listId: PropTypes.string,
+  activeItemId: PropTypes.string
+};
+
+export { SelectFilter as S, modules_b607bec2 as m };

package/components/_helpers/services-link.js

@@ -0,0 +1,48 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f 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_e0d5","active":"active_rui_e0d5","item":"item_rui_e0d5","itemLogo":"itemLogo_rui_e0d5","activeItem":"activeItem_rui_e0d5 item_rui_e0d5 active_rui_e0d5","line":"line_rui_e0d5","itemStacked":"itemStacked_rui_e0d5","activeItemStacked":"activeItemStacked_rui_e0d5 itemStacked_rui_e0d5 active_rui_e0d5"};
+
+var _excluded = ["service"];
+var ServicesLink = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ServicesLink, _PureComponent);
+  var _super = _createSuper(ServicesLink);
+  function ServicesLink() {
+    _classCallCheck(this, ServicesLink);
+    return _super.apply(this, arguments);
+  }
+  _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);
+    }
+  }]);
+  return ServicesLink;
+}(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

@@ -0,0 +1,123 @@
+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 = {"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_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 _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(_assertThisInitialized(_this), "sidebarNode", void 0);
+    _defineProperty(_assertThisInitialized(_this), "handleTopWaypoint", function (_ref) {
+      var currentPosition = _ref.currentPosition;
+      _this.setState({
+        topIsOutside: currentPosition === ABOVE
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBottomWaypoint", function (_ref2) {
+      var currentPosition = _ref2.currentPosition,
+        waypointTop = _ref2.waypointTop;
+      _this.setState({
+        sidebarVisibleHeight: waypointTop,
+        bottomIsOutside: currentPosition !== INSIDE
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "sidebarRef", function (node) {
+      _this.sidebarNode = node;
+    });
+    return _this;
+  }
+  _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
+      })));
+    }
+  }]);
+  return Sidebar;
+}(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

@@ -0,0 +1,34 @@
+import { e 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_eb55","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_2ac4","link":"link_rui_aa34","withLinks":"withLinks_rui_aa34","hover":"hover_rui_aa34","pseudo":"pseudo_rui_aa34","active":"active_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"};
+
+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;
+  return /*#__PURE__*/React.createElement(Link, restProps, /*#__PURE__*/React.createElement("div", {
+    className: modules_02138f4a.container
+  }, /*#__PURE__*/React.createElement("span", {
+    className: modules_02138f4a.visible
+  }, renderedTitle), /*#__PURE__*/React.createElement("span", {
+    className: modules_02138f4a.hidden
+  }, renderedTitle), /*#__PURE__*/React.createElement("span", {
+    className: modules_02138f4a.hiddenBold
+  }, renderedTitle), /*#__PURE__*/React.createElement("span", {
+    className: modules_02138f4a.hiddenRegular
+  }, renderedTitle)));
+}
+TabLink.propTypes = {
+  isSelected: PropTypes.bool,
+  collapsed: PropTypes.bool,
+  title: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.node])
+};
+var TabLink$1 = /*#__PURE__*/memo(TabLink);
+
+export { TabLink$1 as T, modules_02138f4a as m };

package/components/_helpers/table.js

@@ -0,0 +1,3 @@
+var modules_1db4bbca = {"compensate":"2px","compensated":"calc(var(--ring-unit)*4 - 2px)","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/components/_helpers/theme.js

@@ -0,0 +1,95 @@
+import { j as _slicedToArray, 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';
+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_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 = {}));
+var 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);
+    };
+    darkMatcher.addEventListener('change', onChange);
+    return function () {
+      return darkMatcher.removeEventListener('change', onChange);
+    };
+  }, []);
+  return dark ? Theme.DARK : Theme.LIGHT;
+}
+function useThemeClasses(theme) {
+  var systemTheme = useTheme();
+  var 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);
+  return children(themeClasses);
+}
+function applyTheme(theme, container) {
+  if (theme === Theme.DARK) {
+    container.classList.remove(modules_6381a4b3.light);
+    container.classList.add(modules_59717246.dark);
+    container.classList.add('ring-ui-theme-dark');
+  } else {
+    container.classList.remove(modules_59717246.dark);
+    container.classList.remove('ring-ui-theme-dark');
+    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 () {
+    if (target != null) {
+      applyTheme(resolvedTheme, target);
+    }
+  }, [resolvedTheme, target]);
+  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
+  }, 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;
+
+export { Theme$1 as T, WithThemeClasses as W, ThemeProvider as a, useThemeClasses as b, applyTheme as c, modules_59717246 as m, useTheme as u };

package/components/_helpers/title.js

@@ -0,0 +1,103 @@
+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';
+import focusSensorHOC from '../global/focus-sensor-hoc.js';
+import Checkbox from '../checkbox/checkbox.js';
+import getUID from '../global/get-uid.js';
+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_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 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(_assertThisInitialized(_this), "onCheckboxChange", function () {
+      _this.toggleSelection();
+    });
+    return _this;
+  }
+  _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);
+    }
+  }]);
+  return Title;
+}(PureComponent);
+_defineProperty(Title, "defaultProps", {
+  selectable: false,
+  selected: false,
+  showFocus: false
+});
+Title.propTypes = {
+  className: PropTypes.string,
+  title: PropTypes.node,
+  offset: PropTypes.number,
+  selectable: PropTypes.bool,
+  selected: PropTypes.bool,
+  onSelect: PropTypes.func.isRequired,
+  showFocus: PropTypes.bool,
+  collapserExpander: PropTypes.node,
+  innerRef: PropTypes.oneOfType([refObject(PropTypes.instanceOf(HTMLDivElement)), PropTypes.func]),
+  // focusSensorHOC
+  onFocusRestore: PropTypes.func.isRequired
+};
+var Title$1 = focusSensorHOC(Title);
+
+export { Title$1 as T, modules_09d014b4 as m };