@jetbrains/ring-ui 5.1.15 → 5.1.17

package/components/editable-heading/editable-heading.css

@@ -127,6 +127,28 @@
   }
 }
 
+.textarea {
+  resize: none;
+}
+
+.textareaWrapperFocused {
+  position: relative;
+
+  &::after {
+    position: absolute;
+    bottom: 6px;
+    left: 0;
+
+    width: 100%;
+    height: 30px;
+
+    content: "";
+    pointer-events: none;
+
+    background: linear-gradient(to bottom, rgba(var(--ring-content-background-components), 0), rgba(var(--ring-content-background-components), 1));
+  }
+}
+
 .button {
   margin: 6px 0;
 }

package/components/editable-heading/editable-heading.d.ts

@@ -7,7 +7,7 @@ export interface EditableHeadingTranslations {
     save: string;
     cancel: string;
 }
-export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'> & {
+export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'value' | 'size'> & {
     level?: Levels;
     headingClassName?: string | null;
     inputClassName?: string | null;
@@ -23,6 +23,7 @@ export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement>, '
     'data-test'?: string | null;
     error?: string;
     multiline?: boolean;
+    maxInputHeight?: number;
     renderMenu?: () => React.ReactNode;
     translations?: EditableHeadingTranslations;
 };

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

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading';
 import Button from '../button/button';
@@ -11,7 +11,7 @@ export { Levels };
 export { Size };
 function noop() { }
 export const EditableHeading = (props) => {
-    const { level = Levels.H1, className, headingClassName, inputClassName, children, isEditing = false, isSavingPossible = false, isSaving = false, embedded = false, size = Size.L, onEdit = noop, onSave = noop, onCancel = noop, autoFocus = true, 'data-test': dataTest, error, disabled, multiline = false, renderMenu = () => null, onFocus, onBlur, translations = {
+    const { level = Levels.H1, className, headingClassName, inputClassName, children, isEditing = false, isSavingPossible = false, isSaving = false, embedded = false, size = Size.L, onEdit = noop, onSave = noop, onCancel = noop, autoFocus = true, 'data-test': dataTest, error, disabled, multiline = false, renderMenu = () => null, onFocus, onBlur, onChange, onScroll, maxInputHeight, translations = {
         save: 'Save',
         cancel: 'Cancel'
     }, ...restProps } = props;
@@ -19,6 +19,9 @@ export const EditableHeading = (props) => {
     const [isInFocus, setIsInFocus] = React.useState(false);
     const [isMouseDown, setIsMouseDown] = React.useState(false);
     const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);
+    const textAreaRef = React.useRef(null);
+    const textAreaWrapperRef = React.useRef(null);
+    const [isScrolledToBottom, setIsScrolledToBottom] = React.useState(false);
     const hasError = error !== undefined;
     const isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
     const isCancelDisabled = isSaving;
@@ -42,7 +45,25 @@ export const EditableHeading = (props) => {
         [styles.selectionMode]: isInSelectionMode
     });
     const headingClasses = classNames(styles.heading, headingClassName, styles[`size${size}`]);
-    const inputClasses = classNames('ring-js-shortcuts', styles.input, inputStyles[`size${size}`], styles[`level${level}`], inputClassName);
+    const inputClasses = classNames('ring-js-shortcuts', styles.input, styles.textarea, inputStyles[`size${size}`], styles[`level${level}`], inputClassName);
+    const stretch = useCallback((el) => {
+        if (!el || !el.style) {
+            return;
+        }
+        el.style.height = '0';
+        el.style.height = `${el.scrollHeight + 2}px`;
+    }, []);
+    const checkValue = useCallback((el) => {
+        if (multiline && el != null && el.scrollHeight >= el.clientHeight) {
+            stretch(el);
+        }
+    }, [stretch, multiline]);
+    const checkOverflow = useCallback((el) => {
+        const scrollHeight = el.scrollHeight || 0;
+        const clientHeight = el.clientHeight || 0;
+        const scrollTop = el.scrollTop || 0;
+        setIsScrolledToBottom(scrollHeight - clientHeight <= scrollTop);
+    }, [setIsScrolledToBottom]);
     const onHeadingMouseDown = React.useCallback(() => {
         setIsMouseDown(true);
     }, []);
@@ -61,8 +82,19 @@ export const EditableHeading = (props) => {
     }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
     const onInputFocus = React.useCallback((e) => {
         setIsInFocus(true);
+        checkValue(e.target);
+        checkOverflow(e.target);
         onFocus?.(e);
-    }, [onFocus]);
+    }, [onFocus, checkOverflow, checkValue]);
+    const onInputChange = React.useCallback((e) => {
+        checkValue(e.target);
+        checkOverflow(e.target);
+        onChange?.(e);
+    }, [onChange, checkOverflow, checkValue]);
+    const onInputScroll = React.useCallback((e) => {
+        checkOverflow(e.target);
+        onScroll?.(e);
+    }, [onScroll, checkOverflow]);
     const onInputBlur = React.useCallback((e) => {
         setIsInFocus(false);
         onBlur?.(e);
@@ -74,14 +106,18 @@ export const EditableHeading = (props) => {
             window.removeEventListener('mousemove', onMouseMove);
             window.removeEventListener('mouseup', onMouseUp);
         };
-    });
+    }, [onMouseMove, onMouseUp]);
     return (<>
       <div className={classes}>
         {!disabled && isEditing
             ? (<>
               <Shortcuts map={shortcutsMap} scope={shortcutsScope} disabled={isShortcutsDisabled}/>
 
-              <input className={inputClasses} value={children} autoFocus={autoFocus} data-test={dataTest} disabled={isSaving} {...restProps} onFocus={onInputFocus} onBlur={onInputBlur}/>
+              {!multiline
+                    ? (<input className={inputClasses} value={children} autoFocus={autoFocus} data-test={dataTest} disabled={isSaving} {...restProps} onFocus={onInputFocus} onBlur={onInputBlur}/>)
+                    : (<div ref={textAreaWrapperRef} className={classNames({ [styles.textareaWrapperFocused]: !isScrolledToBottom })}>
+                    <textarea ref={textAreaRef} className={inputClasses} value={children} autoFocus={autoFocus} data-test={dataTest} disabled={isSaving} onChange={onInputChange} {...restProps} onFocus={onInputFocus} onBlur={onInputBlur} onScroll={onInputScroll} style={{ maxHeight: maxInputHeight }}/>
+                  </div>)}
             </>)
             : (<button type="button" className={styles.headingWrapperButton} onMouseDown={onHeadingMouseDown}>
               <Heading className={headingClasses} level={level} data-test={dataTest}>{children}</Heading>

package/dist/_helpers/_rollupPluginBabelHelpers.js

@@ -347,15 +347,6 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -654,4 +645,4 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-export { _defineProperty as _, _inherits as a, _createSuper as b, _classCallCheck as c, _createClass as d, _objectWithoutProperties as e, _extends as f, _objectSpread2 as g, _asyncToGenerator as h, _regeneratorRuntime as i, _slicedToArray as j, _assertThisInitialized as k, _typeof as l, _toConsumableArray as m, _createForOfIteratorHelper as n, _get as o, _getPrototypeOf as p, _toPropertyKey as q };
+export { _defineProperty as _, _inherits as a, _createSuper as b, _classCallCheck as c, _createClass as d, _objectWithoutProperties as e, _extends as f, _objectSpread2 as g, _asyncToGenerator as h, _regeneratorRuntime as i, _slicedToArray as j, _assertThisInitialized as k, _toConsumableArray as l, _createForOfIteratorHelper as m, _get as n, _getPrototypeOf as o, _toPropertyKey as p };

package/dist/_helpers/button__classes.js

@@ -1,10 +1,8 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
 import classNames from 'classnames';
 
 var modules_e81895c9 = {"unit":"i__const_unit_0","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","light":"light_rui_2ac4","heightS":"heightS_rui_0b90","heightM":"heightM_rui_0b90","heightL":"heightL_rui_0b90","button":"button_rui_0b90","active":"active_rui_0b90","withIcon":"withIcon_rui_0b90","icon":"icon_rui_0b90","primary":"primary_rui_0b90","loader":"loader_rui_0b90","loaderBackground":"loaderBackground_rui_0b90","danger":"danger_rui_0b90","text":"text_rui_0b90","content":"content_rui_0b90","text-loading":"text-loading_rui_0b90","inline":"inline_rui_0b90","withNormalIcon":"withNormalIcon_rui_0b90","withDangerIcon":"withDangerIcon_rui_0b90","progress":"progress_rui_0b90","delayed":"delayed_rui_0b90","short":"short_rui_0b90","dropdownIcon":"dropdownIcon_rui_0b90"};
 
 function getButtonClasses(_ref) {
-  var _classNames;
   var className = _ref.className,
     active = _ref.active,
     disabled = _ref.disabled,
@@ -18,7 +16,19 @@ function getButtonClasses(_ref) {
     icon = _ref.icon,
     height = _ref.height;
   var withNormalIcon = icon && !active && !danger && !primary && !disabled;
-  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], (_classNames = {}, _defineProperty(_classNames, modules_e81895c9.active, active), _defineProperty(_classNames, modules_e81895c9.danger, danger), _defineProperty(_classNames, modules_e81895c9.delayed, delayed), _defineProperty(_classNames, modules_e81895c9.withIcon, icon), _defineProperty(_classNames, modules_e81895c9.withNormalIcon, withNormalIcon), _defineProperty(_classNames, modules_e81895c9.withDangerIcon, icon && danger), _defineProperty(_classNames, modules_e81895c9.loader, loader && !icon), _defineProperty(_classNames, modules_e81895c9.primary, primary), _defineProperty(_classNames, modules_e81895c9.short, short), _defineProperty(_classNames, modules_e81895c9.text, text), _defineProperty(_classNames, modules_e81895c9.inline, inline), _classNames));
+  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], {
+    [modules_e81895c9.active]: active,
+    [modules_e81895c9.danger]: danger,
+    [modules_e81895c9.delayed]: delayed,
+    [modules_e81895c9.withIcon]: icon,
+    [modules_e81895c9.withNormalIcon]: withNormalIcon,
+    [modules_e81895c9.withDangerIcon]: icon && danger,
+    [modules_e81895c9.loader]: loader && !icon,
+    [modules_e81895c9.primary]: primary,
+    [modules_e81895c9.short]: short,
+    [modules_e81895c9.text]: text,
+    [modules_e81895c9.inline]: inline
+  });
 }
 
 export { getButtonClasses as g, modules_e81895c9 as m };

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

@@ -1,7 +1,6 @@
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import scrollbarWidth from 'scrollbar-width';
 

package/dist/_helpers/footer.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty, l as _typeof } from './_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import React, { memo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
@@ -8,10 +7,13 @@ import Link from '../link/link.js';
 var modules_7385b3fd = {"unit":"i__const_unit_0","footer-height":"i__const_footer_height_1","light":"light_rui_2ac4","footer":"footer_rui_fade font_rui_8bff","footerFloating":"footerFloating_rui_fade footer_rui_fade font_rui_8bff","column":"column_rui_fade","columnItem":"columnItem_rui_fade","columnLeft":"columnLeft_rui_fade column_rui_fade","columnCenter":"columnCenter_rui_fade column_rui_fade","line":"line_rui_fade","columnRight":"columnRight_rui_fade column_rui_fade","lineCenter":"lineCenter_rui_fade"};
 
 var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
-  var _classNames;
   var position = _ref.position,
     children = _ref.children;
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, modules_7385b3fd.columnLeft, position === 'left'), _defineProperty(_classNames, modules_7385b3fd.columnCenter, position === 'center'), _defineProperty(_classNames, modules_7385b3fd.columnRight, position === 'right'), _classNames));
+  var classes = classNames({
+    [modules_7385b3fd.columnLeft]: position === 'left',
+    [modules_7385b3fd.columnCenter]: position === 'center',
+    [modules_7385b3fd.columnRight]: position === 'right'
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: classes
   }, /*#__PURE__*/React.createElement("ul", {
@@ -46,7 +48,7 @@ var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
   var items = Array.isArray(props.item) ? props.item : [props.item];
   function renderItem(item) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if ( /*#__PURE__*/isValidElement(item) || _typeof(item) !== 'object') {
+    if ( /*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
       return item;
     }
     var element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
@@ -89,7 +91,9 @@ var Footer = /*#__PURE__*/memo(function Footer(_ref2) {
       });
     }));
   }
-  var classes = classNames(modules_7385b3fd.footer, className, _defineProperty({}, modules_7385b3fd.footerFloating, floating));
+  var classes = classNames(modules_7385b3fd.footer, className, {
+    [modules_7385b3fd.footerFloating]: floating
+  });
   return /*#__PURE__*/React.createElement("footer", {
     className: classes,
     "data-test": "ring-footer"

package/dist/_helpers/sidebar.js

@@ -66,7 +66,6 @@ var Sidebar = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _classNames2;
       var _this$props = this.props,
         right = _this$props.right,
         children = _this$props.children,
@@ -81,8 +80,15 @@ var Sidebar = /*#__PURE__*/function (_Component) {
         sidebarVisibleHeight = _this$state2.sidebarVisibleHeight;
       var shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
       var shouldFixateBottom = this.shouldFixateBottom();
-      var containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, _defineProperty({}, modules_b8a9dd4f.sidebarContainerRight, right));
-      var classes = classNames(modules_b8a9dd4f.sidebar, className, (_classNames2 = {}, _defineProperty(_classNames2, modules_b8a9dd4f.sidebarRight, right), _defineProperty(_classNames2, modules_b8a9dd4f.sidebarFixedTop, shouldFixateTop), _defineProperty(_classNames2, modules_b8a9dd4f.sidebarFixedBottom, shouldFixateBottom), _defineProperty(_classNames2, fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '', shouldFixateTop || shouldFixateBottom), _classNames2));
+      var containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, {
+        [modules_b8a9dd4f.sidebarContainerRight]: right
+      });
+      var classes = classNames(modules_b8a9dd4f.sidebar, className, {
+        [modules_b8a9dd4f.sidebarRight]: right,
+        [modules_b8a9dd4f.sidebarFixedTop]: shouldFixateTop,
+        [modules_b8a9dd4f.sidebarFixedBottom]: shouldFixateBottom,
+        [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
+      });
       var style = {
         maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : undefined
       };

package/dist/_helpers/theme.js

@@ -1,4 +1,4 @@
-import { j as _slicedToArray, _ as _defineProperty, e as _objectWithoutProperties, f as _extends } from './_rollupPluginBabelHelpers.js';
+import { j as _slicedToArray, e as _objectWithoutProperties, f as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { useState, useEffect, forwardRef, useMemo, useContext } from 'react';
 import classNames from 'classnames';
 import { createPortal } from 'react-dom';
@@ -35,10 +35,12 @@ function useTheme() {
   return dark ? Theme.DARK : Theme.LIGHT;
 }
 function useThemeClasses(theme) {
-  var _classNames;
   var systemTheme = useTheme();
   var resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
-  return classNames((_classNames = {}, _defineProperty(_classNames, modules_59717246.dark, resolvedTheme === Theme.DARK), _defineProperty(_classNames, modules_6381a4b3.light, resolvedTheme === Theme.LIGHT), _classNames));
+  return classNames({
+    [modules_59717246.dark]: resolvedTheme === Theme.DARK,
+    [modules_6381a4b3.light]: resolvedTheme === Theme.LIGHT
+  });
 }
 function WithThemeClasses(_ref) {
   var theme = _ref.theme,

package/dist/_helpers/title.js

@@ -43,7 +43,6 @@ var Title = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _classNames;
       var _this$props2 = this.props,
         className = _this$props2.className,
         title = _this$props2.title,
@@ -53,7 +52,11 @@ var Title = /*#__PURE__*/function (_PureComponent) {
         selectable = _this$props2.selectable,
         selected = _this$props2.selected,
         collapserExpander = _this$props2.collapserExpander;
-      var classes = classNames(className, (_classNames = {}, _defineProperty(_classNames, modules_09d014b4.title, true), _defineProperty(_classNames, modules_09d014b4.titleFocused, showFocus), _defineProperty(_classNames, modules_09d014b4.titleSelected, selected), _classNames));
+      var 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,

package/dist/alert/alert.js

@@ -26,17 +26,14 @@ import '../global/memoize.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/es.weak-map.js';
 import '../_helpers/loader-inline.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.set.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
@@ -56,7 +53,6 @@ import 'core-js/modules/es.string.includes.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -67,7 +63,6 @@ import '../popup/popup.consts.js';
 
 var modules_e02b3280 = {"link":"link_rui_d382","unit":"i__const_unit_1","animation-duration":"300ms","animation-easing":"ease-out","light":"light_rui_2ac4","alert":"alert_rui_2b32","alertInline":"alertInline_rui_2b32","error":"error_rui_2b32","icon":"icon_rui_2b32","caption":"caption_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"};
 
-var _TypeToIcon, _TypeToIconColor;
 var ANIMATION_TIME = 500;
 /**
  * @name Alert
@@ -88,12 +83,20 @@ var AlertType;
  * Lookup table of alert type to icon modifier.
  * @type {Object.<AlertType, string>}
  */
-var TypeToIcon = (_TypeToIcon = {}, _defineProperty(_TypeToIcon, AlertType.ERROR, exceptionIcon), _defineProperty(_TypeToIcon, AlertType.SUCCESS, checkmarkIcon), _defineProperty(_TypeToIcon, AlertType.WARNING, warningIcon), _TypeToIcon);
+var TypeToIcon = {
+  [AlertType.ERROR]: exceptionIcon,
+  [AlertType.SUCCESS]: checkmarkIcon,
+  [AlertType.WARNING]: warningIcon
+};
 /**
  * Lookup table of alert type to icon color.
  * @type {Object.<AlertType, Icon.Color>}
  */
-var TypeToIconColor = (_TypeToIconColor = {}, _defineProperty(_TypeToIconColor, AlertType.ERROR, Color.RED), _defineProperty(_TypeToIconColor, AlertType.SUCCESS, Color.GREEN), _defineProperty(_TypeToIconColor, AlertType.WARNING, Color.WHITE), _TypeToIconColor);
+var TypeToIconColor = {
+  [AlertType.ERROR]: Color.RED,
+  [AlertType.SUCCESS]: Color.GREEN,
+  [AlertType.WARNING]: Color.WHITE
+};
 /**
  * @constructor
  * @name Alert
@@ -124,7 +127,7 @@ var Alert = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "startCloseAnimation", function () {
       var height = getRect(_this.node).height;
       _this.setState({
-        height: height
+        height
       });
     });
     /**
@@ -177,7 +180,9 @@ var Alert = /*#__PURE__*/function (_PureComponent) {
      */
     function _getCaption() {
       return /*#__PURE__*/React.createElement("span", {
-        className: classNames(modules_e02b3280.caption, this.props.captionClassName, _defineProperty({}, modules_e02b3280.withCloseButton, this.props.closeable)),
+        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
         ,
@@ -208,7 +213,6 @@ var Alert = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _classNames2;
       var _this$props = this.props,
         type = _this$props.type,
         inline = _this$props.inline,
@@ -219,7 +223,14 @@ var Alert = /*#__PURE__*/function (_PureComponent) {
         className = _this$props.className,
         dataTest = _this$props['data-test'],
         theme = _this$props.theme;
-      var classes = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, modules_e02b3280.alert, true), _defineProperty(_classNames2, modules_e02b3280.animationOpen, showWithAnimation), _defineProperty(_classNames2, modules_e02b3280.error, type === 'error'), _defineProperty(_classNames2, modules_e02b3280.alertInline, inline), _defineProperty(_classNames2, modules_e02b3280.animationClosing, isClosing), _defineProperty(_classNames2, modules_e02b3280.animationShaking, isShaking), _classNames2));
+      var 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
+      });
       var height = this.state.height;
       var style = height ? {
         marginBottom: -height

package/dist/alert-service/alert-service.js

@@ -1,4 +1,4 @@
-import { d as _createClass, m as _toConsumableArray, e as _objectWithoutProperties, f as _extends, g as _objectSpread2, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { d as _createClass, l as _toConsumableArray, e as _objectWithoutProperties, f as _extends, g as _objectSpread2, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -9,7 +9,6 @@ import getUID from '../global/get-uid.js';
 import Alert, { ANIMATION_TIME } from '../alert/alert.js';
 import Alerts from '../alert/container.js';
 import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
@@ -37,10 +36,8 @@ import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.set.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
@@ -58,7 +55,6 @@ import 'core-js/modules/es.string.includes.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -168,9 +164,9 @@ var AlertService = /*#__PURE__*/function () {
       }
       var alert = _objectSpread2({
         key: getUID('alert-service-'),
-        message: message,
-        type: type,
-        timeout: timeout,
+        message,
+        type,
+        timeout,
         isClosing: false,
         onCloseRequest: function onCloseRequest() {
           _onCloseRequest && _onCloseRequest();

package/dist/analytics/analytics.js

@@ -1,5 +1,4 @@
-import { d as _createClass, l as _typeof, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.index-of.js';
+import { d as _createClass, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -86,7 +85,7 @@ var Analytics = /*#__PURE__*/function () {
           continue;
         }
         for (var j = 0; j < keys.length; ++j) {
-          if (_typeof(value) === 'object' && value != null && value.hasOwnProperty(keys[j])) {
+          if (typeof value === 'object' && value != null && value.hasOwnProperty(keys[j])) {
             value = value[keys[j]];
           } else {
             value = 'no-value';

package/dist/analytics/analytics__custom-plugin.js

@@ -13,9 +13,9 @@ var AnalyticsCustomPlugin = /*#__PURE__*/function () {
     _defineProperty(this, "_hasSendSchedule", void 0);
     this._data = [];
     this.config({
-      send: send,
-      isDevelopment: isDevelopment,
-      flushInterval: flushInterval
+      send,
+      isDevelopment,
+      flushInterval
     });
   }
   _createClass(AnalyticsCustomPlugin, [{
@@ -66,12 +66,12 @@ var AnalyticsCustomPlugin = /*#__PURE__*/function () {
       }
 
       var baseSendingData = {
-        category: category,
-        action: action,
+        category,
+        action,
         timestamp: Date.now()
       };
       this._addDataToFlushingPack(data ? _objectSpread2(_objectSpread2({}, baseSendingData), {}, {
-        data: data
+        data
       }) : baseSendingData);
     }
   }, {

package/dist/analytics/analytics__ga-plugin.js

@@ -1,10 +1,8 @@
 import { d as _createClass, c as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.number.constructor.js';
 import 'core-js/modules/es.array.concat.js';
 import AnalyticsPluginUtils from './analytics__plugin-utils.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.math.log2.js';
 import 'util-deprecate';
 import '../global/sniffer.js';
 import 'sniffr';

package/dist/analytics/analytics__plugin-utils.js

@@ -1,6 +1,5 @@
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.math.log2.js';
 import 'core-js/modules/es.array.concat.js';
 import deprecate from 'util-deprecate';
 import sniffr from '../global/sniffer.js';

package/dist/auth/auth.js

@@ -8,8 +8,6 @@ import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.promise.js';
 import './response-parser.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.object.keys.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.regexp.to-string.js';
@@ -23,7 +21,6 @@ import '../alert-service/alert-service.js';
 import 'core-js/modules/es.array.map.js';
 import '../global/react-render-adapter.js';
 import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
@@ -49,7 +46,6 @@ import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/es.set.js';
 import '../button/button.js';
@@ -67,7 +63,6 @@ import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -82,7 +77,6 @@ import '../group/group.js';
 import '../_helpers/group.js';
 import 'core-js/modules/web.url.js';
 import 'core-js/modules/web.url-search-params.js';
-import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';
 import '../http/http.js';