@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/tags-list/tags-list.d.ts

@@ -39,8 +39,8 @@ export default class TagsList<T extends TagType> extends Component<TagsListProps
         handleClick: typeof noop;
         handleRemove: typeof noop;
     };
-    renderTag(tag: T, focusTag: boolean): JSX.Element;
-    render(): JSX.Element;
+    renderTag(tag: T, focusTag: boolean): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TagsListAttrs<T extends TagType = TagType> = JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
 export {};

package/dist/tags-list/tags-list.js

@@ -1,63 +1,85 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, f as _extends, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Tag from '../tag/tag.js';
+import 'core-js/modules/es.array.concat.js';
 import '@jetbrains/icons/close-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
+var _excluded = ["children", "className", "customTagComponent", "canNotBeEmpty", "handleClick", "tagClassName", "handleRemove", "tags", "activeIndex"];
 function noop() {}
 /**
  * @name Tags List
  */
-class TagsList extends Component {
-  renderTag(tag, focusTag) {
-    const TagComponent = this.props.customTagComponent || Tag;
-    const readOnly = this.props.disabled || tag.readOnly || this.props.canNotBeEmpty && this.props.tags.length === 1;
-    const {
-      tagClassName
-    } = this.props;
-    return /*#__PURE__*/React.createElement(TagComponent, _extends({}, tag, {
-      readOnly: readOnly,
-      disabled: this.props.disabled || tag.disabled,
-      focused: focusTag,
-      onClick: this.props.handleClick(tag),
-      onRemove: this.props.handleRemove(tag),
-      className: tagClassName
-    }), tag.label);
+var TagsList = /*#__PURE__*/function (_Component) {
+  _inherits(TagsList, _Component);
+  var _super = _createSuper(TagsList);
+  function TagsList() {
+    _classCallCheck(this, TagsList);
+    return _super.apply(this, arguments);
   }
-  render() {
-    const {
-      children,
-      className,
-      customTagComponent,
-      canNotBeEmpty,
-      handleClick,
-      tagClassName,
-      handleRemove,
-      tags,
-      activeIndex,
-      ...props
-    } = this.props;
-    const classes = classNames('ring-js-shortcuts', className);
-    const tagsList = (this.props.tags || []).map((tag, index) => this.renderTag(tag, this.props.activeIndex === index));
-    return /*#__PURE__*/React.createElement("div", _extends({
-      "data-test": "ring-tags-list",
-      className: classes
-    }, props), tagsList, children);
-  }
-}
+  _createClass(TagsList, [{
+    key: "renderTag",
+    value: function renderTag(tag, focusTag) {
+      var TagComponent = this.props.customTagComponent || Tag;
+      var readOnly = this.props.disabled || tag.readOnly || this.props.canNotBeEmpty && this.props.tags.length === 1;
+      var tagClassName = this.props.tagClassName;
+      return /*#__PURE__*/React.createElement(TagComponent, _extends({}, tag, {
+        readOnly: readOnly,
+        disabled: this.props.disabled || tag.disabled,
+        focused: focusTag,
+        onClick: this.props.handleClick(tag),
+        onRemove: this.props.handleRemove(tag),
+        className: tagClassName
+      }), tag.label);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className;
+        _this$props.customTagComponent;
+        _this$props.canNotBeEmpty;
+        _this$props.handleClick;
+        _this$props.tagClassName;
+        _this$props.handleRemove;
+        _this$props.tags;
+        _this$props.activeIndex;
+        var props = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames('ring-js-shortcuts', className);
+      var tagsList = (this.props.tags || []).map(function (tag, index) {
+        return _this.renderTag(tag, _this.props.activeIndex === index);
+      });
+      return /*#__PURE__*/React.createElement("div", _extends({
+        "data-test": "ring-tags-list",
+        className: classes
+      }, props), tagsList, children);
+    }
+  }]);
+  return TagsList;
+}(Component);
 _defineProperty(TagsList, "propTypes", {
   children: PropTypes.node,
   tags: PropTypes.array,

package/dist/text/text.d.ts

@@ -1,9 +1,12 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+type TextSize = 's' | 'm' | 'l';
 export interface TextProps extends HTMLAttributes<HTMLElement> {
     info?: boolean | null | undefined;
+    size?: TextSize;
     'data-test'?: string | null | undefined;
 }
+declare const TextSize: Record<string, TextSize>;
 /**
  * @name Text
  */
@@ -11,7 +14,10 @@ export default class Text extends Component<TextProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         info: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<TextSize>;
         className: PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    static Size: Record<string, TextSize>;
+    render(): React.JSX.Element;
 }
+export {};

package/dist/text/text.js

@@ -1,33 +1,54 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.object.keys.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_78d1bce6 = {"light":"light_rui_6f30","text":"text_rui_6f30","info":"info_rui_6f30"};
+var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_6f30","sizeS":"sizeS_rui_6f30","sizeM":"sizeM_rui_6f30","sizeL":"sizeL_rui_6f30","info":"info_rui_6f30"};
 
+var _excluded = ["children", "className", "info", "size"];
+var TextSize = {
+  S: 's',
+  M: 'm',
+  L: 'l'
+};
 /**
  * @name Text
  */
-class Text extends Component {
-  render() {
-    const {
-      children,
-      className,
-      info,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_78d1bce6.text, className, {
-      [modules_78d1bce6.info]: info
-    });
-    return /*#__PURE__*/React.createElement("span", _extends({
-      className: classes
-    }, restProps), children);
+var Text = /*#__PURE__*/function (_Component) {
+  _inherits(Text, _Component);
+  var _super = _createSuper(Text);
+  function Text() {
+    _classCallCheck(this, Text);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Text, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        info = _this$props.info,
+        size = _this$props.size,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_78d1bce6.text, className, (_classNames = {}, _defineProperty(_classNames, modules_78d1bce6.info, info), _defineProperty(_classNames, modules_78d1bce6.sizeS, size === Text.Size.S), _defineProperty(_classNames, modules_78d1bce6.sizeM, size === Text.Size.M), _defineProperty(_classNames, modules_78d1bce6.sizeL, size === Text.Size.L), _classNames));
+      return /*#__PURE__*/React.createElement("span", _extends({
+        className: classes
+      }, restProps), children);
+    }
+  }]);
+  return Text;
+}(Component);
 _defineProperty(Text, "propTypes", {
   children: PropTypes.node,
   info: PropTypes.bool,
+  size: PropTypes.oneOf(Object.keys(TextSize).map(function (it) {
+    return TextSize[it];
+  })),
   className: PropTypes.string
 });
+_defineProperty(Text, "Size", TextSize);
 
 export { Text as default };

package/dist/toggle/toggle.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, PureComponent, ReactNode } from 'react';
+import React, { InputHTMLAttributes, PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export declare const Size: {
     Size14: string;
@@ -33,7 +33,7 @@ declare class Toggle extends PureComponent<ToggleProps> {
     static defaultProps: {
         size: string;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ToggleAttrs = JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
 export default Toggle;

package/dist/toggle/toggle.js

@@ -1,53 +1,69 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.values.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
-var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"rgba(255, 255, 255, 0.9)","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_773f","toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_rui_773f","leftLabel":"leftLabel_rui_773f","switchWrapper":"switchWrapper_rui_773f","input":"input_rui_773f","size16":"size16_rui_773f","size14":"size14_rui_773f","size20":"size20_rui_773f","paleSwitch":"paleSwitch_rui_773f"};
+var modules_331c5aa7 = {"unit":"i__const_unit_0","padding":"2px","disabled-line-color":"rgba(255, 255, 255, 0.9)","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_rui_773f","leftLabel":"leftLabel_rui_773f","switchWrapper":"switchWrapper_rui_773f","input":"input_rui_773f","size16":"size16_rui_773f","size14":"size14_rui_773f","size20":"size20_rui_773f","paleSwitch":"paleSwitch_rui_773f"};
 
-const Size = {
+var _excluded = ["className", "children", "disabled", "pale", "title", "leftLabel", "size", "data-test", "onTransitionEnd"];
+var Size = {
   Size14: modules_331c5aa7.size14,
   Size16: modules_331c5aa7.size16,
   Size20: modules_331c5aa7.size20
 };
-class Toggle extends PureComponent {
-  render() {
-    const {
-      className,
-      children,
-      disabled,
-      pale,
-      title,
-      leftLabel,
-      size = Size.Size16,
-      'data-test': dataTest,
-      onTransitionEnd,
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, size, modules_331c5aa7.toggle, 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));
+var Toggle = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Toggle, _PureComponent);
+  var _super = _createSuper(Toggle);
+  function Toggle() {
+    _classCallCheck(this, Toggle);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Toggle, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        disabled = _this$props.disabled,
+        pale = _this$props.pale,
+        title = _this$props.title,
+        leftLabel = _this$props.leftLabel,
+        _this$props$size = _this$props.size,
+        size = _this$props$size === void 0 ? Size.Size16 : _this$props$size,
+        dataTest = _this$props['data-test'],
+        onTransitionEnd = _this$props.onTransitionEnd,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(className, size, modules_331c5aa7.toggle, 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));
+    }
+  }]);
+  return Toggle;
+}(PureComponent);
 _defineProperty(Toggle, "propTypes", {
   children: PropTypes.node,
   name: PropTypes.string,

package/dist/tooltip/tooltip.d.ts

@@ -59,7 +59,7 @@ export default class Tooltip extends Component<TooltipProps> {
     popupRef: (el: Popup | null) => void;
     onNestedTooltipShow: () => void;
     onNestedTooltipHide: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TooltipAttrs = JSX.LibraryManagedAttributes<typeof Tooltip, TooltipProps>;
 export {};