@jetbrains/ring-ui-built 7.0.66 → 7.0.71

package/components/date-picker/years.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent, createRef } from 'react';
 import classNames from 'classnames';
@@ -14,7 +12,6 @@ import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import units, { yearDuration, DOUBLE, HALF } from './consts.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 const {
@@ -25,29 +22,9 @@ let scrollTO;
 const YEARSBACK = 5;
 const scrollDelay = 100;
 class Years extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      scrollDate: null
-    });
-    _defineProperty(this, "stoppedScrolling", void 0);
-    _defineProperty(this, "componentRef", /*#__PURE__*/createRef());
-    _defineProperty(this, "handleWheel", e => {
-      const {
-        scrollDate
-      } = this.props;
-      const date = this.state.scrollDate || scrollDate;
-      e.preventDefault();
-      const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
-      this.setState({
-        scrollDate: newScrollDate
-      });
-      if (scrollTO) {
-        window.clearTimeout(scrollTO);
-      }
-      scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
-    });
-  }
+  state = {
+    scrollDate: null
+  };
   componentDidMount() {
     if (this.componentRef.current) {
       this.componentRef.current.addEventListener('wheel', this.handleWheel);
@@ -61,6 +38,7 @@ class Years extends PureComponent {
       this.componentRef.current.removeEventListener('wheel', this.handleWheel);
     }
   }
+  stoppedScrolling;
   setYear(date) {
     if (scrollTO) {
       window.clearTimeout(scrollTO);
@@ -71,6 +49,22 @@ class Years extends PureComponent {
     });
     this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
   }
+  componentRef = /*#__PURE__*/createRef();
+  handleWheel = e => {
+    const {
+      scrollDate
+    } = this.props;
+    const date = this.state.scrollDate || scrollDate;
+    e.preventDefault();
+    const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
+    this.setState({
+      scrollDate: newScrollDate
+    });
+    if (scrollTO) {
+      window.clearTimeout(scrollTO);
+    }
+    scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
+  };
   render() {
     const {
       onScrollChange,

package/components/dialog/dialog-body-scroll-preventer.js

@@ -1,3 +1,2 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'scrollbar-width';
 export { d as default, p as preventerFactory } from '../_helpers/dialog-body-scroll-preventer.js';

package/components/dialog/dialog.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { PureComponent, createRef } from 'react';
 import { createPortal } from 'react-dom';
@@ -22,7 +20,6 @@ import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -33,56 +30,40 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import 'scrollbar-width';
 
-const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal", "preventBodyScroll"];
 /**
  * @name Dialog
  */
 function noop() {}
 class Dialog extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      shortcutsScope: getUID('ring-dialog-')
-    });
-    _defineProperty(this, "scrollPreventer", preventerFactory(getUID('preventer-')));
-    _defineProperty(this, "uid", getUID('dialog-'));
-    _defineProperty(this, "handleClick", event => {
-      this.props.onOverlayClick(event);
-      this.props.onCloseAttempt(event);
-    });
-    _defineProperty(this, "onCloseClick", event => {
-      this.props.onCloseClick(event);
-      this.props.onCloseAttempt(event);
-    });
-    _defineProperty(this, "getShortcutsMap", () => {
-      const onEscape = event => {
-        if (this.props.show) {
-          this.props.onEscPress(event);
-          this.props.onCloseAttempt(event);
-        }
-      };
-      return {
-        esc: onEscape
-      };
-    });
-    _defineProperty(this, "dialog", void 0);
-    _defineProperty(this, "dialogRef", tabTrap => {
-      this.dialog = tabTrap && tabTrap.node;
-    });
-    _defineProperty(this, "nativeDialog", /*#__PURE__*/createRef());
-  }
+  static defaultProps = {
+    label: 'Dialog',
+    onOverlayClick: noop,
+    onEscPress: noop,
+    onCloseClick: noop,
+    onCloseAttempt: noop,
+    showCloseButton: false,
+    closeButtonInside: false,
+    shortcutOptions: {
+      modal: false
+    },
+    trapFocus: false,
+    autoFocusFirst: true,
+    modal: true,
+    preventBodyScroll: true
+  };
+  state = {
+    shortcutsScope: getUID('ring-dialog-')
+  };
   componentDidMount() {
     const {
       show,
@@ -108,6 +89,8 @@ class Dialog extends PureComponent {
   componentWillUnmount() {
     this.scrollPreventer.reset();
   }
+  scrollPreventer = preventerFactory(getUID('preventer-'));
+  uid = getUID('dialog-');
   toggleNativeDialog() {
     const {
       show,
@@ -136,31 +119,54 @@ class Dialog extends PureComponent {
       this.scrollPreventer.reset();
     }
   }
+  handleClick = event => {
+    this.props.onOverlayClick(event);
+    this.props.onCloseAttempt(event);
+  };
+  onCloseClick = event => {
+    this.props.onCloseClick(event);
+    this.props.onCloseAttempt(event);
+  };
+  getShortcutsMap = () => {
+    const onEscape = event => {
+      if (this.props.show) {
+        this.props.onEscPress(event);
+        this.props.onCloseAttempt(event);
+      }
+    };
+    return {
+      esc: onEscape
+    };
+  };
+  dialog;
+  dialogRef = tabTrap => {
+    this.dialog = tabTrap && tabTrap.node;
+  };
+  nativeDialog = /*#__PURE__*/createRef();
   render() {
-    const _this$props = this.props,
-      {
-        show,
-        showCloseButton,
-        onOverlayClick,
-        onCloseAttempt,
-        onEscPress,
-        onCloseClick,
-        children,
-        className,
-        contentClassName,
-        trapFocus,
-        'data-test': dataTest,
-        closeButtonInside,
-        portalTarget,
-        label,
-        closeButtonTitle,
-        dense,
-        shortcutOptions,
-        native,
-        modal,
-        preventBodyScroll
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      show,
+      showCloseButton,
+      onOverlayClick,
+      onCloseAttempt,
+      onEscPress,
+      onCloseClick,
+      children,
+      className,
+      contentClassName,
+      trapFocus,
+      'data-test': dataTest,
+      closeButtonInside,
+      portalTarget,
+      label,
+      closeButtonTitle,
+      dense,
+      shortcutOptions,
+      native,
+      modal,
+      preventBodyScroll,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.container, className);
     const shortcutsMap = this.getShortcutsMap();
     const content = jsxs(Fragment, {
@@ -220,7 +226,7 @@ class Dialog extends PureComponent {
         let targetElement = document.body;
         if (portalTarget instanceof HTMLElement) {
           targetElement = portalTarget;
-        } else if (contextTarget) {
+        } else if (contextTarget !== undefined) {
           const container = getPopupContainer(contextTarget);
           if (container) {
             targetElement = container;
@@ -229,36 +235,20 @@ class Dialog extends PureComponent {
         return /*#__PURE__*/createPortal(jsx(PopupTarget, {
           id: this.uid,
           className: styles.popupTarget,
-          children: target => jsxs(TabTrap, _objectSpread2(_objectSpread2({
+          children: target => jsxs(TabTrap, {
             trapDisabled: !trapFocus,
             "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
             "data-rg-modal-dialog-container": '',
             ref: this.dialogRef,
             className: classes,
-            role: 'presentation'
-          }, restProps), {}, {
+            role: 'presentation',
+            ...restProps,
             children: [content, target]
-          }))
+          })
         }), targetElement);
       }
     });
   }
 }
-_defineProperty(Dialog, "defaultProps", {
-  label: 'Dialog',
-  onOverlayClick: noop,
-  onEscPress: noop,
-  onCloseClick: noop,
-  onCloseAttempt: noop,
-  showCloseButton: false,
-  closeButtonInside: false,
-  shortcutOptions: {
-    modal: false
-  },
-  trapFocus: false,
-  autoFocusFirst: true,
-  modal: true,
-  preventBodyScroll: true
-});
 
 export { Dialog as default };

package/components/dropdown/anchor.js

@@ -1,18 +1,14 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../button/button.js';
 export { A as default } from '../_helpers/anchor.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
 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';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';

package/components/dropdown/dropdown.js

@@ -1,5 +1,3 @@
-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 { Component, cloneElement } from 'react';
 import classNames from 'classnames';
@@ -13,103 +11,102 @@ import 'util-deprecate';
 import '../icon/icon.js';
 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';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 
-const _excluded = ["initShown", "onShow", "onHide", "hoverShowTimeOut", "hoverHideTimeOut", "children", "anchor", "className", "activeClassName", "hoverMode", "clickMode", "data-test", "disabled"];
 /**
  * @name Dropdown
  */
 class Dropdown extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      show: this.props.initShown,
-      pinned: false
-    });
-    _defineProperty(this, "onClick", () => {
-      if (this.props.disabled) {
-        return;
-      }
-      const {
-        show,
-        pinned
-      } = this.state;
-      let nextPinned = pinned;
-      if (this.props.hoverMode) {
-        if (!pinned) {
-          nextPinned = true;
-          if (show) {
-            this.setState({
-              pinned: true
-            });
-            return;
-          }
-        } else {
-          nextPinned = false;
+  static defaultProps = {
+    initShown: false,
+    clickMode: true,
+    hoverMode: false,
+    hoverShowTimeOut: 300,
+    hoverHideTimeOut: 600,
+    disabled: false,
+    onShow: () => {},
+    onHide: () => {},
+    onMouseEnter: () => {},
+    onMouseLeave: () => {}
+  };
+  state = {
+    show: this.props.initShown,
+    pinned: false
+  };
+  onClick = () => {
+    if (this.props.disabled) {
+      return;
+    }
+    const {
+      show,
+      pinned
+    } = this.state;
+    let nextPinned = pinned;
+    if (this.props.hoverMode) {
+      if (!pinned) {
+        nextPinned = true;
+        if (show) {
+          this.setState({
+            pinned: true
+          });
+          return;
         }
-      }
-      this._toggle(!show, nextPinned);
-    });
-    _defineProperty(this, "onChildCloseAttempt", () => {
-      let nextPinned = this.state.pinned;
-      if (this.props.hoverMode) {
+      } else {
         nextPinned = false;
       }
-      this._toggle(false, nextPinned);
-    });
-    _defineProperty(this, "hoverTimer", void 0);
-    _defineProperty(this, "onMouseEnter", event => {
-      var _this$props$onMouseEn, _this$props;
-      if (this.props.disabled) {
-        return;
-      }
-      this._clearTimer();
-      (_this$props$onMouseEn = (_this$props = this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props, event);
-      this.hoverTimer = window.setTimeout(() => {
-        if (!this.state.show) {
-          this._toggle(true);
-        }
-      }, this.props.hoverShowTimeOut);
-    });
-    _defineProperty(this, "onMouseLeave", event => {
-      var _this$props$onMouseLe, _this$props2;
-      if (this.props.disabled) {
-        return;
+    }
+    this._toggle(!show, nextPinned);
+  };
+  onChildCloseAttempt = () => {
+    let nextPinned = this.state.pinned;
+    if (this.props.hoverMode) {
+      nextPinned = false;
+    }
+    this._toggle(false, nextPinned);
+  };
+  hoverTimer;
+  onMouseEnter = event => {
+    if (this.props.disabled) {
+      return;
+    }
+    this._clearTimer();
+    this.props.onMouseEnter?.(event);
+    this.hoverTimer = window.setTimeout(() => {
+      if (!this.state.show) {
+        this._toggle(true);
       }
-      (_this$props$onMouseLe = (_this$props2 = this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props2, event);
-      if (this.state.pinned) {
-        return;
+    }, this.props.hoverShowTimeOut);
+  };
+  onMouseLeave = event => {
+    if (this.props.disabled) {
+      return;
+    }
+    this.props.onMouseLeave?.(event);
+    if (this.state.pinned) {
+      return;
+    }
+    this._clearTimer();
+    this.hoverTimer = window.setTimeout(() => {
+      if (this.state.show) {
+        this._toggle(false);
       }
-      this._clearTimer();
-      this.hoverTimer = window.setTimeout(() => {
-        if (this.state.show) {
-          this._toggle(false);
-        }
-      }, this.props.hoverHideTimeOut);
-    });
-    _defineProperty(this, "handlePopupInteraction", () => {
-      this.setState(_ref => {
-        let {
-          pinned
-        } = _ref;
-        return pinned ? null : {
-          pinned: true
-        };
-      });
+    }, this.props.hoverHideTimeOut);
+  };
+  handlePopupInteraction = () => {
+    this.setState(({
+      pinned
+    }) => pinned ? null : {
+      pinned: true
     });
-  }
-  toggle() {
-    let show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.state.show;
+  };
+  toggle(show = !this.state.show) {
     this._toggle(show);
   }
-  _toggle(show) {
-    let pinned = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state.pinned;
+  _toggle(show, pinned = this.state.pinned) {
     this.setState({
       show,
       pinned
@@ -126,23 +123,22 @@ class Dropdown extends Component {
       show,
       pinned
     } = this.state;
-    const _this$props3 = this.props,
-      {
-        initShown,
-        onShow,
-        onHide,
-        hoverShowTimeOut,
-        hoverHideTimeOut,
-        children,
-        anchor,
-        className,
-        activeClassName,
-        hoverMode,
-        clickMode,
-        'data-test': dataTest,
-        disabled
-      } = _this$props3,
-      restProps = _objectWithoutProperties(_this$props3, _excluded);
+    const {
+      initShown,
+      onShow,
+      onHide,
+      hoverShowTimeOut,
+      hoverHideTimeOut,
+      children,
+      anchor,
+      className,
+      activeClassName,
+      hoverMode,
+      clickMode,
+      'data-test': dataTest,
+      disabled,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.dropdown, className, {
       [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName && show
     });
@@ -177,9 +173,9 @@ class Dropdown extends Component {
       onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
       dontCloseOnAnchorClick: true
     };
-    return jsxs("div", _objectSpread2(_objectSpread2({
-      "data-test": joinDataTestAttributes('ring-dropdown', dataTest)
-    }, restProps), {}, {
+    return jsxs("div", {
+      "data-test": joinDataTestAttributes('ring-dropdown', dataTest),
+      ...restProps,
       onClick: clickMode ? this.onClick : undefined,
       // anchorElement should be a `button` or an `a`
       role: 'presentation',
@@ -187,20 +183,8 @@ class Dropdown extends Component {
       onMouseLeave: hoverMode ? this.onMouseLeave : undefined,
       className: classes,
       children: [anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps)]
-    }));
+    });
   }
 }
-_defineProperty(Dropdown, "defaultProps", {
-  initShown: false,
-  clickMode: true,
-  hoverMode: false,
-  hoverShowTimeOut: 300,
-  hoverHideTimeOut: 600,
-  disabled: false,
-  onShow: () => {},
-  onHide: () => {},
-  onMouseEnter: () => {},
-  onMouseLeave: () => {}
-});
 
 export { Anchor, Dropdown as default };