@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.10

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

@@ -1,6 +1,5 @@
 import { Component, ComponentType, HTMLAttributes, ReactNode } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { TagAttrs } from '../tag/tag';
 declare function noop(): void;
 export interface TagType extends Omit<TagAttrs, 'onClick' | 'children'> {
@@ -21,18 +20,6 @@ export interface TagsListProps<T extends TagType> extends HTMLAttributes<HTMLEle
  * @name Tags List
  */
 export default class TagsList<T extends TagType> extends Component<TagsListProps<T>> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        tags: PropTypes.Requireable<any[]>;
-        customTagComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        activeIndex: PropTypes.Requireable<number>;
-        canNotBeEmpty: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        handleClick: PropTypes.Requireable<(...args: any[]) => any>;
-        handleRemove: PropTypes.Requireable<(...args: any[]) => any>;
-        className: PropTypes.Requireable<string>;
-        tagClassName: PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         customTagComponent: null;
         canNotBeEmpty: boolean;

package/components/tags-list/tags-list.js

@@ -1,98 +1,69 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
-import { createElement, Component } from 'react';
-import PropTypes from 'prop-types';
+import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { Component, createElement } from 'react';
 import classNames from 'classnames';
 import Tag from '../tag/tag.js';
 import { jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/close-12px';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon__constants.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.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 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"];
+const _excluded = ["children", "className", "customTagComponent", "canNotBeEmpty", "handleClick", "tagClassName", "handleRemove", "tags", "activeIndex"];
 function noop() {}
 /**
  * @name Tags List
  */
-var TagsList = /*#__PURE__*/function (_Component) {
-  function TagsList() {
-    _classCallCheck(this, TagsList);
-    return _callSuper(this, TagsList, arguments);
+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__*/createElement(TagComponent, _objectSpread2(_objectSpread2({}, tag), {}, {
+      key: tag.key,
+      readOnly: readOnly,
+      disabled: this.props.disabled || tag.disabled,
+      focused: focusTag,
+      onClick: this.props.handleClick(tag),
+      onRemove: this.props.handleRemove(tag),
+      className: tagClassName
+    }), tag.label);
   }
-  _inherits(TagsList, _Component);
-  return _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__*/createElement(TagComponent, _objectSpread2(_objectSpread2({}, tag), {}, {
-        key: tag.key,
-        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__*/jsxs("div", _objectSpread2(_objectSpread2({
-        "data-test": "ring-tags-list",
-        className: classes
-      }, props), {}, {
-        children: [tagsList, children]
-      }));
-    }
-  }]);
-}(Component);
-_defineProperty(TagsList, "propTypes", {
-  children: PropTypes.node,
-  tags: PropTypes.array,
-  customTagComponent: PropTypes.elementType,
-  activeIndex: PropTypes.number,
-  canNotBeEmpty: PropTypes.bool,
-  disabled: PropTypes.bool,
-  handleClick: PropTypes.func,
-  handleRemove: PropTypes.func,
-  className: PropTypes.string,
-  tagClassName: PropTypes.string
-});
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        customTagComponent,
+        canNotBeEmpty,
+        handleClick,
+        tagClassName,
+        handleRemove,
+        tags,
+        activeIndex
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames('ring-js-shortcuts', className);
+    const tagsList = (this.props.tags || []).map((tag, index) => this.renderTag(tag, this.props.activeIndex === index));
+    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+      "data-test": "ring-tags-list",
+      className: classes
+    }, props), {}, {
+      children: [tagsList, children]
+    }));
+  }
+}
 _defineProperty(TagsList, "defaultProps", {
   customTagComponent: null,
   canNotBeEmpty: false,

package/components/text/text.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 type TextSize = 's' | 'm' | 'l';
 export interface TextProps extends HTMLAttributes<HTMLElement> {
     info?: boolean | null | undefined;
@@ -12,12 +11,6 @@ declare const TextSize: Record<string, TextSize>;
  * @name Text
  */
 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>;
-    };
     static Size: Record<string, TextSize>;
     render(): import("react").JSX.Element;
 }

package/components/text/text.js

@@ -1,14 +1,12 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
 var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
 
-var _excluded = ["children", "className", "info", "size", "bold"];
-var TextSize = {
+const _excluded = ["children", "className", "info", "size", "bold"];
+const TextSize = {
   S: 's',
   M: 'm',
   L: 'l'
@@ -16,45 +14,31 @@ var TextSize = {
 /**
  * @name Text
  */
-var Text = /*#__PURE__*/function (_Component) {
-  function Text() {
-    _classCallCheck(this, Text);
-    return _callSuper(this, Text, arguments);
+class Text extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        info,
+        size,
+        bold
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_78d1bce6.text, className, {
+      [modules_78d1bce6.info]: info,
+      [modules_78d1bce6.bold]: bold,
+      [modules_78d1bce6.sizeS]: size === Text.Size.S,
+      [modules_78d1bce6.sizeM]: size === Text.Size.M,
+      [modules_78d1bce6.sizeL]: size === Text.Size.L
+    });
+    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+      className: classes
+    }, restProps), {}, {
+      children: children
+    }));
   }
-  _inherits(Text, _Component);
-  return _createClass(Text, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        info = _this$props.info,
-        size = _this$props.size,
-        bold = _this$props.bold,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_78d1bce6.text, className, {
-        [modules_78d1bce6.info]: info,
-        [modules_78d1bce6.bold]: bold,
-        [modules_78d1bce6.sizeS]: size === Text.Size.S,
-        [modules_78d1bce6.sizeM]: size === Text.Size.M,
-        [modules_78d1bce6.sizeL]: size === Text.Size.L
-      });
-      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
-        className: classes
-      }, restProps), {}, {
-        children: children
-      }));
-    }
-  }]);
-}(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/components/toggle/toggle.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes, PureComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export declare const Size: {
     Size14: string;
     Size16: string;
@@ -15,20 +14,6 @@ export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     help?: ReactNode;
 }
 declare class Toggle extends PureComponent<ToggleProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        name: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        leftLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         size: string;
     };

package/components/toggle/toggle.js

@@ -1,95 +1,70 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.values.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
+var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
 
-var _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
-var Size = {
+const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
+const Size = {
   Size14: modules_331c5aa7.size14,
   Size16: modules_331c5aa7.size16,
   Size20: modules_331c5aa7.size20
 };
-var Toggle = /*#__PURE__*/function (_PureComponent) {
-  function Toggle() {
-    _classCallCheck(this, Toggle);
-    return _callSuper(this, Toggle, arguments);
-  }
-  _inherits(Toggle, _PureComponent);
-  return _createClass(Toggle, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        children = _this$props.children,
-        disabled = _this$props.disabled,
-        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'],
-        help = _this$props.help,
-        onTransitionEnd = _this$props.onTransitionEnd,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
-      return /*#__PURE__*/jsxs("label", {
-        className: classes,
-        title: title,
-        "data-test": joinDataTestAttributes('ring-toggle', dataTest),
-        children: [leftLabel && /*#__PURE__*/jsxs("span", {
-          className: modules_331c5aa7.leftLabel,
-          children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
-            className: modules_331c5aa7.help,
-            children: help
-          })]
-        }), /*#__PURE__*/jsxs("span", {
-          className: modules_331c5aa7.switchWrapper,
-          children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
-            "data-test": "ring-toggle-input"
-          }, restProps), {}, {
-            type: "checkbox",
-            disabled: disabled,
-            className: modules_331c5aa7.input
-          })), /*#__PURE__*/jsx("span", {
-            className: modules_331c5aa7.switch,
-            onTransitionEnd: onTransitionEnd
-          })]
-        }), children && /*#__PURE__*/jsxs("div", {
-          className: modules_331c5aa7.label,
-          children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
-            className: modules_331c5aa7.help,
-            children: help
-          })]
+class Toggle extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        children,
+        disabled,
+        title,
+        leftLabel,
+        size = Size.Size16,
+        'data-test': dataTest,
+        help,
+        onTransitionEnd
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
+    return /*#__PURE__*/jsxs("label", {
+      className: classes,
+      title: title,
+      "data-test": joinDataTestAttributes('ring-toggle', dataTest),
+      children: [leftLabel && /*#__PURE__*/jsxs("span", {
+        className: modules_331c5aa7.leftLabel,
+        children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
+          className: modules_331c5aa7.help,
+          children: help
         })]
-      });
-    }
-  }]);
-}(PureComponent);
-_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,
-  onChange: PropTypes.func,
-  onTransitionEnd: PropTypes.func,
-  size: PropTypes.oneOf(Object.values(Size)),
-  'data-test': PropTypes.string
-});
+      }), /*#__PURE__*/jsxs("span", {
+        className: modules_331c5aa7.switchWrapper,
+        children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+          "data-test": "ring-toggle-input"
+        }, restProps), {}, {
+          type: "checkbox",
+          disabled: disabled,
+          className: modules_331c5aa7.input
+        })), /*#__PURE__*/jsx("span", {
+          className: modules_331c5aa7.switch,
+          onTransitionEnd: onTransitionEnd
+        })]
+      }), children && /*#__PURE__*/jsxs("div", {
+        className: modules_331c5aa7.label,
+        children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
+          className: modules_331c5aa7.help,
+          children: help
+        })]
+      })]
+    });
+  }
+}
 _defineProperty(Toggle, "defaultProps", {
-  size: Size.Size14
+  size: Size.Size16
 });
 
 export { Size, Toggle as default };

package/components/tooltip/tooltip.d.ts

@@ -1,8 +1,8 @@
-import { AllHTMLAttributes, Component, ReactNode } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
+import { AllHTMLAttributes, Component, ReactNode } from 'react';
 import Popup, { PopupAttrs } from '../popup/popup';
 import { Listeners } from '../global/dom';
+import Theme from '../global/theme';
 interface Context {
     onNestedTooltipShow: () => void;
     onNestedTooltipHide: () => void;
@@ -13,6 +13,7 @@ export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLSpanElement>, '
     selfOverflowOnly?: boolean | null | undefined;
     popupProps?: Partial<PopupAttrs> | null | undefined;
     title?: ReactNode | null | undefined;
+    theme?: Theme;
     'data-test'?: string | null | undefined;
     long?: boolean | null | undefined;
 }
@@ -20,17 +21,10 @@ export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLSpanElement>, '
  * @name Tooltip
  */
 export default class Tooltip extends Component<TooltipProps> {
-    static propTypes: {
-        delay: PropTypes.Requireable<number>;
-        selfOverflowOnly: PropTypes.Requireable<boolean>;
-        popupProps: PropTypes.Requireable<object>;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         title: string;
         selfOverflowOnly: boolean;
+        theme: Theme;
         popupProps: {};
     };
     state: {