@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/confirm/confirm.js

@@ -1,4 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
@@ -11,14 +14,35 @@ 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.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.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/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.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';
@@ -27,69 +51,81 @@ import '../global/linear-function.js';
 import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.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';
-import '../_helpers/panel.js';
 
-var modules_4c9c3a3a = {"unit":"8px","light":"light_rui_2cda","description":"description_rui_2cda"};
+var modules_4c9c3a3a = {"unit":"i__const_unit_0","light":"light_rui_2ac4","description":"description_rui_2cda"};
 
 /**
  * @name Confirm
  */
-class Confirm extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onEscPress", () => {
-      if (this.props.rejectOnEsc) {
-        this.props.onReject();
+var Confirm = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Confirm, _PureComponent);
+  var _super = _createSuper(Confirm);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_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), /*#__PURE__*/React.createElement(ContentWrapper, null, description && /*#__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)));
-  }
-}
+  _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)));
+    }
+  }]);
+  return Confirm;
+}(PureComponent);
 _defineProperty(Confirm, "propTypes", {
   className: PropTypes.string,
   text: PropTypes.string,
@@ -112,8 +148,8 @@ _defineProperty(Confirm, "defaultProps", {
   cancelIsDefault: false,
   confirmLabel: 'OK',
   rejectLabel: 'Cancel',
-  onConfirm: () => {},
-  onReject: () => {}
+  onConfirm: function onConfirm() {},
+  onReject: function onReject() {}
 });
 
 export { Confirm as default };

package/dist/confirm-service/confirm-service.js

@@ -1,15 +1,26 @@
+import { e as _objectWithoutProperties, g 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 { render } from '../global/react-render-adapter.js';
 import Confirm from '../confirm/confirm.js';
-import { ControlsHeight, ControlsHeightContext } from '../global/controls-height.js';
+import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
-import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import 'prop-types';
 import '../dialog/dialog.js';
 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';
@@ -18,93 +29,103 @@ 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.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.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/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.set.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.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 '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../panel/panel.js';
-import '../_helpers/panel.js';
 
-const containerElement = document.createElement('div');
+var _excluded = ["buttonsHeight"];
+var containerElement = document.createElement('div');
 /**
  * Renders Confirm into virtual node to skip maintaining container
  */
 function renderConfirm(props) {
-  const {
-    buttonsHeight = ControlsHeight.M,
-    ...restProps
-  } = props;
+  var _props$buttonsHeight = props.buttonsHeight,
+    buttonsHeight = _props$buttonsHeight === void 0 ? getGlobalControlsHeight() : _props$buttonsHeight,
+    restProps = _objectWithoutProperties(props, _excluded);
   render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
     value: buttonsHeight
   }, /*#__PURE__*/React.createElement(Confirm, restProps)), containerElement);
 }
 function confirm(_ref) {
-  let {
-    text,
-    description,
-    confirmLabel = 'OK',
-    rejectLabel = 'Cancel',
-    cancelIsDefault,
-    onBeforeConfirm,
-    buttonsHeight
-  } = _ref;
-  return new Promise((resolve, reject) => {
-    const props = {
-      text,
-      description,
-      confirmLabel,
-      rejectLabel,
-      cancelIsDefault,
-      buttonsHeight,
+  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 = {
+      text: text,
+      description: description,
+      confirmLabel: confirmLabel,
+      rejectLabel: rejectLabel,
+      cancelIsDefault: cancelIsDefault,
+      buttonsHeight: buttonsHeight,
       show: true,
-      onConfirm: () => {
+      onConfirm: function onConfirm() {
         if (onBeforeConfirm) {
-          renderConfirm({
-            ...props,
+          renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
             inProgress: true
-          });
-          return Promise.resolve(onBeforeConfirm()).then(() => {
-            renderConfirm({
-              ...props,
+          }));
+          return Promise.resolve(onBeforeConfirm()).then(function () {
+            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
               show: false
-            });
+            }));
             resolve();
-          }).catch(err => {
-            renderConfirm({
-              ...props,
+          }).catch(function (err) {
+            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
               show: false
-            });
+            }));
             reject(err);
           });
         }
-        renderConfirm({
-          ...props,
+        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
           show: false
-        });
+        }));
         return resolve();
       },
-      onReject: () => {
-        renderConfirm({
-          ...props,
+      onReject: function onReject() {
+        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
           show: false
-        });
+        }));
         reject(new Error('Confirm(@jetbrains/ring-ui): null exception'));
       }
     };

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

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
     responsive: boolean;
@@ -21,6 +21,6 @@ export default class ContentLayout extends Component<ContentLayoutProps> {
         contentNode: null;
     };
     saveContentNode: (contentNode: HTMLElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { default as Sidebar } from './sidebar';

package/dist/content-layout/content-layout.js

@@ -1,51 +1,69 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, cloneElement } from 'react';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, l as _typeof, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.array.filter.js';
+import React, { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_b8a9dd4f, S as Sidebar } from '../_helpers/sidebar.js';
 import 'react-waypoint';
 
+var _excluded = ["children", "className", "contentClassName", "responsive"];
 /**
  * @name Content Layout
  */
-class ContentLayout extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var ContentLayout = /*#__PURE__*/function (_Component) {
+  _inherits(ContentLayout, _Component);
+  var _super = _createSuper(ContentLayout);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       contentNode: null
     });
-    _defineProperty(this, "saveContentNode", contentNode => {
-      this.setState({
-        contentNode
+    _defineProperty(_assertThisInitialized(_this), "saveContentNode", function (contentNode) {
+      _this.setState({
+        contentNode: contentNode
       });
     });
+    return _this;
   }
-  render() {
-    const {
-      children,
-      className,
-      contentClassName,
-      responsive,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_b8a9dd4f.contentLayout, className, {
-      [modules_b8a9dd4f.contentLayoutResponsive]: responsive
-    });
-    const contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
-    const childrenArray = React.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__*/React.createElement("div", _extends({}, restProps, {
-      className: classes
-    }), sidebar, /*#__PURE__*/React.createElement("main", {
-      className: contentClasses,
-      ref: this.saveContentNode
-    }, contentChildren));
-  }
-}
+  _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, _defineProperty({}, modules_b8a9dd4f.contentLayoutResponsive, responsive));
+      var contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
+      var childrenArray = React.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__*/React.createElement("div", _extends({}, restProps, {
+        className: classes
+      }), sidebar, /*#__PURE__*/React.createElement("main", {
+        className: contentClasses,
+        ref: this.saveContentNode
+      }, contentChildren));
+    }
+  }]);
+  return ContentLayout;
+}(Component);
 _defineProperty(ContentLayout, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Waypoint } from 'react-waypoint';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
@@ -27,5 +27,5 @@ export default class Sidebar extends Component<SidebarProps> {
     shouldUseFixation(): boolean;
     shouldFixateBottom(): boolean;
     sidebarRef: (node: HTMLElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/content-layout/sidebar.js

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

package/dist/contenteditable/contenteditable.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes, Ref } from 'react';
+import React, { Component, HTMLAttributes, Ref } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name ContentEditable
@@ -28,12 +28,12 @@ declare class ContentEditableBase extends Component<ContentEditableBaseProps> {
     };
     shouldComponentUpdate(nextProps: ContentEditableBaseProps): boolean;
     componentDidUpdate(prevProps: ContentEditableBaseProps): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 type ContentEditableBaseAttrs = JSX.LibraryManagedAttributes<typeof ContentEditableBase, ContentEditableBaseProps>;
 export type ContentEditableProps = Omit<ContentEditableBaseAttrs, '__html'>;
 declare const ContentEditable: {
-    ({ children, ...props }: ContentEditableProps): JSX.Element;
+    ({ children, ...props }: ContentEditableProps): React.JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;

package/dist/contenteditable/contenteditable.js

@@ -1,13 +1,15 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, g as _objectSpread2, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { renderToStaticMarkup } from 'react-dom/server';
 
+var _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"],
+  _excluded2 = ["children"];
 /**
  * @name ContentEditable
  */
 function noop() {}
-const commonPropTypes = {
+var commonPropTypes = {
   disabled: PropTypes.bool,
   tabIndex: PropTypes.number,
   componentDidUpdate: PropTypes.func,
@@ -15,59 +17,68 @@ const commonPropTypes = {
   className: PropTypes.string,
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-class ContentEditableBase extends Component {
-  shouldComponentUpdate(nextProps) {
-    return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
+var ContentEditableBase = /*#__PURE__*/function (_Component) {
+  _inherits(ContentEditableBase, _Component);
+  var _super = _createSuper(ContentEditableBase);
+  function ContentEditableBase() {
+    _classCallCheck(this, ContentEditableBase);
+    return _super.apply(this, arguments);
   }
-  componentDidUpdate(prevProps) {
-    this.props.onComponentUpdate(prevProps);
-  }
-  render() {
-    const {
-      __html,
-      onComponentUpdate,
-      disabled,
-      tabIndex,
-      inputRef,
-      ...props
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-      ref: inputRef
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      ,
-      disabled: disabled,
-      role: "textbox",
-      tabIndex: disabled ? undefined : tabIndex,
-      contentEditable: !this.props.disabled,
-      dangerouslySetInnerHTML: {
-        __html
-      }
-    }));
-  }
-}
-_defineProperty(ContentEditableBase, "propTypes", {
-  ...commonPropTypes,
+  _createClass(ContentEditableBase, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      this.props.onComponentUpdate(prevProps);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        __html = _this$props.__html;
+        _this$props.onComponentUpdate;
+        var disabled = _this$props.disabled,
+        tabIndex = _this$props.tabIndex,
+        inputRef = _this$props.inputRef,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+        ref: inputRef
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        ,
+        disabled: disabled,
+        role: "textbox",
+        tabIndex: disabled ? undefined : tabIndex,
+        contentEditable: !this.props.disabled,
+        dangerouslySetInnerHTML: {
+          __html: __html
+        }
+      }));
+    }
+  }]);
+  return ContentEditableBase;
+}(Component);
+_defineProperty(ContentEditableBase, "propTypes", _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
   __html: PropTypes.string
-});
+}));
 _defineProperty(ContentEditableBase, "defaultProps", {
   disabled: false,
   tabIndex: 0,
   onInput: noop,
   onComponentUpdate: noop
 });
-const ContentEditable = _ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
+var ContentEditable = function ContentEditable(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded2);
   return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
     __html: renderToStaticMarkup(children)
   }));
 };
-ContentEditable.propTypes = {
-  ...commonPropTypes,
+ContentEditable.propTypes = _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
   children: PropTypes.node
-};
+});
 
 export { ContentEditable as default };