@jetbrains/ring-ui 5.0.0-beta.7 → 5.0.1

package/dist/dialog/dialog.d.ts

@@ -24,7 +24,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         label: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         contentClassName: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         show: PropTypes.Validator<boolean>;
         showCloseButton: PropTypes.Requireable<boolean>;
         closeButtonInside: PropTypes.Requireable<boolean>;

package/dist/dialog/dialog.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -31,6 +32,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/dialog/dialog__body-scroll-preventer.js

@@ -1,2 +1,3 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'scrollbar-width';
 export { d as default, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';

package/dist/dialog-ng/dialog-ng.js

@@ -1,4 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.promise.finally.js';
 import angular from 'angular';
 import { createFocusTrap } from 'focus-trap';
 import { getStyles, getRect } from '../global/dom.js';
@@ -15,6 +17,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import 'classnames';
 import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
@@ -23,7 +26,7 @@ import '../global/controls-height.js';
 import 'react';
 import 'scrollbar-width';
 
-var modules_b378ce5a = {"unit":"8px","dialogContainer":"dialogContainer_rui_a094","wide":"wide_rui_a094","autoWidth":"autoWidth_rui_a094","header":"header_rui_a094","inSidebar":"inSidebar_rui_a094","scrollableWrapper":"scrollableWrapper_rui_a094","content":"content_rui_a094","error":"error_rui_a094","footer":"footer_rui_a094","footerDescription":"footerDescription_rui_a094","footerItems":"footerItems_rui_a094","footerItem":"footerItem_rui_a094"};
+var modules_b378ce5a = {"unit":"8px","dialogContainer":"dialogContainer_rui_0b63","wide":"wide_rui_0b63","autoWidth":"autoWidth_rui_0b63","header":"header_rui_0b63","inSidebar":"inSidebar_rui_0b63","scrollableWrapper":"scrollableWrapper_rui_0b63","content":"content_rui_0b63","error":"error_rui_0b63","footer":"footer_rui_0b63","footerDescription":"footerDescription_rui_0b63","footerItems":"footerItems_rui_0b63","footerItem":"footerItem_rui_0b63"};
 
 rgDialogContentDirective.$inject = ["$compile", "$q"];
 rgDialogDirective.$inject = ["$timeout"];
@@ -397,8 +400,8 @@ function rgDialogDirective($timeout) {
 
     function setPosition(top, left) {
       Object.assign(dialogContainer.style, {
-        top: `${top}px`,
-        left: `${left}px`
+        top: "".concat(top, "px"),
+        left: "".concat(left, "px")
       });
     } // Focus first input
 
@@ -457,7 +460,7 @@ function rgDialogDirective($timeout) {
 
     function setCustomFooter(customFooterElem) {
       const placeholder = angular.element(dialogCustomFooter);
-      const footer = angular.element(`<div class="${this.styles.footer}"></div>`).append(customFooterElem);
+      const footer = angular.element("<div class=\"".concat(this.styles.footer, "\"></div>")).append(customFooterElem);
       placeholder.empty();
       placeholder.append(footer);
     }

package/dist/dialog-ng/dialog-ng__template.js

@@ -1,72 +1,3 @@
-var dialogTemplate = `<div
-  ng-show="dialog.active"
-  ng-class="[!dialog.inSidebar && dialog.dialogStyles.container]"
-  ng-click="dialog.handleClick($event)"
-  ng-attr-data-portaltarget="{{!dialog.inSidebar  ? 'dialog-ng-popup-container' : null}}"
-  ng-attr-data-test="ring-dialog-container"
->
-  <div ng-class="[dialog.dialogStyles.innerContainer]">
-    <div data-anchor="dialog-container"
-      ng-attr-data-in-sidebar="{{dialog.inSidebar  ? 'true' : 'false'}}"
-      ng-attr-data-test="{{dialog.active ? 'ring-dialog' : null}}"
-      ng-class="[
-        dialog.styles.dialogContainer,
-        dialog.cssClass,
-        dialog.wideDialog && dialog.styles.wide,
-        dialog.autoWidth && dialog.styles.autoWidth,
-        dialog.inSidebar && dialog.styles.inSidebar,
-        !dialog.inSidebar && dialog.dialogStyles.content,
-        !dialog.inSidebar && dialog.islandStyles.island
-      ]"
-    >
-      <div ng-class="[dialog.islandStyles.header, dialog.styles.header]"
-        data-anchor="dialog-header"
-        ng-show="dialog.title">
-        <span ng-class="dialog.islandStyles.title">{{ dialog.title }}</span>
-      </div>
-
-      <div ng-class="[dialog.styles.scrollableWrapper, dialog.islandStyles.scrollableWrapper, dialog.scrollableWrapperClassName]">
-        <div ng-class="[dialog.styles.content, dialog.islandStyles.content]">
-          <form name="dialog.dialogForm" class="ring-form ring-js-shortcuts"
-            novalidate>
-            <rg-dialog-content></rg-dialog-content>
-
-            <div class="ring-form__group" ng-show="dialog.error">
-              <div ng-class="dialog.styles.error" ng-bind-html="dialog.error"></div>
-            </div>
-          </form>
-        </div>
-      </div>
-
-      <div ng-class="dialog.styles.footer"
-        ng-if="dialog.description.length || dialog.buttons.length">
-        <div ng-class="dialog.styles.footerDescription"
-          ng-if="dialog.description && dialog.description.length">
-          <div ng-repeat="line in dialog.description">{{ line }}</div>
-        </div>
-
-        <div ng-class="dialog.styles.footerItems">
-          <rg-button
-            ng-repeat="button in dialog.buttons"
-            ng-class="[dialog.styles.footerItem , button.cssClasses]"
-            mode="{{button.default ? 'primary' : ''}}"
-            text="button.text"
-            ng-disabled="(button.default && dialog.dialogForm.$invalid) || button.disabled"
-            ng-if="!button.hidden"
-            data-test="dialog-footer-button"
-
-            rg-promised-click="dialog.action(button)"
-            promised-mode="loader"
-          >{{ button.label }}
-          </rg-button>
-        </div>
-      </div>
-
-      <div data-anchor="dialog-custom-footer-container"></div>
-
-      <div tabindex="-1" ng-show="false" data-anchor="focus-trap-fallback"></div>
-    </div>
-  </div>
-</div>`;
+var dialogTemplate = "<div\n  ng-show=\"dialog.active\"\n  ng-class=\"[!dialog.inSidebar && dialog.dialogStyles.container]\"\n  ng-click=\"dialog.handleClick($event)\"\n  ng-attr-data-portaltarget=\"{{!dialog.inSidebar  ? 'dialog-ng-popup-container' : null}}\"\n  ng-attr-data-test=\"ring-dialog-container\"\n>\n  <div ng-class=\"[dialog.dialogStyles.innerContainer]\">\n    <div data-anchor=\"dialog-container\"\n      ng-attr-data-in-sidebar=\"{{dialog.inSidebar  ? 'true' : 'false'}}\"\n      ng-attr-data-test=\"{{dialog.active ? 'ring-dialog' : null}}\"\n      ng-class=\"[\n        dialog.styles.dialogContainer,\n        dialog.cssClass,\n        dialog.wideDialog && dialog.styles.wide,\n        dialog.autoWidth && dialog.styles.autoWidth,\n        dialog.inSidebar && dialog.styles.inSidebar,\n        !dialog.inSidebar && dialog.dialogStyles.content,\n        !dialog.inSidebar && dialog.islandStyles.island\n      ]\"\n    >\n      <div ng-class=\"[dialog.islandStyles.header, dialog.styles.header]\"\n        data-anchor=\"dialog-header\"\n        ng-show=\"dialog.title\">\n        <span ng-class=\"dialog.islandStyles.title\">{{ dialog.title }}</span>\n      </div>\n\n      <div ng-class=\"[dialog.styles.scrollableWrapper, dialog.islandStyles.scrollableWrapper, dialog.scrollableWrapperClassName]\">\n        <div ng-class=\"[dialog.styles.content, dialog.islandStyles.content]\">\n          <form name=\"dialog.dialogForm\" class=\"ring-form ring-js-shortcuts\"\n            novalidate>\n            <rg-dialog-content></rg-dialog-content>\n\n            <div class=\"ring-form__group\" ng-show=\"dialog.error\">\n              <div ng-class=\"dialog.styles.error\" ng-bind-html=\"dialog.error\"></div>\n            </div>\n          </form>\n        </div>\n      </div>\n\n      <div ng-class=\"dialog.styles.footer\"\n        ng-if=\"dialog.description.length || dialog.buttons.length\">\n        <div ng-class=\"dialog.styles.footerDescription\"\n          ng-if=\"dialog.description && dialog.description.length\">\n          <div ng-repeat=\"line in dialog.description\">{{ line }}</div>\n        </div>\n\n        <div ng-class=\"dialog.styles.footerItems\">\n          <rg-button\n            ng-repeat=\"button in dialog.buttons\"\n            ng-class=\"[dialog.styles.footerItem , button.cssClasses]\"\n            mode=\"{{button.default ? 'primary' : ''}}\"\n            text=\"button.text\"\n            ng-disabled=\"(button.default && dialog.dialogForm.$invalid) || button.disabled\"\n            ng-if=\"!button.hidden\"\n            data-test=\"dialog-footer-button\"\n\n            rg-promised-click=\"dialog.action(button)\"\n            promised-mode=\"loader\"\n          >{{ button.label }}\n          </rg-button>\n        </div>\n      </div>\n\n      <div data-anchor=\"dialog-custom-footer-container\"></div>\n\n      <div tabindex=\"-1\" ng-show=\"false\" data-anchor=\"focus-trap-fallback\"></div>\n    </div>\n  </div>\n</div>";
 
 export { dialogTemplate as default };

package/dist/docked-panel-ng/docked-panel-ng.js

@@ -2,8 +2,9 @@ import angular from 'angular';
 import scheduleRAF from '../global/schedule-raf.js';
 import { getDocumentScrollTop, getWindowHeight } from '../global/dom.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_655b40c7 = {"unit":"8px","dockedPanel":"dockedPanel_rui_be55","fixed":"fixed_rui_be55"};
+var modules_655b40c7 = {"unit":"8px","dockedPanel":"dockedPanel_rui_f45d","fixed":"fixed_rui_f45d"};
 
 const scheduleAction = scheduleRAF();
 /**

package/dist/dropdown/anchor.js

@@ -10,7 +10,9 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/dropdown/dropdown.d.ts

@@ -6,7 +6,7 @@ export interface AnchorProps {
     active: boolean;
     pinned: boolean;
 }
-export interface DropdownProps extends HTMLAttributes<HTMLElement> {
+export interface DropdownProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
     anchor: ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode);
     children: ReactElement<PopupAttrs> | ((props: Omit<PopupAttrs, 'children'>) => ReactNode);
     initShown: boolean;
@@ -32,7 +32,7 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
          * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
          * React element should render some interactive HTML element like `button` or `a`
          */
-        anchor: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        anchor: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
         children: PropTypes.Validator<PropTypes.ReactElementLike | ((...args: any[]) => any)>;
         initShown: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;

package/dist/dropdown/dropdown.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -12,6 +13,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';

package/dist/dropdown-menu/dropdown-menu.js

@@ -7,6 +7,7 @@ import PopupMenu from '../popup-menu/popup-menu.js';
 import getUID from '../global/get-uid.js';
 import { A as Anchor } from '../_helpers/anchor.js';
 import { isArray } from '../global/typescript-utils.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -33,9 +34,10 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
@@ -98,7 +100,7 @@ function DropdownAnchorWrapper(_ref) {
     ...anchorAriaProps
   }), [pinned, active, restProps, anchorAriaProps]);
   const anchorComponentProps = useMemo(() => ({ ...anchorProps,
-    pinned: `${anchorProps.pinned}`
+    pinned: "".concat(anchorProps.pinned)
   }), [anchorProps]);
 
   if (typeof anchor === 'string') {

package/dist/error-bubble/error-bubble.js

@@ -4,6 +4,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -18,7 +20,7 @@ import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 
-var modules_ee284100 = {"unit":"8px","errorBubblePopup":"errorBubblePopup_rui_5695","errorBubbleWrapper":"errorBubbleWrapper_rui_5695","errorBubble":"errorBubble_rui_5695"};
+var modules_ee284100 = {"unit":"8px","errorBubblePopup":"errorBubblePopup_rui_b075","errorBubbleWrapper":"errorBubbleWrapper_rui_b075","errorBubble":"errorBubble_rui_b075"};
 
 /**
  * @name Error Bubble

package/dist/error-message/error-message.js

@@ -8,7 +8,9 @@ import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Error Message
@@ -36,7 +38,7 @@ class ErrorMessage extends Component {
       className: modules_2c5e8509.content
     }, /*#__PURE__*/React.createElement("div", {
       className: modules_2c5e8509.title
-    }, code && `${code}:`, " ", message), description && /*#__PURE__*/React.createElement("div", {
+    }, code && "".concat(code, ":"), " ", message), description && /*#__PURE__*/React.createElement("div", {
       className: modules_2c5e8509.description
     }, description), children));
   }

package/dist/error-message-ng/error-message-ng.js

@@ -2,6 +2,8 @@ import angular from 'angular';
 import IconNG from '../icon-ng/icon-ng.js';
 import LinkNG from '../link-ng/link-ng.js';
 import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
@@ -18,27 +20,7 @@ angularModule.directive('rgErrorMessage', function rgErrorMessageDirective() {
   return {
     replace: true,
     transclude: true,
-    template: `
-<div class="${modules_2c5e8509.errorMessage}" data-test="ring-error-message">
-
-    <rg-icon class="${modules_2c5e8509.icon}" glyph="{{icon}}" color="gray" size="64"></rg-icon>
-    
-    <div class="${modules_2c5e8509.content}">
-      <div class="${modules_2c5e8509.title}" data-test="ring-error-message-title"
-      ><span ng-if="code">{{ code }}:</span> {{ message }}</div>
-      
-      <div class="${modules_2c5e8509.description}" ng-transclude></div>
-      
-      
-       <div ng-if="links">
-          <span ng-repeat="link in links">
-            <rg-link ng-if="link.target" ng-href="{{link.href}}" target="{{link.target}}">{{link.text}}</rg-link><rg-link
-            ng-if="!link.target" ng-href="{{link.href}}">{{link.text}}</rg-link>{{$last ? '' : ','}}
-          </span>
-        </div>
-    </div>
-</div>
-    `,
+    template: "\n<div class=\"".concat(modules_2c5e8509.errorMessage, "\" data-test=\"ring-error-message\">\n\n    <rg-icon class=\"").concat(modules_2c5e8509.icon, "\" glyph=\"{{icon}}\" color=\"gray\" size=\"64\"></rg-icon>\n    \n    <div class=\"").concat(modules_2c5e8509.content, "\">\n      <div class=\"").concat(modules_2c5e8509.title, "\" data-test=\"ring-error-message-title\"\n      ><span ng-if=\"code\">{{ code }}:</span> {{ message }}</div>\n      \n      <div class=\"").concat(modules_2c5e8509.description, "\" ng-transclude></div>\n      \n      \n       <div ng-if=\"links\">\n          <span ng-repeat=\"link in links\">\n            <rg-link ng-if=\"link.target\" ng-href=\"{{link.href}}\" target=\"{{link.target}}\">{{link.text}}</rg-link><rg-link\n            ng-if=\"!link.target\" ng-href=\"{{link.href}}\">{{link.text}}</rg-link>{{$last ? '' : ','}}\n          </span>\n        </div>\n    </div>\n</div>\n    "),
     restrict: 'E',
     scope: {
       code: '@',

package/dist/footer/footer.js

@@ -6,6 +6,7 @@ export { c as copyright, F as default } from '../_helpers/footer.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/footer-ng/footer-ng.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_7385b3fd, c as copyright } from '../_helpers/footer.js';
@@ -33,25 +34,13 @@ _defineProperty(rgFooterComponent, "transclude", {
   right: '?rgFooterRight'
 });
 
-_defineProperty(rgFooterComponent, "template", `<footer ng-class=":: $ctrl.styles.footer" data-test="ring-footer">
-  <div ng-class=":: $ctrl.styles.columnLeft">
-    <div ng-transclude="left" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnCenter">
-    <div ng-transclude="center" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnRight">
-    <div ng-transclude="right" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-</footer>`);
+_defineProperty(rgFooterComponent, "template", "<footer ng-class=\":: $ctrl.styles.footer\" data-test=\"ring-footer\">\n  <div ng-class=\":: $ctrl.styles.columnLeft\">\n    <div ng-transclude=\"left\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n\n  <div ng-class=\":: $ctrl.styles.columnCenter\">\n    <div ng-transclude=\"center\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n\n  <div ng-class=\":: $ctrl.styles.columnRight\">\n    <div ng-transclude=\"right\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n</footer>");
 
 class rgFooterLineComponent extends RingAngularComponent {}
 
 _defineProperty(rgFooterLineComponent, "transclude", true);
 
-_defineProperty(rgFooterLineComponent, "template", `<div class="${modules_7385b3fd.line}" ng-transclude></div>`);
+_defineProperty(rgFooterLineComponent, "template", "<div class=\"".concat(modules_7385b3fd.line, "\" ng-transclude></div>"));
 
 class rgFooterCopyrightComponent extends RingAngularComponent {
   $onInit() {

package/dist/form-ng/form-ng.js

@@ -9,7 +9,7 @@ import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 const angularModule = angular.module('Ring.form', [MessageBundle, AngularElastic]);
 angularModule.factory('getFormErrorMessages', ["RingMessageBundle", function getFormErrorMessagesDirective(RingMessageBundle) {
   function msg(id, formError) {
-    const messageBundleId = `form_${id}`;
+    const messageBundleId = "form_".concat(id);
 
     if (RingMessageBundle.hasOwnProperty(messageBundleId)) {
       return RingMessageBundle[messageBundleId]();
@@ -51,9 +51,7 @@ angularModule.directive('rgErrorBubble', ["getFormErrorMessages", function rgErr
       errorBubble: '&rgErrorBubble'
     },
     replace: true,
-    template: `<div class="ring-error-bubble" ng-class="{ active: active, 'ring-error-bubble_material': material }" ng-style="style">
-  <div ng-repeat="errorMessage in getFormErrorMessages(errorBubble().$error)">{{ errorMessage }}</div>
-</div>`,
+    template: "<div class=\"ring-error-bubble\" ng-class=\"{ active: active, 'ring-error-bubble_material': material }\" ng-style=\"style\">\n  <div ng-repeat=\"errorMessage in getFormErrorMessages(errorBubble().$error)\">{{ errorMessage }}</div>\n</div>",
     link: function link(scope, iElement, iAttrs) {
       scope.style = {};
       const siblings = Array.from(iElement[0].parentNode.children);

package/dist/global/angular-component-factory.js

@@ -1,24 +1,26 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import React from 'react';
-import { unmountComponentAtNode, render } from 'react-dom';
+import { unmountComponentAtNode, render } from './react-render-adapter.js';
 import RingAngularComponent from './ring-angular-component.js';
 import Renderer from './react-dom-renderer.js';
+import 'react-dom';
 import 'prop-types';
 
 function getAngularComponentName(name) {
-  return `rg${name}`;
+  return "rg".concat(name);
 }
 
 function createAngularComponent(Component) {
-  var _class, _temp;
+  var _class;
 
   const propKeys = Object.keys(Component.propTypes);
   const bindings = {};
   propKeys.forEach(key => {
     bindings[key] = '<';
   });
-  return _temp = _class = class AngularComponent extends RingAngularComponent {
+  return _class = class AngularComponent extends RingAngularComponent {
     $postLink() {
       const {
         $transclude
@@ -71,11 +73,11 @@ function createAngularComponent(Component) {
       }) : null), container);
     }
 
-  }, _defineProperty(_class, "$inject", ['$scope', '$element', '$transclude']), _defineProperty(_class, "bindings", bindings), _defineProperty(_class, "transclude", true), _temp;
+  }, _defineProperty(_class, "$inject", ['$scope', '$element', '$transclude']), _defineProperty(_class, "bindings", bindings), _defineProperty(_class, "transclude", true), _class;
 }
 
 function angularComponentFactory(Component, name) {
-  const angularModuleName = `Ring.${name[0].toLowerCase() + name.slice(1)}`;
+  const angularModuleName = "Ring.".concat(name[0].toLowerCase() + name.slice(1));
   return angular.module(angularModuleName, []).component(getAngularComponentName(name), createAngularComponent(Component));
 }
 

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

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { memo, createContext, useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
@@ -21,7 +22,7 @@ function createStatefulContext(initialValue) {
   Provider.propTypes = {
     children: PropTypes.node
   };
-  Provider.displayName = `${name}Provider`;
+  Provider.displayName = "".concat(name, "Provider");
 
   function useUpdate(value, skipUpdate) {
     const update = useContext(UpdateContext);
@@ -41,7 +42,7 @@ function createStatefulContext(initialValue) {
     return null;
   }
 
-  Updater.displayName = `${name}Updater`;
+  Updater.displayName = "".concat(name, "Updater");
   return {
     ValueContext,
     UpdateContext,

package/dist/global/data-tests.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function expandMap(attrsMap) {
   return Object.entries(attrsMap).reduce((result, _ref) => {
     let [key, value] = _ref;

package/dist/global/dom.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name DOM

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

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { refObject } from './prop-types.js';

package/dist/global/fuzzy-highlight.js

@@ -22,7 +22,7 @@ function fuzzyHighlight(needle, haystack) {
 
   if (nlen === hlen) {
     const matched = ndl === hstck;
-    return result(matched, matched ? `${marker}${haystack}${marker}` : haystack);
+    return result(matched, matched ? "".concat(marker).concat(haystack).concat(marker) : haystack);
   }
 
   let highlight = '';

package/dist/global/inject-styles.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const injectStyleSheet = styles => {
   const styleTag = document.createElement('style');
   styleTag.setAttribute('type', 'text/css');
@@ -5,13 +7,9 @@ const injectStyleSheet = styles => {
   document.head.appendChild(styleTag);
   return styleTag;
 };
-const injectRuleSet = (selector, declarations) => injectStyleSheet(`
-${selector} {
-  ${Object.entries(declarations).map(_ref => {
+const injectRuleSet = (selector, declarations) => injectStyleSheet("\n".concat(selector, " {\n  ").concat(Object.entries(declarations).map(_ref => {
   let [property, value] = _ref;
-  return `${property}: ${value};`;
-}).join(`
-  `)}
-}`);
+  return "".concat(property, ": ").concat(value, ";");
+}).join("\n  "), "\n}"));
 
 export { injectRuleSet, injectStyleSheet };

package/dist/global/listeners.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Listeners {
   constructor() {

package/dist/global/memoize.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function memoize(fn) {
   const primitiveCache = new Map();
   const objectCache = new WeakMap();

package/dist/global/normalize-indent.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function normalizeIndent(string) {
   const nonemptyRE = /\S/;
   const indentRE = /^\s*/;

package/dist/global/promise-with-timeout.d.ts

@@ -1,4 +1,5 @@
 export interface PromiseWithTimeoutConfig {
     error?: Error | null | undefined;
+    onTimeout?: () => void | undefined;
 }
-export default function promiseWithTimeout<T>(promise: Promise<T>, timeout: number, { error }: PromiseWithTimeoutConfig): Promise<unknown>;
+export default function promiseWithTimeout<T>(promise: Promise<T>, timeout: number, { error, onTimeout }: PromiseWithTimeoutConfig): Promise<unknown>;

package/dist/global/promise-with-timeout.js

@@ -2,10 +2,14 @@
 // https://github.com/github/fetch/issues/175#issuecomment-284787564
 function promiseWithTimeout(promise, timeout, _ref) {
   let {
-    error
+    error,
+    onTimeout = () => {}
   } = _ref;
   return new Promise((resolve, reject) => {
-    setTimeout(() => reject(error || new Error('Timeout')), timeout);
+    setTimeout(() => {
+      onTimeout();
+      reject(error || new Error('Timeout'));
+    }, timeout);
     promise.then(resolve, reject);
   });
 }

package/dist/global/react-dom-renderer.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 

package/dist/global/react-render-adapter.d.ts

@@ -0,0 +1,29 @@
+import type { ReactChild, ReactElement, ReactNode } from 'react';
+import { unmountComponentAtNode as legacyUnmountComponentAtNode } from 'react-dom';
+export declare let render: (element: ReactElement, container: Element | DocumentFragment) => void;
+export declare let unmountComponentAtNode: typeof legacyUnmountComponentAtNode;
+export declare let hydrate: (element: ReactElement, container: Element | Document) => void;
+interface Root {
+    render(children: ReactChild | Iterable<ReactNode>): void;
+    unmount(): void;
+}
+interface RootOptions {
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
+}
+interface HydrationOptions {
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
+}
+interface Client {
+    createRoot(container: Element | DocumentFragment, options?: RootOptions): Root;
+    hydrateRoot(container: Element | Document, initialChildren: ReactChild | Iterable<ReactNode>, options?: HydrationOptions): Root;
+}
+export declare function setClient({ createRoot, hydrateRoot }: Client): void;
+export {};

package/dist/global/react-render-adapter.js

@@ -0,0 +1,41 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { render as render$1, unmountComponentAtNode as unmountComponentAtNode$1, hydrate as hydrate$1 } from 'react-dom';
+
+/* eslint-disable import/no-mutable-exports */
+
+let render = render$1;
+let unmountComponentAtNode = unmountComponentAtNode$1;
+let hydrate = hydrate$1;
+/* eslint-enable */
+
+function setClient(_ref) {
+  let {
+    createRoot,
+    hydrateRoot
+  } = _ref;
+  const roots = new WeakMap();
+
+  render = (element, container) => {
+    let root = roots.get(container);
+
+    if (root == null) {
+      root = createRoot(container);
+      roots.set(container, root);
+    }
+
+    root.render(element);
+  };
+
+  unmountComponentAtNode = container => {
+    var _roots$get;
+
+    return (_roots$get = roots.get(container)) === null || _roots$get === void 0 ? void 0 : _roots$get.unmount();
+  };
+
+  hydrate = (element, container) => {
+    const root = hydrateRoot(container, element);
+    roots.set(container, root);
+  };
+}
+
+export { hydrate, render, setClient, unmountComponentAtNode };