@jetbrains/ring-ui-built 6.0.34 → 6.0.36

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

@@ -1,18 +1,16 @@
-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 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.promise.js';
-import React, { cloneElement, Component } from 'react';
+import { Children, cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_b8a9dd4f, S as Sidebar } from '../_helpers/sidebar.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-waypoint';
 
 var _excluded = ["children", "className", "contentClassName", "responsive"];
-/**
- * @name Content Layout
- */
 var ContentLayout = /*#__PURE__*/function (_Component) {
   function ContentLayout() {
     var _this;
@@ -45,7 +43,7 @@ var ContentLayout = /*#__PURE__*/function (_Component) {
         [modules_b8a9dd4f.contentLayoutResponsive]: responsive
       });
       var contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
-      var childrenArray = React.Children.toArray(children);
+      var childrenArray = Children.toArray(children);
       var sidebarChild = childrenArray.filter(function (child) {
         return child != null && typeof child === 'object' && 'type' in child && child.type === Sidebar;
       })[0];
@@ -55,12 +53,14 @@ var ContentLayout = /*#__PURE__*/function (_Component) {
       var contentChildren = childrenArray.filter(function (child) {
         return child !== sidebarChild;
       });
-      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-        className: classes
-      }), sidebar, /*#__PURE__*/React.createElement("main", {
-        className: contentClasses,
-        ref: this.saveContentNode
-      }, contentChildren));
+      return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        className: classes,
+        children: [sidebar, /*#__PURE__*/jsx("main", {
+          className: contentClasses,
+          ref: this.saveContentNode,
+          children: contentChildren
+        })]
+      }));
     }
   }]);
 }(Component);

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

@@ -1,4 +1,4 @@
-import React, { Component, HTMLAttributes } from 'react';
+import { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Waypoint } from 'react-waypoint';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
@@ -27,5 +27,5 @@ export default class Sidebar extends Component<SidebarProps> {
     shouldUseFixation(): boolean;
     shouldFixateBottom(): boolean;
     sidebarRef: (node: HTMLElement | null) => void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/content-layout/sidebar.js

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

package/components/contenteditable/contenteditable.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, HTMLAttributes, Ref } from 'react';
+import { Component, HTMLAttributes, Ref } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name ContentEditable
@@ -28,12 +28,12 @@ declare class ContentEditableBase extends Component<ContentEditableBaseProps> {
     };
     shouldComponentUpdate(nextProps: ContentEditableBaseProps): boolean;
     componentDidUpdate(prevProps: ContentEditableBaseProps): void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 type ContentEditableBaseAttrs = JSX.LibraryManagedAttributes<typeof ContentEditableBase, ContentEditableBaseProps>;
 export type ContentEditableProps = Omit<ContentEditableBaseAttrs, '__html'>;
 declare const ContentEditable: {
-    ({ children, ...props }: ContentEditableProps): React.JSX.Element;
+    ({ children, ...props }: ContentEditableProps): import("react").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;

package/components/contenteditable/contenteditable.js

@@ -1,13 +1,11 @@
-import { _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
+import { _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { renderToStaticMarkup } from 'react-dom/server';
+import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"],
   _excluded2 = ["children"];
-/**
- * @name ContentEditable
- */
 function noop() {}
 var commonPropTypes = {
   disabled: PropTypes.bool,
@@ -43,7 +41,7 @@ var ContentEditableBase = /*#__PURE__*/function (_Component) {
         tabIndex = _this$props.tabIndex,
         inputRef = _this$props.inputRef,
         props = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
         ref: inputRef
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
@@ -71,7 +69,7 @@ _defineProperty(ContentEditableBase, "defaultProps", {
 var ContentEditable = function ContentEditable(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded2);
-  return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
+  return /*#__PURE__*/jsx(ContentEditableBase, _objectSpread2(_objectSpread2({}, props), {}, {
     __html: renderToStaticMarkup(children)
   }));
 };

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

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

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

@@ -0,0 +1,16 @@
+import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var modules_7bfdf71c = {"light":"light_rui_2ac4","help":"help_rui_63a3"};
+
+var _excluded = ["className"];
+function ControlHelp(_ref) {
+  var className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx("div", _objectSpread2({
+    className: classNames(className, modules_7bfdf71c.help)
+  }, restProps));
+}
+
+export { ControlHelp as default };

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

@@ -1,4 +1,5 @@
-import React, { LabelHTMLAttributes } from 'react';
+import { LabelHTMLAttributes } from 'react';
+import * as React from 'react';
 export declare enum LabelType {
     SECONDARY = "secondary",
     FORM = "form"

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

@@ -1,7 +1,8 @@
-import { c as _objectWithoutProperties, e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_9eb96a10 = {"label":"label_rui_fe46","formLabel":"formLabel_rui_fe46","secondaryLabel":"secondaryLabel_rui_fe46","disabledLabel":"disabledLabel_rui_fe46"};
 
@@ -21,11 +22,13 @@ var ControlLabel = function ControlLabel(_ref) {
     type = _ref$type === void 0 ? LabelType.SECONDARY : _ref$type,
     disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("label", _extends({
+  return /*#__PURE__*/jsx("label", _objectSpread2(_objectSpread2({
     className: classNames(modules_9eb96a10.label, classNameByType[type], {
       [modules_9eb96a10.disabledLabel]: disabled
     })
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 ControlLabel.propTypes = {
   label: PropTypes.node,

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

@@ -1,7 +1,7 @@
 /**
   * @name Data List
   */
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { FocusSensorOuterProps } from '../global/focus-sensor-hoc';
 import { SelectionShortcutsAddProps, SelectionShortcutsOuterProps } from '../table/selection-shortcuts-hoc';
 import { DisableHoverAddProps } from '../table/disable-hover-hoc';
@@ -20,7 +20,7 @@ export interface DataListBaseProps<T extends SelectionItem> {
 type FocusableProps<T extends SelectionItem> = DataListBaseProps<T> & DisableHoverAddProps & FocusSensorOuterProps<HTMLDivElement> & SelectionShortcutsAddProps<T>;
 export type DataListContainerProps<T extends SelectionItem> = DataListBaseProps<T> & FocusSensorOuterProps<HTMLDivElement> & SelectionShortcutsOuterProps<T>;
 export default class DataListContainer<T extends SelectionItem> extends Component<DataListContainerProps<T>> {
-    static propTypes: React.WeakValidationMap<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<SelectionItem, FocusableProps<SelectionItem>>> | undefined;
+    static propTypes: import("react").WeakValidationMap<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<SelectionItem, FocusableProps<SelectionItem>>> | undefined;
     DataList: {
         new (props: import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>): {
             state: {
@@ -30,16 +30,16 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             componentWillUnmount(): void;
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
-            render(): React.JSX.Element;
+            render(): import("react").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;
             readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
-                [key: string]: React.ReactInstance;
+                [key: string]: import("react").ReactInstance;
             };
             shouldComponentUpdate?(nextProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
-            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
             getSnapshotBeforeUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
@@ -57,16 +57,16 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             componentWillUnmount(): void;
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
-            render(): React.JSX.Element;
+            render(): import("react").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;
             readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
-                [key: string]: React.ReactInstance;
+                [key: string]: import("react").ReactInstance;
             };
             shouldComponentUpdate?(nextProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
-            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
             getSnapshotBeforeUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
@@ -76,10 +76,10 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             componentWillUpdate?(nextProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, nextState: Readonly<{}>, nextContext: any): void;
         };
-        propTypes: React.WeakValidationMap<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>> | undefined;
+        propTypes: import("react").WeakValidationMap<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>> | undefined;
         defaultProps: Partial<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>> | undefined;
-        contextType?: React.Context<any> | undefined;
+        contextType?: import("react").Context<any> | undefined;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

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

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React, { PureComponent, Component } from 'react';
+import { PureComponent, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -14,6 +14,7 @@ import { refObject } from '../global/prop-types.js';
 import Item, { moreLessButtonStates } from './item.js';
 import { m as modules_09d014b4 } from '../_helpers/title.js';
 import Selection from './selection.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
@@ -66,6 +67,7 @@ import '../_helpers/button__classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
+import '../control-help/control-help.js';
 import 'core-js/modules/es.array.find.js';
 
 var DataList = /*#__PURE__*/function (_PureComponent) {
@@ -152,45 +154,47 @@ var DataList = /*#__PURE__*/function (_PureComponent) {
         [modules_09d014b4.disabledHover]: disabledHover,
         [modules_09d014b4.multiSelection]: selection.getSelected().size > 0
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsxs("div", {
         className: modules_09d014b4.dataListWrapper,
         "data-test": "ring-data-list",
-        ref: innerRef
-      }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
-        map: shortcutsMap,
-        scope: this.shortcutsScope
-      }), /*#__PURE__*/React.createElement("ul", {
-        className: classes
-      }, data.map(function (model) {
-        var _this2$props$itemMore, _this2$props;
-        var item = itemFormatter(model);
-        var id = item.id,
-          key = item.key,
-          title = item.title,
-          items = item.items;
-        var showMoreLessButton = (_this2$props$itemMore = (_this2$props = _this2.props).itemMoreLessState) === null || _this2$props$itemMore === void 0 ? void 0 : _this2$props$itemMore.call(_this2$props, item);
-        return /*#__PURE__*/React.createElement(Item, {
-          key: key || id,
-          item: model,
-          title: title,
-          items: items,
-          itemFormatter: itemFormatter,
-          collapsible: item.collapsible,
-          collapsed: item.collapsed,
-          onCollapse: item.onCollapse,
-          onExpand: item.onExpand,
-          showFocus: selection.isFocused(model),
-          onFocus: _this2.onItemFocus,
-          selection: selection,
-          selectable: item.selectable,
-          selected: selection.isSelected(model),
-          onSelect: _this2.onItemSelect,
-          showMoreLessButton: showMoreLessButton,
-          onItemMoreLess: _this2.props.onItemMoreLess
-        });
-      })), loading && /*#__PURE__*/React.createElement("div", {
-        className: data.length > 0 ? modules_09d014b4.loadingOverlay : undefined
-      }, /*#__PURE__*/React.createElement(Loader, null)));
+        ref: innerRef,
+        children: [focused && /*#__PURE__*/jsx(Shortcuts, {
+          map: shortcutsMap,
+          scope: this.shortcutsScope
+        }), /*#__PURE__*/jsx("ul", {
+          className: classes,
+          children: data.map(function (model) {
+            var _this2$props$itemMore, _this2$props;
+            var item = itemFormatter(model);
+            var id = item.id,
+              key = item.key,
+              title = item.title,
+              items = item.items;
+            var showMoreLessButton = (_this2$props$itemMore = (_this2$props = _this2.props).itemMoreLessState) === null || _this2$props$itemMore === void 0 ? void 0 : _this2$props$itemMore.call(_this2$props, item);
+            return /*#__PURE__*/jsx(Item, {
+              item: model,
+              title: title,
+              items: items,
+              itemFormatter: itemFormatter,
+              collapsible: item.collapsible,
+              collapsed: item.collapsed,
+              onCollapse: item.onCollapse,
+              onExpand: item.onExpand,
+              showFocus: selection.isFocused(model),
+              onFocus: _this2.onItemFocus,
+              selection: selection,
+              selectable: item.selectable,
+              selected: selection.isSelected(model),
+              onSelect: _this2.onItemSelect,
+              showMoreLessButton: showMoreLessButton,
+              onItemMoreLess: _this2.props.onItemMoreLess
+            }, key || id);
+          })
+        }), loading && /*#__PURE__*/jsx("div", {
+          className: data.length > 0 ? modules_09d014b4.loadingOverlay : undefined,
+          children: /*#__PURE__*/jsx(Loader, {})
+        })]
+      });
     }
   }]);
 }(PureComponent);
@@ -238,7 +242,7 @@ var DataListContainer = /*#__PURE__*/function (_Component) {
   return _createClass(DataListContainer, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(this.DataList, this.props);
+      return /*#__PURE__*/jsx(this.DataList, _objectSpread2({}, this.props));
     }
   }]);
 }(Component);

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { SelectionItem } from '../table/selection';
 export interface Item extends SelectionItem {
     title: ReactNode;
@@ -11,6 +11,6 @@ export declare const moreItems: {
     id: number;
     selectable: boolean;
     collapsible: boolean;
-    title: React.JSX.Element;
+    title: import("react").JSX.Element;
 }[];
 export default items;