@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/avatar.js

@@ -1,152 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, c as _objectSpread2, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { i as isDataURI, p as parseQueryString, e as encodeURL } from './_helpers/url.js';
-import { a as getPixelRatio } from './_helpers/dom.js';
-
-var modules_61ca8c75 = {"avatar":"avatar_avatar__fcab4239","subavatar":"avatar_subavatar__fcab4239","empty":"avatar_empty__fcab4239"};
-
-/**
- * @name Avatar
- */
-
-const Size = {
-  Size18: 18,
-  Size20: 20,
-  Size24: 24,
-  Size32: 32,
-  Size40: 40,
-  Size48: 48,
-  Size56: 56
-};
-class Avatar extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      errorUrl: ''
-    });
-
-    _defineProperty(this, "handleError", () => {
-      this.setState({
-        errorUrl: this.props.url
-      });
-    });
-
-    _defineProperty(this, "handleSuccess", () => {
-      this.setState({
-        errorUrl: ''
-      });
-    });
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      size,
-      url,
-      dpr,
-      style,
-      round,
-      subavatar,
-      subavatarSize
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["size", "url", "dpr", "style", "round", "subavatar", "subavatarSize"]);
-
-    const sizeString = `${size}px`;
-    const subavatarSizeString = `${subavatarSize}px`;
-    const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
-
-    const styleObj = _objectSpread2({
-      borderRadius: round ? '50%' : borderRadius,
-      height: sizeString,
-      width: sizeString
-    }, style);
-
-    const styleObjGroup = _objectSpread2({
-      borderRadius: '2px',
-      height: subavatarSizeString,
-      width: subavatarSizeString
-    }, style);
-
-    if (!url || this.state.errorUrl === url) {
-      return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
-        className: classNames(modules_61ca8c75.avatar, modules_61ca8c75.empty, this.props.className),
-        style: styleObj
-      }));
-    }
-
-    let src = url;
-
-    if (!isDataURI(url)) {
-      const [urlStart, query] = url.split('?');
-
-      const queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
-        dpr,
-        size
-      });
-
-      src = encodeURL(urlStart, queryParams);
-    }
-
-    let subavatarSrc = null;
-
-    if (subavatar && !isDataURI(subavatar)) {
-      const [urlStart, query] = subavatar.split('?');
-
-      const queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
-        dpr,
-        subavatarSizeString
-      });
-
-      subavatarSrc = encodeURL(urlStart, queryParams);
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.avatar, this.props.className),
-        style: styleObj,
-        src: src,
-        alt: "User avatar"
-      })), /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.subavatar),
-        style: styleObjGroup,
-        src: subavatarSrc,
-        alt: "Subavatar"
-      })));
-    } else {
-      return /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.avatar, this.props.className),
-        style: styleObj,
-        src: src,
-        alt: "User avatar"
-      }));
-    }
-  }
-
-}
-
-_defineProperty(Avatar, "propTypes", {
-  dpr: PropTypes.number,
-  className: PropTypes.string,
-  size: PropTypes.number,
-  style: PropTypes.object,
-  url: PropTypes.string,
-  round: PropTypes.bool,
-  subavatar: PropTypes.string,
-  subavatarSize: PropTypes.number
-});
-
-_defineProperty(Avatar, "defaultProps", {
-  dpr: getPixelRatio(),
-  size: Size.Size20,
-  subavatarSize: Size.Size20 / 2,
-  style: {}
-});
-
-export default Avatar;
-export { Size };

package/dist/badge.js

@@ -1,52 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-import { m as modules_6c9187df } from './_helpers/badge.js';
-
-/**
- * @name Badge
- */
-
-class Badge extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      // Modifiers
-      gray,
-      valid,
-      invalid,
-      disabled,
-      // Props
-      className,
-      children,
-      'data-test': dataTest
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"]);
-
-    const classes = classNames(modules_6c9187df.badge, className, {
-      [modules_6c9187df.gray]: gray,
-      [modules_6c9187df.valid]: valid,
-      [modules_6c9187df.invalid]: invalid,
-      [modules_6c9187df.disabled]: disabled
-    });
-    return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-      "data-test": joinDataTestAttributes('ring-badge', dataTest),
-      className: classes
-    }), children);
-  }
-
-}
-
-_defineProperty(Badge, "propTypes", {
-  gray: PropTypes.bool,
-  valid: PropTypes.bool,
-  invalid: PropTypes.bool,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
-
-export default Badge;

package/dist/button-group.js

@@ -1,48 +0,0 @@
-import { a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-var modules_1068e447 = {"unit":"8px","buttonGroup":"buttonGroup_buttonGroup__e33e6cf7 buttonToolbar_buttonGroup__ec743009","button":"buttonGroup_button__e33e6cf7","caption":"buttonGroup_caption__e33e6cf7 global_font__0f8f4370","active":"buttonGroup_active__e33e6cf7"};
-
-class Caption extends PureComponent {
-  render() {
-    const {
-      className
-    } = this.props;
-    const classes = classNames(modules_1068e447.caption, className);
-    return /*#__PURE__*/React.createElement("span", _extends({}, this.props, {
-      className: classes
-    }));
-  }
-
-}
-
-_defineProperty(Caption, "propTypes", {
-  className: PropTypes.node
-});
-
-/**
- * @name Button Group
- */
-
-class ButtonGroup extends PureComponent {
-  render() {
-    const {
-      className
-    } = this.props;
-    const classes = classNames(modules_1068e447.buttonGroup, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, this.props, {
-      className: classes
-    }));
-  }
-
-}
-
-_defineProperty(ButtonGroup, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
-
-export default ButtonGroup;
-export { Caption };

package/dist/button-set.js

@@ -1,27 +0,0 @@
-import { a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-
-var modules_fd849143 = {"unit":"8px","buttonSet":"buttonSet_buttonSet__40c7f807","button":"buttonSet_button__40c7f807"};
-
-/**
- * @name Button Set
- */
-
-class ButtonSet extends PureComponent {
-  render() {
-    const classes = classNames(modules_fd849143.buttonSet, this.props.className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, this.props, {
-      className: classes
-    }), this.props.children);
-  }
-
-}
-
-_defineProperty(ButtonSet, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
-
-export default ButtonSet;

package/dist/button-toolbar.js

@@ -1,30 +0,0 @@
-import { a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-var modules_34154ec0 = {"unit":"8px","buttonToolbar":"buttonToolbar_buttonToolbar__ec743009","button":"buttonToolbar_button__ec743009","buttonGroup":"buttonToolbar_buttonGroup__ec743009"};
-
-/**
- * @name Button Toolbar
-*/
-
-class ButtonToolbar extends PureComponent {
-  render() {
-    const {
-      className
-    } = this.props;
-    const classes = classNames(modules_34154ec0.buttonToolbar, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, this.props, {
-      className: classes
-    }));
-  }
-
-}
-
-_defineProperty(ButtonToolbar, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
-
-export default ButtonToolbar;

package/dist/button.js

@@ -1,12 +0,0 @@
-import './_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
-import 'react';
-import 'prop-types';
-import 'classnames';
-import '@jetbrains/icons/chevron-10px';
-export { Size as IconSize } from './icon.js';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-export { B as default } from './_helpers/button.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';

package/dist/caret.js

@@ -1,262 +0,0 @@
-import { b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import { g as getRect } from './_helpers/dom.js';
-
-/**
- * @name Caret
- */
-
-class Caret {
-  /**
-   * Line endings RegExp
-   * @type {RegExp}
-   */
-
-  /**
-   * Line endings normalizer
-   * Borrowed from jQuery
-   * @see https://github.com/jquery/jquery/blob/master/src/attributes/val.js
-   * @param value {*}
-   * @return {*}
-   */
-  static normalizeNewlines(value) {
-    return typeof value === 'string' ? value.replace(this.returnRE, '') : value;
-  }
-
-  constructor(target) {
-    this.target = target;
-  }
-
-  isContentEditable() {
-    return this.target.contentEditable === 'true';
-  }
-  /**
-   * Set focus on target if possible
-   */
-
-
-  focus() {
-    if (!document.activeElement || document.activeElement !== this.target) {
-      this.target.focus();
-    }
-  }
-  /**
-   * Get absolute caret position index
-   * @return {number}
-   */
-
-
-  getAbsolutePosition(node) {
-    let _curNode = node;
-    let curPos = 0;
-
-    while (_curNode !== this.target) {
-      while (_curNode.previousSibling) {
-        curPos += _curNode.previousSibling.textContent.length;
-        _curNode = _curNode.previousSibling;
-      }
-
-      _curNode = _curNode.parentNode;
-    }
-
-    return curPos;
-  }
-  /**
-   * Get caret position index
-   * @param {Object} [params]
-   * @param {boolean} params.avoidFocus
-   * @return {number}
-   */
-
-
-  getPosition(params = {}) {
-    if (this.isContentEditable()) {
-      if (!params.avoidFocus) {
-        this.focus();
-      }
-
-      const selection = window.getSelection();
-
-      if (!selection.rangeCount) {
-        return 0;
-      }
-
-      const range1 = selection.getRangeAt(0);
-      const range2 = range1.cloneRange();
-      range2.selectNodeContents(this.target);
-      range2.setEnd(range1.endContainer, range1.endOffset);
-      const _curNode = range1.startContainer;
-
-      if (this.target === _curNode) {
-        return range1.startOffset === 0 ? 0 : _curNode.textContent.length;
-      } else if (!this.target.contains(_curNode)) {
-        return -1;
-      } else if (!_curNode) {
-        return this.target.selectionStart;
-      }
-
-      const curPos = this.getAbsolutePosition(_curNode);
-
-      if (range1.startContainer === range1.endContainer) {
-        if (range1.startOffset === range1.endOffset) {
-          return curPos + range1.startOffset;
-        } else {
-          return {
-            startOffset: curPos + range1.startOffset,
-            endOffset: curPos + range1.endOffset,
-            position: range2.toString().length
-          };
-        }
-      } else {
-        const startOffset = curPos + range1.startOffset;
-        const endPos = this.getAbsolutePosition(range1.endContainer);
-        const endOffset = endPos + range1.endOffset;
-        return {
-          startOffset,
-          endOffset,
-          position: range2.toString().length
-        };
-      }
-    }
-
-    return this.target.selectionStart;
-  }
-  /**
-   * Get relative position of query
-   * @param  {Node} curNode
-   * @param {number} position
-   * @return {{_correctedPosition: number, _curNode: Node}}
-   */
-
-
-  getRelativePosition(curNode, position) {
-    let curPos = 0;
-    let _curNode = curNode;
-    const nodeTypeText = 3;
-
-    if (!_curNode) {
-      return {
-        _curNode: this.target,
-        _correctedPosition: position
-      };
-    }
-
-    if (position === 0) {
-      while (_curNode.nodeType !== nodeTypeText) {
-        _curNode = _curNode.childNodes[0];
-      }
-
-      const _correctedPosition = position;
-      return {
-        _curNode,
-        _correctedPosition
-      };
-    }
-
-    let i = -1;
-
-    if (_curNode && _curNode.nodeType !== undefined) {
-      while (curPos < position && _curNode.nodeType !== nodeTypeText) {
-        i++;
-
-        if (_curNode.childNodes[i] !== null && _curNode.childNodes[i]) {
-          curPos += _curNode.childNodes[i].textContent.length;
-
-          if (curPos >= position) {
-            _curNode = _curNode.childNodes[i];
-            curPos -= _curNode.textContent.length;
-            i = -1;
-          }
-        } else {
-          break;
-        }
-      }
-    }
-
-    const _correctedPosition = position - curPos;
-
-    return {
-      _curNode,
-      _correctedPosition
-    };
-  }
-  /**
-   * Set caret position index
-   * @param  {number} position
-   * @return {number}
-   */
-
-
-  setPosition(position) {
-    const isContentEditable = this.isContentEditable();
-    let correctedPosition;
-    let curNode = this.target && this.target.childNodes[0];
-
-    if (position !== undefined) {
-      if (position.startOffset !== undefined) {
-        const range = new Range();
-        const start = this.getRelativePosition(curNode, position.startOffset);
-        range.setStart(start._curNode, start._correctedPosition);
-        const end = this.getRelativePosition(curNode, position.endOffset);
-        range.setEnd(end._curNode, end._correctedPosition);
-        correctedPosition = range;
-      } else if (position === -1) {
-        const value = isContentEditable ? this.target.textContent : this.constructor.normalizeNewlines(this.target.value);
-        correctedPosition = value.length;
-      } else {
-        const {
-          _curNode,
-          _correctedPosition
-        } = this.getRelativePosition(curNode, position);
-        curNode = _curNode;
-        correctedPosition = _correctedPosition;
-      }
-    }
-
-    if (isContentEditable) {
-      this.focus();
-
-      try {
-        if (correctedPosition instanceof Range) {
-          window.getSelection().removeAllRanges();
-          window.getSelection().addRange(correctedPosition);
-        } else {
-          window.getSelection().collapse(curNode || this.target, correctedPosition);
-        }
-      } catch (e) {// Do nothing
-      }
-    } else {
-      this.target.setSelectionRange(correctedPosition, correctedPosition);
-    }
-
-    return correctedPosition;
-  }
-  /**
-   * Get caret position in pixels
-   * @return {number}
-   */
-
-
-  getOffset() {
-    let offset = 0;
-    let range;
-
-    try {
-      // Both statements may throw
-      range = window.getSelection().getRangeAt(0).cloneRange();
-      range.setStart(range.startContainer, range.startOffset - 1);
-    } catch (e) {
-      return offset;
-    }
-
-    if (range && range.endOffset !== 0 && range.toString() !== '') {
-      offset = getRect(range).right - getRect(this.target).left - (range.startContainer.offsetLeft || 0);
-    }
-
-    return offset;
-  }
-
-}
-
-_defineProperty(Caret, "returnRE", /\r/g);
-
-export default Caret;

package/dist/checkbox.js

@@ -1,108 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import checkmarkIcon from '@jetbrains/icons/checkmark';
-import minusIcon from '@jetbrains/icons/remove-10px';
-import Icon from './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-
-var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_checkbox__50df3ed7","cell":"checkbox_cell__50df3ed7","icon":"checkbox_icon__50df3ed7","check":"checkbox_check__50df3ed7 checkbox_icon__50df3ed7","minus":"checkbox_minus__50df3ed7 checkbox_icon__50df3ed7","input":"checkbox_input__50df3ed7","focus":"checkbox_focus__50df3ed7","label":"checkbox_label__50df3ed7"};
-
-/**
- * @name Checkbox
- */
-
-/**
- * Displays a checkbox.
- */
-
-class Checkbox extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "inputRef", el => {
-      if (el != null) {
-        el.indeterminate = this.props.indeterminate;
-      }
-
-      this.input = el;
-    });
-  }
-
-  componentDidMount() {
-    if (this.input != null) {
-      this.input.indeterminate = this.props.indeterminate;
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      indeterminate
-    } = this.props;
-
-    if (this.input != null && indeterminate !== prevProps.indeterminate) {
-      this.input.indeterminate = this.props.indeterminate;
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      label,
-      className,
-      containerClassName,
-      containerStyle,
-      cellClassName,
-      labelClassName,
-      indeterminate
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "label", "className", "containerClassName", "containerStyle", "cellClassName", "labelClassName", "indeterminate"]);
-
-    const classes = classNames(modules_3199090e.input, className);
-    const containerClasses = classNames(modules_3199090e.checkbox, containerClassName);
-    const cellClasses = classNames(modules_3199090e.cell, cellClassName);
-    const labelClasses = classNames(modules_3199090e.label, labelClassName);
-    return /*#__PURE__*/React.createElement("label", {
-      className: containerClasses,
-      style: containerStyle,
-      "data-test": "ring-checkbox"
-    }, /*#__PURE__*/React.createElement("input", _extends({}, restProps, {
-      "data-checked": restProps.checked,
-      ref: this.inputRef,
-      type: "checkbox",
-      className: classes
-    })), /*#__PURE__*/React.createElement("span", {
-      className: cellClasses
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: checkmarkIcon,
-      className: modules_3199090e.check
-    }), /*#__PURE__*/React.createElement(Icon, {
-      glyph: minusIcon,
-      className: modules_3199090e.minus
-    })), /*#__PURE__*/React.createElement("span", {
-      className: labelClasses
-    }, label || children));
-  }
-
-}
-
-_defineProperty(Checkbox, "propTypes", {
-  name: PropTypes.string,
-  label: PropTypes.string,
-  className: PropTypes.string,
-  containerClassName: PropTypes.string,
-  containerStyle: PropTypes.object,
-  cellClassName: PropTypes.string,
-  labelClassName: PropTypes.string,
-  defaultChecked: PropTypes.bool,
-  checked: PropTypes.bool,
-  indeterminate: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  children: PropTypes.node
-});
-
-export default Checkbox;