@jetbrains/ring-ui 5.1.15 → 5.1.17

package/dist/dialog/dialog.js

@@ -28,12 +28,10 @@ import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.regexp.exec.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';
@@ -41,10 +39,8 @@ import 'core-js/modules/es.array.filter.js';
 import '../global/dom.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.array.iterator.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 '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
@@ -162,7 +158,6 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
         id: this.uid,
         className: modules_5e9b8c03.popupTarget
       }, function (target) {
-        var _classNames2;
         return /*#__PURE__*/React.createElement(TabTrap, _extends({
           trapDisabled: !trapFocus,
           "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
@@ -181,14 +176,19 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
         }), /*#__PURE__*/React.createElement("div", {
           className: modules_5e9b8c03.innerContainer
         }, /*#__PURE__*/React.createElement(AdaptiveIsland, {
-          className: classNames(modules_5e9b8c03.content, contentClassName, _defineProperty({}, modules_5e9b8c03.dense, dense)),
+          className: classNames(modules_5e9b8c03.content, contentClassName, {
+            [modules_5e9b8c03.dense]: dense
+          }),
           "data-test": "ring-dialog",
           role: "dialog",
           "aria-label": label
         }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
           icon: closeIcon,
           "data-test": "ring-dialog-close-button",
-          className: classNames(modules_5e9b8c03.closeButton, (_classNames2 = {}, _defineProperty(_classNames2, modules_5e9b8c03.closeButtonOutside, !closeButtonInside), _defineProperty(_classNames2, modules_5e9b8c03.closeButtonInside, closeButtonInside), _classNames2)),
+          className: classNames(modules_5e9b8c03.closeButton, {
+            [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
+            [modules_5e9b8c03.closeButtonInside]: closeButtonInside
+          }),
           iconClassName: modules_5e9b8c03.closeIcon,
           onClick: _this2.onCloseClick,
           title: closeButtonTitle,

package/dist/dialog/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 'scrollbar-width';
 export { d as default, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';

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

@@ -1,17 +1,13 @@
-import { m as _toConsumableArray, a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized, d as _createClass, n as _createForOfIteratorHelper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { l as _toConsumableArray, a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized, d as _createClass, m as _createForOfIteratorHelper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.reflect.delete-property.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.promise.js';
 import 'core-js/modules/es.promise.finally.js';
 import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.string.iterator.js';
-import 'core-js/modules/es.parse-float.js';
 import angular from 'angular';
 import { createFocusTrap } from 'focus-trap';
 import { getStyles, getRect } from '../global/dom.js';
@@ -26,7 +22,6 @@ import dialogTemplate from './dialog-ng__template.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.set.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -36,7 +31,6 @@ import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.array.map.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';
@@ -44,7 +38,6 @@ import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.values.js';
 import 'classnames';
 import '../icon-ng/icon-ng.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
@@ -180,7 +173,7 @@ var DialogController = /*#__PURE__*/function (_RingAngularComponent) {
       if (this.config.data) {
         var element = angular.element(this.template);
         return {
-          element: element,
+          element,
           link: this.$inject.$compile(element)
         };
       }
@@ -530,7 +523,7 @@ function rgDialogDirective($timeout) {
     replace: true,
     template: dialogTemplate,
     controllerAs: 'dialog',
-    link: link
+    link
   };
 }
 function rgDialogTitleDirective() {
@@ -542,7 +535,7 @@ function rgDialogTitleDirective() {
       title: '@rgDialogTitle'
     },
     require: '^rgDialog',
-    link: link
+    link
   };
 }
 function rgDialogFooterDirective() {
@@ -556,7 +549,7 @@ function rgDialogFooterDirective() {
   return {
     require: '^rgDialog',
     transclude: true,
-    link: link
+    link
   };
 }
 function rgDialogContentDirective($compile, $q) {

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

@@ -2,17 +2,14 @@ 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/es.object.assign.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.array.filter.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.array.iterator.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';
 
 var modules_655b40c7 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","dockedPanel":"dockedPanel_rui_f45d","fixed":"fixed_rui_f45d"};

package/dist/dropdown/anchor.js

@@ -17,7 +17,6 @@ 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 'core-js/modules/es.array.concat.js';

package/dist/dropdown/dropdown.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, l as _typeof, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import React, { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
@@ -21,7 +21,6 @@ import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.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 '../button/button.js';
@@ -129,8 +128,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var pinned = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state.pinned;
       this.setState({
-        show: show,
-        pinned: pinned
+        show,
+        pinned
       }, function () {
         return show ? _this2.props.onShow() : _this2.props.onHide();
       });
@@ -164,10 +163,12 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         dataTest = _this$props3['data-test'];
         _this$props3.disabled;
         var restProps = _objectWithoutProperties(_this$props3, _excluded);
-      var classes = classNames(modules_d9414203.dropdown, className, _defineProperty({}, activeClassName !== null && activeClassName !== void 0 ? activeClassName : '', activeClassName != null && show));
+      var classes = classNames(modules_d9414203.dropdown, className, {
+        [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName != null && show
+      });
       var anchorElement;
       var active = hoverMode ? pinned : show;
-      switch (_typeof(anchor)) {
+      switch (typeof anchor) {
         case 'string':
           anchorElement = /*#__PURE__*/React.createElement(Anchor, {
             active: active
@@ -176,7 +177,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         case 'function':
           anchorElement = anchor({
             active: show,
-            pinned: pinned
+            pinned
           });
           break;
         default:
@@ -184,7 +185,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
             anchorElement = anchor;
           } else {
             anchorElement = /*#__PURE__*/cloneElement(anchor, {
-              active: active
+              active
             });
           }
       }

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

@@ -1,5 +1,4 @@
 import { e as _objectWithoutProperties, g as _objectSpread2, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.assign.js';
 import React, { useMemo, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import List, { ActiveItemContext } from '../list/list.js';
@@ -15,9 +14,6 @@ import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.object.keys.js';
-import 'core-js/modules/es.array.find.js';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -32,7 +28,6 @@ import '../global/schedule-raf.js';
 import '../global/memoize.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.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 '../global/dom.js';
@@ -56,13 +51,10 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
-import 'core-js/modules/es.number.constructor.js';
-import 'core-js/modules/es.array.index-of.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
@@ -85,7 +77,6 @@ import '@jetbrains/icons/chevron-10px';
 import '../button/button.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
-import 'core-js/modules/es.parse-float.js';
 import '../popup/popup.js';
 import 'react-dom';
 import '../tab-trap/tab-trap.js';
@@ -125,8 +116,8 @@ function DropdownAnchorWrapper(_ref3) {
   }, [active, activeListItemId, listId]);
   var anchorProps = useMemo(function () {
     return _objectSpread2(_objectSpread2({
-      active: active,
-      pinned: pinned
+      active,
+      pinned
     }, restProps), anchorAriaProps);
   }, [pinned, active, restProps, anchorAriaProps]);
   var anchorComponentProps = useMemo(function () {
@@ -139,8 +130,8 @@ function DropdownAnchorWrapper(_ref3) {
   }
   if (typeof anchor === 'function') {
     return anchor(_objectSpread2({
-      active: active,
-      pinned: pinned
+      active,
+      pinned
     }, restProps), anchorAriaProps);
   }
   if (!isArray(anchor)) {

package/dist/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/dist/editable-heading/editable-heading.js

@@ -1,6 +1,6 @@
-import { e as _objectWithoutProperties, j as _slicedToArray, _ as _defineProperty, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { e as _objectWithoutProperties, j as _slicedToArray, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.string.trim.js';
-import React, { useEffect } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
 import { Button } from '../button/button.js';
@@ -23,7 +23,6 @@ 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 '../link/clickableLink.js';
@@ -44,21 +43,18 @@ import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.object.assign.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';
 
-var modules_6e69b0fe = {"unit":"i__const_unit_0","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","selectionMode":"selectionMode_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
+var modules_6e69b0fe = {"unit":"i__const_unit_0","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","selectionMode":"selectionMode_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","textarea":"textarea_rui_0870","textareaWrapperFocused":"textareaWrapperFocused_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
 
-var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "translations"];
+var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputHeight", "translations"];
 function noop() {}
 var EditableHeading = function EditableHeading(props) {
-  var _classNames;
   var _props$level = props.level,
     level = _props$level === void 0 ? Levels.H1 : _props$level,
     className = props.className,
@@ -94,6 +90,9 @@ var EditableHeading = function EditableHeading(props) {
     } : _props$renderMenu,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
+    onChange = props.onChange,
+    onScroll = props.onScroll,
+    maxInputHeight = props.maxInputHeight,
     _props$translations = props.translations,
     translations = _props$translations === void 0 ? {
       save: 'Save',
@@ -115,6 +114,12 @@ var EditableHeading = function EditableHeading(props) {
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     isInSelectionMode = _React$useState8[0],
     setIsInSelectionMode = _React$useState8[1];
+  var textAreaRef = React.useRef(null);
+  var textAreaWrapperRef = React.useRef(null);
+  var _React$useState9 = React.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    isScrolledToBottom = _React$useState10[0],
+    setIsScrolledToBottom = _React$useState10[1];
   var hasError = error !== undefined;
   var isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
   var isCancelDisabled = isSaving;
@@ -129,9 +134,34 @@ var EditableHeading = function EditableHeading(props) {
     }
     return map;
   }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
-  var classes = classNames(modules_6e69b0fe.editableHeading, className, (_classNames = {}, _defineProperty(_classNames, modules_6e69b0fe.fullSize, isEditing && size === Size.FULL), _defineProperty(_classNames, modules_6e69b0fe.isEditing, isEditing), _defineProperty(_classNames, modules_6e69b0fe.error, hasError), _defineProperty(_classNames, modules_6e69b0fe.disabled, disabled), _defineProperty(_classNames, modules_6e69b0fe.multiline, multiline), _defineProperty(_classNames, modules_6e69b0fe.selectionMode, isInSelectionMode), _classNames));
+  var classes = classNames(modules_6e69b0fe.editableHeading, className, {
+    [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
+    [modules_6e69b0fe.isEditing]: isEditing,
+    [modules_6e69b0fe.error]: hasError,
+    [modules_6e69b0fe.disabled]: disabled,
+    [modules_6e69b0fe.multiline]: multiline,
+    [modules_6e69b0fe.selectionMode]: isInSelectionMode
+  });
   var headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
-  var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
+  var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
+  var stretch = useCallback(function (el) {
+    if (!el || !el.style) {
+      return;
+    }
+    el.style.height = '0';
+    el.style.height = "".concat(el.scrollHeight + 2, "px");
+  }, []);
+  var checkValue = useCallback(function (el) {
+    if (multiline && el != null && el.scrollHeight >= el.clientHeight) {
+      stretch(el);
+    }
+  }, [stretch, multiline]);
+  var checkOverflow = useCallback(function (el) {
+    var scrollHeight = el.scrollHeight || 0;
+    var clientHeight = el.clientHeight || 0;
+    var scrollTop = el.scrollTop || 0;
+    setIsScrolledToBottom(scrollHeight - clientHeight <= scrollTop);
+  }, [setIsScrolledToBottom]);
   var onHeadingMouseDown = React.useCallback(function () {
     setIsMouseDown(true);
   }, []);
@@ -150,8 +180,19 @@ var EditableHeading = function EditableHeading(props) {
   }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
   var onInputFocus = React.useCallback(function (e) {
     setIsInFocus(true);
+    checkValue(e.target);
+    checkOverflow(e.target);
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-  }, [onFocus]);
+  }, [onFocus, checkOverflow, checkValue]);
+  var onInputChange = React.useCallback(function (e) {
+    checkValue(e.target);
+    checkOverflow(e.target);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+  }, [onChange, checkOverflow, checkValue]);
+  var onInputScroll = React.useCallback(function (e) {
+    checkOverflow(e.target);
+    onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+  }, [onScroll, checkOverflow]);
   var onInputBlur = React.useCallback(function (e) {
     setIsInFocus(false);
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
@@ -163,14 +204,14 @@ var EditableHeading = function EditableHeading(props) {
       window.removeEventListener('mousemove', onMouseMove);
       window.removeEventListener('mouseup', onMouseUp);
     };
-  });
+  }, [onMouseMove, onMouseUp]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes
   }, !disabled && isEditing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Shortcuts, {
     map: shortcutsMap,
     scope: shortcutsScope,
     disabled: isShortcutsDisabled
-  }), /*#__PURE__*/React.createElement("input", _extends({
+  }), !multiline ? /*#__PURE__*/React.createElement("input", _extends({
     className: inputClasses,
     value: children,
     autoFocus: autoFocus,
@@ -179,7 +220,27 @@ var EditableHeading = function EditableHeading(props) {
   }, restProps, {
     onFocus: onInputFocus,
     onBlur: onInputBlur
-  }))) : /*#__PURE__*/React.createElement("button", {
+  })) : /*#__PURE__*/React.createElement("div", {
+    ref: textAreaWrapperRef,
+    className: classNames({
+      [modules_6e69b0fe.textareaWrapperFocused]: !isScrolledToBottom
+    })
+  }, /*#__PURE__*/React.createElement("textarea", _extends({
+    ref: textAreaRef,
+    className: inputClasses,
+    value: children,
+    autoFocus: autoFocus,
+    "data-test": dataTest,
+    disabled: isSaving,
+    onChange: onInputChange
+  }, restProps, {
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    onScroll: onInputScroll,
+    style: {
+      maxHeight: maxInputHeight
+    }
+  })))) : /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: modules_6e69b0fe.headingWrapperButton,
     onMouseDown: onHeadingMouseDown

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

@@ -16,13 +16,10 @@ import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.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.array.iterator.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 '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
@@ -31,7 +28,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';

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

@@ -18,7 +18,6 @@ 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 'core-js/modules/es.array.reduce.js';

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

@@ -6,7 +6,6 @@ import IconNG from '../icon-ng/icon-ng.js';
 import LinkModule from '../link-ng/link-ng.js';
 import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
 import '../_helpers/_rollupPluginBabelHelpers.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 '../icon/icon__constants.js';

package/dist/footer/footer.js

@@ -1,15 +1,14 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
 import '../link/link.js';
 export { c as copyright, F as default } from '../_helpers/footer.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 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 '../global/data-tests.js';

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

@@ -13,7 +13,6 @@ import '../link/link.js';
 import '../global/memoize.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.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 '../global/data-tests.js';

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

@@ -1,9 +1,6 @@
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/es.array.filter.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.array.find.js';
 import angular from 'angular';
 import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
 

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

@@ -1,5 +1,4 @@
 import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.keys.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.array.slice.js';
@@ -9,12 +8,10 @@ import { unmountComponentAtNode, render } from './react-render-adapter.js';
 import RingAngularComponent from './ring-angular-component.js';
 import Renderer from './react-dom-renderer.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';
 import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.from.js';
 import 'prop-types';
 
 function getAngularComponentName(name) {

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

@@ -38,10 +38,10 @@ function createStatefulContext(initialValue) {
   }
   Updater.displayName = "".concat(name, "Updater");
   return {
-    ValueContext: ValueContext,
-    UpdateContext: UpdateContext,
-    Provider: Provider,
-    useUpdate: useUpdate,
+    ValueContext,
+    UpdateContext,
+    Provider,
+    useUpdate,
     Updater: /*#__PURE__*/memo(Updater)
   };
 }

package/dist/global/data-tests.js

@@ -1,4 +1,4 @@
-import { l as _typeof, m as _toConsumableArray, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { l as _toConsumableArray, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.object.entries.js';
@@ -20,7 +20,7 @@ function joinDataTestAttributes() {
     if (!attr) {
       return result;
     }
-    if (_typeof(attr) === 'object') {
+    if (typeof attr === 'object') {
       return [].concat(_toConsumableArray(result), _toConsumableArray(expandMap(attr)));
     }
     return [].concat(_toConsumableArray(result), [attr]);

package/dist/global/dom.js

@@ -1,15 +1,12 @@
 import { j as _slicedToArray, d as _createClass, c as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.assign.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.array.filter.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.array.iterator.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';
 
 /**
@@ -40,12 +37,12 @@ function getRect(node) {
       width = _node$getBoundingClie.width,
       height = _node$getBoundingClie.height;
     return {
-      top: top,
-      right: right,
-      bottom: bottom,
-      left: left,
-      width: width,
-      height: height
+      top,
+      right,
+      bottom,
+      left,
+      width,
+      height
     };
   } else {
     return Object.assign({}, rectStub);