@jetbrains/ring-ui-built 7.0.10 → 7.0.12

package/components/date-picker/month-names.js

@@ -1,5 +1,6 @@
 import { b as _objectSpread2, _ as _defineProperty } 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 { endOfMonth } from 'date-fns/endOfMonth';
@@ -12,7 +13,6 @@ import linearFunction from '../global/linear-function.js';
 import MonthSlider from './month-slider.js';
 import { YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
 import 'core-js/modules/es.regexp.exec.js';
@@ -31,7 +31,7 @@ class MonthName extends PureComponent {
       month,
       locale
     } = this.props;
-    return /*#__PURE__*/jsx("button", {
+    return jsx("button", {
       type: "button",
       className: classNames(styles.monthName, {
         [styles.today]: isThisMonth(month)
@@ -62,19 +62,19 @@ function MonthNames(props) {
   if (props.currentRange) {
     [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
   }
-  return /*#__PURE__*/jsxs("div", {
+  return jsxs("div", {
     className: styles.monthNames,
-    children: [months.map(month => /*#__PURE__*/jsx(MonthName, {
+    children: [months.map(month => jsx(MonthName, {
       month: month,
       onScrollChange: props.onScrollChange,
       locale: locale
-    }, +month)), props.currentRange && /*#__PURE__*/jsx("div", {
+    }, +month)), props.currentRange && jsx("div", {
       className: styles.range,
       style: {
         top: top - 1,
         height: bottom + 1 - (top - 1)
       }
-    }), /*#__PURE__*/jsx(MonthSlider, _objectSpread2(_objectSpread2({}, props), {}, {
+    }), jsx(MonthSlider, _objectSpread2(_objectSpread2({}, props), {}, {
       pxToDate: pxToDate
     }))]
   });

package/components/date-picker/month-slider.d.ts

@@ -15,6 +15,6 @@ export default class MonthSlider extends PureComponent<MonthSliderProps> {
     onMouseDown: () => void;
     onMouseUp: () => void;
     onMouseMove: (e: MouseEvent) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/date-picker/month-slider.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 { addYears } from 'date-fns/addYears';
@@ -8,7 +9,6 @@ import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import units, { yearScrollSpeed } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
@@ -52,8 +52,8 @@ class MonthSlider extends PureComponent {
     const classes = classNames(styles.monthSlider, {
       [styles.dragging]: this.state.dragging
     });
-    return /*#__PURE__*/jsx("div", {
-      children: years.map(date => /*#__PURE__*/jsx("button", {
+    return jsx("div", {
+      children: years.map(date => jsx("button", {
         type: "button",
         className: classes,
         style: {

package/components/date-picker/month.d.ts

@@ -2,4 +2,4 @@ import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {
     month: Date;
 }
-export default function Month(props: MonthProps): import("react").JSX.Element;
+export default function Month(props: MonthProps): import("react/jsx-runtime").JSX.Element;

package/components/date-picker/month.js

@@ -1,4 +1,6 @@
 import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { createElement } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { addDays } from 'date-fns/addDays';
 import { endOfMonth } from 'date-fns/endOfMonth';
 import { format } from 'date-fns/format';
@@ -7,8 +9,6 @@ import { setDay } from 'date-fns/setDay';
 import Day from './day.js';
 import { shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createElement } from 'react';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'date-fns/getDate';
@@ -36,18 +36,18 @@ function Month(props) {
     days.push(day);
     day = addDays(day, 1);
   }
-  return /*#__PURE__*/jsxs("div", {
+  return jsxs("div", {
     className: styles.month,
-    children: [/*#__PURE__*/jsx("span", {
+    children: [jsx("span", {
       className: styles.monthTitle,
       children: format(props.month, 'LLLL', {
         locale
       })
-    }), days.map(date => /*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
+    }), days.map(date => (/*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
       day: date,
       empty: date < start,
       key: +date
-    })))]
+    }))))]
   });
 }
 

package/components/date-picker/months.d.ts

@@ -1,2 +1,2 @@
 import { MonthsProps } from './consts';
-export default function Months(props: MonthsProps): import("react").JSX.Element;
+export default function Months(props: MonthsProps): import("react/jsx-runtime").JSX.Element;

package/components/date-picker/months.js

@@ -1,4 +1,5 @@
 import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo, useRef, useEffect, createElement } from 'react';
 import { addMonths } from 'date-fns/addMonths';
 import { getDay } from 'date-fns/getDay';
@@ -13,7 +14,6 @@ import Month from './month.js';
 import MonthNames from './month-names.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, WEEK, weekdays } from './consts.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'date-fns/addDays';
 import 'date-fns/format';
@@ -110,19 +110,19 @@ function Months(props) {
       }
     };
   }, [handleWheel]);
-  return /*#__PURE__*/jsxs("div", {
+  return jsxs("div", {
     className: styles.months,
     ref: componentRef,
-    children: [/*#__PURE__*/jsx("div", {
+    children: [jsx("div", {
       style: {
         top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
       },
       className: styles.days,
-      children: months.map(date => /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
+      children: months.map(date => (/*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
         month: date,
         key: +date
-      })))
-    }), /*#__PURE__*/jsx(MonthNames, _objectSpread2({}, props))]
+      }))))
+    }), jsx(MonthNames, _objectSpread2({}, props))]
   });
 }
 

package/components/date-picker/weekdays.d.ts

@@ -2,5 +2,5 @@ import type { Locale } from 'date-fns';
 interface WeekdaysProps {
     locale: Locale | undefined;
 }
-export default function Weekdays(props: WeekdaysProps): import("react").JSX.Element;
+export default function Weekdays(props: WeekdaysProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/date-picker/weekdays.js

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { getDay } from 'date-fns/getDay';
 import { format } from 'date-fns/format';
@@ -5,7 +6,6 @@ import { setDay } from 'date-fns/setDay';
 import { startOfDay } from 'date-fns/startOfDay';
 import { shiftWeekArray, getWeekStartsOn, weekdays } from './consts.js';
 import { s as styles } from '../_helpers/date-picker.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
@@ -14,9 +14,9 @@ function Weekdays(props) {
   const {
     locale
   } = props;
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: styles.weekdays,
-    children: days.map(day => /*#__PURE__*/jsx("span", {
+    children: days.map(day => jsx("span", {
       className: classNames(styles.weekday, {
         [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
       }),

package/components/date-picker/years.d.ts

@@ -14,6 +14,6 @@ export default class Years extends PureComponent<CalendarProps> {
     setYear(date: number): void;
     componentRef: import("react").RefObject<HTMLDivElement>;
     handleWheel: (e: WheelEvent) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/date-picker/years.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, createRef } from 'react';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
@@ -13,7 +14,6 @@ import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import { s as styles } from '../_helpers/date-picker.js';
 import units, { DOUBLE, HALF, yearDuration } from './consts.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
@@ -85,14 +85,14 @@ class Years extends PureComponent {
       years.push(year);
     }
     const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: styles.years,
       ref: this.componentRef,
       style: {
         transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
         top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))
       },
-      children: years.map(item => /*#__PURE__*/jsx("button", {
+      children: years.map(item => jsx("button", {
         type: "button",
         className: classNames(styles.year, {
           [styles.currentYear]: isSameYear(item, date),

package/components/dialog/dialog.d.ts

@@ -45,6 +45,6 @@ export default class Dialog extends PureComponent<DialogProps> {
     dialog?: HTMLElement | null;
     dialogRef: (tabTrap: TabTrap | null) => void;
     nativeDialog: React.RefObject<HTMLDialogElement>;
-    render(): false | React.JSX.Element;
+    render(): false | import("react/jsx-runtime").JSX.Element;
 }
 export type DialogAttrs = JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;

package/components/dialog/dialog.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, Fragment, jsx } from 'react/jsx-runtime';
 import { PureComponent, createRef } from 'react';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
@@ -12,7 +13,6 @@ import TabTrap from '../tab-trap/tab-trap.js';
 import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
 import { p as preventerFactory, s as styles } from '../_helpers/dialog__body-scroll-preventer.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -40,6 +40,9 @@ import '../_helpers/button__classes.js';
 import 'scrollbar-width';
 
 const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal", "preventBodyScroll"];
+/**
+ * @name Dialog
+ */
 function noop() {}
 class Dialog extends PureComponent {
   constructor() {
@@ -154,27 +157,27 @@ class Dialog extends PureComponent {
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles.container, className);
     const shortcutsMap = this.getShortcutsMap();
-    const content = /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Shortcuts, {
+    const content = jsxs(Fragment, {
+      children: [jsx(Shortcuts, {
         map: shortcutsMap,
         scope: this.state.shortcutsScope,
         options: this.props.shortcutOptions
-      }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
+      }), (onOverlayClick !== noop || onCloseAttempt !== noop) && jsx("div", {
         // click handler is duplicated in close button
         role: "presentation",
         className: styles.clickableOverlay,
         onClick: this.handleClick,
         "data-test": "ring-dialog-overlay"
-      }), /*#__PURE__*/jsx("div", {
+      }), jsx("div", {
         className: styles.innerContainer,
-        children: /*#__PURE__*/jsxs(AdaptiveIsland, {
+        children: jsxs(AdaptiveIsland, {
           className: classNames(styles.content, contentClassName, {
             [styles.dense]: dense
           }),
           "data-test": "ring-dialog",
           role: "dialog",
           "aria-label": label,
-          children: [children, showCloseButton && /*#__PURE__*/jsx(Button, {
+          children: [children, showCloseButton && jsx(Button, {
             icon: closeIcon,
             "data-test": "ring-dialog-close-button",
             className: classNames(styles.closeButton, {
@@ -193,22 +196,22 @@ class Dialog extends PureComponent {
       })]
     });
     if (native) {
-      return /*#__PURE__*/jsx("dialog", {
+      return jsx("dialog", {
         className: classNames(styles.nativeDialog, className),
         ref: this.nativeDialog,
-        children: /*#__PURE__*/jsx(PopupTarget, {
+        children: jsx(PopupTarget, {
           id: this.uid,
           className: styles.popupTarget,
-          children: target => /*#__PURE__*/jsxs(Fragment, {
+          children: target => jsxs(Fragment, {
             children: [content, target]
           })
         })
       });
     }
-    return show && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
+    return show && /*#__PURE__*/createPortal(jsx(PopupTarget, {
       id: this.uid,
       className: styles.popupTarget,
-      children: target => /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
+      children: target => jsxs(TabTrap, _objectSpread2(_objectSpread2({
         trapDisabled: !trapFocus,
         "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
         ref: this.dialogRef,

package/components/dropdown/anchor.d.ts

@@ -1,3 +1,3 @@
 import { ButtonAttrs } from '../button/button';
-declare const _default: import("react").MemoExoticComponent<({ children, className, ...restProps }: ButtonAttrs) => import("react").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ children, className, ...restProps }: ButtonAttrs) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/components/dropdown/anchor.js

@@ -1,9 +1,9 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../button/button.js';
 export { A as default } from '../_helpers/anchor.js';
-import 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/dropdown/dropdown.d.ts

@@ -64,7 +64,7 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
     toggle(show?: boolean): void;
     _toggle(show: boolean, pinned?: boolean): void;
     _clearTimer(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type DropdownAttrs = JSX.LibraryManagedAttributes<typeof Dropdown, DropdownProps>;
 export { Anchor };

package/components/dropdown/dropdown.js

@@ -1,11 +1,11 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, 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, cloneElement } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
 import { s as styles, A as Anchor } from '../_helpers/anchor.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -21,6 +21,9 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
 const _excluded = ["initShown", "onShow", "onHide", "hoverShowTimeOut", "hoverHideTimeOut", "children", "anchor", "className", "activeClassName", "hoverMode", "clickMode", "data-test", "disabled"];
+/**
+ * @name Dropdown
+ */
 class Dropdown extends Component {
   constructor() {
     super(...arguments);
@@ -146,7 +149,7 @@ class Dropdown extends Component {
     const active = hoverMode ? pinned : show;
     switch (typeof anchor) {
       case 'string':
-        anchorElement = /*#__PURE__*/jsx(Anchor, {
+        anchorElement = jsx(Anchor, {
           active: active,
           children: anchor
         });
@@ -173,12 +176,11 @@ class Dropdown extends Component {
       onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
       dontCloseOnAnchorClick: true
     };
-    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+    return jsxs("div", _objectSpread2(_objectSpread2({
       "data-test": joinDataTestAttributes('ring-dropdown', dataTest)
     }, restProps), {}, {
-      onClick: clickMode ? this.onClick : undefined
+      onClick: clickMode ? this.onClick : undefined,
       // anchorElement should be a `button` or an `a`
-      ,
       role: "presentation",
       onMouseEnter: hoverMode ? this.onMouseEnter : undefined,
       onMouseLeave: hoverMode ? this.onMouseLeave : undefined,

package/components/dropdown-menu/dropdown-menu.js

@@ -1,4 +1,5 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useMemo, cloneElement } from 'react';
 import List, { ActiveItemContext } from '../list/list.js';
 import Dropdown from '../dropdown/dropdown.js';
@@ -6,7 +7,6 @@ import PopupMenu from '../popup-menu/popup-menu.js';
 import getUID from '../global/get-uid.js';
 import { A as Anchor } from '../_helpers/anchor.js';
 import { isArray } from '../global/typescript-utils.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
@@ -93,7 +93,7 @@ function DropdownAnchorWrapper(_ref) {
     pinned: "".concat(anchorProps.pinned)
   }), [anchorProps]);
   if (typeof anchor === 'string') {
-    return /*#__PURE__*/jsx(Anchor, _objectSpread2(_objectSpread2({}, anchorComponentProps), {}, {
+    return jsx(Anchor, _objectSpread2(_objectSpread2({}, anchorComponentProps), {}, {
       children: anchor
     }));
   }
@@ -106,7 +106,7 @@ function DropdownAnchorWrapper(_ref) {
   if (!isArray(anchor)) {
     return /*#__PURE__*/cloneElement(anchor, typeof anchor.type === 'string' ? anchorAriaProps : anchorComponentProps);
   }
-  return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, anchorAriaProps), {}, {
+  return jsx("div", _objectSpread2(_objectSpread2({}, anchorAriaProps), {}, {
     children: anchor
   }));
 }
@@ -121,16 +121,16 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(_ref2, forwar
     } = _ref2,
     restDropdownProps = _objectWithoutProperties(_ref2, _excluded2);
   const listId = useMemo(() => id || getUID('dropdown-menu-list'), [id]);
-  return /*#__PURE__*/jsx(ActiveItemContext.Provider, {
-    children: /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
+  return jsx(ActiveItemContext.Provider, {
+    children: jsx(Dropdown, _objectSpread2(_objectSpread2({
       anchor: _ref3 => {
         let {
             pinned,
             active
           } = _ref3,
           restAnchorProps = _objectWithoutProperties(_ref3, _excluded3);
-        return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
-          children: activeItemId => /*#__PURE__*/jsx(DropdownAnchorWrapper, _objectSpread2({
+        return jsx(ActiveItemContext.ValueContext.Consumer, {
+          children: activeItemId => jsx(DropdownAnchorWrapper, _objectSpread2({
             anchor: anchor,
             pinned: pinned,
             active: active,
@@ -140,7 +140,7 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(_ref2, forwar
         });
       }
     }, restDropdownProps), {}, {
-      children: /*#__PURE__*/jsx(PopupMenu, _objectSpread2({
+      children: jsx(PopupMenu, _objectSpread2({
         ref: forwardedRef,
         id: listId,
         ariaLabel: ariaLabel || defaultAriaLabel,

package/components/editable-heading/editable-heading.d.ts

@@ -28,6 +28,6 @@ export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement | H
     renderMenu?: () => React.ReactNode;
     translations?: EditableHeadingTranslations;
 };
-export declare const EditableHeading: (props: EditableHeadingProps) => React.JSX.Element;
-declare const _default: React.MemoExoticComponent<(props: EditableHeadingProps) => React.JSX.Element>;
+export declare const EditableHeading: (props: EditableHeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: EditableHeadingProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -1,6 +1,7 @@
 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 { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
@@ -9,7 +10,6 @@ import { Button } from '../button/button.js';
 import { S as Size, i as inputStyles } 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 'util-deprecate';
 import '../_helpers/heading.js';
 import '@jetbrains/icons/chevron-down';
@@ -170,15 +170,15 @@ const EditableHeading = props => {
       window.removeEventListener('mouseup', onMouseUp);
     };
   }, [onMouseMove, onMouseUp]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
+  return jsxs(Fragment, {
+    children: [jsxs("div", {
       className: classes,
-      children: [!disabled && isEditing ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Shortcuts, {
+      children: [!disabled && isEditing ? jsxs(Fragment, {
+        children: [jsx(Shortcuts, {
           map: shortcutsMap,
           scope: shortcutsScope,
           disabled: isShortcutsDisabled
-        }), !multiline ? /*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+        }), !multiline ? jsx("input", _objectSpread2(_objectSpread2({
           className: inputClasses,
           value: children,
           autoFocus: autoFocus,
@@ -188,9 +188,9 @@ const EditableHeading = props => {
         }, restProps), {}, {
           onFocus: onInputFocus,
           onBlur: onInputBlur
-        })) : /*#__PURE__*/jsxs("div", {
+        })) : jsxs("div", {
           className: classNames(styles.textareaWrapper, inputStyles["size".concat(size)]),
-          children: [/*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
+          children: [jsx("textarea", _objectSpread2(_objectSpread2({
             ref: textAreaRef,
             className: inputClasses,
             value: children,
@@ -205,36 +205,36 @@ const EditableHeading = props => {
             style: {
               maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
             }
-          })), !isScrolledToBottom && /*#__PURE__*/jsx("div", {
+          })), !isScrolledToBottom && jsx("div", {
             className: styles.textareaFade
           })]
         })]
-      }) : /*#__PURE__*/jsx("button", {
+      }) : jsx("button", {
         type: "button",
         className: styles.headingWrapperButton,
         onMouseDown: onHeadingMouseDown,
-        children: /*#__PURE__*/jsx(Heading, {
+        children: jsx(Heading, {
           className: headingClasses,
           level: level,
           "data-test": dataTest,
           children: children
         })
-      }), !isEditing && renderMenu(), isEditing && !embedded && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Button, {
+      }), !isEditing && renderMenu(), isEditing && !embedded && jsxs(Fragment, {
+        children: [jsx(Button, {
           className: styles.button,
           primary: true,
           disabled: isSaveDisabled,
           loader: isSaving,
           onClick: onSave,
           children: translations.save
-        }), /*#__PURE__*/jsx(Button, {
+        }), jsx(Button, {
           className: styles.button,
           disabled: isCancelDisabled,
           onClick: onCancel,
           children: translations.cancel
         })]
       })]
-    }), isEditing && error && /*#__PURE__*/jsx("div", {
+    }), isEditing && error && jsx("div", {
       className: classNames(styles.errorText, inputStyles["size".concat(size)]),
       children: error
     })]

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

@@ -8,5 +8,5 @@ export type ErrorBubbleProps<P> = Partial<P> & {
  * @name Error Bubble
  */
 export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

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

@@ -1,9 +1,9 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 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.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -25,6 +25,9 @@ import '../popup/popup.target.js';
 var styles = {"errorBubblePopup":"errorBubblePopup_rui_b075","errorBubbleWrapper":"errorBubbleWrapper_rui_b075","errorBubble":"errorBubble_rui_b075"};
 
 const _excluded = ["children", "className"];
+/**
+ * @name Error Bubble
+ */
 class ErrorBubble extends PureComponent {
   render() {
     const _this$props = this.props,
@@ -34,16 +37,16 @@ class ErrorBubble extends PureComponent {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const errorBubbleClasses = classNames(styles.errorBubble, className);
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       className: styles.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, {
+      children: [Children.map(children, child => /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps))), restProps.error && jsx(Popup, {
         trapFocus: false,
         className: styles.errorBubblePopup,
         hidden: false,
         attached: false,
         directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],
-        children: /*#__PURE__*/jsx("div", {
+        children: jsx("div", {
           className: errorBubbleClasses,
           "data-test": "ring-error-bubble",
           children: restProps.error

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

@@ -13,5 +13,5 @@ export interface ErrorMessageProps {
  * @name Error Message
  */
 export default class ErrorMessage extends Component<ErrorMessageProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }