@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/text/text.js

@@ -1,11 +1,9 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 
 var styles = {"text":"ring-text-text","sizeS":"ring-text-sizeS","sizeM":"ring-text-sizeM","sizeL":"ring-text-sizeL","info":"ring-text-info","bold":"ring-text-bold"};
 
-const _excluded = ["children", "className", "info", "size", "bold"];
 const TextSizes = {
   S: 's',
   M: 'm',
@@ -15,16 +13,19 @@ const TextSizes = {
  * @name Text
  */
 class Text extends Component {
+  static defaultProps = {
+    size: TextSizes.M
+  };
+  static Size = TextSizes;
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        info,
-        size,
-        bold
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      className,
+      info,
+      size,
+      bold,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.text, className, {
       [styles.info]: info,
       [styles.bold]: bold,
@@ -32,16 +33,12 @@ class Text extends Component {
       [styles.sizeM]: size === Text.Size.M,
       [styles.sizeL]: size === Text.Size.L
     });
-    return jsx("span", _objectSpread2(_objectSpread2({
-      className: classes
-    }, restProps), {}, {
+    return jsx("span", {
+      className: classes,
+      ...restProps,
       children: children
-    }));
+    });
   }
 }
-_defineProperty(Text, "defaultProps", {
-  size: TextSizes.M
-});
-_defineProperty(Text, "Size", TextSizes);
 
 export { Text as default };

package/components/toggle/toggle.js

@@ -1,34 +1,33 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var styles = {"toggle":"ring-toggle-toggle","switch":"ring-toggle-switch","disabled":"ring-toggle-disabled","label":"ring-toggle-label","help":"ring-toggle-help","leftLabel":"ring-toggle-leftLabel","switchWrapper":"ring-toggle-switchWrapper","input":"ring-toggle-input","size16":"ring-toggle-size16","size14":"ring-toggle-size14","size20":"ring-toggle-size20"};
 
-const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
 const Size = {
   Size14: styles.size14,
   Size16: styles.size16,
   Size20: styles.size20
 };
 class Toggle extends PureComponent {
+  static defaultProps = {
+    size: Size.Size16
+  };
   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 {
+      className,
+      children,
+      disabled,
+      title,
+      leftLabel,
+      size = Size.Size16,
+      'data-test': dataTest,
+      help,
+      onTransitionEnd,
+      ...restProps
+    } = this.props;
     const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
     return jsxs("label", {
       className: classes,
@@ -42,13 +41,13 @@ class Toggle extends PureComponent {
         })]
       }), jsxs("span", {
         className: styles.switchWrapper,
-        children: [jsx("input", _objectSpread2(_objectSpread2({
-          "data-test": 'ring-toggle-input'
-        }, restProps), {}, {
+        children: [jsx("input", {
+          "data-test": 'ring-toggle-input',
+          ...restProps,
           type: 'checkbox',
           disabled: disabled,
           className: styles.input
-        })), jsx("span", {
+        }), jsx("span", {
           className: styles.switch,
           onTransitionEnd: onTransitionEnd
         })]
@@ -62,8 +61,5 @@ class Toggle extends PureComponent {
     });
   }
 }
-_defineProperty(Toggle, "defaultProps", {
-  size: Size.Size16
-});
 
 export { Size, Toggle as default };

package/components/tooltip/tooltip.js

@@ -1,15 +1,11 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, Component } from 'react';
+import { Component, createContext } from 'react';
 import classNames from 'classnames';
 import Popup from '../popup/popup.js';
 import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
@@ -20,102 +16,28 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 
 var styles = {"tooltip":"ring-tooltip-tooltip","inheritedTheme":"ring-tooltip-inheritedTheme","long":"ring-tooltip-long"};
 
-const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
 const scheduleScroll = scheduleRAF();
 const TooltipContext = /*#__PURE__*/createContext(undefined);
 /**
  * @name Tooltip
  */
 class Tooltip extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      showPopup: false,
-      showNestedPopup: false
-    });
-    _defineProperty(this, "timeout", void 0);
-    _defineProperty(this, "listeners", new Listeners());
-    _defineProperty(this, "containerNode", void 0);
-    _defineProperty(this, "containerRef", el => {
-      this.containerNode = el;
-    });
-    _defineProperty(this, "tryToShowPopup", () => {
-      const {
-        delay,
-        title
-      } = this.props;
-      if (!title) {
-        return;
-      }
-      if (delay) {
-        this.timeout = window.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 || _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 || _this$context2.onNestedTooltipHide();
-      this.setState({
-        showPopup: false
-      });
-    });
-    _defineProperty(this, "hideIfMovedOutsidePopup", ev => {
-      var _this$popup;
-      if (!('relatedTarget' in ev) || (_this$popup = this.popup) !== null && _this$popup !== void 0 && (_this$popup = _this$popup.container) !== null && _this$popup !== void 0 && _this$popup.contains(ev.relatedTarget)) {
-        return;
-      }
-      this.hidePopup();
-    });
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-    });
-    _defineProperty(this, "onNestedTooltipShow", () => {
-      this.setState({
-        showNestedPopup: true
-      });
-    });
-    _defineProperty(this, "onNestedTooltipHide", () => {
-      this.setState({
-        showNestedPopup: false
-      });
-    });
-  }
+  static defaultProps = {
+    title: '',
+    selfOverflowOnly: false,
+    theme: Theme.DARK,
+    popupProps: {}
+  };
+  state = {
+    showPopup: false,
+    showNestedPopup: false
+  };
   componentDidMount() {
     if (this.props.title) {
       this.addListeners();
@@ -133,20 +55,72 @@ class Tooltip extends Component {
     clearTimeout(this.timeout);
     this.listeners.removeAll();
   }
+  static PopupProps = Popup.PopupProps;
+  static contextType = TooltipContext;
+  timeout;
+  listeners = new Listeners();
+  containerNode;
+  containerRef = el => {
+    this.containerNode = el;
+  };
+  tryToShowPopup = () => {
+    const {
+      delay,
+      title
+    } = this.props;
+    if (!title) {
+      return;
+    }
+    if (delay) {
+      this.timeout = window.setTimeout(this.showPopup, delay);
+    } else {
+      this.showPopup();
+    }
+  };
+  showPopup = () => {
+    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?.onNestedTooltipShow();
+    this.setState({
+      showPopup: true
+    });
+  };
+  hidePopup = () => {
+    clearTimeout(this.timeout);
+    this.context?.onNestedTooltipHide();
+    this.setState({
+      showPopup: false
+    });
+  };
   addListeners() {
     if (this.containerNode) {
       this.listeners.add(this.containerNode, 'mouseenter', this.tryToShowPopup);
       this.listeners.add(this.containerNode, 'mouseleave', ev => {
-        var _this$popup2;
-        if (ev.relatedTarget && (_this$popup2 = this.popup) !== null && _this$popup2 !== void 0 && (_this$popup2 = _this$popup2.container) !== null && _this$popup2 !== void 0 && _this$popup2.contains(ev.relatedTarget)) {
+        if (ev.relatedTarget && this.popup?.container?.contains(ev.relatedTarget)) {
           return;
         }
         this.hidePopup();
       });
       this.listeners.add(this.containerNode, 'focusin', this.tryToShowPopup);
       this.listeners.add(this.containerNode, 'focusout', ev => {
-        var _this$popup3;
-        if (ev.relatedTarget && (_this$popup3 = this.popup) !== null && _this$popup3 !== void 0 && (_this$popup3 = _this$popup3.container) !== null && _this$popup3 !== void 0 && _this$popup3.contains(ev.relatedTarget)) {
+        if (ev.relatedTarget && this.popup?.container?.contains(ev.relatedTarget)) {
           return;
         }
         this.hidePopup();
@@ -156,19 +130,38 @@ class Tooltip extends Component {
       passive: true
     });
   }
+  hideIfMovedOutsidePopup = ev => {
+    if (!('relatedTarget' in ev) || this.popup?.container?.contains(ev.relatedTarget)) {
+      return;
+    }
+    this.hidePopup();
+  };
+  popup;
+  popupRef = el => {
+    this.popup = el;
+  };
+  onNestedTooltipShow = () => {
+    this.setState({
+      showNestedPopup: true
+    });
+  };
+  onNestedTooltipHide = () => {
+    this.setState({
+      showNestedPopup: false
+    });
+  };
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        'data-test': dataTest,
-        title,
-        delay,
-        theme,
-        selfOverflowOnly,
-        popupProps,
-        long
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      'data-test': dataTest,
+      title,
+      delay,
+      theme,
+      selfOverflowOnly,
+      popupProps,
+      long,
+      ...restProps
+    } = this.props;
     const ariaProps = typeof title === 'string' && !!title ? {
       'aria-label': title,
       role: 'tooltip'
@@ -177,7 +170,7 @@ class Tooltip extends Component {
       onNestedTooltipShow,
       onNestedTooltipHide
     } = this;
-    const popup = jsx(Popup, _objectSpread2(_objectSpread2({
+    const popup = jsx(Popup, {
       trapFocus: false,
       anchorElement: this.containerNode,
       hidden: !this.state.showPopup || this.state.showNestedPopup,
@@ -187,40 +180,36 @@ class Tooltip extends Component {
       onMouseOut: this.hideIfMovedOutsidePopup,
       top: 4,
       dontCloseOnAnchorClick: true,
-      ref: this.popupRef
-    }, popupProps), {}, {
+      ref: this.popupRef,
+      ...popupProps,
       className: classNames(styles.tooltip, {
         [styles.long]: long,
         [styles.inheritedTheme]: theme === 'inherit'
-      }, popupProps === null || popupProps === void 0 ? void 0 : popupProps.className),
+      }, popupProps?.className),
       children: title
-    }));
+    });
     return jsx(TooltipContext.Provider, {
       value: {
         onNestedTooltipShow,
         onNestedTooltipHide
       },
-      children: jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, ariaProps), restProps), {}, {
+      children: jsxs("span", {
+        ...ariaProps,
+        ...restProps,
         ref: this.containerRef,
         "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
         "data-test-title": typeof title === 'string' ? title : undefined,
         children: [children, theme === 'inherit' ? popup : jsx(ThemeProvider, {
           theme: theme,
           passToPopups: true,
-          WrapperComponent: props => jsx("span", _objectSpread2({}, props)),
+          WrapperComponent: props => jsx("span", {
+            ...props
+          }),
           children: popup
         })]
-      }))
+      })
     });
   }
 }
-_defineProperty(Tooltip, "defaultProps", {
-  title: '',
-  selfOverflowOnly: false,
-  theme: Theme.DARK,
-  popupProps: {}
-});
-_defineProperty(Tooltip, "PopupProps", Popup.PopupProps);
-_defineProperty(Tooltip, "contextType", TooltipContext);
 
 export { Tooltip as default };

package/components/upload/upload.js

@@ -1,42 +1,34 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useImperativeHandle, useCallback } from 'react';
 import classNames from 'classnames';
 import attachmentIcon from '@jetbrains/icons/attachment';
 import Icon from '../icon/icon.js';
-import '../_helpers/_rollupPluginBabelHelpers.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 '../global/memoize.js';
 
 var styles = {"upload":"ring-upload-upload","success":"ring-upload-success","error":"ring-upload-error","dragOver":"ring-upload-dragOver","disabled":"ring-upload-disabled","invisibleFileInput":"ring-upload-invisibleFileInput","attachmentIcon":"ring-upload-attachmentIcon"};
 
-const Upload = /*#__PURE__*/forwardRef(function Upload(_ref, ref) {
-  let {
-    children,
-    className,
-    onFilesSelected,
-    onFilesRejected,
-    validate = () => true,
-    variant = 'empty',
-    multiple,
-    renderIcon = () => jsx(Icon, {
-      className: styles.attachmentIcon,
-      glyph: attachmentIcon
-    }),
-    accept,
-    disabled
-  } = _ref;
+const Upload = /*#__PURE__*/forwardRef(function Upload({
+  children,
+  className,
+  onFilesSelected,
+  onFilesRejected,
+  validate = () => true,
+  variant = 'empty',
+  multiple,
+  renderIcon = () => jsx(Icon, {
+    className: styles.attachmentIcon,
+    glyph: attachmentIcon
+  }),
+  accept,
+  disabled
+}, ref) {
   const fileInputRef = useRef(null);
   const [dragOver, setDragOver] = useState(false);
   useImperativeHandle(ref, () => ({
-    openFilePicker: () => {
-      var _fileInputRef$current;
-      return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
-    }
+    openFilePicker: () => fileInputRef.current?.click()
   }), []);
   const handleSelectedFiles = useCallback(files => {
     if (!files.length) {
@@ -44,7 +36,7 @@ const Upload = /*#__PURE__*/forwardRef(function Upload(_ref, ref) {
     }
     const rejected = files.filter(file => !validate(file));
     if (rejected.length > 0) {
-      onFilesRejected === null || onFilesRejected === void 0 || onFilesRejected(files);
+      onFilesRejected?.(files);
       return;
     }
     onFilesSelected(files);
@@ -53,9 +45,8 @@ const Upload = /*#__PURE__*/forwardRef(function Upload(_ref, ref) {
   const onDragOver = useCallback(e => e.preventDefault(), []);
   const onDragLeave = useCallback(() => setDragOver(false), []);
   const onInputChange = useCallback(() => {
-    var _fileInputRef$current2;
     setDragOver(false);
-    if ((_fileInputRef$current2 = fileInputRef.current) !== null && _fileInputRef$current2 !== void 0 && _fileInputRef$current2.files) {
+    if (fileInputRef.current?.files) {
       handleSelectedFiles(Array.from(fileInputRef.current.files));
     }
   }, [handleSelectedFiles]);