@jetbrains/ring-ui 4.2.4 → 4.2.5

package/dist/_helpers/select__filter.js

@@ -1,77 +0,0 @@
-import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Input from '../input/input.js';
-import sniffr from '../global/sniffer.js';
-import { ActiveItemContext } from '../list/list.js';
-
-var modules_b607bec2 = {"unit":"8px","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","filterWithTagsFocused":"filterWithTagsFocused_rui_531d","filter":"filter_rui_531d","filterIcon":"filterIcon_rui_531d","bottomLine":"bottomLine_rui_531d","message":"message_rui_531d","selectAll":"selectAll_rui_531d"};
-
-function noop() {}
-
-class SelectFilter extends Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-      this.props.inputRef(el);
-    });
-  }
-
-  componentWillUnmount() {
-    this.blur();
-  }
-
-  focus() {
-    const {
-      input
-    } = this;
-
-    if (input && input !== document.activeElement) {
-      sniffr.browser.name === 'firefox' ? input.select() : input.focus();
-    }
-  }
-
-  blur() {
-    if (this.input && this.input === document.activeElement) {
-      this.input.blur();
-    }
-  }
-
-  render() {
-    const {
-      className,
-      listId,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_b607bec2.filter, className);
-    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
-      "aria-owns": listId,
-      "aria-activedescendant": activeItemId,
-      autoComplete: "off",
-      autoFocus: true,
-      borderless: true,
-      inputRef: this.inputRef,
-      className: classes
-    })));
-  }
-
-}
-
-_defineProperty(SelectFilter, "propTypes", {
-  placeholder: PropTypes.string,
-  className: PropTypes.string,
-  inputRef: PropTypes.func,
-  listId: PropTypes.string,
-  activeItemId: PropTypes.string
-});
-
-_defineProperty(SelectFilter, "defaultProps", {
-  placeholder: 'Filter items',
-  inputRef: noop
-});
-
-export { SelectFilter as S, modules_b607bec2 as m };

package/dist/_helpers/services-link.js

@@ -1,40 +0,0 @@
-import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import Link from '../link/link.js';
-
-var modules_74a7bf8b = {"unit":"8px","services":"services_rui_e0d5","active":"active_rui_e0d5","item":"item_rui_e0d5","itemLogo":"itemLogo_rui_e0d5","activeItem":"activeItem_rui_e0d5 item_rui_e0d5 active_rui_e0d5","line":"line_rui_e0d5","itemStacked":"itemStacked_rui_e0d5","activeItemStacked":"activeItemStacked_rui_e0d5 itemStacked_rui_e0d5 active_rui_e0d5"};
-
-class ServicesLink extends PureComponent {
-  render() {
-    const {
-      service,
-      ...props
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Link, _extends({
-      target: "_self",
-      href: service.homeUrl
-    }, props), WrapText => service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
-      key: "icon",
-      className: modules_74a7bf8b.itemLogo,
-      style: {
-        backgroundImage: "url(".concat(service.iconUrl, ")")
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      key: "text"
-    }, /*#__PURE__*/React.createElement(WrapText, null, service.name))] : /*#__PURE__*/React.createElement(WrapText, null, service.name));
-  }
-
-}
-
-_defineProperty(ServicesLink, "propTypes", {
-  isActive: PropTypes.bool,
-  service: PropTypes.shape({
-    applicationName: PropTypes.string,
-    iconUrl: PropTypes.string,
-    homeUrl: PropTypes.string,
-    name: PropTypes.string
-  })
-});
-
-export { ServicesLink as S, modules_74a7bf8b as m };

package/dist/_helpers/sidebar.js

@@ -1,126 +0,0 @@
-import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Waypoint } from 'react-waypoint';
-
-var modules_b8a9dd4f = {"unit":"8px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","sidebarWidth":"240px","contentLayout":"contentLayout_rui_8468","contentLayoutContent":"contentLayoutContent_rui_8468","sidebarContainer":"sidebarContainer_rui_8468","sidebarContainerRight":"sidebarContainerRight_rui_8468","sidebar":"sidebar_rui_8468","sidebarRight":"sidebarRight_rui_8468","sidebarFixedTop":"sidebarFixedTop_rui_8468","sidebarFixedBottom":"sidebarFixedBottom_rui_8468","bottomMarker":"bottomMarker_rui_8468","contentLayoutResponsive":"contentLayoutResponsive_rui_8468"};
-
-const ABOVE = 'above';
-const INSIDE = 'inside';
-class Sidebar extends Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      topIsOutside: true,
-      bottomIsOutside: true
-    });
-
-    _defineProperty(this, "handleTopWaypoint", _ref => {
-      let {
-        currentPosition
-      } = _ref;
-      this.setState({
-        topIsOutside: currentPosition === ABOVE
-      });
-    });
-
-    _defineProperty(this, "handleBottomWaypoint", _ref2 => {
-      let {
-        currentPosition,
-        waypointTop
-      } = _ref2;
-      this.setState({
-        sidebarVisibleHeight: waypointTop,
-        bottomIsOutside: currentPosition !== INSIDE
-      });
-    });
-
-    _defineProperty(this, "sidebarRef", node => {
-      this.sidebarNode = node;
-    });
-  }
-
-  shouldUseFixation() {
-    const {
-      contentNode
-    } = this.props;
-    const {
-      sidebarNode
-    } = this;
-
-    if (!contentNode || !sidebarNode) {
-      return false;
-    }
-
-    return contentNode.offsetHeight >= sidebarNode.offsetHeight;
-  }
-
-  shouldFixateBottom() {
-    const {
-      topIsOutside,
-      bottomIsOutside
-    } = this.state;
-    return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
-  }
-
-  render() {
-    const {
-      right,
-      children,
-      className,
-      containerClassName,
-      fixedClassName,
-      contentNode,
-      ...restProps
-    } = this.props;
-    const {
-      topIsOutside,
-      bottomIsOutside,
-      sidebarVisibleHeight
-    } = this.state;
-    const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
-    const shouldFixateBottom = this.shouldFixateBottom();
-    const containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, {
-      [modules_b8a9dd4f.sidebarContainerRight]: right
-    });
-    const classes = classNames(modules_b8a9dd4f.sidebar, className, {
-      [modules_b8a9dd4f.sidebarRight]: right,
-      [modules_b8a9dd4f.sidebarFixedTop]: shouldFixateTop,
-      [modules_b8a9dd4f.sidebarFixedBottom]: shouldFixateBottom,
-      [fixedClassName]: shouldFixateTop || shouldFixateBottom
-    });
-    const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : null
-    };
-    return /*#__PURE__*/React.createElement("aside", {
-      className: containerClasses,
-      ref: this.sidebarRef
-    }, /*#__PURE__*/React.createElement(Waypoint, {
-      onEnter: this.handleTopWaypoint,
-      onLeave: this.handleTopWaypoint
-    }), /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      style: style,
-      className: classes
-    }), children), /*#__PURE__*/React.createElement("div", {
-      className: modules_b8a9dd4f.bottomMarker
-    }, /*#__PURE__*/React.createElement(Waypoint, {
-      onEnter: this.handleBottomWaypoint,
-      onLeave: this.handleBottomWaypoint
-    })));
-  }
-
-}
-
-_defineProperty(Sidebar, "propTypes", {
-  right: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  containerClassName: PropTypes.string,
-  fixedClassName: PropTypes.string,
-  contentNode: PropTypes.object
-});
-
-export { Sidebar as S, modules_b8a9dd4f as m };

package/dist/_helpers/table.js

@@ -1,3 +0,0 @@
-var modules_1db4bbca = {"unit":"8px","height":"32px","compensate":"2px","compensated":"30px","top":"-3px","row":"row_rui_23fe","dragHandle":"dragHandle_rui_23fe","tableWrapper":"tableWrapper_rui_23fe","table":"table_rui_23fe","userSelectNone":"userSelectNone_rui_23fe","headerCell":"headerCell_rui_23fe font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","headerCellSorted":"headerCellSorted_rui_23fe","headerCellSortable":"headerCellSortable_rui_23fe","sorter":"sorter_rui_23fe","sortedUp":"sortedUp_rui_23fe","icon":"icon_rui_23fe","caption":"caption_rui_23fe","tableHead":"tableHead_rui_23fe","subHeaderFixed":"subHeaderFixed_rui_23fe","subHeader":"subHeader_rui_23fe","disabledHover":"disabledHover_rui_23fe","rowSelected":"rowSelected_rui_23fe","rowFocused":"rowFocused_rui_23fe","cell":"cell_rui_23fe ellipsis_rui_8bff","loadingOverlay":"loadingOverlay_rui_23fe","cellUnlimited":"cellUnlimited_rui_23fe","cellRight":"cellRight_rui_23fe","metaColumn":"metaColumn_rui_23fe","headerMetaColumn":"headerMetaColumn_rui_23fe","visibleDragHandle":"visibleDragHandle_rui_23fe","rowCollapseExpandButton":"rowCollapseExpandButton_rui_23fe","draggingRow":"draggingRow_rui_23fe","tableMessage":"tableMessage_rui_23fe"};
-
-export { modules_1db4bbca as m };

package/dist/_helpers/tabs.js

@@ -1,3 +0,0 @@
-var modules_02138f4a = {"unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -3px 0 0","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","light":"light_rui_aa34","dark":"dark_rui_aa34","title":"title_rui_aa34 font_rui_8bff","selected":"selected_rui_aa34","collapsed":"collapsed_rui_aa34","titleLegacy":"titleLegacy_rui_aa34","visible":"visible_rui_aa34","container":"container_rui_aa34","hidden":"hidden_rui_aa34","hiddenBold":"hiddenBold_rui_aa34","hiddenRegular":"hiddenRegular_rui_aa34","tabCounter":"tabCounter_rui_aa34","autoCollapseContainer":"autoCollapseContainer_rui_aa34","autoCollapse":"autoCollapse_rui_aa34","rendered":"rendered_rui_aa34","adjusted":"adjusted_rui_aa34","measure":"measure_rui_aa34","morePopup":"morePopup_rui_aa34","chevron":"chevron_rui_aa34","morePopupBeforeEnd":"morePopupBeforeEnd_rui_aa34"};
-
-export { modules_02138f4a as m };

package/dist/_helpers/title.js

@@ -1,100 +0,0 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import focusSensorHOC from '../global/focus-sensor-hoc.js';
-import Checkbox from '../checkbox/checkbox.js';
-import getUID from '../global/get-uid.js';
-
-var modules_09d014b4 = {"unit":"8px","height":"32px","compensate":"2px","dataListWrapper":"dataListWrapper_rui_9f76","dataList":"dataList_rui_9f76","itemContent":"itemContent_rui_9f76","title":"title_rui_9f76","disabledHover":"disabledHover_rui_9f76","titleSelected":"titleSelected_rui_9f76","titleFocused":"titleFocused_rui_9f76","showMore":"showMore_rui_9f76","boxes":"boxes_rui_9f76","checkboxBox":"checkboxBox_rui_9f76","collapseButton":"collapseButton_rui_9f76","collapseIcon":"collapseIcon_rui_9f76","loadingOverlay":"loadingOverlay_rui_9f76","showMoreLoader":"showMoreLoader_rui_9f76"};
-
-class Title extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "id", getUID('data-list-title'));
-
-    _defineProperty(this, "onCheckboxFocus", () => {
-      this.props.onFocusRestore();
-    });
-
-    _defineProperty(this, "onCheckboxChange", () => {
-      this.toggleSelection();
-    });
-  }
-
-  toggleSelection() {
-    const {
-      selectable,
-      selected,
-      onSelect
-    } = this.props;
-
-    if (selectable) {
-      onSelect(!selected);
-    }
-  }
-
-  render() {
-    const {
-      className,
-      title,
-      offset,
-      showFocus,
-      innerRef,
-      selectable,
-      selected,
-      collapserExpander
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_09d014b4.title]: true,
-      [modules_09d014b4.titleFocused]: showFocus,
-      [modules_09d014b4.titleSelected]: selected
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      id: this.id,
-      className: classes,
-      style: {
-        paddingLeft: offset
-      },
-      ref: innerRef
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.boxes
-    }, selectable && /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.checkboxBox
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      className: showFocus ? 'ring-checkbox_focus' : '',
-      checked: selected,
-      onFocus: this.onCheckboxFocus,
-      onChange: this.onCheckboxChange,
-      tabIndex: "-1"
-    })), collapserExpander), title);
-  }
-
-}
-
-_defineProperty(Title, "propTypes", {
-  className: PropTypes.string,
-  title: PropTypes.node,
-  offset: PropTypes.number,
-  selectable: PropTypes.bool,
-  selected: PropTypes.bool,
-  onSelect: PropTypes.func,
-  showFocus: PropTypes.bool,
-  collapserExpander: PropTypes.node,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
-  // focusSensorHOC
-  onFocusRestore: PropTypes.func
-});
-
-_defineProperty(Title, "defaultProps", {
-  selectable: false,
-  selected: false,
-  showFocus: false
-});
-
-var Title$1 = focusSensorHOC(Title);
-
-export { Title$1 as T, modules_09d014b4 as m };

package/dist/alert/alert.js

@@ -1,262 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { PureComponent } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import exceptionIcon from '@jetbrains/icons/exception';
-import checkmarkIcon from '@jetbrains/icons/checkmark';
-import warningIcon from '@jetbrains/icons/warning';
-import closeIcon from '@jetbrains/icons/close';
-import Icon from '../icon/icon.js';
-import LoaderInline from '../loader-inline/loader-inline.js';
-import { getRect } from '../global/dom.js';
-import joinDataTestAttributes from '../global/data-tests.js';
-export { default as Container } from './container.js';
-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 '../global/theme.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
-import 'react-dom';
-
-var modules_e02b3280 = {"unit":"8px","animation-duration":"300ms","animation-easing":"ease-out","alert":"alert_rui_2b32","alertInline":"alertInline_rui_2b32","error":"error_rui_2b32","icon":"icon_rui_2b32","caption":"caption_rui_2b32","link":"link_rui_2b32","withCloseButton":"withCloseButton_rui_2b32","badge":"badge_rui_2b32","loader":"loader_rui_2b32","close":"close_rui_2b32","animationOpen":"animationOpen_rui_2b32","show":"show_rui_2b32","animationClosing":"animationClosing_rui_2b32","animationShaking":"animationShaking_rui_2b32","shaking":"shaking_rui_2b32"};
-
-const ANIMATION_TIME = 500;
-/**
- * @name Alert
- */
-
-/**
- * List of available alert types.
- * @enum {string}
- */
-
-const Type = {
-  ERROR: 'error',
-  MESSAGE: 'message',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  LOADING: 'loading'
-};
-/**
- * Lookup table of alert type to icon modifier.
- * @type {Object.<Type, string>}
- */
-
-const TypeToIcon = {
-  [Type.ERROR]: exceptionIcon,
-  [Type.SUCCESS]: checkmarkIcon,
-  [Type.WARNING]: warningIcon
-};
-/**
- * Lookup table of alert type to icon color.
- * @type {Object.<Type, Icon.Color>}
- */
-
-const TypeToIconColor = {
-  [Type.ERROR]: Icon.Color.RED,
-  [Type.SUCCESS]: Icon.Color.GREEN,
-  [Type.WARNING]: Icon.Color.WHITE
-};
-/**
- * @constructor
- * @name Alert
- * @extends {ReactComponent}
- */
-
-/**
- * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
- */
-
-class Alert extends PureComponent {
-  constructor() {
-    var _this;
-
-    super(...arguments);
-    _this = this;
-
-    _defineProperty(this, "state", {
-      height: null
-    });
-
-    _defineProperty(this, "closeRequest", function () {
-      _this.startCloseAnimation();
-
-      return _this.props.onCloseRequest(...arguments);
-    });
-
-    _defineProperty(this, "startCloseAnimation", () => {
-      const height = getRect(this.node).height;
-      this.setState({
-        height
-      });
-    });
-
-    _defineProperty(this, "_handleCaptionsLinksClick", evt => {
-      if (evt.target.matches('a')) {
-        this.closeRequest(evt);
-      }
-    });
-
-    _defineProperty(this, "storeAlertRef", node => {
-      this.node = node;
-    });
-  }
-
-  componentDidMount() {
-    if (this.props.timeout > 0) {
-      this.hideTimeout = setTimeout(this.closeRequest, this.props.timeout);
-    }
-  }
-
-  componentDidUpdate() {
-    if (this.props.isClosing) {
-      this._close();
-    }
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.hideTimeout);
-  }
-
-  _close() {
-    this.startCloseAnimation();
-    setTimeout(() => {
-      this.props.onClose();
-    }, ANIMATION_TIME);
-  }
-  /**
-   * @param {SyntheticEvent} evt
-   * @private
-   */
-
-
-  /**
-   * @private
-   */
-  _getCaption() {
-    return /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_e02b3280.caption, this.props.captionClassName, {
-        [modules_e02b3280.withCloseButton]: this.props.closeable
-      }),
-      onClick: this._handleCaptionsLinksClick // We only process clicks on `a` elements, see above
-      ,
-      role: "presentation"
-    }, this.props.children);
-  }
-  /**
-   * @private
-   * @return {XML|string}
-   */
-
-
-  _getIcon() {
-    const glyph = TypeToIcon[this.props.type];
-
-    if (glyph) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        glyph: glyph,
-        className: modules_e02b3280.icon,
-        color: TypeToIconColor[this.props.type] || Icon.Color.DEFAULT
-      });
-    } else if (this.props.type === Type.LOADING) {
-      return /*#__PURE__*/React.createElement(LoaderInline, {
-        className: modules_e02b3280.loader,
-        theme: LoaderInline.Theme.DARK
-      });
-    }
-
-    return '';
-  }
-
-  render() {
-    const {
-      type,
-      inline,
-      isClosing,
-      isShaking,
-      closeButtonClassName,
-      showWithAnimation,
-      className,
-      'data-test': dataTest
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_e02b3280.alert]: true,
-      [modules_e02b3280.animationOpen]: showWithAnimation,
-      [modules_e02b3280.error]: type === 'error',
-      [modules_e02b3280.alertInline]: inline,
-      [modules_e02b3280.animationClosing]: isClosing,
-      [modules_e02b3280.animationShaking]: isShaking
-    });
-    const style = this.state.height ? {
-      marginBottom: -this.state.height
-    } : null;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": joinDataTestAttributes('alert', dataTest),
-      "data-test-type": type,
-      style: style,
-      ref: this.storeAlertRef
-    }, this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: classNames(modules_e02b3280.close, closeButtonClassName),
-      "data-test": "alert-close",
-      "aria-label": "close alert",
-      onClick: this.closeRequest
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: closeIcon
-    })) : '');
-  }
-
-}
-
-_defineProperty(Alert, "propTypes", {
-  timeout: PropTypes.number,
-
-  /**
-   * Fires when alert starts closing if timeout is out or user clicks "Close" button
-   */
-  onCloseRequest: PropTypes.func,
-  onClose: PropTypes.func,
-  isShaking: PropTypes.bool,
-  isClosing: PropTypes.bool,
-
-  /**
-   * Whether an alert is rendered inside an **Alerts** container
-   * or standalone.
-   */
-  inline: PropTypes.bool,
-  showWithAnimation: PropTypes.bool,
-  closeable: PropTypes.bool,
-  type: PropTypes.oneOf(Object.values(Type)),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  captionClassName: PropTypes.string,
-  closeButtonClassName: PropTypes.string,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(Alert, "defaultProps", {
-  closeable: true,
-  showWithAnimation: true,
-  type: Type.MESSAGE,
-  inline: true,
-  isClosing: false,
-  isShaking: false,
-  timeout: 0,
-  onClose: () => {},
-  onCloseRequest: () => {}
-});
-
-_defineProperty(Alert, "Type", Type);
-
-export { ANIMATION_TIME, Alert as default };

package/dist/alert/container.js

@@ -1,48 +0,0 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Children, cloneElement } from 'react';
-import { createPortal } from 'react-dom';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-
-var modules_fc8df42d = {"unit":"8px","alertContainer":"alertContainer_rui_a9a3","alertInContainer":"alertInContainer_rui_a9a3 alert_rui_2b32"};
-
-/**
- * @name Alert Container
- * @description Displays a stack of alerts on top of the page.
- * @extends {PureComponent}
- */
-
-class Alerts extends PureComponent {
-  render() {
-    const {
-      children,
-      className,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_fc8df42d.alertContainer, className);
-    const show = Children.count(children) > 0;
-
-    if (!show) {
-      return null;
-    }
-
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", _extends({
-      "data-test": "alert-container",
-      className: classes,
-      "aria-live": "polite"
-    }, restProps), Children.map(children, child => {
-      const alertClassNames = classNames(modules_fc8df42d.alertInContainer, child.props.className);
-      return /*#__PURE__*/cloneElement(child, {
-        className: alertClassNames
-      });
-    })), document.body);
-  }
-
-}
-
-_defineProperty(Alerts, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
-
-export { Alerts as default };