@jetbrains/ring-ui-built 6.0.34 → 6.0.36

package/components/button-group/caption.d.ts

@@ -1,8 +1,8 @@
-import React, { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
     static propTypes: {
         className: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/button-group/caption.js

@@ -3,3 +3,4 @@ import 'react';
 import 'prop-types';
 import 'classnames';
 export { C as default } from '../_helpers/caption.js';
+import 'react/jsx-runtime';

package/components/button-set/button-set.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
@@ -12,5 +12,5 @@ export default class ButtonSet extends PureComponent<ButtonSetProps> {
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/button-set/button-set.js

@@ -1,8 +1,9 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
+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 { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
@@ -11,9 +12,6 @@ import 'core-js/modules/es.object.to-string.js';
 var modules_fd849143 = {"button":"button_rui_6ad6","light":"light_rui_2ac4","buttonSet":"buttonSet_rui_97ff"};
 
 var _excluded = ["className", "data-test", "children"];
-/**
- * @name Button Set
- */
 var ButtonSet = /*#__PURE__*/function (_PureComponent) {
   function ButtonSet() {
     _classCallCheck(this, ButtonSet);
@@ -29,10 +27,11 @@ var ButtonSet = /*#__PURE__*/function (_PureComponent) {
         children = _this$props.children,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_fd849143.buttonSet, className);
-      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
         "data-test": joinDataTestAttributes('ring-button-set', dataTest),
-        className: classes
-      }), children);
+        className: classes,
+        children: children
+      }));
     }
   }]);
 }(PureComponent);

package/components/button-toolbar/button-toolbar.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
@@ -12,5 +12,5 @@ export default class ButtonToolbar extends PureComponent<ButtonToolbarProps> {
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/button-toolbar/button-toolbar.js

@@ -1,8 +1,9 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
+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 { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
@@ -11,9 +12,6 @@ import 'core-js/modules/es.object.to-string.js';
 var modules_34154ec0 = {"button":"button_rui_6ad6","light":"light_rui_2ac4","buttonToolbar":"buttonToolbar_rui_5c90","buttonGroup":"buttonGroup_rui_5c90","split":"split_rui_5c90"};
 
 var _excluded = ["className", "data-test"];
-/**
- * @name Button Toolbar
-*/
 var ButtonToolbar = /*#__PURE__*/function (_PureComponent) {
   function ButtonToolbar() {
     _classCallCheck(this, ButtonToolbar);
@@ -28,7 +26,7 @@ var ButtonToolbar = /*#__PURE__*/function (_PureComponent) {
         dataTest = _this$props['data-test'],
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_34154ec0.buttonToolbar, className);
-      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
         "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
         className: classes
       }));

package/components/caret/caret.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _createClass, f as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _createClass, e as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.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';

package/components/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, InputHTMLAttributes, CSSProperties, Ref } from 'react';
+import { PureComponent, InputHTMLAttributes, CSSProperties, Ref, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string | null | undefined;
@@ -8,6 +8,7 @@ export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     labelClassName?: string | null | undefined;
     indeterminate: boolean;
     inputRef?: Ref<HTMLInputElement>;
+    help?: ReactNode;
 }
 /**
  * @name Checkbox
@@ -41,5 +42,5 @@ export default class Checkbox extends PureComponent<CheckboxProps> {
     componentDidUpdate(prevProps: CheckboxProps): void;
     input?: HTMLInputElement | null;
     inputRef: (el: HTMLInputElement | null) => void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/checkbox/checkbox.js

@@ -1,6 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import checkmarkIcon from '@jetbrains/icons/checkmark-12px';
@@ -8,6 +8,8 @@ import minusIcon from '@jetbrains/icons/remove-12px';
 import Icon from '../icon/icon.js';
 import { refObject } from '../global/prop-types.js';
 import composeRefs from '../global/composeRefs.js';
+import ControlHelp from '../control-help/control-help.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
@@ -22,15 +24,9 @@ import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 
-var modules_3199090e = {"checkboxSize":"14px","light":"light_rui_2ac4","checkbox":"checkbox_rui_219d","cell":"cell_rui_219d","icon":"icon_rui_219d","check":"check_rui_219d icon_rui_219d","minus":"minus_rui_219d icon_rui_219d","input":"input_rui_219d","focus":"focus_rui_219d","label":"label_rui_219d"};
+var modules_3199090e = {"checkboxSize":"14px","light":"light_rui_2ac4","checkbox":"checkbox_rui_219d","cell":"cell_rui_219d","icon":"icon_rui_219d","check":"check_rui_219d icon_rui_219d","minus":"minus_rui_219d icon_rui_219d","input":"input_rui_219d","cellWrapper":"cellWrapper_rui_219d","focus":"focus_rui_219d","label":"label_rui_219d"};
 
-var _excluded = ["children", "label", "className", "containerClassName", "containerStyle", "cellClassName", "labelClassName", "indeterminate", "inputRef"];
-/**
- * @name Checkbox
- */
-/**
- * Displays a checkbox.
- */
+var _excluded = ["children", "label", "className", "containerClassName", "containerStyle", "cellClassName", "labelClassName", "indeterminate", "inputRef", "help"];
 var Checkbox = /*#__PURE__*/function (_PureComponent) {
   function Checkbox() {
     var _this;
@@ -77,31 +73,40 @@ var Checkbox = /*#__PURE__*/function (_PureComponent) {
         labelClassName = _this$props.labelClassName;
         _this$props.indeterminate;
         var inputRef = _this$props.inputRef,
+        help = _this$props.help,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_3199090e.input, className);
       var containerClasses = classNames(modules_3199090e.checkbox, containerClassName);
       var cellClasses = classNames(modules_3199090e.cell, cellClassName);
       var labelClasses = classNames(modules_3199090e.label, labelClassName);
-      return /*#__PURE__*/React.createElement("label", {
+      return /*#__PURE__*/jsxs("label", {
         className: containerClasses,
         style: containerStyle,
-        "data-test": "ring-checkbox"
-      }, /*#__PURE__*/React.createElement("input", _extends({}, restProps, {
-        "data-checked": restProps.checked,
-        ref: composeRefs(this.inputRef, inputRef),
-        type: "checkbox",
-        className: classes
-      })), /*#__PURE__*/React.createElement("span", {
-        className: cellClasses
-      }, /*#__PURE__*/React.createElement(Icon, {
-        glyph: checkmarkIcon,
-        className: modules_3199090e.check
-      }), /*#__PURE__*/React.createElement(Icon, {
-        glyph: minusIcon,
-        className: modules_3199090e.minus
-      })), /*#__PURE__*/React.createElement("span", {
-        className: labelClasses
-      }, label || children));
+        "data-test": "ring-checkbox",
+        children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({}, restProps), {}, {
+          "data-checked": restProps.checked,
+          ref: composeRefs(this.inputRef, inputRef),
+          type: "checkbox",
+          className: classes
+        })), /*#__PURE__*/jsx("div", {
+          className: modules_3199090e.cellWrapper,
+          children: /*#__PURE__*/jsxs("span", {
+            className: cellClasses,
+            children: [/*#__PURE__*/jsx(Icon, {
+              glyph: checkmarkIcon,
+              className: modules_3199090e.check
+            }), /*#__PURE__*/jsx(Icon, {
+              glyph: minusIcon,
+              className: modules_3199090e.minus
+            })]
+          })
+        }), /*#__PURE__*/jsxs("span", {
+          className: labelClasses,
+          children: [label || children, help && /*#__PURE__*/jsx(ControlHelp, {
+            children: help
+          })]
+        })]
+      });
     }
   }]);
 }(PureComponent);

package/components/clipboard/clipboard.js

@@ -1,4 +1,4 @@
-import { h as _asyncToGenerator, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.promise.js';
 import alertService from '../alert-service/alert-service.js';
@@ -6,12 +6,12 @@ import { copyTextToClipboard, copyHTMLToClipboard } from './clipboard-fallback.j
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.map.js';
-import 'react';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import '../alert/alert.js';
 import 'core-js/modules/es.object.values.js';
+import 'react';
 import 'classnames';
 import 'prop-types';
 import '@jetbrains/icons/exception';
@@ -30,6 +30,7 @@ import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';

package/components/code/code.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="highlight.js" />
-import React, { PureComponent, Ref } from 'react';
+import { PureComponent, Ref } from 'react';
 import PropTypes from 'prop-types';
 import highlight from 'highlight.js/lib/core';
 declare function noop(): void;
@@ -37,8 +37,8 @@ export default class Code extends PureComponent<CodeProps> {
     code?: HTMLElement | null;
     highlight(): Promise<void>;
     get codeRef(): HTMLElement | null | undefined;
-    get initCodeRef(): React.RefObject<HTMLElement> | ((ref: HTMLElement | null) => void);
-    render(): React.JSX.Element;
+    get initCodeRef(): import("react").RefObject<HTMLElement> | ((ref: HTMLElement | null) => void);
+    render(): import("react").JSX.Element;
 }
 declare const code: (strings: TemplateStringsArray, ...interpolations: unknown[]) => void;
 export { code, highlight };

package/components/code/code.js

@@ -1,8 +1,8 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, h as _asyncToGenerator, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime } 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 React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import _highlight from 'highlight.js/lib/core';
@@ -10,6 +10,7 @@ export { default as highlight } from 'highlight.js/lib/core';
 import normalizeIndent from '../global/normalize-indent.js';
 import trivialTemplateTag from '../global/trivial-template-tag.js';
 import memoize from '../global/memoize.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.slice.js';
@@ -152,15 +153,17 @@ var Code = /*#__PURE__*/function (_PureComponent) {
         [modules_66c414ea.inline]: inline,
         [modules_66c414ea.softWrap]: softWrap
       });
-      return /*#__PURE__*/React.createElement(Tag, {
+      return /*#__PURE__*/jsx(Tag, {
         className: classes,
-        "data-test": "ring-code"
-      }, /*#__PURE__*/React.createElement("code", {
-        // should be focusable because it can be scrollable
-        tabIndex: inline ? -1 : 0,
-        ref: this.initCodeRef,
-        className: modules_39cf09e8.highlightContainer
-      }, normalizeIndent(code)));
+        "data-test": "ring-code",
+        children: /*#__PURE__*/jsx("code", {
+          // should be focusable because it can be scrollable
+          tabIndex: inline ? -1 : 0,
+          ref: this.initCodeRef,
+          className: modules_39cf09e8.highlightContainer,
+          children: normalizeIndent(code)
+        })
+      });
     }
   }]);
 }(PureComponent);
@@ -181,7 +184,7 @@ _defineProperty(Code, "defaultProps", {
   replacer: noop
 });
 var code = trivialTemplateTag(function (source) {
-  return /*#__PURE__*/React.createElement(Code, {
+  return /*#__PURE__*/jsx(Code, {
     code: source
   });
 });

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

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
+import * as React from 'react';
 type Props = {
     minHeight?: number;
     className?: string;

package/components/collapse/collapse-content.js

@@ -1,11 +1,12 @@
-import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { useContext, useRef, useState, useEffect, useMemo } from 'react';
+import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { getRect } from '../global/dom.js';
 import { toPx } from './utils.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID } from './consts.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
@@ -102,20 +103,22 @@ var CollapseContent = function CollapseContent(_ref) {
   var fadeShouldBeVisible = useMemo(function () {
     return Boolean(minHeight && showFade);
   }, [minHeight, showFade]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     ref: containerRef,
     id: "collapse-content-".concat(id),
     "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_CONTAINER_TEST_ID),
     className: classNames(modules_9c8b5b00.container, {
       [modules_9c8b5b00.transition]: !disableAnimation
     }),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: contentRef,
-    "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_TEST_ID, dataTest)
-  }, children), fadeShouldBeVisible && /*#__PURE__*/React.createElement("div", {
-    className: modules_9c8b5b00.fade
-  }));
+    style: style,
+    children: [/*#__PURE__*/jsx("div", {
+      ref: contentRef,
+      "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_TEST_ID, dataTest),
+      children: children
+    }), fadeShouldBeVisible && /*#__PURE__*/jsx("div", {
+      className: modules_9c8b5b00.fade
+    })]
+  });
 };
 
 export { CollapseContent, CollapseContent as default };

package/components/collapse/collapse-control.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 type ChildrenFunction = (collapsed: boolean) => React.ReactElement;
 type Props = {
     children: ChildrenFunction | React.ReactElement;

package/components/collapse/collapse-control.js

@@ -1,16 +1,14 @@
-import React, { useContext, useMemo, cloneElement } from 'react';
+import { useContext, useMemo, cloneElement } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
+import { 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';
 
-/**
- * @name CollapseControl
- */
 var CollapseControl = function CollapseControl(_ref) {
   var children = _ref.children,
     dataTest = _ref['data-test'];
@@ -24,13 +22,14 @@ var CollapseControl = function CollapseControl(_ref) {
     }
     return children;
   }, [children, collapsed]);
-  return /*#__PURE__*/React.createElement("p", {
-    "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest)
-  }, /*#__PURE__*/cloneElement(child, {
-    onClick: setCollapsed,
-    'aria-controls': "collapse-content-".concat(id),
-    'aria-expanded': String(!collapsed)
-  }));
+  return /*#__PURE__*/jsx("p", {
+    "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest),
+    children: /*#__PURE__*/cloneElement(child, {
+      onClick: setCollapsed,
+      'aria-controls': "collapse-content-".concat(id),
+      'aria-expanded': String(!collapsed)
+    })
+  });
 };
 
 export { CollapseControl, CollapseControl as default };

package/components/collapse/collapse.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
+import * as React from 'react';
 type Props = {
     onChange?: (collapsed: boolean) => void;
     duration?: number;

package/components/collapse/collapse.js

@@ -1,11 +1,9 @@
-import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { useState, useId, useCallback } from 'react';
+import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.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';
 
-/**
- * @name Collapse
- */
 var Collapse = function Collapse(_ref) {
   var children = _ref.children,
     _ref$duration = _ref.duration,
@@ -25,17 +23,19 @@ var Collapse = function Collapse(_ref) {
     toggle(!collapsed);
     onChange(!collapsed);
   }, [toggle, onChange, collapsed]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(CollapseContext.Provider, {
-    value: {
-      collapsed,
-      setCollapsed,
-      duration,
-      disableAnimation,
-      id
-    }
-  }, children));
+  return /*#__PURE__*/jsx("div", {
+    className: className,
+    children: /*#__PURE__*/jsx(CollapseContext.Provider, {
+      value: {
+        collapsed,
+        setCollapsed,
+        duration,
+        disableAnimation,
+        id
+      },
+      children: children
+    })
+  });
 };
 
 export { Collapse, Collapse as default };

package/components/confirm/confirm.d.ts

@@ -1,4 +1,5 @@
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 export interface ConfirmProps {
     text: string;

package/components/confirm/confirm.js

@@ -1,13 +1,14 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 'core-js/modules/es.array.concat.js';
-import React, { PureComponent } from 'react';
+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 { jsxs, jsx } from 'react/jsx-runtime';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
 import 'react-dom';
@@ -65,9 +66,6 @@ import '../_helpers/button__classes.js';
 
 var modules_4c9c3a3a = {"light":"light_rui_2ac4","description":"description_rui_f040"};
 
-/**
- * @name Confirm
- */
 var Confirm = /*#__PURE__*/function (_PureComponent) {
   function Confirm() {
     var _this;
@@ -98,27 +96,37 @@ var Confirm = /*#__PURE__*/function (_PureComponent) {
         rejectLabel = _this$props.rejectLabel,
         onConfirm = _this$props.onConfirm,
         onReject = _this$props.onReject;
-      return /*#__PURE__*/React.createElement(Dialog, {
+      return /*#__PURE__*/jsxs(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)));
+        "data-test": "ring-confirm",
+        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);

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

@@ -3,11 +3,12 @@ import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.promise.js';
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 import Confirm from '../confirm/confirm.js';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
+import 'react';
 import 'prop-types';
 import '../dialog/dialog.js';
 import 'react-dom';
@@ -76,9 +77,10 @@ function renderConfirm(props) {
   var _props$buttonsHeight = props.buttonsHeight,
     buttonsHeight = _props$buttonsHeight === void 0 ? getGlobalControlsHeight() : _props$buttonsHeight,
     restProps = _objectWithoutProperties(props, _excluded);
-  reactRoot.render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
-    value: buttonsHeight
-  }, /*#__PURE__*/React.createElement(Confirm, restProps)));
+  reactRoot.render( /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+    value: buttonsHeight,
+    children: /*#__PURE__*/jsx(Confirm, _objectSpread2({}, restProps))
+  }));
 }
 function confirm(_ref) {
   var text = _ref.text,

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

@@ -1,4 +1,4 @@
-import React, { Component, HTMLAttributes } from 'react';
+import { 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(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export { default as Sidebar } from './sidebar';