@jetbrains/ring-ui-built 6.0.35 → 6.0.37

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

@@ -1,12 +1,14 @@
-import { c as _objectWithoutProperties, j as _slicedToArray, e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _objectWithoutProperties, i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.string.trim.js';
-import React, { useCallback, useEffect } from 'react';
+import * as React from 'react';
+import { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
 import { Button } from '../button/button.js';
 import { S as Size, m as modules_88cfaf40 } 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 'prop-types';
 import 'util-deprecate';
 import '../_helpers/heading.js';
@@ -36,6 +38,7 @@ import 'core-js/modules/es.set.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import '../control-label/control-label.js';
+import '../control-help/control-help.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
@@ -214,62 +217,75 @@ var EditableHeading = function EditableHeading(props) {
       window.removeEventListener('mouseup', onMouseUp);
     };
   }, [onMouseMove, onMouseUp]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classes
-  }, !disabled && isEditing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Shortcuts, {
-    map: shortcutsMap,
-    scope: shortcutsScope,
-    disabled: isShortcutsDisabled
-  }), !multiline ? /*#__PURE__*/React.createElement("input", _extends({
-    className: inputClasses,
-    value: children,
-    autoFocus: autoFocus,
-    "data-test": dataTest,
-    disabled: isSaving,
-    onChange: onChange
-  }, restProps, {
-    onFocus: onInputFocus,
-    onBlur: onInputBlur
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40["size".concat(size)])
-  }, /*#__PURE__*/React.createElement("textarea", _extends({
-    ref: textAreaRef,
-    className: inputClasses,
-    value: children,
-    autoFocus: autoFocus,
-    "data-test": dataTest,
-    disabled: isSaving,
-    onChange: onInputChange
-  }, restProps, {
-    onFocus: onInputFocus,
-    onBlur: onInputBlur,
-    onScroll: onInputScroll,
-    style: {
-      maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
-    }
-  })), !isScrolledToBottom && /*#__PURE__*/React.createElement("div", {
-    className: modules_6e69b0fe.textareaFade
-  }))) : /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: modules_6e69b0fe.headingWrapperButton,
-    onMouseDown: onHeadingMouseDown
-  }, /*#__PURE__*/React.createElement(Heading, {
-    className: headingClasses,
-    level: level,
-    "data-test": dataTest
-  }, children)), !isEditing && renderMenu(), isEditing && !embedded && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    className: modules_6e69b0fe.button,
-    primary: true,
-    disabled: isSaveDisabled,
-    loader: isSaving,
-    onClick: onSave
-  }, translations.save), /*#__PURE__*/React.createElement(Button, {
-    className: modules_6e69b0fe.button,
-    disabled: isCancelDisabled,
-    onClick: onCancel
-  }, translations.cancel))), isEditing && error && /*#__PURE__*/React.createElement("div", {
-    className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40["size".concat(size)])
-  }, error));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classes,
+      children: [!disabled && isEditing ? /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Shortcuts, {
+          map: shortcutsMap,
+          scope: shortcutsScope,
+          disabled: isShortcutsDisabled
+        }), !multiline ? /*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+          className: inputClasses,
+          value: children,
+          autoFocus: autoFocus,
+          "data-test": dataTest,
+          disabled: isSaving,
+          onChange: onChange
+        }, restProps), {}, {
+          onFocus: onInputFocus,
+          onBlur: onInputBlur
+        })) : /*#__PURE__*/jsxs("div", {
+          className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40["size".concat(size)]),
+          children: [/*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
+            ref: textAreaRef,
+            className: inputClasses,
+            value: children,
+            autoFocus: autoFocus,
+            "data-test": dataTest,
+            disabled: isSaving,
+            onChange: onInputChange
+          }, restProps), {}, {
+            onFocus: onInputFocus,
+            onBlur: onInputBlur,
+            onScroll: onInputScroll,
+            style: {
+              maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
+            }
+          })), !isScrolledToBottom && /*#__PURE__*/jsx("div", {
+            className: modules_6e69b0fe.textareaFade
+          })]
+        })]
+      }) : /*#__PURE__*/jsx("button", {
+        type: "button",
+        className: modules_6e69b0fe.headingWrapperButton,
+        onMouseDown: onHeadingMouseDown,
+        children: /*#__PURE__*/jsx(Heading, {
+          className: headingClasses,
+          level: level,
+          "data-test": dataTest,
+          children: children
+        })
+      }), !isEditing && renderMenu(), isEditing && !embedded && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Button, {
+          className: modules_6e69b0fe.button,
+          primary: true,
+          disabled: isSaveDisabled,
+          loader: isSaving,
+          onClick: onSave,
+          children: translations.save
+        }), /*#__PURE__*/jsx(Button, {
+          className: modules_6e69b0fe.button,
+          disabled: isCancelDisabled,
+          onClick: onCancel,
+          children: translations.cancel
+        })]
+      })]
+    }), isEditing && error && /*#__PURE__*/jsx("div", {
+      className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40["size".concat(size)]),
+      children: error
+    })]
+  });
 };
 var editableHeading = /*#__PURE__*/React.memo(EditableHeading);
 

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

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactElement } from 'react';
+import { PureComponent, ReactElement } from 'react';
 import PropTypes from 'prop-types';
 export type ErrorBubbleProps<P> = Partial<P> & {
     className?: string | null | undefined;
@@ -14,5 +14,5 @@ export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

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

@@ -1,10 +1,11 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, 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.map.js';
-import React, { Children, cloneElement, PureComponent } from 'react';
+import { Children, cloneElement, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 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.array.concat.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -43,9 +44,6 @@ import '../popup/popup.target.js';
 var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
 
 var _excluded = ["children", "className"];
-/**
- * @name Error Bubble
- */
 var ErrorBubble = /*#__PURE__*/function (_PureComponent) {
   function ErrorBubble() {
     _classCallCheck(this, ErrorBubble);
@@ -60,20 +58,23 @@ var ErrorBubble = /*#__PURE__*/function (_PureComponent) {
         className = _this$props.className,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
-      return /*#__PURE__*/React.createElement("div", {
-        className: modules_ee284100.errorBubbleWrapper
-      }, Children.map(children, function (child) {
-        return /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps));
-      }), restProps.error && /*#__PURE__*/React.createElement(Popup, {
-        trapFocus: false,
-        className: modules_ee284100.errorBubblePopup,
-        hidden: false,
-        attached: false,
-        directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP]
-      }, /*#__PURE__*/React.createElement("div", {
-        className: errorBubbleClasses,
-        "data-test": "ring-error-bubble"
-      }, restProps.error)));
+      return /*#__PURE__*/jsxs("div", {
+        className: modules_ee284100.errorBubbleWrapper,
+        children: [Children.map(children, function (child) {
+          return /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps));
+        }), restProps.error && /*#__PURE__*/jsx(Popup, {
+          trapFocus: false,
+          className: modules_ee284100.errorBubblePopup,
+          hidden: false,
+          attached: false,
+          directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],
+          children: /*#__PURE__*/jsx("div", {
+            className: errorBubbleClasses,
+            "data-test": "ring-error-bubble",
+            children: restProps.error
+          })
+        })]
+      });
     }
   }]);
 }(PureComponent);

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

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 export interface ErrorMessageProps {
@@ -23,5 +23,5 @@ export default class ErrorMessage extends Component<ErrorMessageProps> {
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/error-message/error-message.js

@@ -1,12 +1,13 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Size } from '../icon/icon__constants.js';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -24,9 +25,6 @@ import 'core-js/modules/es.object.entries.js';
 
 var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_94a5","title":"title_rui_94a5","description":"description_rui_94a5","content":"content_rui_94a5","icon":"icon_rui_94a5"};
 
-/**
- * @name Error Message
- */
 var ErrorMessage = /*#__PURE__*/function (_Component) {
   function ErrorMessage() {
     _classCallCheck(this, ErrorMessage);
@@ -45,22 +43,26 @@ var ErrorMessage = /*#__PURE__*/function (_Component) {
         children = _this$props.children,
         dataTest = _this$props['data-test'];
       var classes = classNames(modules_2c5e8509.errorMessage, className);
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsxs("div", {
         className: classes,
-        "data-test": joinDataTestAttributes('ring-error-message', dataTest)
-      }, icon && /*#__PURE__*/React.createElement(Icon, {
-        className: modules_2c5e8509.icon,
-        glyph: icon,
-        size: Size.Size64,
-        suppressSizeWarning: true
-      }), /*#__PURE__*/React.createElement("div", {
-        className: modules_2c5e8509.content
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_2c5e8509.title,
-        "data-test": "ring-error-message-title"
-      }, code && "".concat(code, ":"), " ", message), description && /*#__PURE__*/React.createElement("div", {
-        className: modules_2c5e8509.description
-      }, description), children));
+        "data-test": joinDataTestAttributes('ring-error-message', dataTest),
+        children: [icon && /*#__PURE__*/jsx(Icon, {
+          className: modules_2c5e8509.icon,
+          glyph: icon,
+          size: Size.Size64,
+          suppressSizeWarning: true
+        }), /*#__PURE__*/jsxs("div", {
+          className: modules_2c5e8509.content,
+          children: [/*#__PURE__*/jsxs("div", {
+            className: modules_2c5e8509.title,
+            "data-test": "ring-error-message-title",
+            children: [code && "".concat(code, ":"), " ", message]
+          }), description && /*#__PURE__*/jsx("div", {
+            className: modules_2c5e8509.description,
+            children: description
+          }), children]
+        })]
+      });
     }
   }]);
 }(Component);

package/components/footer/footer.d.ts

@@ -1,7 +1,7 @@
 /**
  * @name Footer
  */
-import React, { HTMLAttributeAnchorTarget, ReactChild } from 'react';
+import { HTMLAttributeAnchorTarget, ReactChild } from 'react';
 /**
  * Return copyright string
  * @param year {int}
@@ -24,5 +24,5 @@ export interface FooterProps {
     center?: FooterItems | null | undefined;
     right?: FooterItems | null | undefined;
 }
-declare const Footer: React.NamedExoticComponent<FooterProps>;
+declare const Footer: import("react").NamedExoticComponent<FooterProps>;
 export default Footer;

package/components/footer/footer.js

@@ -1,8 +1,9 @@
 import 'core-js/modules/es.array.map.js';
-import React, { memo, isValidElement } from 'react';
+import { memo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Link from '../link/link.js';
+import { jsx } from 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.concat.js';
@@ -22,11 +23,13 @@ var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
     [modules_7385b3fd.columnCenter]: position === 'center',
     [modules_7385b3fd.columnRight]: position === 'right'
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: modules_7385b3fd.columnItem
-  }, children));
+  return /*#__PURE__*/jsx("div", {
+    className: classes,
+    children: /*#__PURE__*/jsx("ul", {
+      className: modules_7385b3fd.columnItem,
+      children: children
+    })
+  });
 });
 FooterColumn.propTypes = {
   position: PropTypes.oneOf(['left', 'center', 'right']).isRequired,
@@ -61,18 +64,19 @@ var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
     }
     var element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
     if (item.url) {
-      return /*#__PURE__*/React.createElement(Link, {
+      return /*#__PURE__*/jsx(Link, {
         href: item.url,
         target: item.target,
-        key: item.url + item.title,
-        title: item.title
-      }, element);
+        title: item.title,
+        children: element
+      }, item.url + item.title);
     }
     return element;
   }
-  return /*#__PURE__*/React.createElement("li", {
-    className: modules_7385b3fd.line
-  }, items.map(renderItem));
+  return /*#__PURE__*/jsx("li", {
+    className: modules_7385b3fd.line,
+    children: items.map(renderItem)
+  });
 });
 FooterLine.propTypes = {
   item: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string])
@@ -87,25 +91,25 @@ var Footer = /*#__PURE__*/memo(function Footer(_ref2) {
     if (!elements) {
       return false;
     }
-    return /*#__PURE__*/React.createElement(FooterColumn, {
-      key: position,
-      position: position
-    }, elements.map(function (item, idx) {
-      return /*#__PURE__*/React.createElement(FooterLine
-      // eslint-disable-next-line react/no-array-index-key
-      , {
-        key: idx,
-        item: item
-      });
-    }));
+    return /*#__PURE__*/jsx(FooterColumn, {
+      position: position,
+      children: elements.map(function (item, idx) {
+        return /*#__PURE__*/jsx(FooterLine
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          item: item
+        }, idx);
+      })
+    }, position);
   }
   var classes = classNames(modules_7385b3fd.footer, className, {
     [modules_7385b3fd.footerFloating]: floating
   });
-  return /*#__PURE__*/React.createElement("footer", {
+  return /*#__PURE__*/jsx("footer", {
     className: classes,
-    "data-test": "ring-footer"
-  }, [content(left, 'left'), content(center, 'center'), content(right, 'right')]);
+    "data-test": "ring-footer",
+    children: [content(left, 'left'), content(center, 'center'), content(right, 'right')]
+  });
 });
 Footer.propTypes = {
   className: PropTypes.string,

package/components/form/form.js

@@ -1,4 +1,4 @@
-var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,229,235;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:197,209,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:132,150,173;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-secondary-components:153,153,153;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:232,232,232;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:199,199,199;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:212,212,212;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:128,198,255;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:var(--ring-link-hover-color);--ring-icon-hover-color:var(--ring-link-hover-color);--ring-main-components:0,128,229;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:var(--ring-main-components);--ring-action-link-color:rgb(var(--ring-main-components));--ring-main-hover-components:0,112,204;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,88,96;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:237,162,0;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:89,168,105;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:207,219,229;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:115,117,119;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:0,98,178;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:102,158,204;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:64,99,128;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:15,91,153;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:255,0,140;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:169,15,26;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:178,92,0;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:12,117,35;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:31,35,38;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:115,117,119;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:153,153,153;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,249,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-selected-background-components:212,237,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:235,246,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:230,236,242;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,218,224;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:255,213,203;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:250,236,205;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:216,240,216;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:245,245,245;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:232,232,232;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:255,231,232;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:51,163,255;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:26,152,255;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:112,112,112;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:112,112,112;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,0,128;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:239,239,239;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:bold;--ring-code-field-components:102,14,122;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:0,0,255;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:0,122,0;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:170,222,170;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:200,200,200;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:15px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:21px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}.ring-form{color:var(--ring-text-color);font-family:var(--ring-font-family);font-size:var(--ring-font-size)}.ring-form_white-bg{background:var(--ring-content-background-color)}.ring-form_border{border:1px solid var(--ring-disabled-color);border-radius:2px}.ring-form_rows .ring-form__label{float:none;max-width:none}.ring-form_rows.ring-form__control{margin-left:0;width:calc(var(--ring-unit)*42)}.ring-form__wrap{margin-bottom:0;padding:calc(var(--ring-unit)*3) calc(var(--ring-unit)*4) 0 calc(var(--ring-unit)*4)}.ring-form__header{min-height:13px;padding-bottom:calc(var(--ring-unit)*2)}.ring-form__control__description{color:var(--ring-secondary-color);display:block;font-size:var(--ring-font-size-smaller);line-height:16px!important;max-width:900px;padding-top:calc(var(--ring-unit)/2)}.ring-form__title-img{border:0;float:left;height:calc(var(--ring-unit)*4)}.ring-form__title{display:block;font-weight:700;margin-bottom:calc(var(--ring-unit))}.ring-form__main-title{color:var(--ring-text-color);font-family:var(--ring-font-family);font-size:19px}.ring-form__title_separated{margin:calc(var(--ring-unit)*3) 0}.ring-form__group{margin:calc(var(--ring-unit)*2) 0;position:relative}.ring-form__group:first-child{margin-top:0}.ring-form__group:after{clear:both;content:\"\";display:block}.ring-form__group_united{padding-bottom:0}.ring-form__group .ring_form__group{padding-left:calc(var(--ring-unit)*2);padding-top:0}.ring-form__group .ring_form__group .ring-form__control{margin-left:calc(var(--ring-unit)*18)}.ring-form__group_nested{padding-left:calc(var(--ring-unit)*2);padding-top:0}.ring-form__group_nested .ring-form__control{margin-left:calc(var(--ring-unit)*18)}.ring-form__label{display:inline-block;float:left;line-height:calc(var(--ring-unit)*2);max-width:calc(var(--ring-unit)*18);padding-top:calc(var(--ring-unit)/2);position:relative;top:0;vertical-align:top}.ring-form__label .ring-checkbox__label,.ring-form__label .ring-radio-btn__label{top:-2px}.ring-form__label_title{font-weight:700}.ring-form__control{line-height:calc(var(--ring-unit)*3);margin-left:calc(var(--ring-unit)*20);min-height:calc(var(--ring-unit)*3);position:relative;vertical-align:top;width:auto}.ring-form__control_text:after{content:\"\";display:inline-block;height:calc(var(--ring-unit)*3);vertical-align:middle}.ring-form__control_secondary{left:calc(var(--ring-unit)*27);position:absolute;top:var(--ring-unit)}.ring-form__control_on{color:var(--ring-success-color)}.ring-form__control_off{color:var(--ring-secondary-color)}.ring-form__control-link{position:relative;top:6px}.ring-form__control_small{margin-left:calc(var(--ring-unit)*16)!important}.ring-form__info{line-height:20px;margin-bottom:calc(var(--ring-unit)*-1 + 2px);margin-left:calc(var(--ring-unit)*20);width:calc(var(--ring-unit)*85)}.ring-form__control__part{margin-right:var(--ring-unit)}.ring-form__group_short{padding-bottom:0;padding-top:calc(var(--ring-unit)/2)}.ring-form__group_short:last-child{padding-bottom:var(--ring-unit)}.ring-form__group_short.ring-form__control{margin-left:calc(var(--ring-unit)*3)}.ring-form_small .ring-form__label{max-width:calc(var(--ring-unit)*12)}.ring-form_small .ring-form__control{margin-left:calc(var(--ring-unit)*16)}";
+var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,229,235;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:197,209,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:132,150,173;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-secondary-components:153,153,153;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:232,232,232;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:199,199,199;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:212,212,212;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:128,198,255;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:var(--ring-link-hover-color);--ring-icon-hover-color:var(--ring-link-hover-color);--ring-main-components:0,128,229;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:var(--ring-main-components);--ring-action-link-color:rgb(var(--ring-main-components));--ring-main-hover-components:0,112,204;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,88,96;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:237,162,0;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:89,168,105;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:207,219,229;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:115,117,119;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:0,98,178;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:102,158,204;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:64,99,128;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:15,91,153;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:255,0,140;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:169,15,26;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:178,92,0;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:12,117,35;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:31,35,38;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:115,117,119;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:153,153,153;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,249,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-selected-background-components:212,237,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:235,246,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:230,236,242;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,218,224;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:255,213,203;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:250,236,205;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:216,240,216;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:245,245,245;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:232,232,232;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:255,231,232;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:51,163,255;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:26,152,255;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:112,112,112;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:112,112,112;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,0,128;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:239,239,239;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:bold;--ring-code-field-components:102,14,122;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:0,0,255;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:0,122,0;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:170,222,170;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:200,200,200;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:15px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:21px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}.ring-form{color:var(--ring-text-color);font-family:var(--ring-font-family);font-size:var(--ring-font-size)}.ring-form_white-bg{background:var(--ring-content-background-color)}.ring-form_border{border:1px solid var(--ring-disabled-color);border-radius:2px}.ring-form_rows .ring-form__label{float:none;max-width:none}.ring-form_rows.ring-form__control{margin-left:0;width:calc(var(--ring-unit)*42)}.ring-form__wrap{margin-bottom:0;padding:calc(var(--ring-unit)*3) calc(var(--ring-unit)*4) 0}.ring-form__header{min-height:13px;padding-bottom:calc(var(--ring-unit)*2)}.ring-form__control__description{color:var(--ring-secondary-color);display:block;font-size:var(--ring-font-size-smaller);line-height:16px!important;max-width:900px;padding-top:calc(var(--ring-unit)/2)}.ring-form__title-img{border:0;float:left;height:calc(var(--ring-unit)*4)}.ring-form__title{display:block;font-weight:700;margin-bottom:calc(var(--ring-unit))}.ring-form__main-title{color:var(--ring-text-color);font-family:var(--ring-font-family);font-size:19px}.ring-form__title_separated{margin:calc(var(--ring-unit)*3) 0}.ring-form__group{margin:calc(var(--ring-unit)*2) 0;position:relative}.ring-form__group:first-child{margin-top:0}.ring-form__group:after{clear:both;content:\"\";display:block}.ring-form__group_united{padding-bottom:0}.ring-form__group .ring_form__group{padding-left:calc(var(--ring-unit)*2);padding-top:0}.ring-form__group .ring_form__group .ring-form__control{margin-left:calc(var(--ring-unit)*18)}.ring-form__group_nested{padding-left:calc(var(--ring-unit)*2);padding-top:0}.ring-form__group_nested .ring-form__control{margin-left:calc(var(--ring-unit)*18)}.ring-form__label{display:inline-block;float:left;line-height:calc(var(--ring-unit)*2);max-width:calc(var(--ring-unit)*18);padding-top:calc(var(--ring-unit)/2);position:relative;top:0;vertical-align:top}.ring-form__label .ring-checkbox__label,.ring-form__label .ring-radio-btn__label{top:-2px}.ring-form__label_title{font-weight:700}.ring-form__control{line-height:calc(var(--ring-unit)*3);margin-left:calc(var(--ring-unit)*20);min-height:calc(var(--ring-unit)*3);position:relative;vertical-align:top;width:auto}.ring-form__control_text:after{content:\"\";display:inline-block;height:calc(var(--ring-unit)*3);vertical-align:middle}.ring-form__control_secondary{left:calc(var(--ring-unit)*27);position:absolute;top:var(--ring-unit)}.ring-form__control_on{color:var(--ring-success-color)}.ring-form__control_off{color:var(--ring-secondary-color)}.ring-form__control-link{position:relative;top:6px}.ring-form__control_small{margin-left:calc(var(--ring-unit)*16)!important}.ring-form__info{line-height:20px;margin-bottom:calc(var(--ring-unit)*-1 + 2px);margin-left:calc(var(--ring-unit)*20);width:calc(var(--ring-unit)*85)}.ring-form__control__part{margin-right:var(--ring-unit)}.ring-form__group_short{padding-bottom:0;padding-top:calc(var(--ring-unit)/2)}.ring-form__group_short:last-child{padding-bottom:var(--ring-unit)}.ring-form__group_short.ring-form__control{margin-left:calc(var(--ring-unit)*3)}.ring-form_small .ring-form__label{max-width:calc(var(--ring-unit)*12)}.ring-form_small .ring-form__control{margin-left:calc(var(--ring-unit)*16)}";
 var modules_bbe19eab = {"light":"light_rui_2ac4"};
 
 export { css, modules_bbe19eab as default };

package/components/global/controls-height.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum ControlsHeight {
     S = "S",
     M = "M",

package/components/global/create-stateful-context.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import PropTypes from 'prop-types';
 type Update<T> = (value: T) => void;
 export interface ProviderProps {
@@ -9,17 +9,17 @@ export interface UpdaterProps<T> {
     skipUpdate?: boolean;
 }
 export default function createStatefulContext<T>(initialValue: T, name?: string): {
-    ValueContext: React.Context<T>;
-    UpdateContext: React.Context<Update<T>>;
+    ValueContext: import("react").Context<T>;
+    UpdateContext: import("react").Context<Update<T>>;
     Provider: {
-        ({ children }: ProviderProps): React.JSX.Element;
+        ({ children }: ProviderProps): import("react").JSX.Element;
         propTypes: {
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         };
         displayName: string;
     };
     useUpdate: (value: T, skipUpdate?: boolean) => void;
-    Updater: React.MemoExoticComponent<{
+    Updater: import("react").MemoExoticComponent<{
         ({ value, skipUpdate }: UpdaterProps<T>): null;
         displayName: string;
     }>;

package/components/global/create-stateful-context.js

@@ -1,6 +1,7 @@
-import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { memo, createContext, useState, useContext, useEffect } from 'react';
+import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { memo, createContext, useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
 
 function createStatefulContext(initialValue) {
   var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -12,11 +13,13 @@ function createStatefulContext(initialValue) {
       _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],
       update = _useState2[1];
-    return /*#__PURE__*/React.createElement(ValueContext.Provider, {
-      value: value
-    }, /*#__PURE__*/React.createElement(UpdateContext.Provider, {
-      value: update
-    }, children));
+    return /*#__PURE__*/jsx(ValueContext.Provider, {
+      value: value,
+      children: /*#__PURE__*/jsx(UpdateContext.Provider, {
+        value: update,
+        children: children
+      })
+    });
   }
   Provider.propTypes = {
     children: PropTypes.node

package/components/global/data-tests.js

@@ -1,4 +1,4 @@
-import { k as _toConsumableArray, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { j as _toConsumableArray, i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';

package/components/global/dom.d.ts

@@ -3,7 +3,7 @@
  */
 import { SyntheticEvent } from 'react';
 import type { PropertiesHyphen } from 'csstype';
-export declare const getStyles: ((elt: Element, pseudoElt?: string | null | undefined) => CSSStyleDeclaration) & typeof getComputedStyle;
+export declare const getStyles: ((elt: Element, pseudoElt?: string | null) => CSSStyleDeclaration) & typeof getComputedStyle;
 export declare function isMounted(node: Node | Range | null | undefined): boolean;
 export interface Rect {
     top: number;
@@ -20,7 +20,7 @@ export declare function getWindowWidth(): number;
 export declare function isNodeInVisiblePartOfPage(node: Element | Range): boolean;
 export declare function getDocumentScrollTop(): number;
 export declare function getDocumentScrollLeft(): number;
-export declare const applyMethodToClasses: (method: 'add' | 'remove') => (classList: DOMTokenList, classes?: string) => void;
+export declare const applyMethodToClasses: (method: "add" | "remove") => (classList: DOMTokenList, classes?: string) => void;
 export declare const addClasses: (classList: DOMTokenList, classes?: string) => void;
 export declare const removeClasses: (classList: DOMTokenList, classes?: string) => void;
 export declare const toggleClasses: (classList: DOMTokenList, classes: Record<string, boolean>) => void;

package/components/global/dom.js

@@ -1,4 +1,4 @@
-import { j as _slicedToArray, b as _createClass, f as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { i as _slicedToArray, b as _createClass, e as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.object.assign.js';

package/components/global/focus-sensor-hoc.js

@@ -1,9 +1,10 @@
-import { d as _objectSpread2, c as _objectWithoutProperties, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { d as _objectSpread2, c as _objectWithoutProperties, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { refObject } from './prop-types.js';
 import composeRefs from './composeRefs.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 
@@ -134,7 +135,7 @@ function focusSensorHOC(ComposedComponent) {
           var innerRef = _this$props4.innerRef;
           _this$props4.scrollOnTableFocus;
           var rest = _objectWithoutProperties(_this$props4, _excluded2);
-        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, rest, {
+        return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, rest), {}, {
           innerRef: composeRefs(innerRef, this.onRefUpdate),
           focused: this.state.focused,
           onFocusReset: this.onFocusReset,

package/components/global/fuzzy-highlight.js

@@ -1,4 +1,4 @@
-import { l as _createForOfIteratorHelper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { k as _createForOfIteratorHelper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.regexp.exec.js';

package/components/global/get-event-key.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import * as React from 'react';
 export default function getEventKey(nativeEvent: KeyboardEvent | React.KeyboardEvent): string;

package/components/global/inject-styles.js

@@ -1,4 +1,4 @@
-import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.entries.js';