@jetbrains/ring-ui-built 6.0.31 → 6.0.32

package/components/collapse/collapse-content.js

@@ -1,4 +1,3 @@
-import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -6,82 +5,63 @@ import { getRect } from '../global/dom.js';
 import { toPx } from './utils.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID } from './consts.js';
-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/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_9c8b5b00 = {"container":"container_rui_93ce","transition":"transition_rui_93ce","summary":"summary_rui_93ce","trigger":"trigger_rui_93ce","fade":"fade_rui_93ce"};
 
-var DURATION_FACTOR = 0.5;
-var DEFAULT_HEIGHT = 0;
-var VISIBLE = 1;
-var HIDDEN = 0;
+const DURATION_FACTOR = 0.5;
+const DEFAULT_HEIGHT = 0;
+const VISIBLE = 1;
+const HIDDEN = 0;
 /**
  * @name CollapseContent
  */
-var CollapseContent = function CollapseContent(_ref) {
-  var children = _ref.children,
-    _ref$minHeight = _ref.minHeight,
-    minHeight = _ref$minHeight === void 0 ? DEFAULT_HEIGHT : _ref$minHeight,
-    dataTest = _ref['data-test'];
-  var _useContext = useContext(CollapseContext),
-    collapsed = _useContext.collapsed,
-    duration = _useContext.duration,
-    id = _useContext.id,
-    disableAnimation = _useContext.disableAnimation;
-  var containerRef = useRef(null);
-  var contentRef = useRef(null);
-  var initialContentHeight = useRef(minHeight);
-  var contentHeight = useRef(DEFAULT_HEIGHT);
-  var _useState = useState({
-      width: 0,
-      height: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    dimensions = _useState2[0],
-    setDimensions = _useState2[1];
-  var _useState3 = useState(toPx(minHeight)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    height = _useState4[0],
-    setHeight = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showFade = _useState6[0],
-    setShowFade = _useState6[1];
-  useEffect(function () {
+const CollapseContent = _ref => {
+  let {
+    children,
+    minHeight = DEFAULT_HEIGHT,
+    'data-test': dataTest
+  } = _ref;
+  const {
+    collapsed,
+    duration,
+    id,
+    disableAnimation
+  } = useContext(CollapseContext);
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
+  const initialContentHeight = useRef(minHeight);
+  const contentHeight = useRef(DEFAULT_HEIGHT);
+  const [dimensions, setDimensions] = useState({
+    width: 0,
+    height: 0
+  });
+  const [height, setHeight] = useState(toPx(minHeight));
+  const [showFade, setShowFade] = useState(true);
+  useEffect(() => {
     if (!collapsed) {
       setShowFade(false);
     } else {
       setShowFade(true);
     }
   }, [collapsed]);
-  useEffect(function () {
+  useEffect(() => {
     if (contentRef.current) {
       contentHeight.current = getRect(contentRef.current).height;
     }
   }, [minHeight, dimensions.height]);
-  useEffect(function () {
-    var nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
+  useEffect(() => {
+    const nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
     setHeight(toPx(nextHeight));
   }, [collapsed, dimensions.height]);
-  useEffect(function () {
+  useEffect(() => {
     if (contentRef.current) {
-      var observer = new ResizeObserver(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 1),
-          entry = _ref3[0];
+      const observer = new ResizeObserver(_ref2 => {
+        let [entry] = _ref2;
         if (entry && entry.borderBoxSize) {
-          var _entry$borderBoxSize$ = entry.borderBoxSize[0],
-            inlineSize = _entry$borderBoxSize$.inlineSize,
-            blockSize = _entry$borderBoxSize$.blockSize;
+          const {
+            inlineSize,
+            blockSize
+          } = entry.borderBoxSize[0];
           setDimensions({
             width: inlineSize,
             height: blockSize
@@ -91,20 +71,18 @@ var CollapseContent = function CollapseContent(_ref) {
       observer.observe(contentRef.current);
     }
   }, []);
-  var style = useMemo(function () {
-    var calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
+  const style = useMemo(() => {
+    const calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
     return {
-      '--duration': "".concat(calculatedDuration, "ms"),
+      '--duration': `${calculatedDuration}ms`,
       height,
       opacity: collapsed && !minHeight ? HIDDEN : VISIBLE
     };
   }, [duration, height, collapsed, minHeight]);
-  var fadeShouldBeVisible = useMemo(function () {
-    return Boolean(minHeight && showFade);
-  }, [minHeight, showFade]);
+  const fadeShouldBeVisible = useMemo(() => Boolean(minHeight && showFade), [minHeight, showFade]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    id: "collapse-content-".concat(id),
+    id: `collapse-content-${id}`,
     "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_CONTAINER_TEST_ID),
     className: classNames(modules_9c8b5b00.container, {
       [modules_9c8b5b00.transition]: !disableAnimation

package/components/collapse/collapse-context.js

@@ -1,11 +1,11 @@
 import { createContext } from 'react';
 import { BASE_ANIMATION_DURATION } from './consts.js';
 
-var CollapseContext = /*#__PURE__*/createContext({
+const CollapseContext = /*#__PURE__*/createContext({
   collapsed: true,
   duration: BASE_ANIMATION_DURATION,
   disableAnimation: false,
-  setCollapsed: function setCollapsed() {},
+  setCollapsed: () => {},
   id: ''
 });
 

package/components/collapse/collapse-control.js

@@ -2,23 +2,21 @@ import React, { useContext, useMemo, cloneElement } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-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';
 
 /**
  * @name CollapseControl
  */
-var CollapseControl = function CollapseControl(_ref) {
-  var children = _ref.children,
-    dataTest = _ref['data-test'];
-  var _useContext = useContext(CollapseContext),
-    setCollapsed = _useContext.setCollapsed,
-    collapsed = _useContext.collapsed,
-    id = _useContext.id;
-  var child = useMemo(function () {
+const CollapseControl = _ref => {
+  let {
+    children,
+    'data-test': dataTest
+  } = _ref;
+  const {
+    setCollapsed,
+    collapsed,
+    id
+  } = useContext(CollapseContext);
+  const child = useMemo(() => {
     if (typeof children === 'function') {
       return children(collapsed);
     }
@@ -28,7 +26,7 @@ var CollapseControl = function CollapseControl(_ref) {
     "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest)
   }, /*#__PURE__*/cloneElement(child, {
     onClick: setCollapsed,
-    'aria-controls': "collapse-content-".concat(id),
+    'aria-controls': `collapse-content-${id}`,
     'aria-expanded': String(!collapsed)
   }));
 };

package/components/collapse/collapse.js

@@ -1,4 +1,3 @@
-import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { useState, useId, useCallback } from 'react';
 import { CollapseContext } from './collapse-context.js';
 import { BASE_ANIMATION_DURATION } from './consts.js';
@@ -6,22 +5,17 @@ import { BASE_ANIMATION_DURATION } from './consts.js';
 /**
  * @name Collapse
  */
-var Collapse = function Collapse(_ref) {
-  var children = _ref.children,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? BASE_ANIMATION_DURATION : _ref$duration,
-    _ref$disableAnimation = _ref.disableAnimation,
-    disableAnimation = _ref$disableAnimation === void 0 ? false : _ref$disableAnimation,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    collapsed = _useState2[0],
-    toggle = _useState2[1];
-  var id = useId();
-  var setCollapsed = useCallback(function () {
+const Collapse = _ref => {
+  let {
+    children,
+    duration = BASE_ANIMATION_DURATION,
+    disableAnimation = false,
+    className = '',
+    onChange = () => {}
+  } = _ref;
+  const [collapsed, toggle] = useState(true);
+  const id = useId();
+  const setCollapsed = useCallback(() => {
     toggle(!collapsed);
     onChange(!collapsed);
   }, [toggle, onChange, collapsed]);

package/components/collapse/consts.js

@@ -1,6 +1,6 @@
-var COLLAPSE_CONTROL_TEST_ID = 'ring-collapse-control';
-var COLLAPSE_CONTENT_CONTAINER_TEST_ID = 'ring-collapse-content-container';
-var COLLAPSE_CONTENT_TEST_ID = 'ring-collapse-content';
-var BASE_ANIMATION_DURATION = 200;
+const COLLAPSE_CONTROL_TEST_ID = 'ring-collapse-control';
+const COLLAPSE_CONTENT_CONTAINER_TEST_ID = 'ring-collapse-content-container';
+const COLLAPSE_CONTENT_TEST_ID = 'ring-collapse-content';
+const BASE_ANIMATION_DURATION = 200;
 
 export { BASE_ANIMATION_DURATION, COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID, COLLAPSE_CONTROL_TEST_ID };

package/components/collapse/utils.js

@@ -1,5 +1,3 @@
-var toPx = function toPx(value) {
-  return "".concat(value, "px");
-};
+const toPx = value => `${value}px`;
 
 export { toPx };

package/components/confirm/confirm.js

@@ -1,7 +1,3 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
@@ -10,37 +6,19 @@ import '../island/island.js';
 import Panel from '../panel/panel.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react-dom';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../global/get-uid.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../shortcuts/shortcuts.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
-import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
@@ -54,11 +32,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.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.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
@@ -68,84 +42,72 @@ var modules_4c9c3a3a = {"light":"light_rui_2ac4","description":"description_rui_
 /**
  * @name Confirm
  */
-var Confirm = /*#__PURE__*/function (_PureComponent) {
-  function Confirm() {
-    var _this;
-    _classCallCheck(this, Confirm);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class Confirm extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    text: PropTypes.string,
+    description: PropTypes.node,
+    show: PropTypes.bool,
+    rejectOnEsc: PropTypes.bool,
+    inProgress: PropTypes.bool,
+    cancelIsDefault: PropTypes.bool,
+    confirmLabel: PropTypes.string,
+    rejectLabel: PropTypes.string,
+    onConfirm: PropTypes.func,
+    onReject: PropTypes.func
+  };
+  static defaultProps = {
+    text: null,
+    description: null,
+    show: false,
+    rejectOnEsc: true,
+    inProgress: false,
+    cancelIsDefault: false,
+    confirmLabel: 'OK',
+    rejectLabel: 'Cancel',
+    onConfirm: () => {},
+    onReject: () => {}
+  };
+  onEscPress = () => {
+    if (this.props.rejectOnEsc) {
+      this.props.onReject();
     }
-    _this = _callSuper(this, Confirm, [].concat(args));
-    _defineProperty(_this, "onEscPress", function () {
-      if (_this.props.rejectOnEsc) {
-        _this.props.onReject();
-      }
-    });
-    return _this;
+  };
+  render() {
+    const {
+      show,
+      className,
+      inProgress,
+      cancelIsDefault,
+      text,
+      description,
+      confirmLabel,
+      rejectLabel,
+      onConfirm,
+      onReject
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Dialog, {
+      label: text || (typeof description === 'string' ? description : undefined),
+      className: className,
+      onEscPress: this.onEscPress,
+      show: show,
+      trapFocus: true,
+      "data-test": "ring-confirm"
+    }, text && /*#__PURE__*/React.createElement(HeaderWrapper, null, text), description && /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
+      className: modules_4c9c3a3a.description
+    }, description)), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
+      "data-test": "confirm-ok-button",
+      primary: !cancelIsDefault,
+      loader: inProgress,
+      disabled: inProgress,
+      onClick: onConfirm
+    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
+      "data-test": "confirm-reject-button",
+      onClick: onReject,
+      disabled: inProgress,
+      primary: cancelIsDefault
+    }, rejectLabel)));
   }
-  _inherits(Confirm, _PureComponent);
-  return _createClass(Confirm, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        show = _this$props.show,
-        className = _this$props.className,
-        inProgress = _this$props.inProgress,
-        cancelIsDefault = _this$props.cancelIsDefault,
-        text = _this$props.text,
-        description = _this$props.description,
-        confirmLabel = _this$props.confirmLabel,
-        rejectLabel = _this$props.rejectLabel,
-        onConfirm = _this$props.onConfirm,
-        onReject = _this$props.onReject;
-      return /*#__PURE__*/React.createElement(Dialog, {
-        label: text || (typeof description === 'string' ? description : undefined),
-        className: className,
-        onEscPress: this.onEscPress,
-        show: show,
-        trapFocus: true,
-        "data-test": "ring-confirm"
-      }, text && /*#__PURE__*/React.createElement(HeaderWrapper, null, text), description && /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
-        className: modules_4c9c3a3a.description
-      }, description)), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
-        "data-test": "confirm-ok-button",
-        primary: !cancelIsDefault,
-        loader: inProgress,
-        disabled: inProgress,
-        onClick: onConfirm
-      }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
-        "data-test": "confirm-reject-button",
-        onClick: onReject,
-        disabled: inProgress,
-        primary: cancelIsDefault
-      }, rejectLabel)));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Confirm, "propTypes", {
-  className: PropTypes.string,
-  text: PropTypes.string,
-  description: PropTypes.node,
-  show: PropTypes.bool,
-  rejectOnEsc: PropTypes.bool,
-  inProgress: PropTypes.bool,
-  cancelIsDefault: PropTypes.bool,
-  confirmLabel: PropTypes.string,
-  rejectLabel: PropTypes.string,
-  onConfirm: PropTypes.func,
-  onReject: PropTypes.func
-});
-_defineProperty(Confirm, "defaultProps", {
-  text: null,
-  description: null,
-  show: false,
-  rejectOnEsc: true,
-  inProgress: false,
-  cancelIsDefault: false,
-  confirmLabel: 'OK',
-  rejectLabel: 'Cancel',
-  onConfirm: function onConfirm() {},
-  onReject: function onReject() {}
-});
+}
 
 export { Confirm as default };

package/components/confirm-service/confirm-service.js

@@ -1,22 +1,15 @@
-import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import Confirm from '../confirm/confirm.js';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
-import 'core-js/modules/es.array.concat.js';
 import 'prop-types';
 import '../dialog/dialog.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react-dom';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -25,40 +18,20 @@ import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/shortcuts.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
-import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.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.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
@@ -66,32 +39,32 @@ import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../panel/panel.js';
 
-var _excluded = ["buttonsHeight"];
-var containerElement = document.createElement('div');
-var reactRoot = createRoot(containerElement);
+const containerElement = document.createElement('div');
+const reactRoot = createRoot(containerElement);
 /**
  * Renders Confirm into virtual node to skip maintaining container
  */
 function renderConfirm(props) {
-  var _props$buttonsHeight = props.buttonsHeight,
-    buttonsHeight = _props$buttonsHeight === void 0 ? getGlobalControlsHeight() : _props$buttonsHeight,
-    restProps = _objectWithoutProperties(props, _excluded);
+  const {
+    buttonsHeight = getGlobalControlsHeight(),
+    ...restProps
+  } = props;
   reactRoot.render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
     value: buttonsHeight
   }, /*#__PURE__*/React.createElement(Confirm, restProps)));
 }
 function confirm(_ref) {
-  var text = _ref.text,
-    description = _ref.description,
-    _ref$confirmLabel = _ref.confirmLabel,
-    confirmLabel = _ref$confirmLabel === void 0 ? 'OK' : _ref$confirmLabel,
-    _ref$rejectLabel = _ref.rejectLabel,
-    rejectLabel = _ref$rejectLabel === void 0 ? 'Cancel' : _ref$rejectLabel,
-    cancelIsDefault = _ref.cancelIsDefault,
-    onBeforeConfirm = _ref.onBeforeConfirm,
-    buttonsHeight = _ref.buttonsHeight;
-  return new Promise(function (resolve, reject) {
-    var props = {
+  let {
+    text,
+    description,
+    confirmLabel = 'OK',
+    rejectLabel = 'Cancel',
+    cancelIsDefault,
+    onBeforeConfirm,
+    buttonsHeight
+  } = _ref;
+  return new Promise((resolve, reject) => {
+    const props = {
       text,
       description,
       confirmLabel,
@@ -99,32 +72,37 @@ function confirm(_ref) {
       cancelIsDefault,
       buttonsHeight,
       show: true,
-      onConfirm: function onConfirm() {
+      onConfirm: () => {
         if (onBeforeConfirm) {
-          renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+          renderConfirm({
+            ...props,
             inProgress: true
-          }));
-          return Promise.resolve(onBeforeConfirm()).then(function () {
-            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+          });
+          return Promise.resolve(onBeforeConfirm()).then(() => {
+            renderConfirm({
+              ...props,
               show: false
-            }));
+            });
             resolve();
-          }).catch(function (err) {
-            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+          }).catch(err => {
+            renderConfirm({
+              ...props,
               show: false
-            }));
+            });
             reject(err);
           });
         }
-        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+        renderConfirm({
+          ...props,
           show: false
-        }));
+        });
         return resolve();
       },
-      onReject: function onReject() {
-        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+      onReject: () => {
+        renderConfirm({
+          ...props,
           show: false
-        }));
+        });
         reject(new Error('Confirm(@jetbrains/ring-ui): null exception'));
       }
     };