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

package/components/editable-heading/editable-heading.js

@@ -1,5 +1,6 @@
-import { c as _objectWithoutProperties, i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import * as React from 'react';
 import { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
@@ -9,130 +10,79 @@ import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'prop-types';
 import 'util-deprecate';
 import '../_helpers/heading.js';
-import 'core-js/modules/es.array.concat.js';
 import '@jetbrains/icons/chevron-down';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
-import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/close-12px';
-import '../global/prop-types.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
-import 'core-js/modules/es.set.js';
 import '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
-import 'core-js/modules/es.regexp.to-string.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.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
 var modules_6e69b0fe = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
 
-var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
+const _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
 function noop() {}
-var EditableHeading = function EditableHeading(props) {
-  var _props$level = props.level,
-    level = _props$level === void 0 ? Levels.H1 : _props$level,
-    className = props.className,
-    headingClassName = props.headingClassName,
-    inputClassName = props.inputClassName,
-    children = props.children,
-    _props$isEditing = props.isEditing,
-    isEditing = _props$isEditing === void 0 ? false : _props$isEditing,
-    _props$isSavingPossib = props.isSavingPossible,
-    isSavingPossible = _props$isSavingPossib === void 0 ? false : _props$isSavingPossib,
-    _props$isSaving = props.isSaving,
-    isSaving = _props$isSaving === void 0 ? false : _props$isSaving,
-    _props$embedded = props.embedded,
-    embedded = _props$embedded === void 0 ? false : _props$embedded,
-    _props$size = props.size,
-    size = _props$size === void 0 ? Size.L : _props$size,
-    _props$onEdit = props.onEdit,
-    onEdit = _props$onEdit === void 0 ? noop : _props$onEdit,
-    _props$onSave = props.onSave,
-    onSave = _props$onSave === void 0 ? noop : _props$onSave,
-    _props$onCancel = props.onCancel,
-    onCancel = _props$onCancel === void 0 ? noop : _props$onCancel,
-    _props$autoFocus = props.autoFocus,
-    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
-    dataTest = props['data-test'],
-    error = props.error,
-    disabled = props.disabled,
-    _props$multiline = props.multiline,
-    multiline = _props$multiline === void 0 ? false : _props$multiline,
-    _props$renderMenu = props.renderMenu,
-    renderMenu = _props$renderMenu === void 0 ? function () {
-      return null;
-    } : _props$renderMenu,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onScroll = props.onScroll,
-    maxInputRows = props.maxInputRows,
-    _props$translations = props.translations,
-    translations = _props$translations === void 0 ? {
-      save: 'Save',
-      cancel: 'Cancel'
-    } : _props$translations,
+const EditableHeading = props => {
+  const {
+      level = Levels.H1,
+      className,
+      headingClassName,
+      inputClassName,
+      children,
+      isEditing = false,
+      isSavingPossible = false,
+      isSaving = false,
+      embedded = false,
+      size = Size.L,
+      onEdit = noop,
+      onSave = noop,
+      onCancel = noop,
+      autoFocus = true,
+      'data-test': dataTest,
+      error,
+      disabled,
+      multiline = false,
+      renderMenu = () => null,
+      onFocus,
+      onBlur,
+      onChange,
+      onScroll,
+      maxInputRows,
+      translations = {
+        save: 'Save',
+        cancel: 'Cancel'
+      }
+    } = props,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useState = React.useState(getUID('ring-editable-heading-')),
-    _React$useState2 = _slicedToArray(_React$useState, 1),
-    shortcutsScope = _React$useState2[0];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    isInFocus = _React$useState4[0],
-    setIsInFocus = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    isMouseDown = _React$useState6[0],
-    setIsMouseDown = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    isInSelectionMode = _React$useState8[0],
-    setIsInSelectionMode = _React$useState8[1];
-  var textAreaRef = React.useRef(null);
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    isScrolledToBottom = _React$useState10[0],
-    setIsScrolledToBottom = _React$useState10[1];
-  var _React$useState11 = React.useState(false),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    isOverflow = _React$useState12[0],
-    setIsOverflow = _React$useState12[1];
-  var hasError = error !== undefined;
-  var isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
-  var isCancelDisabled = isSaving;
-  var isShortcutsDisabled = !isInFocus || isSaving;
-  var shortcutsMap = React.useMemo(function () {
-    var map = {};
+  const [shortcutsScope] = React.useState(getUID('ring-editable-heading-'));
+  const [isInFocus, setIsInFocus] = React.useState(false);
+  const [isMouseDown, setIsMouseDown] = React.useState(false);
+  const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);
+  const textAreaRef = React.useRef(null);
+  const [isScrolledToBottom, setIsScrolledToBottom] = React.useState(false);
+  const [isOverflow, setIsOverflow] = React.useState(false);
+  const hasError = error !== undefined;
+  const isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
+  const isCancelDisabled = isSaving;
+  const isShortcutsDisabled = !isInFocus || isSaving;
+  const shortcutsMap = React.useMemo(() => {
+    const map = {};
     if (!isSaveDisabled) {
       map.enter = onSave;
     }
@@ -141,7 +91,7 @@ var EditableHeading = function EditableHeading(props) {
     }
     return map;
   }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
-  var classes = classNames(modules_6e69b0fe.editableHeading, className, {
+  const classes = classNames(modules_6e69b0fe.editableHeading, className, {
     [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
     [modules_6e69b0fe.isEditing]: isEditing,
     [modules_6e69b0fe.error]: hasError,
@@ -149,71 +99,72 @@ var EditableHeading = function EditableHeading(props) {
     [modules_6e69b0fe.multiline]: multiline,
     [modules_6e69b0fe.selectionMode]: isInSelectionMode
   });
-  var headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
-  var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
+  const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
+  const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
     [modules_6e69b0fe.textareaNotOverflow]: !isOverflow
   }, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
-  var stretch = useCallback(function (el) {
+  const stretch = useCallback(el => {
     if (!el || !el.style) {
       return;
     }
     el.style.height = '0';
-    var _window$getComputedSt = window.getComputedStyle(el),
-      paddingTop = _window$getComputedSt.paddingTop,
-      paddingBottom = _window$getComputedSt.paddingBottom;
+    const {
+      paddingTop,
+      paddingBottom
+    } = window.getComputedStyle(el);
     el.style.height = "".concat(el.scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom), "px");
   }, []);
-  var checkValue = useCallback(function (el) {
+  const checkValue = useCallback(el => {
     if (multiline && el != null && el.scrollHeight >= el.clientHeight) {
       stretch(el);
     }
   }, [stretch, multiline]);
-  var checkOverflow = useCallback(function (el) {
-    var scrollHeight = el.scrollHeight || 0;
-    var clientHeight = el.clientHeight || 0;
-    var scrollTop = el.scrollTop || 0;
+  const checkOverflow = useCallback(el => {
+    const scrollHeight = el.scrollHeight || 0;
+    const clientHeight = el.clientHeight || 0;
+    const scrollTop = el.scrollTop || 0;
     setIsScrolledToBottom(scrollHeight - clientHeight <= scrollTop);
     setIsOverflow(scrollHeight > clientHeight);
   }, [setIsScrolledToBottom]);
-  var onHeadingMouseDown = React.useCallback(function () {
+  const onHeadingMouseDown = React.useCallback(() => {
     setIsMouseDown(true);
   }, []);
-  var onMouseMove = React.useCallback(function () {
+  const onMouseMove = React.useCallback(() => {
     if (!isMouseDown) {
       return;
     }
     setIsInSelectionMode(true);
   }, [isMouseDown]);
-  var onMouseUp = React.useCallback(function () {
+  const onMouseUp = React.useCallback(() => {
     if (isMouseDown && !isInSelectionMode && !disabled) {
       onEdit();
     }
     setIsMouseDown(false);
     setIsInSelectionMode(false);
   }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
-  var onInputFocus = React.useCallback(function (e) {
+  const onInputFocus = React.useCallback(e => {
     setIsInFocus(true);
     checkValue(e.target);
     checkOverflow(e.target);
     onFocus === null || onFocus === void 0 || onFocus(e);
   }, [onFocus, checkOverflow, checkValue]);
-  var onInputChange = React.useCallback(function (e) {
+  const onInputChange = React.useCallback(e => {
     checkValue(e.target);
     checkOverflow(e.target);
     onChange === null || onChange === void 0 || onChange(e);
   }, [onChange, checkOverflow, checkValue]);
-  var onInputScroll = React.useCallback(function (e) {
+  const onInputScroll = React.useCallback(e => {
     checkOverflow(e.target);
     onScroll === null || onScroll === void 0 || onScroll(e);
   }, [onScroll, checkOverflow]);
-  var onInputBlur = React.useCallback(function (e) {
+  const onInputBlur = React.useCallback(e => {
     setIsInFocus(false);
     onBlur === null || onBlur === void 0 || onBlur(e);
   }, [onBlur]);
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('mousemove', onMouseMove);
     window.addEventListener('mouseup', onMouseUp);
-    return function () {
+    return () => {
       window.removeEventListener('mousemove', onMouseMove);
       window.removeEventListener('mouseup', onMouseUp);
     };

package/components/error-bubble/error-bubble.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, ReactElement } from 'react';
-import PropTypes from 'prop-types';
 export type ErrorBubbleProps<P> = Partial<P> & {
     className?: string | null | undefined;
     children: ReactElement<P> | ReactElement<P>[];
@@ -9,10 +8,5 @@ export type ErrorBubbleProps<P> = Partial<P> & {
  * @name Error Bubble
  */
 export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
-    static propTypes: {
-        error: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/error-bubble/error-bubble.js

@@ -1,36 +1,18 @@
-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.map.js';
-import { Children, cloneElement, PureComponent } from 'react';
-import PropTypes from 'prop-types';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { PureComponent, Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.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.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.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.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -43,45 +25,33 @@ import '../popup/popup.target.js';
 
 var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
 
-var _excluded = ["children", "className"];
-var ErrorBubble = /*#__PURE__*/function (_PureComponent) {
-  function ErrorBubble() {
-    _classCallCheck(this, ErrorBubble);
-    return _callSuper(this, ErrorBubble, arguments);
+const _excluded = ["children", "className"];
+class ErrorBubble extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
+    return /*#__PURE__*/jsxs("div", {
+      className: modules_ee284100.errorBubbleWrapper,
+      "data-test": "ring-error-bubble-wrapper",
+      children: [Children.map(children, child => /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps))), restProps.error && /*#__PURE__*/jsx(Popup, {
+        trapFocus: false,
+        className: modules_ee284100.errorBubblePopup,
+        hidden: false,
+        attached: false,
+        directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],
+        children: /*#__PURE__*/jsx("div", {
+          className: errorBubbleClasses,
+          "data-test": "ring-error-bubble",
+          children: restProps.error
+        })
+      })]
+    });
   }
-  _inherits(ErrorBubble, _PureComponent);
-  return _createClass(ErrorBubble, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
-      return /*#__PURE__*/jsxs("div", {
-        className: modules_ee284100.errorBubbleWrapper,
-        children: [Children.map(children, function (child) {
-          return /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps));
-        }), restProps.error && /*#__PURE__*/jsx(Popup, {
-          trapFocus: false,
-          className: modules_ee284100.errorBubblePopup,
-          hidden: false,
-          attached: false,
-          directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],
-          children: /*#__PURE__*/jsx("div", {
-            className: errorBubbleClasses,
-            "data-test": "ring-error-bubble",
-            children: restProps.error
-          })
-        })]
-      });
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ErrorBubble, "propTypes", {
-  error: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { ErrorBubble as default };

package/components/error-message/error-message.d.ts

@@ -1,5 +1,4 @@
 import { Component, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 export interface ErrorMessageProps {
     children?: ReactNode;
@@ -14,14 +13,5 @@ export interface ErrorMessageProps {
  * @name Error Message
  */
 export default class ErrorMessage extends Component<ErrorMessageProps> {
-    static propTypes: {
-        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
-        code: PropTypes.Requireable<string>;
-        message: PropTypes.Requireable<string>;
-        description: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/error-message/error-message.js

@@ -1,79 +1,54 @@
-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 'core-js/modules/es.symbol.description.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Size } from '../icon/icon__constants.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'util-deprecate';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.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.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.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';
 
 var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_94a5","title":"title_rui_94a5","description":"description_rui_94a5","content":"content_rui_94a5","icon":"icon_rui_94a5"};
 
-var ErrorMessage = /*#__PURE__*/function (_Component) {
-  function ErrorMessage() {
-    _classCallCheck(this, ErrorMessage);
-    return _callSuper(this, ErrorMessage, arguments);
+class ErrorMessage extends Component {
+  render() {
+    const {
+      className,
+      icon,
+      code,
+      message,
+      description,
+      children,
+      'data-test': dataTest
+    } = this.props;
+    const classes = classNames(modules_2c5e8509.errorMessage, className);
+    return /*#__PURE__*/jsxs("div", {
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-error-message', dataTest),
+      children: [icon && /*#__PURE__*/jsx(Icon, {
+        className: modules_2c5e8509.icon,
+        glyph: icon,
+        size: Size.Size64,
+        suppressSizeWarning: true
+      }), /*#__PURE__*/jsxs("div", {
+        className: modules_2c5e8509.content,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: modules_2c5e8509.title,
+          "data-test": "ring-error-message-title",
+          children: [code && "".concat(code, ":"), " ", message]
+        }), description && /*#__PURE__*/jsx("div", {
+          className: modules_2c5e8509.description,
+          children: description
+        }), children]
+      })]
+    });
   }
-  _inherits(ErrorMessage, _Component);
-  return _createClass(ErrorMessage, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        icon = _this$props.icon,
-        code = _this$props.code,
-        message = _this$props.message,
-        description = _this$props.description,
-        children = _this$props.children,
-        dataTest = _this$props['data-test'];
-      var classes = classNames(modules_2c5e8509.errorMessage, className);
-      return /*#__PURE__*/jsxs("div", {
-        className: classes,
-        "data-test": joinDataTestAttributes('ring-error-message', dataTest),
-        children: [icon && /*#__PURE__*/jsx(Icon, {
-          className: modules_2c5e8509.icon,
-          glyph: icon,
-          size: Size.Size64,
-          suppressSizeWarning: true
-        }), /*#__PURE__*/jsxs("div", {
-          className: modules_2c5e8509.content,
-          children: [/*#__PURE__*/jsxs("div", {
-            className: modules_2c5e8509.title,
-            "data-test": "ring-error-message-title",
-            children: [code && "".concat(code, ":"), " ", message]
-          }), description && /*#__PURE__*/jsx("div", {
-            className: modules_2c5e8509.description,
-            children: description
-          }), children]
-        })]
-      });
-    }
-  }]);
-}(Component);
-_defineProperty(ErrorMessage, "propTypes", {
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  code: PropTypes.string,
-  message: PropTypes.string,
-  description: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
+}
 
 export { ErrorMessage as default };