@jetbrains/ring-ui-built 7.0.10 → 7.0.12

package/components/checkbox/checkbox.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import checkmarkIcon from '@jetbrains/icons/checkmark-12px';
@@ -7,7 +8,6 @@ import minusIcon from '@jetbrains/icons/remove-12px';
 import Icon from '../icon/icon.js';
 import { createComposedRef } 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';
@@ -19,6 +19,12 @@ import 'memoize-one';
 var styles = {"checkbox":"checkbox_rui_d990","cell":"cell_rui_d990","icon":"icon_rui_d990","check":"check_rui_d990 icon_rui_d990","minus":"minus_rui_d990 icon_rui_d990","input":"input_rui_d990","cellWrapper":"cellWrapper_rui_d990","focus":"focus_rui_d990","label":"label_rui_d990"};
 
 const _excluded = ["children", "label", "className", "containerClassName", "containerStyle", "cellClassName", "labelClassName", "indeterminate", "inputRef", "help"];
+/**
+ * @name Checkbox
+ */
+/**
+ * Displays a checkbox.
+ */
 class Checkbox extends PureComponent {
   constructor() {
     super(...arguments);
@@ -63,30 +69,30 @@ class Checkbox extends PureComponent {
     const containerClasses = classNames(styles.checkbox, containerClassName);
     const cellClasses = classNames(styles.cell, cellClassName);
     const labelClasses = classNames(styles.label, labelClassName);
-    return /*#__PURE__*/jsxs("label", {
+    return jsxs("label", {
       className: containerClasses,
       style: containerStyle,
       "data-test": "ring-checkbox",
-      children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      children: [jsx("input", _objectSpread2(_objectSpread2({}, restProps), {}, {
         "data-checked": restProps.checked,
         ref: this.composedInputRef(this.inputRef, inputRef),
         type: "checkbox",
         className: classes
-      })), /*#__PURE__*/jsx("div", {
+      })), jsx("div", {
         className: styles.cellWrapper,
-        children: /*#__PURE__*/jsxs("span", {
+        children: jsxs("span", {
           className: cellClasses,
-          children: [/*#__PURE__*/jsx(Icon, {
+          children: [jsx(Icon, {
             glyph: checkmarkIcon,
             className: styles.check
-          }), /*#__PURE__*/jsx(Icon, {
+          }), jsx(Icon, {
             glyph: minusIcon,
             className: styles.minus
           })]
         })
-      }), /*#__PURE__*/jsxs("span", {
+      }), jsxs("span", {
         className: labelClasses,
-        children: [label || children, help && /*#__PURE__*/jsx(ControlHelp, {
+        children: [label || children, help && jsx(ControlHelp, {
           children: help
         })]
       })]

package/components/clipboard/clipboard.js

@@ -2,6 +2,7 @@ import alertService from '../alert-service/alert-service.js';
 import { copyTextToClipboard, copyHTMLToClipboard } from './clipboard-fallback.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -18,7 +19,6 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
-import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import '../global/dom.js';

package/components/code/code.d.ts

@@ -25,7 +25,7 @@ export default class Code extends PureComponent<CodeProps> {
     highlight(): Promise<void>;
     get codeRef(): HTMLElement | null | undefined;
     get initCodeRef(): import("react").RefObject<HTMLElement> | ((ref: HTMLElement | null) => void);
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare const code: (strings: TemplateStringsArray, ...interpolations: unknown[]) => void;
 export { code, highlight };

package/components/code/code.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import highlight from 'highlight.js/lib/core';
@@ -7,7 +8,6 @@ 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.reverse.js';
 import 'core-js/modules/es.regexp.exec.js';
 
@@ -87,10 +87,10 @@ class Code extends PureComponent {
       [styles.inline]: inline,
       [styles.softWrap]: softWrap
     });
-    return /*#__PURE__*/jsx(Tag, {
+    return jsx(Tag, {
       className: classes,
       "data-test": "ring-code",
-      children: /*#__PURE__*/jsx("code", {
+      children: jsx("code", {
         // should be focusable because it can be scrollable
         tabIndex: inline ? -1 : 0,
         ref: this.initCodeRef,
@@ -105,7 +105,7 @@ _defineProperty(Code, "defaultProps", {
   softWrap: false,
   replacer: noop
 });
-const code = trivialTemplateTag(source => /*#__PURE__*/jsx(Code, {
+const code = trivialTemplateTag(source => jsx(Code, {
   code: source
 }));
 

package/components/collapse/collapse-content.js

@@ -1,4 +1,5 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -6,7 +7,6 @@ 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 '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
 
@@ -95,7 +95,7 @@ const CollapseContent = _ref => {
   }, [duration, height, collapsed, minHeight]);
   const fadeShouldBeVisible = useMemo(() => Boolean(minHeight && showFade), [minHeight, showFade]);
   const shouldRenderContent = disableAnimation ? !collapsed : !shouldHideContent;
-  return /*#__PURE__*/jsxs("div", {
+  return jsxs("div", {
     ref: containerRef,
     id: "collapse-content-".concat(id),
     "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_CONTAINER_TEST_ID),
@@ -103,11 +103,11 @@ const CollapseContent = _ref => {
       [styles.transition]: !disableAnimation
     }),
     style: style,
-    children: [/*#__PURE__*/jsx("div", {
+    children: [jsx("div", {
       ref: contentRef,
       "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_TEST_ID, dataTest),
       children: shouldRenderContent ? children : null
-    }), fadeShouldBeVisible && /*#__PURE__*/jsx("div", {
+    }), fadeShouldBeVisible && jsx("div", {
       className: styles.fade
     })]
   });

package/components/collapse/collapse-control.js

@@ -1,10 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
 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 'core-js/modules/web.dom-collections.iterator.js';
 
+/**
+ * @name CollapseControl
+ */
 const CollapseControl = _ref => {
   let {
     children,
@@ -21,7 +24,7 @@ const CollapseControl = _ref => {
     }
     return children;
   }, [children, collapsed]);
-  return /*#__PURE__*/jsx("p", {
+  return jsx("p", {
     "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest),
     children: /*#__PURE__*/cloneElement(child, {
       onClick: setCollapsed,

package/components/collapse/collapse.js

@@ -1,9 +1,12 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { useState, useId, useMemo, useCallback } from 'react';
 import { CollapseContext } from './collapse-context.js';
 import { BASE_ANIMATION_DURATION } from './consts.js';
-import { jsx } from 'react/jsx-runtime';
 
+/**
+ * @name Collapse
+ */
 const Collapse = _ref => {
   let {
     children,
@@ -21,9 +24,9 @@ const Collapse = _ref => {
     setInnerCollapsed(!finalCollapsedValue);
     onChange(!finalCollapsedValue);
   }, [setInnerCollapsed, onChange, finalCollapsedValue]);
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: className,
-    children: /*#__PURE__*/jsx(CollapseContext.Provider, {
+    children: jsx(CollapseContext.Provider, {
       value: {
         collapsed: finalCollapsedValue,
         setCollapsed,

package/components/confirm/confirm.d.ts

@@ -31,6 +31,6 @@ export default class Confirm extends PureComponent<ConfirmProps> {
         onReject: () => void;
     };
     onEscPress: () => void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type ConfirmAttributes = JSX.LibraryManagedAttributes<typeof Confirm, ConfirmProps>;

package/components/confirm/confirm.js

@@ -1,11 +1,11 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';
 import 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_helpers/island.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
@@ -44,6 +44,9 @@ import '../_helpers/button__classes.js';
 
 var styles = {"description":"description_rui_2cda"};
 
+/**
+ * @name Confirm
+ */
 class Confirm extends PureComponent {
   constructor() {
     super(...arguments);
@@ -67,7 +70,7 @@ class Confirm extends PureComponent {
       onReject,
       native
     } = this.props;
-    return /*#__PURE__*/jsxs(Dialog, {
+    return jsxs(Dialog, {
       label: text || (typeof description === 'string' ? description : undefined),
       className: className,
       onEscPress: this.onEscPress,
@@ -75,22 +78,22 @@ class Confirm extends PureComponent {
       trapFocus: true,
       "data-test": "ring-confirm",
       native: native,
-      children: [text && /*#__PURE__*/jsx(HeaderWrapper, {
+      children: [text && jsx(HeaderWrapper, {
         children: text
-      }), description && /*#__PURE__*/jsx(ContentWrapper, {
-        children: /*#__PURE__*/jsx("div", {
+      }), description && jsx(ContentWrapper, {
+        children: jsx("div", {
           className: styles.description,
           children: description
         })
-      }), /*#__PURE__*/jsxs(Panel, {
-        children: [/*#__PURE__*/jsx(Button, {
+      }), jsxs(Panel, {
+        children: [jsx(Button, {
           "data-test": "confirm-ok-button",
           primary: !cancelIsDefault,
           loader: inProgress,
           disabled: inProgress,
           onClick: onConfirm,
           children: confirmLabel
-        }), /*#__PURE__*/jsx(Button, {
+        }), jsx(Button, {
           "data-test": "confirm-reject-button",
           onClick: onReject,
           disabled: inProgress,

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

@@ -1,9 +1,9 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
+import { jsx } from 'react/jsx-runtime';
 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/web.dom-collections.iterator.js';
 import 'react';
 import '../dialog/dialog.js';
@@ -55,9 +55,9 @@ function renderConfirm(props) {
       buttonsHeight = getGlobalControlsHeight()
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
-  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(jsx(ControlsHeightContext.Provider, {
     value: buttonsHeight,
-    children: /*#__PURE__*/jsx(Confirm, _objectSpread2({}, restProps))
+    children: jsx(Confirm, _objectSpread2({}, restProps))
   }));
 }
 function confirm(_ref) {

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

@@ -14,6 +14,6 @@ export default class ContentLayout extends Component<ContentLayoutProps> {
         contentNode: null;
     };
     saveContentNode: (contentNode: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export { default as Sidebar } from './sidebar';

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

@@ -1,12 +1,15 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component, Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import { s as styles, S as Sidebar } from '../_helpers/sidebar.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-waypoint';
 
 const _excluded = ["children", "className", "contentClassName", "responsive"];
+/**
+ * @name Content Layout
+ */
 class ContentLayout extends Component {
   constructor() {
     super(...arguments);
@@ -38,11 +41,11 @@ class ContentLayout extends Component {
       contentNode: this.state.contentNode
     });
     const contentChildren = childrenArray.filter(child => child !== sidebarChild);
-    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+    return jsxs("div", _objectSpread2(_objectSpread2({
       "data-test": "content-layout"
     }, restProps), {}, {
       className: classes,
-      children: [sidebar, /*#__PURE__*/jsx("main", {
+      children: [sidebar, jsx("main", {
         className: contentClasses,
         ref: this.saveContentNode,
         children: contentChildren

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

@@ -18,5 +18,5 @@ export default class Sidebar extends Component<SidebarProps> {
     shouldUseFixation(): boolean;
     shouldFixateBottom(): boolean;
     sidebarRef: (node: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/content-layout/sidebar.js

@@ -1,7 +1,7 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import 'react-waypoint';
 export { S as default } from '../_helpers/sidebar.js';
-import 'react/jsx-runtime';

package/components/contenteditable/contenteditable.d.ts

@@ -18,9 +18,9 @@ declare class ContentEditableBase extends Component<ContentEditableBaseProps> {
     };
     shouldComponentUpdate(nextProps: ContentEditableBaseProps): boolean;
     componentDidUpdate(prevProps: ContentEditableBaseProps): void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 type ContentEditableBaseAttrs = JSX.LibraryManagedAttributes<typeof ContentEditableBase, ContentEditableBaseProps>;
 export type ContentEditableProps = Omit<ContentEditableBaseAttrs, '__html'>;
-declare const ContentEditable: ({ children, ...props }: ContentEditableProps) => import("react").JSX.Element;
+declare const ContentEditable: ({ children, ...props }: ContentEditableProps) => import("react/jsx-runtime").JSX.Element;
 export default ContentEditable;

package/components/contenteditable/contenteditable.js

@@ -1,10 +1,13 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
-import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"],
   _excluded2 = ["children"];
+/**
+ * @name ContentEditable
+ */
 function noop() {}
 class ContentEditableBase extends Component {
   shouldComponentUpdate(nextProps) {
@@ -23,11 +26,10 @@ class ContentEditableBase extends Component {
         inputRef
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
-      ref: inputRef
+    return jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+      ref: inputRef,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      ,
       disabled: disabled,
       role: "textbox",
       tabIndex: disabled ? undefined : tabIndex,
@@ -49,7 +51,7 @@ const ContentEditable = _ref => {
       children
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded2);
-  return /*#__PURE__*/jsx(ContentEditableBase, _objectSpread2(_objectSpread2({}, props), {}, {
+  return jsx(ContentEditableBase, _objectSpread2(_objectSpread2({}, props), {}, {
     __html: renderToStaticMarkup(children)
   }));
 };

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from 'react';
 type ControlHelpProps = HTMLAttributes<HTMLDivElement>;
-export default function ControlHelp({ className, ...restProps }: ControlHelpProps): import("react").JSX.Element;
+export default function ControlHelp({ className, ...restProps }: ControlHelpProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/control-help/control-help.js

@@ -1,6 +1,6 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
 
 var styles = {"help":"help_rui_0799"};
 
@@ -10,7 +10,7 @@ function ControlHelp(_ref) {
       className
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("div", _objectSpread2({
+  return jsx("div", _objectSpread2({
     className: classNames(className, styles.help)
   }, restProps));
 }

package/components/control-label/control-label.js

@@ -1,7 +1,6 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';
-import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
 
 var styles = {"label":"label_rui_40a4","formLabel":"formLabel_rui_40a4","secondaryLabel":"secondaryLabel_rui_40a4","disabledLabel":"disabledLabel_rui_40a4"};
 
@@ -22,7 +21,7 @@ const ControlLabel = _ref => {
       disabled
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("label", _objectSpread2(_objectSpread2({
+  return jsx("label", _objectSpread2(_objectSpread2({
     className: classNames(styles.label, classNameByType[type], {
       [styles.disabledLabel]: disabled
     })

package/components/data-list/data-list.d.ts

@@ -29,7 +29,7 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             componentWillUnmount(): void;
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
-            render(): import("react").JSX.Element;
+            render(): import("react/jsx-runtime").JSX.Element;
             context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
@@ -56,7 +56,7 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             componentWillUnmount(): void;
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
-            render(): import("react").JSX.Element;
+            render(): import("react/jsx-runtime").JSX.Element;
             context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
@@ -78,6 +78,6 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
         defaultProps: Partial<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>> | undefined;
         contextType?: import("react").Context<any> | undefined;
     };
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/data-list/data-list.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component, PureComponent } from 'react';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -10,7 +11,6 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
 import Item, { moreLessButtonStates } from './item.js';
 import { s as styles } from '../_helpers/title.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/composeRefs.js';
 import 'memoize-one';
 import '../shortcuts/core.js';
@@ -120,14 +120,14 @@ class DataList extends PureComponent {
       [styles.disabledHover]: disabledHover,
       [styles.multiSelection]: selection.getSelected().size > 0
     });
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       className: styles.dataListWrapper,
       "data-test": "ring-data-list",
       ref: innerRef,
-      children: [focused && /*#__PURE__*/jsx(Shortcuts, {
+      children: [focused && jsx(Shortcuts, {
         map: shortcutsMap,
         scope: this.shortcutsScope
-      }), /*#__PURE__*/jsx("ul", {
+      }), jsx("ul", {
         className: classes,
         children: data.map(model => {
           var _this$props$itemMoreL, _this$props;
@@ -139,7 +139,7 @@ class DataList extends PureComponent {
             items
           } = item;
           const showMoreLessButton = (_this$props$itemMoreL = (_this$props = this.props).itemMoreLessState) === null || _this$props$itemMoreL === void 0 ? void 0 : _this$props$itemMoreL.call(_this$props, item);
-          return /*#__PURE__*/jsx(Item, {
+          return jsx(Item, {
             item: model,
             title: title,
             items: items,
@@ -158,9 +158,9 @@ class DataList extends PureComponent {
             onItemMoreLess: this.props.onItemMoreLess
           }, key || id);
         })
-      }), loading && /*#__PURE__*/jsx("div", {
+      }), loading && jsx("div", {
         className: data.length > 0 ? styles.loadingOverlay : undefined,
-        children: /*#__PURE__*/jsx(Loader, {})
+        children: jsx(Loader, {})
       })]
     });
   }
@@ -180,7 +180,7 @@ class DataListContainer extends Component {
     _defineProperty(this, "DataList", getContainer());
   }
   render() {
-    return /*#__PURE__*/jsx(this.DataList, _objectSpread2({}, this.props));
+    return jsx(this.DataList, _objectSpread2({}, this.props));
   }
 }
 

package/components/data-list/data-list.mock.d.ts

@@ -11,6 +11,6 @@ export declare const moreItems: {
     id: number;
     selectable: boolean;
     collapsible: boolean;
-    title: import("react").JSX.Element;
+    title: import("react/jsx-runtime").JSX.Element;
 }[];
 export default items;