@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.11

package/components/confirm/confirm.js

@@ -1,150 +1,106 @@
-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';
 import { Button } from '../button/button.js';
-import '../island/island.js';
-import Panel from '../panel/panel.js';
+import 'classnames';
+import 'core-js/modules/es.array.reduce.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
+import Panel from '../panel/panel.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 '../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';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+import '../global/get-uid.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';
-import '../island/adaptive-island-hoc.js';
-import '../global/linear-function.js';
-import '../_helpers/island.js';
-import 'element-resize-detector';
-import '../global/schedule-raf.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 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 '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,
-  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,
@@ -154,8 +110,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,15 +1,11 @@
-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';
 import 'react-dom';
 import 'classnames';
@@ -17,7 +13,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,40 +21,22 @@ 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';
 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 '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,33 +44,34 @@ 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, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
     value: buttonsHeight,
     children: /*#__PURE__*/jsx(Confirm, _objectSpread2({}, 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,
@@ -101,17 +79,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 +101,7 @@ function confirm(_ref) {
         }));
         return resolve();
       },
-      onReject: function onReject() {
+      onReject: () => {
         renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
           show: false
         }));

package/components/content-layout/content-layout.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
     responsive: boolean;
     contentClassName?: string | null | undefined;
@@ -8,12 +7,6 @@ export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
  * @name Content Layout
  */
 export default class ContentLayout extends Component<ContentLayoutProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        contentClassName: PropTypes.Requireable<string>;
-        responsive: PropTypes.Requireable<boolean>;
-    };
     static defaultProps: {
         responsive: boolean;
     };

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

@@ -1,77 +1,55 @@
-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 PropTypes from 'prop-types';
+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 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);
-_defineProperty(ContentLayout, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
-  responsive: PropTypes.bool
-});
+  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, "defaultProps", {
   responsive: true
 });

package/components/content-layout/sidebar.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 import { Waypoint } from 'react-waypoint';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     right?: boolean | null | undefined;
@@ -8,14 +7,6 @@ export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     contentNode?: HTMLElement | null | undefined;
 }
 export default class Sidebar extends Component<SidebarProps> {
-    static propTypes: {
-        right: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        containerClassName: PropTypes.Requireable<string>;
-        fixedClassName: PropTypes.Requireable<string>;
-        contentNode: PropTypes.Requireable<object>;
-    };
     state: {
         topIsOutside: boolean;
         bottomIsOutside: boolean;

package/components/content-layout/sidebar.js

@@ -1,7 +1,6 @@
 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';
 import 'react-waypoint';
 export { S as default } from '../_helpers/sidebar.js';

package/components/contenteditable/contenteditable.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes, Ref } from 'react';
-import PropTypes from 'prop-types';
 /**
  * @name ContentEditable
  */
@@ -11,15 +10,6 @@ export interface ContentEditableBaseProps extends HTMLAttributes<HTMLElement> {
     __html: string;
 }
 declare class ContentEditableBase extends Component<ContentEditableBaseProps> {
-    static propTypes: {
-        __html: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        tabIndex: PropTypes.Requireable<number>;
-        componentDidUpdate: PropTypes.Requireable<(...args: any[]) => any>;
-        onComponentUpdate: PropTypes.Requireable<(...args: any[]) => any>;
-        className: PropTypes.Requireable<string>;
-        inputRef: PropTypes.Requireable<object>;
-    };
     static defaultProps: {
         disabled: boolean;
         tabIndex: number;
@@ -32,16 +22,5 @@ declare class ContentEditableBase extends Component<ContentEditableBaseProps> {
 }
 type ContentEditableBaseAttrs = JSX.LibraryManagedAttributes<typeof ContentEditableBase, ContentEditableBaseProps>;
 export type ContentEditableProps = Omit<ContentEditableBaseAttrs, '__html'>;
-declare const ContentEditable: {
-    ({ children, ...props }: ContentEditableProps): import("react").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        tabIndex: PropTypes.Requireable<number>;
-        componentDidUpdate: PropTypes.Requireable<(...args: any[]) => any>;
-        onComponentUpdate: PropTypes.Requireable<(...args: any[]) => any>;
-        className: PropTypes.Requireable<string>;
-        inputRef: PropTypes.Requireable<object>;
-    };
-};
+declare const ContentEditable: ({ children, ...props }: ContentEditableProps) => import("react").JSX.Element;
 export default ContentEditable;