@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/dropdown-menu/dropdown-menu.js

@@ -1,4 +1,5 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _objectWithoutProperties, d as _objectSpread2, e 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';
@@ -7,6 +8,15 @@ 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/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.includes.js';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -15,11 +25,25 @@ import 'react-virtualized/dist/es/CellMeasurer';
 import 'util-deprecate';
 import 'memoize-one';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 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.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/dom.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.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 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -30,15 +54,20 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.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-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../list/list__custom.js';
@@ -55,60 +84,58 @@ import '../popup/popup.js';
 import 'react-dom';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 
-const {
-  children,
-  ...dropdownPropTypes
-} = Dropdown.propTypes || {};
-const {
-  id: idPropType,
-  data: dataPropType,
-  ariaLabel: ariaLabelPropType,
-  onSelect: onSelectPropType
-} = PopupMenu.propTypes || {};
-const defaultAriaLabel = 'Dropdown menu';
-function DropdownAnchorWrapper(_ref) {
-  let {
-    anchor,
-    pinned,
-    active,
-    activeListItemId,
-    listId,
-    ...restProps
-  } = _ref;
-  const anchorAriaProps = useMemo(() => ({
-    ...(listId ? {
+var _excluded = ["anchor", "pinned", "active", "activeListItemId", "listId"],
+  _excluded2 = ["id", "anchor", "ariaLabel", "data", "onSelect", "menuProps"],
+  _excluded3 = ["pinned", "active"];
+var _ref = Dropdown.propTypes || {};
+  _ref.children;
+  var dropdownPropTypes = _objectWithoutProperties(_ref, ["children"]);
+var _ref2 = PopupMenu.propTypes || {},
+  idPropType = _ref2.id,
+  dataPropType = _ref2.data,
+  ariaLabelPropType = _ref2.ariaLabel,
+  onSelectPropType = _ref2.onSelect;
+var defaultAriaLabel = 'Dropdown menu';
+function DropdownAnchorWrapper(_ref3) {
+  var anchor = _ref3.anchor,
+    pinned = _ref3.pinned,
+    active = _ref3.active,
+    activeListItemId = _ref3.activeListItemId,
+    listId = _ref3.listId,
+    restProps = _objectWithoutProperties(_ref3, _excluded);
+  var anchorAriaProps = useMemo(function () {
+    return _objectSpread2(_objectSpread2(_objectSpread2({}, listId ? {
       'aria-haspopup': true
-    } : {}),
-    ...(activeListItemId ? {
+    } : {}), activeListItemId ? {
       'aria-activedescendant': activeListItemId,
       'aria-owns': listId
-    } : {}),
-    ...(active ? {
+    } : {}), active ? {
       'aria-expanded': true
-    } : {})
-  }), [active, activeListItemId, listId]);
-  const anchorProps = useMemo(() => ({
-    active,
-    pinned,
-    ...restProps,
-    ...anchorAriaProps
-  }), [pinned, active, restProps, anchorAriaProps]);
-  const anchorComponentProps = useMemo(() => ({
-    ...anchorProps,
-    pinned: `${anchorProps.pinned}`
-  }), [anchorProps]);
+    } : {});
+  }, [active, activeListItemId, listId]);
+  var anchorProps = useMemo(function () {
+    return _objectSpread2(_objectSpread2({
+      active,
+      pinned
+    }, restProps), anchorAriaProps);
+  }, [pinned, active, restProps, anchorAriaProps]);
+  var anchorComponentProps = useMemo(function () {
+    return _objectSpread2(_objectSpread2({}, anchorProps), {}, {
+      pinned: "".concat(anchorProps.pinned)
+    });
+  }, [anchorProps]);
   if (typeof anchor === 'string') {
     return /*#__PURE__*/React.createElement(Anchor, anchorComponentProps, anchor);
   }
   if (typeof anchor === 'function') {
-    return anchor({
+    return anchor(_objectSpread2({
       active,
-      pinned,
-      ...restProps
-    }, anchorAriaProps);
+      pinned
+    }, restProps), anchorAriaProps);
   }
   if (!isArray(anchor)) {
     return /*#__PURE__*/cloneElement(anchor, typeof anchor.type === 'string' ? anchorAriaProps : anchorComponentProps);
@@ -122,31 +149,31 @@ DropdownAnchorWrapper.propTypes = {
   activeListItemId: PropTypes.string,
   listId: PropTypes.string
 };
-const DropdownMenu = /*#__PURE__*/React.forwardRef(function DropdownMenu(_ref2, forwardedRef) {
-  let {
-    id,
-    anchor,
-    ariaLabel,
-    data,
-    onSelect,
-    menuProps,
-    ...restDropdownProps
-  } = _ref2;
-  const listId = useMemo(() => id || getUID('dropdown-menu-list'), [id]);
+var DropdownMenu = /*#__PURE__*/React.forwardRef(function DropdownMenu(_ref4, forwardedRef) {
+  var id = _ref4.id,
+    _anchor = _ref4.anchor,
+    ariaLabel = _ref4.ariaLabel,
+    data = _ref4.data,
+    onSelect = _ref4.onSelect,
+    menuProps = _ref4.menuProps,
+    restDropdownProps = _objectWithoutProperties(_ref4, _excluded2);
+  var listId = useMemo(function () {
+    return id || getUID('dropdown-menu-list');
+  }, [id]);
   return /*#__PURE__*/React.createElement(ActiveItemContext.Provider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({
-    anchor: _ref3 => {
-      let {
-        pinned,
-        active,
-        ...restAnchorProps
-      } = _ref3;
-      return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(DropdownAnchorWrapper, _extends({
-        anchor: anchor,
-        pinned: pinned,
-        active: active,
-        activeListItemId: activeItemId,
-        listId: listId
-      }, restAnchorProps)));
+    anchor: function anchor(_ref5) {
+      var pinned = _ref5.pinned,
+        active = _ref5.active,
+        restAnchorProps = _objectWithoutProperties(_ref5, _excluded3);
+      return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, function (activeItemId) {
+        return /*#__PURE__*/React.createElement(DropdownAnchorWrapper, _extends({
+          anchor: _anchor,
+          pinned: pinned,
+          active: active,
+          activeListItemId: activeItemId,
+          listId: listId
+        }, restAnchorProps));
+      });
     }
   }, restDropdownProps), /*#__PURE__*/React.createElement(PopupMenu, _extends({
     ref: forwardedRef,
@@ -158,14 +185,13 @@ const DropdownMenu = /*#__PURE__*/React.forwardRef(function DropdownMenu(_ref2,
     onSelect: onSelect
   }, menuProps))));
 });
-DropdownMenu.propTypes = {
+DropdownMenu.propTypes = _objectSpread2({
   id: idPropType,
   data: dataPropType,
   ariaLabel: ariaLabelPropType,
   onSelect: onSelectPropType,
-  menuProps: PropTypes.object,
-  ...dropdownPropTypes
-};
+  menuProps: PropTypes.object
+}, dropdownPropTypes);
 var DropdownMenu$1 = Object.assign(DropdownMenu, {
   ListProps: List.ListProps
 });

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

@@ -1,4 +1,5 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _objectWithoutProperties, j as _slicedToArray, e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.trim.js';
 import React, { useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
@@ -9,73 +10,125 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import 'prop-types';
 import 'util-deprecate';
 import '../_helpers/heading.js';
+import 'core-js/modules/es.array.concat.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+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.object.to-string.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
+import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
+import 'core-js/modules/es.set.js';
 import '../global/composeRefs.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '../control-label/control-label.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
 var modules_6e69b0fe = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
 
+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", "maxInputRows", "translations"];
 function noop() {}
-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,
-    onChange,
-    onScroll,
-    maxInputRows,
-    translations = {
+var EditableHeading = function EditableHeading(props) {
+  var _props$level = props.level,
+    level = _props$level === void 0 ? Levels.H1 : _props$level,
+    className = props.className,
+    headingClassName = props.headingClassName,
+    inputClassName = props.inputClassName,
+    children = props.children,
+    _props$isEditing = props.isEditing,
+    isEditing = _props$isEditing === void 0 ? false : _props$isEditing,
+    _props$isSavingPossib = props.isSavingPossible,
+    isSavingPossible = _props$isSavingPossib === void 0 ? false : _props$isSavingPossib,
+    _props$isSaving = props.isSaving,
+    isSaving = _props$isSaving === void 0 ? false : _props$isSaving,
+    _props$embedded = props.embedded,
+    embedded = _props$embedded === void 0 ? false : _props$embedded,
+    _props$size = props.size,
+    size = _props$size === void 0 ? Size.L : _props$size,
+    _props$onEdit = props.onEdit,
+    onEdit = _props$onEdit === void 0 ? noop : _props$onEdit,
+    _props$onSave = props.onSave,
+    onSave = _props$onSave === void 0 ? noop : _props$onSave,
+    _props$onCancel = props.onCancel,
+    onCancel = _props$onCancel === void 0 ? noop : _props$onCancel,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+    dataTest = props['data-test'],
+    error = props.error,
+    disabled = props.disabled,
+    _props$multiline = props.multiline,
+    multiline = _props$multiline === void 0 ? false : _props$multiline,
+    _props$renderMenu = props.renderMenu,
+    renderMenu = _props$renderMenu === void 0 ? function () {
+      return null;
+    } : _props$renderMenu,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    onScroll = props.onScroll,
+    maxInputRows = props.maxInputRows,
+    _props$translations = props.translations,
+    translations = _props$translations === void 0 ? {
       save: 'Save',
       cancel: 'Cancel'
-    },
-    ...restProps
-  } = props;
-  const [shortcutsScope] = React.useState(getUID('ring-editable-heading-'));
-  const [isInFocus, setIsInFocus] = React.useState(false);
-  const [isMouseDown, setIsMouseDown] = React.useState(false);
-  const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);
-  const textAreaRef = React.useRef(null);
-  const [isScrolledToBottom, setIsScrolledToBottom] = React.useState(false);
-  const [isOverflow, setIsOverflow] = React.useState(false);
-  const hasError = error !== undefined;
-  const isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
-  const isCancelDisabled = isSaving;
-  const isShortcutsDisabled = !isInFocus || isSaving;
-  const shortcutsMap = React.useMemo(() => {
-    const map = {};
+    } : _props$translations,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useState = React.useState(getUID('ring-editable-heading-')),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    shortcutsScope = _React$useState2[0];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isInFocus = _React$useState4[0],
+    setIsInFocus = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isMouseDown = _React$useState6[0],
+    setIsMouseDown = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isInSelectionMode = _React$useState8[0],
+    setIsInSelectionMode = _React$useState8[1];
+  var textAreaRef = React.useRef(null);
+  var _React$useState9 = React.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    isScrolledToBottom = _React$useState10[0],
+    setIsScrolledToBottom = _React$useState10[1];
+  var _React$useState11 = React.useState(false),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    isOverflow = _React$useState12[0],
+    setIsOverflow = _React$useState12[1];
+  var hasError = error !== undefined;
+  var isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
+  var isCancelDisabled = isSaving;
+  var isShortcutsDisabled = !isInFocus || isSaving;
+  var shortcutsMap = React.useMemo(function () {
+    var map = {};
     if (!isSaveDisabled) {
       map.enter = onSave;
     }
@@ -84,7 +137,7 @@ const EditableHeading = props => {
     }
     return map;
   }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
-  const classes = classNames(modules_6e69b0fe.editableHeading, className, {
+  var classes = classNames(modules_6e69b0fe.editableHeading, className, {
     [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
     [modules_6e69b0fe.isEditing]: isEditing,
     [modules_6e69b0fe.error]: hasError,
@@ -92,72 +145,71 @@ const EditableHeading = props => {
     [modules_6e69b0fe.multiline]: multiline,
     [modules_6e69b0fe.selectionMode]: isInSelectionMode
   });
-  const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe[`size${size}`]);
-  const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
+  var headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
+  var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
     [modules_6e69b0fe.textareaNotOverflow]: !isOverflow
-  }, modules_88cfaf40[`size${size}`], modules_6e69b0fe[`level${level}`], inputClassName);
-  const stretch = useCallback(el => {
+  }, 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';
-    const {
-      paddingTop,
-      paddingBottom
-    } = window.getComputedStyle(el);
-    el.style.height = `${el.scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom)}px`;
+    var _window$getComputedSt = window.getComputedStyle(el),
+      paddingTop = _window$getComputedSt.paddingTop,
+      paddingBottom = _window$getComputedSt.paddingBottom;
+    el.style.height = "".concat(el.scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom), "px");
   }, []);
-  const checkValue = useCallback(el => {
+  var checkValue = useCallback(function (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;
+  var checkOverflow = useCallback(function (el) {
+    var scrollHeight = el.scrollHeight || 0;
+    var clientHeight = el.clientHeight || 0;
+    var scrollTop = el.scrollTop || 0;
     setIsScrolledToBottom(scrollHeight - clientHeight <= scrollTop);
     setIsOverflow(scrollHeight > clientHeight);
   }, [setIsScrolledToBottom]);
-  const onHeadingMouseDown = React.useCallback(() => {
+  var onHeadingMouseDown = React.useCallback(function () {
     setIsMouseDown(true);
   }, []);
-  const onMouseMove = React.useCallback(() => {
+  var onMouseMove = React.useCallback(function () {
     if (!isMouseDown) {
       return;
     }
     setIsInSelectionMode(true);
   }, [isMouseDown]);
-  const onMouseUp = React.useCallback(() => {
+  var onMouseUp = React.useCallback(function () {
     if (isMouseDown && !isInSelectionMode && !disabled) {
       onEdit();
     }
     setIsMouseDown(false);
     setIsInSelectionMode(false);
   }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
-  const onInputFocus = React.useCallback(e => {
+  var onInputFocus = React.useCallback(function (e) {
     setIsInFocus(true);
     checkValue(e.target);
     checkOverflow(e.target);
-    onFocus?.(e);
+    onFocus === null || onFocus === void 0 || onFocus(e);
   }, [onFocus, checkOverflow, checkValue]);
-  const onInputChange = React.useCallback(e => {
+  var onInputChange = React.useCallback(function (e) {
     checkValue(e.target);
     checkOverflow(e.target);
-    onChange?.(e);
+    onChange === null || onChange === void 0 || onChange(e);
   }, [onChange, checkOverflow, checkValue]);
-  const onInputScroll = React.useCallback(e => {
+  var onInputScroll = React.useCallback(function (e) {
     checkOverflow(e.target);
-    onScroll?.(e);
+    onScroll === null || onScroll === void 0 || onScroll(e);
   }, [onScroll, checkOverflow]);
-  const onInputBlur = React.useCallback(e => {
+  var onInputBlur = React.useCallback(function (e) {
     setIsInFocus(false);
-    onBlur?.(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
   }, [onBlur]);
-  useEffect(() => {
+  useEffect(function () {
     window.addEventListener('mousemove', onMouseMove);
     window.addEventListener('mouseup', onMouseUp);
-    return () => {
+    return function () {
       window.removeEventListener('mousemove', onMouseMove);
       window.removeEventListener('mouseup', onMouseUp);
     };
@@ -179,7 +231,7 @@ const EditableHeading = props => {
     onFocus: onInputFocus,
     onBlur: onInputBlur
   })) : /*#__PURE__*/React.createElement("div", {
-    className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40[`size${size}`])
+    className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40["size".concat(size)])
   }, /*#__PURE__*/React.createElement("textarea", _extends({
     ref: textAreaRef,
     className: inputClasses,
@@ -193,7 +245,7 @@ const EditableHeading = props => {
     onBlur: onInputBlur,
     onScroll: onInputScroll,
     style: {
-      maxHeight: maxInputRows ? `${maxInputRows}lh` : ''
+      maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
     }
   })), !isScrolledToBottom && /*#__PURE__*/React.createElement("div", {
     className: modules_6e69b0fe.textareaFade
@@ -216,7 +268,7 @@ const EditableHeading = props => {
     disabled: isCancelDisabled,
     onClick: onCancel
   }, translations.cancel))), isEditing && error && /*#__PURE__*/React.createElement("div", {
-    className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40[`size${size}`])
+    className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40["size".concat(size)])
   }, error));
 };
 var editableHeading = /*#__PURE__*/React.memo(EditableHeading);