@jetbrains/ring-ui-built 6.0.35 → 6.0.37

package/components/markdown/markdown.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
 export interface MarkdownProps {
     inline?: boolean | null | undefined;
     children: ReactNode;
@@ -8,5 +8,5 @@ export interface MarkdownProps {
   * @name Markdown
 */
 export default class Markdown extends PureComponent<MarkdownProps> {
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/markdown/markdown.js

@@ -1,15 +1,13 @@
-import { a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
+import { a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_901b77ec } from '../_helpers/heading.js';
 import { m as modules_607b0772 } from '../_helpers/link.js';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_9c709e64 = {"p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
 
-/**
-  * @name Markdown
-*/
 var Markdown = /*#__PURE__*/function (_PureComponent) {
   function Markdown() {
     _classCallCheck(this, Markdown);
@@ -27,9 +25,10 @@ var Markdown = /*#__PURE__*/function (_PureComponent) {
         [modules_9c709e64.markdown]: !inline,
         [modules_9c709e64.inline]: inline
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: classes
-      }, children);
+      return /*#__PURE__*/jsx("div", {
+        className: classes,
+        children: children
+      });
     }
   }]);
 }(PureComponent);

package/components/message/message.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 import Popup, { PopupAttrs } from '../popup/popup';
 import { Directions } from '../popup/popup.consts';
 import { IconType } from '../icon/icon';
@@ -49,7 +49,7 @@ export default class Message extends Component<MessageProps> {
     node?: HTMLElement | null;
     popupRef: (el: Popup | null) => void;
     getTailOffset(): number;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
 export {};

package/components/message/message.js

@@ -1,10 +1,10 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, 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.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import gift from '@jetbrains/icons/gift';
@@ -14,6 +14,7 @@ import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -61,9 +62,6 @@ import '../i18n/i18n.js';
 
 var modules_8b837449 = {"light":"light_rui_2ac4","container":"container_rui_a216","message":"message_rui_a216","icon":"icon_rui_a216","title":"title_rui_a216 font-lower_rui_f295 font_rui_f295","description":"description_rui_a216","button":"button_rui_a216","tail":"tail_rui_a216"};
 
-/**
-  * @name Message
-  */
 var UNIT = 8;
 var TAIL_SIZE = 11;
 var getTailOffsets = function getTailOffsets(offset) {
@@ -182,7 +180,7 @@ var Message = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
       var _this$props = this.props,
-        children = _this$props.children,
+        _children = _this$props.children,
         className = _this$props.className,
         tailClassName = _this$props.tailClassName,
         title = _this$props.title,
@@ -199,42 +197,53 @@ var Message = /*#__PURE__*/function (_Component) {
       var tailClasses = classNames(modules_8b837449.tail, tailClassName);
       var popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
       var direction = this.state.direction;
-      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
-        var translate = _ref.translate;
-        return /*#__PURE__*/React.createElement(WithThemeClasses, {
-          theme: theme
-        }, function (themeClasses) {
-          var _translations$gotIt, _translations$dismiss;
-          return /*#__PURE__*/React.createElement(Popup, _extends({
-            ref: _this2.popupRef,
-            hidden: false,
-            directions: popupDirections,
-            className: classNames(classes, themeClasses),
-            offset: UNIT * 2,
-            onDirectionChange: _this2._onDirectionChange
-          }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
+      return /*#__PURE__*/jsx(I18nContext.Consumer, {
+        children: function children(_ref) {
+          var translate = _ref.translate;
+          return /*#__PURE__*/jsx(WithThemeClasses, {
             theme: theme,
-            passToPopups: true
-          }, direction && /*#__PURE__*/React.createElement("div", {
-            className: tailClasses,
-            style: getTailOffsets(_this2.getTailOffset())[direction]
-          }), icon && /*#__PURE__*/React.createElement(Icon, {
-            className: modules_8b837449.icon,
-            glyph: icon
-          }), title && /*#__PURE__*/React.createElement("h1", {
-            "data-test": "rgMessageTitle",
-            className: modules_8b837449.title
-          }, title), children && /*#__PURE__*/React.createElement("div", {
-            className: modules_8b837449.description
-          }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
-            className: modules_8b837449.button,
-            onClick: onClose,
-            primary: true
-          }, buttonProps), (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
-            onClick: onDismiss,
-            text: true
-          }, (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
-        });
+            children: function children(themeClasses) {
+              var _translations$gotIt, _translations$dismiss;
+              return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
+                ref: _this2.popupRef,
+                hidden: false,
+                directions: popupDirections,
+                className: classNames(classes, themeClasses),
+                offset: UNIT * 2,
+                onDirectionChange: _this2._onDirectionChange
+              }, popupProps), {}, {
+                children: /*#__PURE__*/jsxs(ThemeProvider, {
+                  theme: theme,
+                  passToPopups: true,
+                  children: [direction && /*#__PURE__*/jsx("div", {
+                    className: tailClasses,
+                    style: getTailOffsets(_this2.getTailOffset())[direction]
+                  }), icon && /*#__PURE__*/jsx(Icon, {
+                    className: modules_8b837449.icon,
+                    glyph: icon
+                  }), title && /*#__PURE__*/jsx("h1", {
+                    "data-test": "rgMessageTitle",
+                    className: modules_8b837449.title,
+                    children: title
+                  }), _children && /*#__PURE__*/jsx("div", {
+                    className: modules_8b837449.description,
+                    children: _children
+                  }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+                    className: modules_8b837449.button,
+                    onClick: onClose,
+                    primary: true
+                  }, buttonProps), {}, {
+                    children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
+                  })), onDismiss && /*#__PURE__*/jsx(Button, {
+                    onClick: onDismiss,
+                    text: true,
+                    children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
+                  })]
+                })
+              }));
+            }
+          });
+        }
       });
     }
   }]);

package/components/old-browsers-message/white-list.js

@@ -1,4 +1,4 @@
-import { j as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.to-string.js';

package/components/pager/pager.d.ts

@@ -1,7 +1,8 @@
 /**
  * @name Pager
  */
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
+import * as React from 'react';
 import { SelectItem } from '../select/select';
 export interface PagerTranslations {
     perPage: string;

package/components/pager/pager.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, 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.find.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronLeftIcon from '@jetbrains/icons/chevron-left';
@@ -16,6 +16,7 @@ import memoize from '../global/memoize.js';
 import Link from '../link/link.js';
 import Icon from '../icon/icon.js';
 import { I18nContext } from '../i18n/i18n-context.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -34,6 +35,8 @@ import 'core-js/modules/es.string.split.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
+import '../control-label/control-label.js';
+import '../control-help/control-help.js';
 import '../_helpers/caption.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.index-of.js';
@@ -99,7 +102,6 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../_helpers/input.js';
-import '../control-label/control-label.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
@@ -197,13 +199,14 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "getButton",
     value: function getButton(page, content, key, active) {
-      return /*#__PURE__*/React.createElement(Button, _extends({
+      return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
         href: this.generateHref(page),
-        key: key,
         active: active,
         disabled: this.props.loader && !active && !this.props.loaderNavigation,
         loader: this.props.loader && active
-      }, this.getClickProps(this.handlePageChange(page))), content);
+      }, this.getClickProps(this.handlePageChange(page))), {}, {
+        children: content
+      }), key);
     }
   }, {
     key: "getClickProps",
@@ -227,18 +230,19 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
     key: "getPageSizeSelector",
     value: function getPageSizeSelector() {
       var selectOptions = this.getSelectOptions();
-      return !this.props.disablePageSizeSelector && /*#__PURE__*/React.createElement("div", {
+      return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
         "data-test": "ring-pager-page-size-selector",
         style: {
           float: 'right'
-        }
-      }, /*#__PURE__*/React.createElement(Select, {
-        data: selectOptions.data,
-        selected: selectOptions.selected,
-        onSelect: this.handlePageSizeChange,
-        type: Select.Type.INLINE,
-        disabled: this.props.loader
-      }));
+        },
+        children: /*#__PURE__*/jsx(Select, {
+          data: selectOptions.data,
+          selected: selectOptions.selected,
+          onSelect: this.handlePageSizeChange,
+          type: Select.Type.INLINE,
+          disabled: this.props.loader
+        })
+      });
     }
   }, {
     key: "getPagerLinks",
@@ -247,45 +251,50 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       var translate = this.context.translate;
       var prevLinkAvailable = this.props.currentPage !== 1;
       var nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
-      var nextIcon = /*#__PURE__*/React.createElement(Icon, {
-        glyph: chevronRightIcon,
-        key: "icon"
-      });
-      var prevIcon = /*#__PURE__*/React.createElement(Icon, {
-        glyph: chevronLeftIcon,
-        key: "icon"
-      });
+      var nextIcon = /*#__PURE__*/jsx(Icon, {
+        glyph: chevronRightIcon
+      }, "icon");
+      var prevIcon = /*#__PURE__*/jsx(Icon, {
+        glyph: chevronLeftIcon
+      }, "icon");
       var prevText = (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.previousPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('previousPage');
       var nextText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.nextPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('nextPage');
-      var nextLinkContent = [/*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, nextText), nextIcon];
-      var prevLinkContent = [prevIcon, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, prevText)];
+      var nextLinkContent = [/*#__PURE__*/jsx("span", {
+        children: nextText
+      }, "text"), nextIcon];
+      var prevLinkContent = [prevIcon, /*#__PURE__*/jsx("span", {
+        children: prevText
+      }, "text")];
       var prevLinkHref = this.generateHref(this.props.currentPage - 1);
       var nextLinkHref = this.generateHref(this.props.currentPage + 1);
       var disabledLinkClasses = classNames({
         [modules_1a5f0d42.link]: true,
         [modules_1a5f0d42.linkDisabled]: true
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: modules_1a5f0d42.links
-      }, prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
-        href: prevLinkHref,
-        className: modules_1a5f0d42.link
-      }, this.getClickProps(this.handlePrevClick)), prevLinkContent) : /*#__PURE__*/React.createElement("span", {
-        className: disabledLinkClasses
-      }, prevIcon, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, prevText)), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
-        href: nextLinkHref,
-        className: modules_1a5f0d42.link
-      }, this.getClickProps(this.handleNextClick)), nextLinkContent) : /*#__PURE__*/React.createElement("span", {
-        className: disabledLinkClasses
-      }, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, nextText), nextIcon));
+      return /*#__PURE__*/jsxs("div", {
+        className: modules_1a5f0d42.links,
+        children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+          href: prevLinkHref,
+          className: modules_1a5f0d42.link
+        }, this.getClickProps(this.handlePrevClick)), {}, {
+          children: prevLinkContent
+        })) : /*#__PURE__*/jsxs("span", {
+          className: disabledLinkClasses,
+          children: [prevIcon, /*#__PURE__*/jsx("span", {
+            children: prevText
+          }, "text")]
+        }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+          href: nextLinkHref,
+          className: modules_1a5f0d42.link
+        }, this.getClickProps(this.handleNextClick)), {}, {
+          children: nextLinkContent
+        })) : /*#__PURE__*/jsxs("span", {
+          className: disabledLinkClasses,
+          children: [/*#__PURE__*/jsx("span", {
+            children: nextText
+          }, "text"), nextIcon]
+        })]
+      });
     }
   }, {
     key: "generateHref",
@@ -335,19 +344,28 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
         buttons.push(this.getButton(i, i, i, i === currentPage));
       }
       var lastPageButtonAvailable = end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-      return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && this.getButton(1, (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.firstPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('firstPage')), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
-        href: this.generateHref(end + 1),
-        disabled: this.props.loader
-      }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.lastPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('lastPage'))), this.getPageSizeSelector());
+      return /*#__PURE__*/jsxs("div", {
+        children: [this.getPagerLinks(), /*#__PURE__*/jsxs(ButtonToolbar, {
+          children: [start > 1 && this.getButton(1, (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.firstPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
+            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+              href: this.generateHref(end + 1),
+              disabled: this.props.loader
+            }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
+              children: '...'
+            }))]
+          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.lastPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('lastPage'))]
+        }), this.getPageSizeSelector()]
+      });
     }
   }, {
     key: "render",
     value: function render() {
       var classes = classNames(modules_1a5f0d42.pager, this.props.className);
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsx("div", {
         "data-test": "ring-pager",
-        className: classes
-      }, this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector());
+        className: classes,
+        children: this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector()
+      });
     }
   }]);
 }(PureComponent);

package/components/panel/panel.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Panel
@@ -8,5 +8,5 @@ export default class Panel extends PureComponent<HTMLAttributes<HTMLElement>> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/panel/panel.js

@@ -1,14 +1,12 @@
-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 React, { PureComponent } from 'react';
+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 { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var modules_cf670408 = {"light":"light_rui_2ac4","panel":"panel_rui_e32c panel_rui_027b"};
 
 var _excluded = ["className", "children"];
-/**
- * @name Panel
- */
 var Panel = /*#__PURE__*/function (_PureComponent) {
   function Panel() {
     _classCallCheck(this, Panel);
@@ -23,9 +21,10 @@ var Panel = /*#__PURE__*/function (_PureComponent) {
         children = _this$props.children,
         props = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_cf670408.panel, className);
-      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-        className: classes
-      }), children);
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+        className: classes,
+        children: children
+      }));
     }
   }]);
 }(PureComponent);

package/components/permissions/permissions.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _createClass, f as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _createClass, e as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.to-string.js';

package/components/permissions/permissions__cache.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _createClass, f as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _createClass, e as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.to-string.js';
 

package/components/popup/popup.d.ts

@@ -1,7 +1,8 @@
 /**
  * @name Popup
  */
-import React, { PureComponent, ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import { PureComponent, ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import * as React from 'react';
 import { Listeners } from '../global/dom';
 import { PositionStyles } from './position';
 import { Dimension, Directions, Display, MaxHeight, MinWidth } from './popup.consts';
@@ -97,8 +98,8 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
     uid: string;
     calculateDisplay: (prevState: PopupState) => {
         display: Display;
-        client?: boolean | undefined;
-        direction?: Directions | undefined;
+        client?: boolean;
+        direction?: Directions;
     };
     static PopupProps: {
         Directions: typeof Directions;

package/components/popup/popup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, d as _objectSpread2, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, d as _objectSpread2, i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 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';
@@ -6,7 +6,7 @@ import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -17,8 +17,9 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import TabTrap from '../tab-trap/tab-trap.js';
 import position from './position.js';
-import { Display, DEFAULT_DIRECTIONS, Directions, Dimension, MinWidth, MaxHeight } from './popup.consts.js';
+import { DEFAULT_DIRECTIONS, Directions, Dimension, MinWidth, MaxHeight, Display } from './popup.consts.js';
 import { PopupTargetContext, PopupTarget } from './popup.target.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.object.assign.js';
@@ -313,10 +314,11 @@ var Popup = /*#__PURE__*/function (_PureComponent) {
         trapFocus = _this$props3.trapFocus,
         autoFocusFirst = _this$props3.autoFocusFirst,
         children = _this$props3.children;
-      return trapFocus ? /*#__PURE__*/React.createElement(TabTrap, {
+      return trapFocus ? /*#__PURE__*/jsx(TabTrap, {
         autoFocusFirst: autoFocusFirst,
-        focusBackOnExit: true
-      }, children) : children;
+        focusBackOnExit: true,
+        children: children
+      }) : children;
     }
   }, {
     key: "render",
@@ -342,39 +344,44 @@ var Popup = /*#__PURE__*/function (_PureComponent) {
         [modules_2f69e2e2.showing]: showing
       });
       var direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
-      return /*#__PURE__*/React.createElement(PopupTargetContext.Consumer, null, function (value) {
-        _this3.ringPopupTarget = value;
-        return /*#__PURE__*/React.createElement("span", {
-          // prevent bubbling through portal
-          onClick: stop
-          // This handler only blocks bubbling through React portal
-          ,
-          role: "presentation",
-          ref: _this3.portalRef
-        }, _this3.shouldUseShortcuts() && /*#__PURE__*/React.createElement(Shortcuts, {
-          map: _this3.shortcutsMap,
-          scope: _this3.shortcutsScope
-        }), (client || _this3.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
-          id: _this3.uid,
-          ref: _this3.containerRef,
-          onMouseOver: onMouseOver,
-          onFocus: onMouseOver,
-          onMouseOut: onMouseOut,
-          onBlur: onMouseOut,
-          onContextMenu: onContextMenu
-        }, /*#__PURE__*/React.createElement("div", {
-          "data-test": joinDataTestAttributes('ring-popup', dataTest),
-          "data-test-shown": !hidden && !showing,
-          "data-test-direction": direction,
-          ref: _this3.popupRef,
-          className: classes,
-          style: style,
-          onMouseDown: onMouseDown,
-          onMouseUp: onMouseUp
-          // mouse handlers are used to track clicking on inner elements
-          ,
-          role: "presentation"
-        }, _this3.getInternalContent())), _this3.getContainer() || document.body));
+      return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
+        children: function children(value) {
+          _this3.ringPopupTarget = value;
+          return /*#__PURE__*/jsxs("span", {
+            // prevent bubbling through portal
+            onClick: stop
+            // This handler only blocks bubbling through React portal
+            ,
+            role: "presentation",
+            ref: _this3.portalRef,
+            children: [_this3.shouldUseShortcuts() && /*#__PURE__*/jsx(Shortcuts, {
+              map: _this3.shortcutsMap,
+              scope: _this3.shortcutsScope
+            }), (client || _this3.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
+              id: _this3.uid,
+              ref: _this3.containerRef,
+              onMouseOver: onMouseOver,
+              onFocus: onMouseOver,
+              onMouseOut: onMouseOut,
+              onBlur: onMouseOut,
+              onContextMenu: onContextMenu,
+              children: /*#__PURE__*/jsx("div", {
+                "data-test": joinDataTestAttributes('ring-popup', dataTest),
+                "data-test-shown": !hidden && !showing,
+                "data-test-direction": direction,
+                ref: _this3.popupRef,
+                className: classes,
+                style: style,
+                onMouseDown: onMouseDown,
+                onMouseUp: onMouseUp
+                // mouse handlers are used to track clicking on inner elements
+                ,
+                role: "presentation",
+                children: _this3.getInternalContent()
+              })
+            }), _this3.getContainer() || document.body)]
+          });
+        }
       });
     }
   }]);

package/components/popup/popup.target.d.ts

@@ -1,7 +1,7 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export declare const PopupTargetContext: React.Context<string | Element | undefined>;
+import { HTMLAttributes, ReactNode } from 'react';
+export declare const PopupTargetContext: import("react").Context<string | Element | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     id: string;
     children: ReactNode | ((target: ReactNode) => ReactNode);
 }
-export declare const PopupTarget: React.ForwardRefExoticComponent<PopupTargetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopupTarget: import("react").ForwardRefExoticComponent<PopupTargetProps & import("react").RefAttributes<HTMLDivElement>>;