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

package/dist/auth-dialog/auth-dialog.js

@@ -1,132 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import '../island/island.js';
-import Dialog from '../dialog/dialog.js';
-import Button from '../button/button.js';
-import { H2 } from '../heading/heading.js';
-import ContentWrapper from '../island/content.js';
-import '../global/data-tests.js';
-import '../island/adaptive-island-hoc.js';
-import '../global/linear-function.js';
-import '../_helpers/island.js';
-import '../island/header.js';
-import 'react-dom';
-import '@jetbrains/icons/close';
-import '../global/get-uid.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../global/dom.js';
-import '../popup/popup.target.js';
-import '../_helpers/dialog__body-scroll-preventer.js';
-import 'scrollbar-width';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import 'element-resize-detector';
-import '../global/schedule-raf.js';
-
-var modules_ae521deb = {"unit":"8px","dialog":"authDialog_dialog__eba2bba5","content":"authDialog_content__eba2bba5 global_font__0f8f4370","button":"authDialog_button__eba2bba5","firstButton":"authDialog_firstButton__eba2bba5 authDialog_button__eba2bba5","title":"authDialog_title__eba2bba5","logo":"authDialog_logo__eba2bba5","error":"authDialog_error__eba2bba5"};
-
-/**
- * @name Auth Dialog
- */
-
-class AuthDialog extends Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "onEscPress", () => {
-      if (this.props.cancelOnEsc) {
-        this.props.onCancel();
-      }
-    });
-  }
-
-  render() {
-    const {
-      show,
-      className,
-      errorMessage,
-      serviceImage,
-      serviceName,
-      loginCaption,
-      loginToCaption,
-      confirmLabel,
-      cancelLabel,
-      onConfirm,
-      onCancel
-    } = this.props;
-    const defaultTitle = serviceName ? loginToCaption : loginCaption;
-    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
-    return /*#__PURE__*/React.createElement(Dialog, {
-      "data-test": "ring-auth-dialog",
-      className: className,
-      contentClassName: classNames(className, modules_ae521deb.dialog),
-      onEscPress: this.onEscPress,
-      show: show,
-      trapFocus: true
-    }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_ae521deb.content
-    }, serviceImage && /*#__PURE__*/React.createElement("img", {
-      alt: `${serviceName} logo`,
-      className: modules_ae521deb.logo,
-      src: serviceImage
-    }), /*#__PURE__*/React.createElement(H2, {
-      className: modules_ae521deb.title
-    }, title), errorMessage && /*#__PURE__*/React.createElement("div", {
-      className: modules_ae521deb.error
-    }, errorMessage), /*#__PURE__*/React.createElement(Button, {
-      primary: true,
-      className: modules_ae521deb.firstButton,
-      "data-test": "auth-dialog-confirm-button",
-      onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
-      className: modules_ae521deb.button,
-      "data-test": "auth-dialog-cancel-button",
-      onClick: onCancel
-    }, cancelLabel))));
-  }
-
-}
-
-_defineProperty(AuthDialog, "propTypes", {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  errorMessage: PropTypes.string,
-  serviceImage: PropTypes.string,
-  serviceName: PropTypes.string,
-  loginCaption: PropTypes.string,
-  loginToCaption: PropTypes.string,
-  show: PropTypes.bool,
-  cancelOnEsc: PropTypes.bool,
-  confirmLabel: PropTypes.string,
-  cancelLabel: PropTypes.string,
-  onConfirm: PropTypes.func,
-  onCancel: PropTypes.func
-});
-
-_defineProperty(AuthDialog, "defaultProps", {
-  loginCaption: 'Log in',
-  loginToCaption: 'Log in to %serviceName%',
-  show: false,
-  cancelOnEsc: true,
-  confirmLabel: 'Log in',
-  cancelLabel: 'Remain a guest',
-  onConfirm: () => {},
-  onCancel: () => {}
-});
-
-export default AuthDialog;

package/dist/auth-dialog-service/auth-dialog-service.js

@@ -1,67 +0,0 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import { render } from 'react-dom';
-import AuthDialog from '../auth-dialog/auth-dialog.js';
-import 'prop-types';
-import 'classnames';
-import '../island/island.js';
-import '../global/data-tests.js';
-import '../island/adaptive-island-hoc.js';
-import '../global/linear-function.js';
-import '../_helpers/island.js';
-import '../island/header.js';
-import '../island/content.js';
-import 'element-resize-detector';
-import '../global/schedule-raf.js';
-import '../dialog/dialog.js';
-import '@jetbrains/icons/close';
-import '../global/get-uid.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../global/dom.js';
-import '../button/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../popup/popup.target.js';
-import '../_helpers/dialog__body-scroll-preventer.js';
-import 'scrollbar-width';
-import '../heading/heading.js';
-
-/**
- * @name Auth Dialog Service
- */
-
-const containerElement = document.createElement('div');
-/**
- * Renders AuthDialog into virtual node to skip maintaining container
- */
-
-function renderAuthDialog(props) {
-  render( /*#__PURE__*/React.createElement(AuthDialog, props), containerElement);
-}
-
-function showAuthDialog() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  renderAuthDialog(_objectSpread2(_objectSpread2({}, props), {}, {
-    show: true
-  }));
-  return () => {
-    renderAuthDialog({
-      show: false
-    });
-  };
-}
-
-export default showAuthDialog;

package/dist/avatar/avatar-example-datauri.js

@@ -1,26 +0,0 @@
-// Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
-const avatarDataUri = `data:image/svg+xml,${encodeURIComponent(`
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
-            <stop stop-color="#D50F6B" offset="0"/>
-            <stop stop-color="#E73AE8" offset="1"/>
-        </linearGradient>
-    </defs>
-    <g>
-        <rect fill="url(#gradient)"
-              x="0" y="0" width="40" height="40"
-              rx="3" ry="3"/>
-        <text x="5" y="19"
-              font-family="Arial, Helvetica, sans-serif"
-              font-size="15px"
-              letter-spacing="1"
-              fill="#FFFFFF">
-            <tspan>JB</tspan>
-            <tspan x="6" y="28">_</tspan>
-        </text>
-    </g>
-</svg>
-`)}`;
-
-export { avatarDataUri };

package/dist/avatar/avatar.js

@@ -1,155 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, c as _objectSpread2, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
-import { getPixelRatio } from '../global/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() {
-    super(...arguments);
-
-    _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, {
-        "data-test": "avatar",
-        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, {
-        "data-test": "avatar",
-        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, {
-        "data-test": "avatar",
-        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/badge.js

@@ -1,52 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import joinDataTestAttributes from '../global/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/button.js

@@ -1,117 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import chevronDown from '@jetbrains/icons/chevron-10px';
-import Icon from '../icon/icon.js';
-import Theme, { withTheme } from '../global/theme.js';
-import ClickableLink from '../link/clickableLink.js';
-import { g as getButtonClasses, m as modules_e81895c9 } from '../_helpers/button__classes.js';
-import { Size } from '../icon/icon__constants.js';
-export { Size as IconSize } from '../icon/icon__constants.js';
-import 'util-deprecate';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-
-/**
- * @name Button
- */
-
-/**
- * A component for displaying variously styled buttons.
- */
-
-class Button extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      // Modifiers
-      theme,
-      active,
-      danger,
-      delayed,
-      loader,
-      primary,
-      short,
-      text,
-      inline,
-      dropdown,
-      // Props
-      icon,
-      iconSize,
-      iconClassName,
-      iconSuppressSizeWarning,
-      className,
-      children
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["theme", "active", "danger", "delayed", "loader", "primary", "short", "text", "inline", "dropdown", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children"]);
-
-    const classes = getButtonClasses({
-      className,
-      active,
-      danger,
-      delayed,
-      icon,
-      theme,
-      loader,
-      primary,
-      short,
-      text,
-      inline
-    });
-    const content = /*#__PURE__*/React.createElement("span", {
-      className: modules_e81895c9.content
-    }, icon && /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_e81895c9.icon, iconClassName)
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: icon,
-      size: iconSize,
-      loading: loader,
-      suppressSizeWarning: iconSuppressSizeWarning
-    })), children && /*#__PURE__*/React.createElement("span", null, children), dropdown && /*#__PURE__*/React.createElement(Icon, {
-      glyph: chevronDown,
-      className: modules_e81895c9.dropdownIcon
-    }));
-    const isLink = !!props.href;
-    const Tag = isLink ? ClickableLink : 'button';
-    return /*#__PURE__*/React.createElement(Tag, _extends({
-      tabIndex: loader ? -1 : 0,
-      type: isLink ? null : 'button'
-    }, props, {
-      className: classes
-    }), loader && !text && !icon && /*#__PURE__*/React.createElement("div", {
-      className: modules_e81895c9.loaderBackground
-    }), content);
-  }
-
-}
-
-_defineProperty(Button, "propTypes", {
-  theme: PropTypes.oneOf(['light', 'dark']),
-  active: PropTypes.bool,
-  danger: PropTypes.bool,
-  delayed: PropTypes.bool,
-  loader: PropTypes.bool,
-  primary: PropTypes.bool,
-  short: PropTypes.bool,
-  text: PropTypes.bool,
-  inline: PropTypes.bool,
-  dropdown: PropTypes.bool,
-  href: PropTypes.string,
-  target: PropTypes.string,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  iconSize: PropTypes.number,
-  iconClassName: PropTypes.string,
-  iconSuppressSizeWarning: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  onClick: PropTypes.func
-});
-
-_defineProperty(Button, "IconSize", Size);
-
-_defineProperty(Button, "Theme", Theme);
-var Button$1 = withTheme()(Button);
-
-export default Button$1;

package/dist/button/button__classes.js

@@ -1,5 +0,0 @@
-import 'classnames';
-import '../global/theme.js';
-export { g as getButtonClasses } from '../_helpers/button__classes.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';

package/dist/button-group/button-group.js

@@ -1,30 +0,0 @@
-import { b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { m as modules_1068e447 } from '../_helpers/caption.js';
-export { C as Caption } from '../_helpers/caption.js';
-
-/**
- * @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;

package/dist/button-group/caption.js

@@ -1,5 +0,0 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';
-import 'prop-types';
-import 'classnames';
-export { C as default } from '../_helpers/caption.js';

package/dist/button-set/button-set.js

@@ -1,27 +0,0 @@
-import { b as _extends, _ 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/button-toolbar.js

@@ -1,30 +0,0 @@
-import { b as _extends, _ 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;