@jetbrains/ring-ui-built 7.0.10 → 7.0.12

package/components/list/list.d.ts

@@ -50,7 +50,7 @@ export declare const ActiveItemContext: {
     ValueContext: import("react").Context<string | undefined>;
     UpdateContext: import("react").Context<(value: string | undefined) => void>;
     Provider: {
-        ({ children }: import("../global/create-stateful-context").ProviderProps): import("react").JSX.Element;
+        ({ children }: import("../global/create-stateful-context").ProviderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     useUpdate: (value: string | undefined, skipUpdate?: boolean) => void;
@@ -151,19 +151,19 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     getVisibleListHeight(maxHeight: number): number;
     private _deprecatedGenerateKeyFromContent;
     getId(item: ListDataItem<T> | null): string | undefined;
-    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => import("react").JSX.Element;
+    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => import("react/jsx-runtime").JSX.Element;
     addItemDataTestToProp: (props: ListDataItemProps<T>) => ListDataItemProps<T>;
     virtualizedListRef: (el: VirtualizedList | null) => void;
     containerRef: (el: HTMLElement | null) => void;
     private _inner?;
     get inner(): HTMLElement | null | undefined;
-    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild, }: RenderVirtualizedInnerParams): import("react").JSX.Element;
-    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
-    renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
+    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild, }: RenderVirtualizedInnerParams): import("react/jsx-runtime").JSX.Element;
+    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react/jsx-runtime").JSX.Element;
+    renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react/jsx-runtime").JSX.Element;
     id: string;
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
     /** @override */
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type ListAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof List, ListProps<T>>;

package/components/list/list.js

@@ -2,6 +2,7 @@ import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutPropertie
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component, createElement } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import VirtualizedList from 'react-virtualized/dist/es/List';
 import AutoSizer from 'react-virtualized/dist/es/AutoSizer';
@@ -24,7 +25,6 @@ import ListSeparator from './list__separator.js';
 import ListHint from './list__hint.js';
 import { Type, Dimension, DEFAULT_ITEM_TYPE } from './consts.js';
 import { s as styles } from '../_helpers/list.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import '../shortcuts/core.js';
 import 'combokeys';
@@ -269,7 +269,7 @@ class List extends Component {
       // top and bottom margins
       if (index === 0 || index === this.props.data.length + 1 || item.rgItemType === Type.MARGIN) {
         itemKey = key || "".concat(Type.MARGIN, "_").concat(index);
-        el = /*#__PURE__*/jsx("div", {
+        el = jsx("div", {
           style: {
             height: Dimension.MARGIN
           }
@@ -334,7 +334,7 @@ class List extends Component {
           key: itemProps.key
         }));
       }
-      return parent ? /*#__PURE__*/jsx(CellMeasurer, {
+      return parent ? jsx(CellMeasurer, {
         cache: this._cache,
         parent: parent,
         rowIndex: index,
@@ -343,23 +343,23 @@ class List extends Component {
           let {
             registerChild
           } = _ref2;
-          return /*#__PURE__*/jsx("div", {
+          return jsx("div", {
             ref: registerChild,
             style: style,
             role: "row",
             "aria-selected": isActive,
             id: itemId,
-            children: /*#__PURE__*/jsx("div", {
+            children: jsx("div", {
               role: "cell",
               children: el
             })
           });
         }
-      }, itemKey) : /*#__PURE__*/jsx("div", {
+      }, itemKey) : jsx("div", {
         role: "row",
         "aria-selected": isActive,
         id: itemId,
-        children: /*#__PURE__*/jsx("div", {
+        children: jsx("div", {
           role: "cell",
           children: el
         })
@@ -520,16 +520,16 @@ class List extends Component {
     const dirOverride = {
       direction: 'inherit'
     }; // Virtualized sets "direction: ltr" by default https://github.com/bvaughn/react-virtualized/issues/457
-    return /*#__PURE__*/jsx(AutoSizer, {
+    return jsx(AutoSizer, {
       disableHeight: true,
       onResize: this.props.onResize,
       children: _ref4 => {
         let {
           width
         } = _ref4;
-        return /*#__PURE__*/jsx("div", {
+        return jsx("div", {
           ref: registerChild,
-          children: /*#__PURE__*/jsx(VirtualizedList, {
+          children: jsx(VirtualizedList, {
             "aria-label": this.props.ariaLabel,
             ref: this.virtualizedListRef,
             className: classNames('ring-list__i', {
@@ -553,9 +553,8 @@ class List extends Component {
             estimatedRowSize: this.defaultItemHeight(),
             rowHeight: this._cache.rowHeight,
             rowRenderer: this.renderItem,
-            overscanRowCount: this._bufferSize
+            overscanRowCount: this._bufferSize,
             // ensure rerendering
-            ,
             noop: () => {},
             scrollToIndex: !this.props.disableScrollToActive && this.state.needScrollToActive && this.state.activeIndex != null ? this.state.activeIndex + 1 : undefined,
             scrollToAlignment: "center",
@@ -574,7 +573,7 @@ class List extends Component {
         rowCount
       });
     }
-    return /*#__PURE__*/jsx(WindowScroller, {
+    return jsx(WindowScroller, {
       children: props => this.renderVirtualizedInner(_objectSpread2(_objectSpread2({}, props), {}, {
         rowCount,
         autoHeight: true
@@ -589,11 +588,11 @@ class List extends Component {
         isScrolling: this.state.scrolling
       }));
     }
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: classNames('ring-list__i', styles.simpleInner),
       onScroll: this.scrollHandler,
       onMouseMove: this.mouseHandler,
-      children: /*#__PURE__*/jsx("div", {
+      children: jsx("div", {
         "aria-label": this.props.ariaLabel,
         role: "grid",
         style: maxHeight ? {
@@ -612,24 +611,24 @@ class List extends Component {
     const rowCount = this.props.data.length + 2;
     const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);
     const classes = classNames(styles.list, this.props.className);
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(ActiveItemContext.Updater, {
+    return jsxs(Fragment, {
+      children: [jsx(ActiveItemContext.Updater, {
         value: this.getId(this.state.activeItem),
         skipUpdate: this.props.hidden || !isActivatable(this.state.activeItem)
-      }), /*#__PURE__*/jsxs("div", {
+      }), jsxs("div", {
         id: this.props.id,
         ref: this.containerRef,
         className: classes,
         onMouseOut: this.props.onMouseOut,
         onBlur: this.props.onMouseOut,
         "data-test": "ring-list",
-        children: [this.props.shortcuts && /*#__PURE__*/jsx(Shortcuts, {
+        children: [this.props.shortcuts && jsx(Shortcuts, {
           map: this.props.shortcutsMap ? _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap) : this.shortcutsMap,
           scope: this.shortcutsScope
-        }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/jsx("div", {
+        }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && jsx("div", {
           className: styles.fade,
           style: fadeStyles
-        }), hint && /*#__PURE__*/jsx(ListHint, {
+        }), hint && jsx(ListHint, {
           label: hint
         })]
       })]

package/components/list/list__custom.d.ts

@@ -3,5 +3,5 @@ import * as React from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListCustom<T> extends PureComponent<ListDataItemProps<T>> {
     handleKeyPress: (event: React.KeyboardEvent) => void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/list/list__custom.js

@@ -1,11 +1,11 @@
 import { _ as _defineProperty, a as _objectWithoutProperties } 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 joinDataTestAttributes from '../global/data-tests.js';
 import getEventKey from '../global/get-event-key.js';
 import { s as styles } from '../_helpers/list.js';
-import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
 class ListCustom extends PureComponent {
@@ -46,7 +46,7 @@ class ListCustom extends PureComponent {
     }, restProps['data-test']);
     const content = typeof template === 'function' ? template(this.props) : template;
     const TagName = tagName || 'span';
-    return /*#__PURE__*/jsx(TagName, {
+    return jsx(TagName, {
       role: role || 'button',
       tabIndex: tabIndex,
       onClick: onClick,

package/components/list/list__hint.d.ts

@@ -7,5 +7,5 @@ export interface ListHintProps {
  * @extends {ReactComponent}
  */
 export default class ListHint extends PureComponent<ListHintProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/list/list__hint.js

@@ -1,11 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/list.js';
-import { jsx } from 'react/jsx-runtime';
 
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
 class ListHint extends PureComponent {
   render() {
-    return /*#__PURE__*/jsx("span", {
+    return jsx("span", {
       className: classNames(styles.item, styles.hint),
       "data-test": "ring-list-hint",
       children: this.props.label

package/components/list/list__item.d.ts

@@ -4,5 +4,5 @@ export default class ListItem<T> extends PureComponent<ListDataItemProps<T>> {
     id: string;
     stopBubbling: (e: SyntheticEvent) => void;
     private _isString;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/list/list__item.js

@@ -1,6 +1,7 @@
 import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -9,7 +10,6 @@ import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
 import { s as styles } from '../_helpers/list.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/url.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -28,6 +28,10 @@ import '../global/memoize.js';
 var globalStyles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_8bff","font":"font_rui_8bff","font-lower":"font-lower_rui_8bff font_rui_8bff","font-smaller":"font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-smaller-lower":"font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger-lower":"font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger":"font-larger_rui_8bff font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","thin-font":"thin-font_rui_8bff","monospace-font":"monospace-font_rui_8bff","ellipsis":"ellipsis_rui_8bff","resetButton":"resetButton_rui_8bff"};
 
 const _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
 const RING_UNIT = 8;
 const DEFAULT_PADDING = 8;
 const CHECKBOX_WIDTH = 28;
@@ -103,25 +107,25 @@ class ListItem extends PureComponent {
       'ring-list-item-action': !disabled,
       'ring-list-item-selected': checkbox
     }, restProps['data-test']);
-    const labelElement = /*#__PURE__*/jsx("span", {
+    const labelElement = jsx("span", {
       className: styles.label,
       title: computedTitle,
       "data-test": "ring-list-item-label",
       children: label
     });
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       className: styles.itemContainer,
       "data-test": dataTest,
-      children: [showCheckbox && /*#__PURE__*/jsx("div", {
+      children: [showCheckbox && jsx("div", {
         className: styles.checkboxContainer,
-        children: /*#__PURE__*/jsx(Checkbox, {
+        children: jsx(Checkbox, {
           "aria-labelledby": this.id,
           checked: checkbox,
           disabled: disabled,
           onChange: onCheckboxChange,
           onClick: this.stopBubbling
         })
-      }), /*#__PURE__*/jsxs("button", {
+      }), jsxs("button", {
         id: this.id,
         type: "button",
         tabIndex: tabIndex,
@@ -133,43 +137,43 @@ class ListItem extends PureComponent {
         className: classes,
         style: style,
         disabled: disabled,
-        children: [/*#__PURE__*/jsxs("div", {
+        children: [jsxs("div", {
           className: styles.top,
           onMouseOut: this.stopBubbling,
           onBlur: this.stopBubbling,
-          children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
+          children: [!showCheckbox && jsxs("div", {
             className: styles.left,
-            children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
+            children: [leftNodes, glyph && jsx(Icon, {
               className: styles.glyph,
               glyph: glyph,
               size: this.props.iconSize,
               suppressSizeWarning: this.props.suppressSizeWarning
-            }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
+            }), (avatar || shouldShowGeneratedAvatar) && jsx(Avatar, {
               className: styles.avatar,
               url: avatar,
               size: Size.Size20,
               subavatar: subavatar,
               username: username
             })]
-          }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
+          }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && jsx("span", {
             className: styles.description,
             "data-test": "ring-list-item-description",
             children: description
-          }), /*#__PURE__*/jsxs("div", {
+          }), jsxs("div", {
             className: styles.right,
-            children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
+            children: [rightGlyph && jsx(Icon, {
               className: styles.rightGlyph,
               glyph: rightGlyph,
               suppressSizeWarning: this.props.suppressSizeWarning,
               size: this.props.iconSize
-            }), icon && /*#__PURE__*/jsx("div", {
+            }), icon && jsx("div", {
               className: styles.icon,
               style: {
                 backgroundImage: "url(\"".concat(icon, "\")")
               }
             }), rightNodes]
           })]
-        }), details && /*#__PURE__*/jsx("div", {
+        }), details && jsx("div", {
           className: detailsClasses,
           children: details
         })]

package/components/list/list__link.d.ts

@@ -5,5 +5,5 @@ import { ListDataItemProps } from './consts';
  * @extends {ReactComponent}
  */
 export default class ListLink<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/list/list__link.js

@@ -1,16 +1,20 @@
 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 { PureComponent } from 'react';
 import classNames from 'classnames';
 import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { s as styles } from '../_helpers/list.js';
-import { jsx } from 'react/jsx-runtime';
 import '../link/clickableLink.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../_helpers/link.js';
 
 const _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
 class ListLink extends PureComponent {
   render() {
     const _this$props = this.props,
@@ -37,7 +41,7 @@ class ListLink extends PureComponent {
       [styles.scrolling]: scrolling
     });
     const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
-    return /*#__PURE__*/jsx(Comp, _objectSpread2(_objectSpread2({
+    return jsx(Comp, _objectSpread2(_objectSpread2({
       pseudo: !this.props.href
     }, restProps), {}, {
       hover: hover && !disabled,

package/components/list/list__separator.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListSeparator<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/list/list__separator.js

@@ -1,8 +1,8 @@
 import 'core-js/modules/es.symbol.description.js';
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/list.js';
-import { jsx } from 'react/jsx-runtime';
 
 class ListSeparator extends PureComponent {
   render() {
@@ -14,7 +14,7 @@ class ListSeparator extends PureComponent {
     const classes = classNames(styles.separator, className, {
       [styles.separator_first]: isFirst
     });
-    return /*#__PURE__*/jsx("span", {
+    return jsx("span", {
       "data-test": "ring-list-separator",
       className: classes,
       children: description

package/components/list/list__title.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListTitle<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/list/list__title.js

@@ -1,8 +1,8 @@
 import 'core-js/modules/es.symbol.description.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/list.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 
 class ListTitle extends PureComponent {
   render() {
@@ -15,14 +15,14 @@ class ListTitle extends PureComponent {
     const classes = classNames(styles.title, className, {
       [styles.title_first]: isFirst
     });
-    return /*#__PURE__*/jsxs("span", {
+    return jsxs("span", {
       className: classes,
       "data-test": "ring-list-title",
-      children: [/*#__PURE__*/jsx("span", {
+      children: [jsx("span", {
         className: classNames(styles.label, styles.text),
         "data-test": "ring-list-title-label",
         children: label
-      }), /*#__PURE__*/jsx("div", {
+      }), jsx("div", {
         className: styles.description,
         "data-test": "ring-list-title-description",
         children: description

package/components/list/list__users-groups-source.js

@@ -6,6 +6,7 @@ import List from './list.js';
 import '../hub-source/hub-source.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'react';
+import 'react/jsx-runtime';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -25,7 +26,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import 'react/jsx-runtime';
 import './list__link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';

package/components/loader/loader.d.ts

@@ -14,5 +14,5 @@ export default class Loader extends PureComponent<LoaderProps> {
     componentWillUnmount(): void;
     loader?: LoaderCore;
     initLoader: (el: Node | null) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/loader/loader.js

@@ -1,13 +1,19 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import LoaderCore from './loader__core.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import '../global/dom.js';
 
 const _excluded = ["message", "size", "colors", "data-test", "stop", "deterministic"];
+/**
+ * @name Loader
+ */
+/**
+ * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
+ */
 class Loader extends PureComponent {
   constructor() {
     super(...arguments);
@@ -42,7 +48,7 @@ class Loader extends PureComponent {
         deterministic
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+    return jsx("div", _objectSpread2(_objectSpread2({
       "data-test": joinDataTestAttributes('ring-loader', dataTest)
     }, restProps), {}, {
       ref: this.initLoader

package/components/loader-inline/loader-inline.d.ts

@@ -6,7 +6,7 @@ export interface LoaderInlineProps extends HTMLAttributes<HTMLDivElement> {
  * @name Loader Inline
  */
 declare class LoaderInline extends PureComponent<LoaderInlineProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type LoaderInlineAtrrs = JSX.LibraryManagedAttributes<typeof LoaderInline, LoaderInlineProps>;
 export default LoaderInline;

package/components/loader-inline/loader-inline.js

@@ -1,13 +1,16 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 var styles = {"loader":"loader_rui_e6f2","spin":"spin_rui_e6f2","pulse":"pulse_rui_e6f2","children":"children_rui_e6f2"};
 
 const _excluded = ["className", "data-test", "children"];
+/**
+ * @name Loader Inline
+ */
 class LoaderInline extends PureComponent {
   render() {
     const _this$props = this.props,
@@ -18,12 +21,12 @@ class LoaderInline extends PureComponent {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(styles.loader, className);
-    const loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    const loader = jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
       "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
       className: classes
     }));
-    return children ? /*#__PURE__*/jsxs(Fragment, {
-      children: [loader, /*#__PURE__*/jsx("span", {
+    return children ? jsxs(Fragment, {
+      children: [loader, jsx("span", {
         className: styles.children,
         children: children
       })]

package/components/loader-screen/loader-screen.d.ts

@@ -7,5 +7,5 @@ export interface LoaderScreenProps extends LoaderProps {
  * @name Loader Screen
  */
 export default class LoaderScreen extends PureComponent<LoaderScreenProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/loader-screen/loader-screen.js

@@ -1,8 +1,8 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Loader from '../loader/loader.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../loader/loader__core.js';
@@ -12,6 +12,9 @@ import '../global/dom.js';
 var styles = {"loaderScreen":"loaderScreen_rui_c963","loader":"loader_rui_c963","loaderWithoutSpacing":"loaderWithoutSpacing_rui_c963"};
 
 const _excluded = ["message", "className", "containerClassName"];
+/**
+ * @name Loader Screen
+ */
 class LoaderScreen extends PureComponent {
   render() {
     const _this$props = this.props,
@@ -25,9 +28,9 @@ class LoaderScreen extends PureComponent {
     const loaderClasses = classNames(className, styles.loader, {
       [styles.loaderWithoutSpacing]: !message
     });
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       className: containerClasses,
-      children: /*#__PURE__*/jsx(Loader, _objectSpread2(_objectSpread2({}, restProps), {}, {
+      children: jsx(Loader, _objectSpread2(_objectSpread2({}, restProps), {}, {
         message: message,
         className: loaderClasses
       }))

package/components/login-dialog/login-dialog.d.ts

@@ -31,6 +31,6 @@ export default class LoginDialog extends Component<LoginDialogProps> {
     showFallbackTimout?: number;
     startFallbackCountdown(): void;
     onMessage: (event: MessageEvent) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type LoginDialogAttrs = JSX.LibraryManagedAttributes<typeof LoginDialog, LoginDialogProps>;