@jetbrains/ring-ui 4.2.7 → 4.2.10

package/dist/_helpers/query-assist__suggestions.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import List from '../list/list.js';
+
+var modules_da7ab055 = {"unit":"8px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_d22e","queryAssist":"queryAssist_rui_d22e font_rui_8bff","input":"input_rui_d22e","placeholder":"placeholder_rui_d22e resetButton_rui_8bff","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","iconInner":"iconInner_rui_d22e","highlight":"highlight_rui_d22e","service":"service_rui_d22e","dark":"dark_rui_d22e","icon":"icon_rui_d22e","loader":"loader_rui_d22e","actions":"actions_rui_d22e","24px":"24px_rui_d22e","inputGap2":"inputGap2_rui_d22e","inputLeftGap":"inputLeftGap_rui_d22e","inputDisabled":"inputDisabled_rui_d22e","placeholderSpaced":"placeholderSpaced_rui_d22e","letter":"letter_rui_d22e","loaderOnTheRight":"loaderOnTheRight_rui_d22e","focusUnderline":"focusUnderline_rui_d22e"};
+
+const ICON_ID_LENGTH = 44;
+class QueryAssistSuggestions {
+  /*
+  * Pay attention that this method produces not a 100% unique key.
+  * Consider to use a unique identifier provided by a server.
+   */
+  static createKey(suggestion) {
+    const {
+      description,
+      group,
+      icon,
+      option,
+      prefix = '',
+      suffix = ''
+    } = suggestion;
+    return prefix + option + suffix + group + description + (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
+  }
+
+  static renderLabel(suggestion) {
+    const {
+      className,
+      matchingStart,
+      matchingEnd,
+      option,
+      prefix = '',
+      suffix = ''
+    } = suggestion;
+    let wrappedOption;
+    let before = '';
+    let 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;
+    }
+
+    const wrappedPrefix = prefix && /*#__PURE__*/React.createElement("span", {
+      className: modules_da7ab055.service
+    }, prefix);
+    const wrappedSuffix = suffix && /*#__PURE__*/React.createElement("span", {
+      className: modules_da7ab055.service
+    }, suffix);
+    return /*#__PURE__*/React.createElement("span", {
+      className: className
+    }, wrappedPrefix, before, wrappedOption, after, wrappedSuffix);
+  }
+
+  static renderGroupSeparator(suggestion, prevSuggestion) {
+    const {
+      group,
+      option
+    } = suggestion;
+    const {
+      SEPARATOR
+    } = List.ListProps.Type;
+
+    if (prevSuggestion !== group) {
+      return {
+        key: option + group + SEPARATOR,
+        description: group,
+        rgItemType: SEPARATOR
+      };
+    }
+
+    return null;
+  }
+
+  static renderList(suggestions, suggestionRenderer) {
+    const renderedSuggestions = [];
+    suggestions.forEach((suggestion, index, arr) => {
+      const prevSuggestionGroup = arr[index - 1] && arr[index - 1].group;
+      const groupSeparator = QueryAssistSuggestions.renderGroupSeparator(suggestion, prevSuggestionGroup);
+
+      if (groupSeparator) {
+        renderedSuggestions.push(groupSeparator);
+      }
+
+      renderedSuggestions.push(suggestionRenderer(suggestion));
+    });
+    return renderedSuggestions;
+  }
+
+}
+
+export { QueryAssistSuggestions as Q, modules_da7ab055 as m };

package/dist/_helpers/radio.js

@@ -0,0 +1,3 @@
+var modules_df92307a = {"unit":"8px","radio-size":"16px","radio":"radio_rui_370b","circle":"circle_rui_370b","input":"input_rui_370b","focus":"focus_rui_370b","label":"label_rui_370b"};
+
+export { modules_df92307a as m };

package/dist/_helpers/select__filter.js

@@ -0,0 +1,77 @@
+import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Input from '../input/input.js';
+import sniffr from '../global/sniffer.js';
+import { ActiveItemContext } from '../list/list.js';
+
+var modules_b607bec2 = {"unit":"8px","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","filterWithTagsFocused":"filterWithTagsFocused_rui_531d","filter":"filter_rui_531d","filterIcon":"filterIcon_rui_531d","bottomLine":"bottomLine_rui_531d","message":"message_rui_531d","selectAll":"selectAll_rui_531d"};
+
+function noop() {}
+
+class SelectFilter extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "inputRef", el => {
+      this.input = el;
+      this.props.inputRef(el);
+    });
+  }
+
+  componentWillUnmount() {
+    this.blur();
+  }
+
+  focus() {
+    const {
+      input
+    } = this;
+
+    if (input && input !== document.activeElement) {
+      sniffr.browser.name === 'firefox' ? input.select() : input.focus();
+    }
+  }
+
+  blur() {
+    if (this.input && this.input === document.activeElement) {
+      this.input.blur();
+    }
+  }
+
+  render() {
+    const {
+      className,
+      listId,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_b607bec2.filter, className);
+    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
+      "aria-owns": listId,
+      "aria-activedescendant": activeItemId,
+      autoComplete: "off",
+      autoFocus: true,
+      borderless: true,
+      inputRef: this.inputRef,
+      className: classes
+    })));
+  }
+
+}
+
+_defineProperty(SelectFilter, "propTypes", {
+  placeholder: PropTypes.string,
+  className: PropTypes.string,
+  inputRef: PropTypes.func,
+  listId: PropTypes.string,
+  activeItemId: PropTypes.string
+});
+
+_defineProperty(SelectFilter, "defaultProps", {
+  placeholder: 'Filter items',
+  inputRef: noop
+});
+
+export { SelectFilter as S, modules_b607bec2 as m };

package/dist/_helpers/services-link.js

@@ -0,0 +1,40 @@
+import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Link from '../link/link.js';
+
+var modules_74a7bf8b = {"unit":"8px","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"};
+
+class ServicesLink extends PureComponent {
+  render() {
+    const {
+      service,
+      ...props
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Link, _extends({
+      target: "_self",
+      href: service.homeUrl
+    }, props), WrapText => service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
+      key: "icon",
+      className: modules_74a7bf8b.itemLogo,
+      style: {
+        backgroundImage: "url(".concat(service.iconUrl, ")")
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      key: "text"
+    }, /*#__PURE__*/React.createElement(WrapText, null, service.name))] : /*#__PURE__*/React.createElement(WrapText, null, service.name));
+  }
+
+}
+
+_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/dist/_helpers/sidebar.js

@@ -0,0 +1,126 @@
+import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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","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", {
+      topIsOutside: true,
+      bottomIsOutside: true
+    });
+
+    _defineProperty(this, "handleTopWaypoint", _ref => {
+      let {
+        currentPosition
+      } = _ref;
+      this.setState({
+        topIsOutside: currentPosition === ABOVE
+      });
+    });
+
+    _defineProperty(this, "handleBottomWaypoint", _ref2 => {
+      let {
+        currentPosition,
+        waypointTop
+      } = _ref2;
+      this.setState({
+        sidebarVisibleHeight: waypointTop,
+        bottomIsOutside: currentPosition !== INSIDE
+      });
+    });
+
+    _defineProperty(this, "sidebarRef", node => {
+      this.sidebarNode = node;
+    });
+  }
+
+  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();
+  }
+
+  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]: shouldFixateTop || shouldFixateBottom
+    });
+    const style = {
+      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : null
+    };
+    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
+    })));
+  }
+
+}
+
+_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/dist/_helpers/table.js

@@ -0,0 +1,3 @@
+var modules_1db4bbca = {"unit":"8px","height":"32px","compensate":"2px","compensated":"30px","top":"-3px","row":"row_rui_23fe","dragHandle":"dragHandle_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"};
+
+export { modules_1db4bbca as m };

package/dist/_helpers/tabs.js

@@ -0,0 +1,3 @@
+var modules_02138f4a = {"unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -3px 0 0","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","light":"light_rui_aa34","dark":"dark_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/title.js

@@ -0,0 +1,100 @@
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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';
+
+var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","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();
+    });
+
+    _defineProperty(this, "onCheckboxChange", () => {
+      this.toggleSelection();
+    });
+  }
+
+  toggleSelection() {
+    const {
+      selectable,
+      selected,
+      onSelect
+    } = this.props;
+
+    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);
+  }
+
+}
+
+_defineProperty(Title, "propTypes", {
+  className: PropTypes.string,
+  title: PropTypes.node,
+  offset: PropTypes.number,
+  selectable: PropTypes.bool,
+  selected: PropTypes.bool,
+  onSelect: PropTypes.func,
+  showFocus: PropTypes.bool,
+  collapserExpander: PropTypes.node,
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
+  // focusSensorHOC
+  onFocusRestore: PropTypes.func
+});
+
+_defineProperty(Title, "defaultProps", {
+  selectable: false,
+  selected: false,
+  showFocus: false
+});
+
+var Title$1 = focusSensorHOC(Title);
+
+export { Title$1 as T, modules_09d014b4 as m };