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

package/dist/text.js

@@ -1,38 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-var modules_78d1bce6 = {"text":"text_text__bc47c17b","info":"text_info__bc47c17b"};
-
-/**
- * @name Text
- */
-
-class Text extends Component {
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className,
-      info
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "info"]);
-
-    const classes = classNames(modules_78d1bce6.text, className, {
-      [modules_78d1bce6.info]: info
-    });
-    return /*#__PURE__*/React.createElement("span", _extends({
-      className: classes
-    }, restProps), children);
-  }
-
-}
-
-_defineProperty(Text, "propTypes", {
-  children: PropTypes.node,
-  info: PropTypes.bool,
-  className: PropTypes.string
-});
-
-export default Text;

package/dist/toggle.js

@@ -1,80 +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 { w as withTheme } from './_helpers/theme.js';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-
-var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"hsla(0,0%,100%,.9)","duration":".3s","timing-function":"cubic-bezier(.23,1,.32,1)","toggle":"toggle_toggle__ca2e3a7a","switch":"toggle_switch__ca2e3a7a","disabled":"toggle_disabled__ca2e3a7a","label":"toggle_label__ca2e3a7a","leftLabel":"toggle_leftLabel__ca2e3a7a","light":"toggle_light__ca2e3a7a","dark":"toggle_dark__ca2e3a7a","switchWrapper":"toggle_switchWrapper__ca2e3a7a","input":"toggle_input__ca2e3a7a","size20":"toggle_size20__ca2e3a7a","paleSwitch":"toggle_paleSwitch__ca2e3a7a"};
-
-const Size = {
-  Size16: modules_331c5aa7.size16,
-  Size20: modules_331c5aa7.size20
-};
-/**
-  * @name Toggle
-  */
-
-class Toggle extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      children,
-      disabled,
-      pale,
-      title,
-      leftLabel,
-      theme,
-      size = Size.Size16,
-      'data-test': dataTest,
-      onTransitionEnd
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "children", "disabled", "pale", "title", "leftLabel", "theme", "size", "data-test", "onTransitionEnd"]);
-
-    const classes = classNames(className, size, modules_331c5aa7.toggle, modules_331c5aa7[theme], disabled && modules_331c5aa7.disabled);
-    return /*#__PURE__*/React.createElement("label", {
-      className: classes,
-      title: title,
-      "data-test": joinDataTestAttributes('ring-toggle', dataTest)
-    }, leftLabel && /*#__PURE__*/React.createElement("span", {
-      className: modules_331c5aa7.leftLabel
-    }, leftLabel), /*#__PURE__*/React.createElement("span", {
-      className: modules_331c5aa7.switchWrapper
-    }, /*#__PURE__*/React.createElement("input", _extends({
-      "data-test": "ring-toggle-input"
-    }, restProps, {
-      type: "checkbox",
-      disabled: disabled,
-      className: modules_331c5aa7.input
-    })), /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_331c5aa7.switch, pale && modules_331c5aa7.paleSwitch),
-      onTransitionEnd: onTransitionEnd
-    })), children && /*#__PURE__*/React.createElement("span", {
-      className: modules_331c5aa7.label
-    }, children));
-  }
-
-}
-
-_defineProperty(Toggle, "propTypes", {
-  children: PropTypes.node,
-  name: PropTypes.string,
-  className: PropTypes.string,
-  title: PropTypes.string,
-  leftLabel: PropTypes.node,
-  defaultChecked: PropTypes.bool,
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  pale: PropTypes.bool,
-  onChange: PropTypes.func,
-  onTransitionEnd: PropTypes.func,
-  theme: PropTypes.string,
-  size: PropTypes.oneOf(Object.values(Size)),
-  'data-test': PropTypes.string
-});
-
-var toggle = withTheme()(Toggle);
-
-export default toggle;
-export { Size };

package/dist/tooltip.js

@@ -1,202 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, createContext } from 'react';
-import PropTypes from 'prop-types';
-import { P as Popup } from './_helpers/popup.js';
-import { L as Listeners } from './_helpers/dom.js';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-import { s as scheduleRAF } from './_helpers/schedule-raf.js';
-import 'react-dom';
-import 'classnames';
-import './_helpers/get-uid.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-
-var modules_cd5e45a9 = {"unit":"8px","tooltip":"tooltip_tooltip__b9231867"};
-
-const scheduleScroll = scheduleRAF();
-const TooltipContext = /*#__PURE__*/createContext();
-/**
- * @name Tooltip
- */
-
-class Tooltip extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      showPopup: false,
-      showNestedPopup: false
-    });
-
-    _defineProperty(this, "listeners", new Listeners());
-
-    _defineProperty(this, "containerRef", el => {
-      this.containerNode = el;
-    });
-
-    _defineProperty(this, "tryToShowPopup", () => {
-      const {
-        delay,
-        title
-      } = this.props;
-
-      if (!title) {
-        return;
-      }
-
-      if (delay) {
-        this.timeout = setTimeout(this.showPopup, delay);
-      } else {
-        this.showPopup();
-      }
-    });
-
-    _defineProperty(this, "showPopup", () => {
-      var _this$context;
-
-      if (this.props.selfOverflowOnly) {
-        const {
-          containerNode
-        } = this; // rare cases when containerNode is null are possible;
-        // probably the collision is due to the asynchronous nature of the code,
-        // i.e. this code runs after the component is unmounted,
-        // although at first glance it looks unlikely.
-
-        if (!containerNode) {
-          return;
-        } // inline element?
-
-
-        if (containerNode.clientWidth === 0 && containerNode.clientHeight === 0) {
-          return;
-        }
-
-        if (containerNode.scrollWidth <= containerNode.clientWidth && containerNode.scrollHeight <= containerNode.clientHeight) {
-          return;
-        }
-      }
-
-      (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.onNestedTooltipShow();
-      this.setState({
-        showPopup: true
-      });
-    });
-
-    _defineProperty(this, "hidePopup", () => {
-      var _this$context2;
-
-      clearTimeout(this.timeout);
-      (_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.onNestedTooltipHide();
-      this.setState({
-        showPopup: false
-      });
-    });
-
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-    });
-
-    _defineProperty(this, "onNestedTooltipShow", () => {
-      this.setState({
-        showNestedPopup: true
-      });
-    });
-
-    _defineProperty(this, "onNestedTooltipHide", () => {
-      this.setState({
-        showNestedPopup: false
-      });
-    });
-  }
-
-  componentDidMount() {
-    if (this.props.title) {
-      this.addListeners();
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    if (!prevProps.title && this.props.title) {
-      this.addListeners();
-    } else if (prevProps.title && !this.props.title) {
-      this.listeners.removeAll();
-    }
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timeout);
-    this.listeners.removeAll();
-  }
-
-  addListeners() {
-    this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
-    this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
-    this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {
-      passive: true
-    });
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      'data-test': dataTest,
-      title,
-      delay,
-      selfOverflowOnly,
-      popupProps
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "data-test", "title", "delay", "selfOverflowOnly", "popupProps"]);
-
-    const {
-      onNestedTooltipShow,
-      onNestedTooltipHide
-    } = this;
-    return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
-      value: {
-        onNestedTooltipShow,
-        onNestedTooltipHide
-      }
-    }, /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
-      ref: this.containerRef,
-      "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
-      "data-test-title": title
-    }), children, /*#__PURE__*/React.createElement(Popup, _extends({
-      trapFocus: false,
-      hidden: !this.state.showPopup || this.state.showNestedPopup,
-      onCloseAttempt: this.hidePopup,
-      maxHeight: 400,
-      className: modules_cd5e45a9.tooltip,
-      attached: false,
-      top: 4,
-      dontCloseOnAnchorClick: true,
-      ref: this.popupRef
-    }, popupProps), title)));
-  }
-
-}
-
-_defineProperty(Tooltip, "propTypes", {
-  delay: PropTypes.number,
-  selfOverflowOnly: PropTypes.bool,
-  popupProps: PropTypes.object,
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(Tooltip, "defaultProps", {
-  title: '',
-  selfOverflowOnly: false,
-  popupProps: {}
-});
-
-_defineProperty(Tooltip, "PopupProps", Popup.PopupProps);
-
-_defineProperty(Tooltip, "contextType", TooltipContext);
-
-export default Tooltip;

package/dist/user-card.js

@@ -1,218 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _defineProperty, c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Avatar, { Size } from './avatar.js';
-import Link from './link.js';
-import { m as modules_6c9187df } from './_helpers/badge.js';
-import Dropdown from './dropdown.js';
-import { P as Popup } from './_helpers/popup.js';
-import LoaderInline from './loader-inline.js';
-import './_helpers/url.js';
-import './_helpers/dom.js';
-import 'focus-visible';
-import './_helpers/memoize.js';
-import './_helpers/data-tests.js';
-import './_helpers/clickableLink.js';
-import '@jetbrains/icons/chevron-10px';
-import './icon.js';
-import 'util-deprecate';
-import './_helpers/button.js';
-import './_helpers/theme.js';
-import 'react-dom';
-import './_helpers/get-uid.js';
-import './_helpers/schedule-raf.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-import 'conic-gradient';
-
-var modules_a4196c17 = {"unit":"8px","userCardSpaced":"userCard_userCardSpaced__2a18ba49","userInformationContainer":"userCard_userInformationContainer__2a18ba49","userInformation":"userCard_userInformation__2a18ba49","userName":"userCard_userName__2a18ba49","userActiveStatus":"userCard_userActiveStatus__2a18ba49","online":"userCard_online__2a18ba49"};
-
-class UserCard extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className,
-      user,
-      wording
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "user", "wording"]);
-
-    const classes = classNames(className, {});
-    const userActiveStatusClasses = classNames(modules_a4196c17.userActiveStatus, user.online ? modules_a4196c17.online : '');
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: classes
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_a4196c17.userInformationContainer
-    }, /*#__PURE__*/React.createElement(Avatar, {
-      size: Size.Size56,
-      url: user.avatarUrl
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_a4196c17.userInformation
-    }, /*#__PURE__*/React.createElement("div", null, user.href && /*#__PURE__*/React.createElement(Link, {
-      href: user.href,
-      className: modules_a4196c17.userName
-    }, user.name), !user.href && /*#__PURE__*/React.createElement("span", {
-      className: modules_a4196c17.userName
-    }, user.name), user.banned && /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_6c9187df.badge, modules_6c9187df.invalid),
-      title: user.banReason
-    }, wording.banned)), /*#__PURE__*/React.createElement("div", null, typeof user.online === 'boolean' && /*#__PURE__*/React.createElement("span", {
-      className: userActiveStatusClasses,
-      title: user.online ? wording.online : wording.offline
-    }), user.login), user.email && /*#__PURE__*/React.createElement("div", null, user.email))), children);
-  }
-
-}
-
-_defineProperty(UserCard, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  user: PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    login: PropTypes.string.isRequired,
-    avatarUrl: PropTypes.string.isRequired,
-    email: PropTypes.string,
-    href: PropTypes.string,
-    online: PropTypes.bool,
-    banned: PropTypes.bool,
-    banReason: PropTypes.string
-  }).isRequired,
-  wording: PropTypes.shape({
-    banned: PropTypes.string.isRequired,
-    online: PropTypes.string.isRequired,
-    offline: PropTypes.string.isRequired
-  })
-});
-
-_defineProperty(UserCard, "defaultProps", {
-  wording: {
-    banned: 'banned',
-    online: 'online',
-    offline: 'offline'
-  }
-});
-
-const DEFAULT_TIMEOUT = 300;
-class UserCardTooltip extends Component {
-  render() {
-    const {
-      children,
-      user,
-      renderUserCard,
-      renderNoUser,
-      dropdownProps
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Dropdown, _extends({
-      anchor: children,
-      hoverMode: true,
-      clickMode: false
-    }, dropdownProps), /*#__PURE__*/React.createElement(Popup, {
-      attached: false
-    }, user ? renderUserCard(this.props) : renderNoUser()));
-  }
-
-}
-
-_defineProperty(UserCardTooltip, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node,
-  dropdownProps: PropTypes.object,
-  user: PropTypes.object,
-  renderUserCard: PropTypes.func,
-  renderNoUser: PropTypes.func
-});
-
-_defineProperty(UserCardTooltip, "defaultProps", {
-  renderUserCard: props => {
-    const {
-      className,
-      children,
-      renderUserCard,
-      renderNoUser,
-      dropdownProps
-    } = props,
-          restProps = _objectWithoutProperties(props, ["className", "children", "renderUserCard", "renderNoUser", "dropdownProps"]);
-
-    return /*#__PURE__*/React.createElement(UserCard, _extends({}, restProps, {
-      className: classNames(modules_a4196c17.userCardSpaced, className)
-    }));
-  },
-  renderNoUser: () => '',
-  dropdownProps: {
-    hoverShowTimeOut: DEFAULT_TIMEOUT,
-    hoverHideTimeOut: DEFAULT_TIMEOUT
-  }
-});
-
-class SmartUserCardTooltip extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      user: null,
-      loading: false
-    });
-
-    _defineProperty(this, "loadUser", async () => {
-      if (this.state.user) {
-        return;
-      }
-
-      try {
-        this.setState({
-          loading: true
-        });
-        const user = await this.props.userDataSource();
-        this.setState({
-          user
-        });
-      } catch (e) {// Skip it
-      } finally {
-        this.setState({
-          loading: false
-        });
-      }
-    });
-
-    _defineProperty(this, "renderNoUser", () => this.state.loading ? /*#__PURE__*/React.createElement("div", {
-      className: modules_a4196c17.userCardSpaced
-    }, /*#__PURE__*/React.createElement(LoaderInline, null)) : '');
-  }
-
-  render() {
-    const {
-      user
-    } = this.state;
-
-    const _this$props = this.props,
-          {
-      children,
-      userDataSource
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "userDataSource"]);
-
-    const dropdownProps = _objectSpread2({
-      onMouseEnter: this.loadUser
-    }, UserCardTooltip.defaultProps.dropdownProps);
-
-    return /*#__PURE__*/React.createElement(UserCardTooltip, _extends({
-      user: user,
-      renderNoUser: this.renderNoUser,
-      dropdownProps: dropdownProps
-    }, restProps), children);
-  }
-
-}
-
-_defineProperty(SmartUserCardTooltip, "propTypes", {
-  children: PropTypes.node,
-  userDataSource: PropTypes.func
-});
-
-export { SmartUserCardTooltip, UserCard, UserCardTooltip };