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

package/dist/tabs/smart-tabs.js

@@ -1,102 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import joinDataTestAttributes from '../global/data-tests.js';
-import Tabs from './dumb-tabs.js';
-import 'classnames';
-import '../global/memoize.js';
-import '../global/theme.js';
-import '../_helpers/tabs.js';
-import './tab-link.js';
-import '../link/link.js';
-import 'focus-visible';
-import '../link/clickableLink.js';
-import './collapsible-tabs.js';
-import 'fastdom';
-import './collapsible-more.js';
-import '@jetbrains/icons/chevron-10px';
-import '../popup/popup.consts.js';
-import '../popup-menu/popup-menu.js';
-import '../popup/popup.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.target.js';
-import '../list/list.js';
-import 'react-virtualized/dist/es/List';
-import 'react-virtualized/dist/es/AutoSizer';
-import 'react-virtualized/dist/es/WindowScroller';
-import 'react-virtualized/dist/es/CellMeasurer';
-import 'util-deprecate';
-import 'memoize-one';
-import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../_helpers/list.js';
-import '../list/list__item.js';
-import '../avatar/avatar.js';
-import '../global/url.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../list/list__custom.js';
-import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
-import '../list/consts.js';
-import '../dropdown/dropdown.js';
-import '../_helpers/anchor.js';
-import '../button/button.js';
-import '../_helpers/button__classes.js';
-import './collapsible-tab.js';
-import './custom-item.js';
-
-class SmartTabs extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      selected: this.props.initSelected || this.props.children[0].props.id || '0'
-    });
-
-    _defineProperty(this, "handleSelect", selected => this.setState({
-      selected
-    }));
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      initSelected,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "initSelected", "data-test"]);
-
-    return /*#__PURE__*/React.createElement(Tabs, _extends({
-      "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
-      selected: this.state.selected,
-      onSelect: this.handleSelect
-    }, restProps), children);
-  }
-
-}
-
-_defineProperty(SmartTabs, "propTypes", {
-  children: PropTypes.arrayOf(PropTypes.element).isRequired,
-  initSelected: PropTypes.string,
-  'data-test': PropTypes.string
-});
-
-export default SmartTabs;

package/dist/tabs/tab-link.js

@@ -1,35 +0,0 @@
-import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-import Link from '../link/link.js';
-import { m as modules_02138f4a } from '../_helpers/tabs.js';
-import 'focus-visible';
-import 'classnames';
-import '../global/memoize.js';
-import '../global/data-tests.js';
-import '../link/clickableLink.js';
-
-function TabLink(_ref) {
-  let {
-    isSelected,
-    title,
-    collapsed
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["isSelected", "title", "collapsed"]);
-
-  const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
-  return /*#__PURE__*/React.createElement(Link, restProps, () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: modules_02138f4a.visible
-  }, renderedTitle), /*#__PURE__*/React.createElement("span", {
-    className: modules_02138f4a.hidden
-  }, 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 default TabLink$1;

package/dist/tabs/tab.js

@@ -1,32 +0,0 @@
-import { _ 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_02138f4a } from '../_helpers/tabs.js';
-
-class Tab extends PureComponent {
-  render() {
-    const {
-      className,
-      children,
-      'data-test': dataTest
-    } = this.props;
-    const classes = classNames(modules_02138f4a.tab, className);
-    return /*#__PURE__*/React.createElement("div", {
-      "data-test": joinDataTestAttributes('ring-tab', dataTest),
-      className: classes
-    }, children);
-  }
-
-}
-
-_defineProperty(Tab, "propTypes", {
-  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  id: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
-
-export default Tab;

package/dist/tabs/tabs.js

@@ -1,65 +0,0 @@
-export { CustomItem } from './custom-item.js';
-export { default as Tabs } from './dumb-tabs.js';
-export { default as SmartTabs } from './smart-tabs.js';
-export { default as Tab } from './tab.js';
-import 'prop-types';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '../global/memoize.js';
-import '../global/theme.js';
-import '../global/data-tests.js';
-import '../_helpers/tabs.js';
-import './tab-link.js';
-import '../link/link.js';
-import 'focus-visible';
-import '../link/clickableLink.js';
-import './collapsible-tabs.js';
-import 'fastdom';
-import './collapsible-more.js';
-import '@jetbrains/icons/chevron-10px';
-import '../popup/popup.consts.js';
-import '../popup-menu/popup-menu.js';
-import '../popup/popup.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.target.js';
-import '../list/list.js';
-import 'react-virtualized/dist/es/List';
-import 'react-virtualized/dist/es/AutoSizer';
-import 'react-virtualized/dist/es/WindowScroller';
-import 'react-virtualized/dist/es/CellMeasurer';
-import 'util-deprecate';
-import 'memoize-one';
-import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../_helpers/list.js';
-import '../list/list__item.js';
-import '../avatar/avatar.js';
-import '../global/url.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../list/list__custom.js';
-import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
-import '../list/consts.js';
-import '../dropdown/dropdown.js';
-import '../_helpers/anchor.js';
-import '../button/button.js';
-import '../_helpers/button__classes.js';
-import './collapsible-tab.js';

package/dist/tag/tag.js

@@ -1,190 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import closeIcon from '@jetbrains/icons/close';
-import Icon from '../icon/icon.js';
-import Button from '../button/button.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-
-var modules_2f9be069 = {"unit":"8px","resetButton":"global_resetButton__0f8f4370","background-color":"var(--ring-tag-background-color)","max-height":"20px","tag":"tag_tag__e2972246 global_resetButton__0f8f4370","withRemove":"tag_withRemove__e2972246","container":"tag_container__e2972246","focused":"tag_focused__e2972246","tagAngled":"tag_tagAngled__e2972246","content":"tag_content__e2972246 global_ellipsis__0f8f4370","disabled":"tag_disabled__e2972246","remove":"tag_remove__e2972246","removeIcon":"tag_removeIcon__e2972246","icon":"tag_icon__e2972246","avatarContainer":"tag_avatarContainer__e2972246","customIcon":"tag_customIcon__e2972246","avatarIcon":"tag_avatarIcon__e2972246"};
-
-/**
- * @name Tag
- */
-
-class Tag extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      focused: false
-    });
-
-    _defineProperty(this, "onDocumentClick", event => {
-      if (this.tagNode) {
-        this.setState({
-          focused: this.tagNode === event.target
-        });
-      }
-    });
-
-    _defineProperty(this, "tagRef", el => {
-      this.tagNode = el;
-    });
-  }
-
-  componentDidUpdate(prevProps) {
-    if (this.props.focused !== prevProps.focused) {
-      // eslint-disable-next-line react/no-did-update-set-state
-      this.setState({
-        focused: this.props.focused
-      });
-    }
-
-    if (this.state.focused) {
-      this.tagNode.focus();
-    }
-
-    this.setDocumentClickListener(this.state.focused);
-  }
-
-  componentWillUnmount() {
-    this.setDocumentClickListener(false);
-    this.setState({
-      focused: false
-    });
-  }
-
-  setDocumentClickListener(setListener) {
-    if (setListener) {
-      document.addEventListener('click', this.onDocumentClick);
-    } else {
-      document.removeEventListener('click', this.onDocumentClick);
-    }
-  }
-
-  renderCustomIcon() {
-    if (this.props.rgTagIcon) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        className: modules_2f9be069.icon,
-        title: this.props.rgTagTitle,
-        glyph: this.props.rgTagIcon
-      });
-    }
-
-    return null;
-  }
-
-  _renderImageElement(avatarSrc) {
-    const classes = classNames({
-      [modules_2f9be069.customIcon]: this.props.icon,
-      [modules_2f9be069.avatarIcon]: avatarSrc
-    });
-    return /*#__PURE__*/React.createElement("img", {
-      alt: avatarSrc ? 'Avatar' : 'Icon',
-      className: classes,
-      src: avatarSrc || this.props.icon
-    });
-  }
-
-  renderImage() {
-    if (this.props.icon && !this.props.avatar) {
-      return this._renderImageElement();
-    }
-
-    return null;
-  }
-
-  renderAvatar() {
-    if (this.props.avatar) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: modules_2f9be069.avatarContainer
-      }, this._renderImageElement(this.props.avatar));
-    }
-
-    return null;
-  }
-
-  renderRemoveIcon() {
-    if (!this.props.readOnly) {
-      return /*#__PURE__*/React.createElement(Button, {
-        title: "Remove",
-        icon: closeIcon,
-        "data-test": "ring-tag-remove",
-        className: modules_2f9be069.remove,
-        iconClassName: modules_2f9be069.removeIcon,
-        onClick: this.props.onRemove,
-        style: {
-          '--ring-icon-secondary-color': this.props.textColor
-        }
-      });
-    }
-
-    return null;
-  }
-
-  render() {
-    const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
-      [modules_2f9be069.focused]: this.state.focused,
-      [modules_2f9be069.disabled]: this.props.disabled,
-      [modules_2f9be069.tagAngled]: this.props.angled,
-      [modules_2f9be069.withRemove]: !this.props.readOnly
-    }, this.props.className);
-    const {
-      backgroundColor,
-      textColor
-    } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
-      className: modules_2f9be069.container
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      "data-test": "ring-tag",
-      className: classes,
-      ref: this.tagRef,
-      onClick: this.props.onClick,
-      style: {
-        backgroundColor,
-        color: textColor
-      }
-    }, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
-      className: modules_2f9be069.content
-    }, this.props.children)), this.renderRemoveIcon());
-  }
-
-}
-
-_defineProperty(Tag, "propTypes", {
-  onRemove: PropTypes.func,
-  onClick: PropTypes.func,
-  rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  icon: PropTypes.string,
-  avatar: PropTypes.string,
-  rgTagTitle: PropTypes.string,
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  focused: PropTypes.bool,
-  angled: PropTypes.bool,
-  backgroundColor: PropTypes.string,
-  textColor: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string
-});
-
-_defineProperty(Tag, "defaultProps", {
-  onRemove: () => {},
-  onClick: () => {},
-  readOnly: false,
-  disabled: false,
-  focused: false
-});
-
-export default Tag;