@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.3

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

@@ -3,20 +3,20 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
 import { jsx } from 'react/jsx-runtime';
-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';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-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);
     }

package/components/collapse/collapse.js

@@ -1,25 +1,20 @@
-import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useId, useCallback } from 'react';
 import { CollapseContext } from './collapse-context.js';
 import { BASE_ANIMATION_DURATION } from './consts.js';
 import { jsx } from 'react/jsx-runtime';
 
-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 => "".concat(value, "px");
 
 export { toPx };

package/components/confirm/confirm.js

@@ -1,7 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
@@ -15,33 +14,16 @@ 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';
@@ -56,82 +38,70 @@ 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';
 
 var modules_4c9c3a3a = {"light":"light_rui_2ac4","description":"description_rui_f040"};
 
-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];
-    }
-    _this = _callSuper(this, Confirm, [].concat(args));
-    _defineProperty(_this, "onEscPress", function () {
-      if (_this.props.rejectOnEsc) {
-        _this.props.onReject();
+class Confirm extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onEscPress", () => {
+      if (this.props.rejectOnEsc) {
+        this.props.onReject();
       }
     });
-    return _this;
   }
-  _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,
-        native = _this$props.native;
-      return /*#__PURE__*/jsxs(Dialog, {
-        label: text || (typeof description === 'string' ? description : undefined),
-        className: className,
-        onEscPress: this.onEscPress,
-        show: show,
-        trapFocus: true,
-        "data-test": "ring-confirm",
-        native: native,
-        children: [text && /*#__PURE__*/jsx(HeaderWrapper, {
-          children: text
-        }), description && /*#__PURE__*/jsx(ContentWrapper, {
-          children: /*#__PURE__*/jsx("div", {
-            className: modules_4c9c3a3a.description,
-            children: description
-          })
-        }), /*#__PURE__*/jsxs(Panel, {
-          children: [/*#__PURE__*/jsx(Button, {
-            "data-test": "confirm-ok-button",
-            primary: !cancelIsDefault,
-            loader: inProgress,
-            disabled: inProgress,
-            onClick: onConfirm,
-            children: confirmLabel
-          }), /*#__PURE__*/jsx(Button, {
-            "data-test": "confirm-reject-button",
-            onClick: onReject,
-            disabled: inProgress,
-            primary: cancelIsDefault,
-            children: rejectLabel
-          })]
+  render() {
+    const {
+      show,
+      className,
+      inProgress,
+      cancelIsDefault,
+      text,
+      description,
+      confirmLabel,
+      rejectLabel,
+      onConfirm,
+      onReject,
+      native
+    } = this.props;
+    return /*#__PURE__*/jsxs(Dialog, {
+      label: text || (typeof description === 'string' ? description : undefined),
+      className: className,
+      onEscPress: this.onEscPress,
+      show: show,
+      trapFocus: true,
+      "data-test": "ring-confirm",
+      native: native,
+      children: [text && /*#__PURE__*/jsx(HeaderWrapper, {
+        children: text
+      }), description && /*#__PURE__*/jsx(ContentWrapper, {
+        children: /*#__PURE__*/jsx("div", {
+          className: modules_4c9c3a3a.description,
+          children: description
+        })
+      }), /*#__PURE__*/jsxs(Panel, {
+        children: [/*#__PURE__*/jsx(Button, {
+          "data-test": "confirm-ok-button",
+          primary: !cancelIsDefault,
+          loader: inProgress,
+          disabled: inProgress,
+          onClick: onConfirm,
+          children: confirmLabel
+        }), /*#__PURE__*/jsx(Button, {
+          "data-test": "confirm-reject-button",
+          onClick: onReject,
+          disabled: inProgress,
+          primary: cancelIsDefault,
+          children: rejectLabel
         })]
-      });
-    }
-  }]);
-}(PureComponent);
+      })]
+    });
+  }
+}
 _defineProperty(Confirm, "propTypes", {
   className: PropTypes.string,
   text: PropTypes.string,
@@ -154,8 +124,8 @@ _defineProperty(Confirm, "defaultProps", {
   cancelIsDefault: false,
   confirmLabel: 'OK',
   rejectLabel: 'Cancel',
-  onConfirm: function onConfirm() {},
-  onReject: function onReject() {}
+  onConfirm: () => {},
+  onReject: () => {}
 });
 
 export { Confirm as default };

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

@@ -1,13 +1,10 @@
-import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.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 { createRoot } from 'react-dom/client';
 import Confirm from '../confirm/confirm.js';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import '../dialog/dialog.js';
@@ -17,7 +14,6 @@ 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';
@@ -26,29 +22,14 @@ 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-down';
 import '../icon/icon.js';
@@ -56,10 +37,7 @@ 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';
@@ -67,15 +45,16 @@ 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 _excluded = ["buttonsHeight"];
+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,
+  const {
+      buttonsHeight = getGlobalControlsHeight()
+    } = props,
     restProps = _objectWithoutProperties(props, _excluded);
   reactRoot.render( /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
     value: buttonsHeight,
@@ -83,17 +62,17 @@ function renderConfirm(props) {
   }));
 }
 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,
@@ -101,17 +80,17 @@ function confirm(_ref) {
       cancelIsDefault,
       buttonsHeight,
       show: true,
-      onConfirm: function onConfirm() {
+      onConfirm: () => {
         if (onBeforeConfirm) {
           renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
             inProgress: true
           }));
-          return Promise.resolve(onBeforeConfirm()).then(function () {
+          return Promise.resolve(onBeforeConfirm()).then(() => {
             renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
               show: false
             }));
             resolve();
-          }).catch(function (err) {
+          }).catch(err => {
             renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
               show: false
             }));
@@ -123,7 +102,7 @@ function confirm(_ref) {
         }));
         return resolve();
       },
-      onReject: function onReject() {
+      onReject: () => {
         renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
           show: false
         }));

package/components/content-layout/content-layout.js

@@ -1,71 +1,56 @@
-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.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
-import { Children, cloneElement, Component } from 'react';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { Component, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_b8a9dd4f, S as Sidebar } from '../_helpers/sidebar.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-waypoint';
 
-var _excluded = ["children", "className", "contentClassName", "responsive"];
-var ContentLayout = /*#__PURE__*/function (_Component) {
-  function ContentLayout() {
-    var _this;
-    _classCallCheck(this, ContentLayout);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ContentLayout, [].concat(args));
-    _defineProperty(_this, "state", {
+const _excluded = ["children", "className", "contentClassName", "responsive"];
+class ContentLayout extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       contentNode: null
     });
-    _defineProperty(_this, "saveContentNode", function (contentNode) {
-      _this.setState({
+    _defineProperty(this, "saveContentNode", contentNode => {
+      this.setState({
         contentNode
       });
     });
-    return _this;
   }
-  _inherits(ContentLayout, _Component);
-  return _createClass(ContentLayout, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        contentClassName = _this$props.contentClassName,
-        responsive = _this$props.responsive,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_b8a9dd4f.contentLayout, className, {
-        [modules_b8a9dd4f.contentLayoutResponsive]: responsive
-      });
-      var contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
-      var childrenArray = Children.toArray(children);
-      var sidebarChild = childrenArray.filter(function (child) {
-        return child != null && typeof child === 'object' && 'type' in child && child.type === Sidebar;
-      })[0];
-      var sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
-        contentNode: this.state.contentNode
-      });
-      var contentChildren = childrenArray.filter(function (child) {
-        return child !== sidebarChild;
-      });
-      return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
-        "data-test": "content-layout"
-      }, restProps), {}, {
-        className: classes,
-        children: [sidebar, /*#__PURE__*/jsx("main", {
-          className: contentClasses,
-          ref: this.saveContentNode,
-          children: contentChildren
-        })]
-      }));
-    }
-  }]);
-}(Component);
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        contentClassName,
+        responsive
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_b8a9dd4f.contentLayout, className, {
+      [modules_b8a9dd4f.contentLayoutResponsive]: responsive
+    });
+    const contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
+    const childrenArray = Children.toArray(children);
+    const sidebarChild = childrenArray.filter(child => child != null && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
+    const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
+      contentNode: this.state.contentNode
+    });
+    const contentChildren = childrenArray.filter(child => child !== sidebarChild);
+    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+      "data-test": "content-layout"
+    }, restProps), {}, {
+      className: classes,
+      children: [sidebar, /*#__PURE__*/jsx("main", {
+        className: contentClasses,
+        ref: this.saveContentNode,
+        children: contentChildren
+      })]
+    }));
+  }
+}
 _defineProperty(ContentLayout, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,

package/components/content-layout/sidebar.js

@@ -1,5 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import 'classnames';