intergalactic 15.129.0 → 15.130.0

package/bulk-textarea/lib/esm/components/InputField/InputField.mjs

@@ -1,54 +1,86 @@
-import ae from "@babel/runtime/helpers/esm/objectSpread2";
-import ne from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import W from "@babel/runtime/helpers/esm/toConsumableArray";
-import le from "@babel/runtime/helpers/esm/classCallCheck";
-import se from "@babel/runtime/helpers/esm/createClass";
-import x from "@babel/runtime/helpers/esm/assertThisInitialized";
-import oe from "@babel/runtime/helpers/esm/inherits";
-import de from "@babel/runtime/helpers/esm/createSuper";
-import E from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as ve } from 'intergalactic/utils/lib/core/index';
-import { sstyled as ue, assignProps as ce, Component as he } from 'intergalactic/core';
-import O from "react";
-import { Box as ge } from 'intergalactic/flex-box';
-import $ from 'intergalactic/tooltip';
-import { extractAriaProps as ee } from 'intergalactic/utils/lib/ariaProps';
-import pe from 'intergalactic/utils/lib/uniqueID';
-import fe from "dompurify";
-var me = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import Tooltip from 'intergalactic/tooltip';
+import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import DOMPurify from "dompurify";
+/*!__reshadow-styles__:"./inputField.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (ve.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SInputField_eiisc_gg_>div{box-sizing:content-box;outline:0;border-radius:var(--intergalactic-control-rounded, 6px);border-color:var(--intergalactic-border-primary, #c4c7cf);border-style:solid;border-width:1px;overflow:auto;position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);word-wrap:break-word;word-break:break-word;font-family:inherit}.___SInputField_eiisc_gg_>div:empty::before{content:"1. "attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_eiisc_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_eiisc_gg_>div:nth-child(even)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SInputField_eiisc_gg_>div>p{counter-increment:row;margin:0 0 var(--intergalactic-spacing-1x, 4px)0;position:relative;word-break:break-all;white-space:pre-wrap;padding:0 var(--intergalactic-spacing-5x, 20px)0 var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_eiisc_gg_>div>p:not(:empty)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-1x, 4px);position:absolute;left:0}.___SInputField_eiisc_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_eiisc_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_eiisc_gg_.__showErrors_eiisc_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0;top:var(--intergalactic-spacing-05x, 2px)}.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);min-height:calc(var(--minRows_eiisc)*20px);max-height:calc((var(--maxRows_eiisc) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty::before,.___SInputField_eiisc_gg_._size_m_eiisc_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);min-height:calc(var(--minRows_eiisc)*24px);max-height:calc((var(--maxRows_eiisc) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_eiisc_gg_._size_l_eiisc_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_eiisc_gg_._state_normal_eiisc_gg_:not(.__disabled_eiisc_gg_)>div:focus:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SInputField_eiisc_gg_._state_valid_eiisc_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_eiisc_gg_._state_valid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_eiisc_gg_._state_invalid_eiisc_gg_>div{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___SInputField_eiisc_gg_._state_invalid_eiisc_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_eiisc_gg_.__readonly_eiisc_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_eiisc_gg_.__disabled_eiisc_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
-    "eiisc_gg_"
-  ), {
-    __SInputField: "___SInputField_eiisc_gg_",
-    _showErrors: "__showErrors_eiisc_gg_",
-    _readonly: "__readonly_eiisc_gg_",
-    _disabled: "__disabled_eiisc_gg_",
-    _size_m: "_size_m_eiisc_gg_",
-    "--minRows": "--minRows_eiisc",
-    "--maxRows": "--maxRows_eiisc",
-    _size_l: "_size_l_eiisc_gg_",
-    _state_normal: "_state_normal_eiisc_gg_",
-    _state_valid: "_state_valid_eiisc_gg_",
-    _state_invalid: "_state_invalid_eiisc_gg_"
+    '.___SInputField_1b160_gg_>div{box-sizing:content-box;outline:0;border-radius:var(--intergalactic-control-rounded, 6px);border-color:var(--intergalactic-border-primary, #c4c7cf);border-style:solid;border-width:1px;overflow:auto;position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);word-wrap:break-word;word-break:break-word;font-family:inherit}.___SInputField_1b160_gg_>div:empty::before{content:"1. "attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_1b160_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_1b160_gg_>div:nth-child(even)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SInputField_1b160_gg_>div>p{counter-increment:row;margin:0 0 var(--intergalactic-spacing-1x, 4px)0;position:relative;word-break:break-all;white-space:pre-wrap;padding:0 var(--intergalactic-spacing-5x, 20px)0 var(--intergalactic-spacing-4x, 16px)}.___SInputField_1b160_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_1b160_gg_>div>p:not(:empty)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-1x, 4px);position:absolute;left:0}.___SInputField_1b160_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_1b160_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_1b160_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_1b160_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_1b160_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_1b160_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_1b160_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_1b160_gg_.__showErrors_1b160_gg_>div[aria-invalid]>p[aria-invalid]:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo=\\ );position:absolute;right:0;top:var(--intergalactic-spacing-05x, 2px)}.___SInputField_1b160_gg_._size_m_1b160_gg_>div{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);min-height:calc(var(--minRows_1b160)*20px);max-height:calc((var(--maxRows_1b160) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_1b160_gg_._size_m_1b160_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_1b160_gg_._size_l_1b160_gg_>div:empty::before,.___SInputField_1b160_gg_._size_m_1b160_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_1b160_gg_._size_l_1b160_gg_>div{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);min-height:calc(var(--minRows_1b160)*24px);max-height:calc((var(--maxRows_1b160) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_1b160_gg_._size_l_1b160_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_1b160_gg_._state_normal_1b160_gg_:not(.__disabled_1b160_gg_)>div:focus:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SInputField_1b160_gg_._state_valid_1b160_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_1b160_gg_._state_valid_1b160_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInputField_1b160_gg_._state_invalid_1b160_gg_>div{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___SInputField_1b160_gg_._state_invalid_1b160_gg_>div:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInputField_1b160_gg_.__readonly_1b160_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_1b160_gg_.__disabled_1b160_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
+    /*__inner_css_end__*/
+    "1b160_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SInputField": "___SInputField_1b160_gg_",
+    "_showErrors": "__showErrors_1b160_gg_",
+    "_readonly": "__readonly_1b160_gg_",
+    "_disabled": "__disabled_1b160_gg_",
+    "_size_m": "_size_m_1b160_gg_",
+    "--minRows": "--minRows_1b160",
+    "--maxRows": "--maxRows_1b160",
+    "_size_l": "_size_l_1b160_gg_",
+    "_state_normal": "_state_normal_1b160_gg_",
+    "_state_valid": "_state_valid_1b160_gg_",
+    "_state_invalid": "_state_invalid_1b160_gg_"
   })
-), Y = /* @__PURE__ */ function(ie) {
-  oe(K, ie);
-  var te = de(K);
-  function K(s) {
-    var e;
-    return le(this, K), e = te.call(this, s), E(x(e), "delimiter", `
-`), E(x(e), "skipEmptyLines", !0), E(x(e), "emptyLineValue", ""), E(x(e), "spaceLineValue", " "), E(x(e), "containerRef", /* @__PURE__ */ O.createRef()), E(x(e), "textarea", void 0), E(x(e), "popper", null), E(x(e), "setPopperTrigger", null), E(x(e), "errorByInteraction", null), E(x(e), "changeTriggerTimeout", 0), E(x(e), "isScrolling", !1), E(x(e), "scrollingTimeout", 0), E(x(e), "toggleErrorsPopperTimeout", 0), E(x(e), "isFocusing", !1), E(x(e), "linesCountTimeout", 0), E(x(e), "state", {
-      visibleErrorPopper: !1,
+);
+var InputField = /* @__PURE__ */ function(_Component) {
+  _inherits(InputField2, _Component);
+  var _super = _createSuper(InputField2);
+  function InputField2(props) {
+    var _this;
+    _classCallCheck(this, InputField2);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "delimiter", "\n");
+    _defineProperty(_assertThisInitialized(_this), "skipEmptyLines", true);
+    _defineProperty(_assertThisInitialized(_this), "emptyLineValue", "");
+    _defineProperty(_assertThisInitialized(_this), "spaceLineValue", " ");
+    _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "textarea", void 0);
+    _defineProperty(_assertThisInitialized(_this), "popper", null);
+    _defineProperty(_assertThisInitialized(_this), "setPopperTrigger", null);
+    _defineProperty(_assertThisInitialized(_this), "errorByInteraction", null);
+    _defineProperty(_assertThisInitialized(_this), "changeTriggerTimeout", 0);
+    _defineProperty(_assertThisInitialized(_this), "isScrolling", false);
+    _defineProperty(_assertThisInitialized(_this), "scrollingTimeout", 0);
+    _defineProperty(_assertThisInitialized(_this), "toggleErrorsPopperTimeout", 0);
+    _defineProperty(_assertThisInitialized(_this), "isFocusing", false);
+    _defineProperty(_assertThisInitialized(_this), "linesCountTimeout", 0);
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      visibleErrorPopper: false,
       keyboardLineIndex: -1,
       mouseLineIndex: -1
-    }), e.handlePaste = e.handlePaste.bind(x(e)), e.handleChange = e.handleChange.bind(x(e)), e.handleFocus = e.handleFocus.bind(x(e)), e.handleBlur = e.handleBlur.bind(x(e)), e.handleKeyDown = e.handleKeyDown.bind(x(e)), e.handleMouseDown = e.handleMouseDown.bind(x(e)), e.handleMouseMove = e.handleMouseMove.bind(x(e)), e.handleMouseLeave = e.handleMouseLeave.bind(x(e)), e.handleScroll = e.handleScroll.bind(x(e)), e.handleSelectAll = e.handleSelectAll.bind(x(e)), e.textarea = e.createContentEditableElement(s), e;
+    });
+    _this.handlePaste = _this.handlePaste.bind(_assertThisInitialized(_this));
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
+    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
+    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
+    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
+    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
+    _this.handleMouseLeave = _this.handleMouseLeave.bind(_assertThisInitialized(_this));
+    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized(_this));
+    _this.handleSelectAll = _this.handleSelectAll.bind(_assertThisInitialized(_this));
+    _this.textarea = _this.createContentEditableElement(props);
+    return _this;
   }
-  return se(K, [{
+  _createClass(InputField2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         value: null,
         linesCount: null,
@@ -57,583 +89,994 @@ var me = (
     }
   }, {
     key: "componentDidMount",
-    value: function() {
-      var e;
-      (e = this.containerRef.current) === null || e === void 0 || e.append(this.textarea), this.handleValueOutChange();
+    value: function componentDidMount() {
+      var _this$containerRef$cu;
+      (_this$containerRef$cu = this.containerRef.current) === null || _this$containerRef$cu === void 0 ? void 0 : _this$containerRef$cu.append(this.textarea);
+      this.handleValueOutChange();
     }
   }, {
     key: "componentDidUpdate",
-    value: function(e, i) {
-      var r = this, t = this.props, a = t.value, n = t.errors, l = t.errorIndex, d = t.showErrors, g = t.disabled, b = t.readonly, h = t.highlightErrorIndex, u = t.lineProcessing, o = t["aria-describedby"], y = o === void 0 ? "" : o;
-      if (e.value !== a) {
-        var v = this.getValues().join(this.delimiter);
-        (typeof a == "string" ? a !== v : a.join(this.delimiter) !== v) && this.handleValueOutChange();
-      }
-      (e.showErrors !== d || e.errors.length !== n.length) && (this.toggleAriaInvalid(d, n.length), d === !1 && this.textarea.setAttribute("aria-describedby", y)), e.errorIndex !== l && h && this.handleChangeErrorIndex(l), (e.disabled !== g || e.readonly !== b) && (this.isDisabled ? (this.textarea.setAttribute("contenteditable", "false"), this.removeEventListeners(this.textarea)) : (this.textarea.setAttribute("contenteditable", "true"), this.addEventListeners(this.textarea)), g ? this.textarea.setAttribute("tabindex", "-1") : this.textarea.setAttribute("tabindex", "0"));
-      var p = this.state.keyboardLineIndex;
-      if (i.keyboardLineIndex !== -1 && i.keyboardLineIndex !== p) {
-        if (u) {
-          var f, I = this.getValues(), L = u((f = I[i.keyboardLineIndex]) !== null && f !== void 0 ? f : "", I), k = document.createTextNode(L), M = this.textarea.childNodes.item(i.keyboardLineIndex);
-          M instanceof HTMLParagraphElement && (L === "" ? M.innerHTML = this.emptyLineValue : M.replaceChild(k, M.childNodes.item(0))), this.validateLine(M), setTimeout(function() {
-            var P = r.textarea.childNodes.item(p);
-            P && r.setErrorIndex(P);
+    value: function componentDidUpdate(prevProps, prevState) {
+      var _this2 = this;
+      var _this$props = this.props, value = _this$props.value, errors = _this$props.errors, errorIndex = _this$props.errorIndex, showErrors = _this$props.showErrors, disabled = _this$props.disabled, readonly = _this$props.readonly, highlightErrorIndex = _this$props.highlightErrorIndex, lineProcessing = _this$props.lineProcessing, _this$props$ariaDesc = _this$props["aria-describedby"], ariaDescribedby = _this$props$ariaDesc === void 0 ? "" : _this$props$ariaDesc;
+      if (prevProps.value !== value) {
+        var currentValue = this.getValues().join(this.delimiter);
+        if (typeof value === "string" ? value !== currentValue : value.join(this.delimiter) !== currentValue) {
+          this.handleValueOutChange();
+        }
+      }
+      if (prevProps.showErrors !== showErrors || prevProps.errors.length !== errors.length) {
+        this.toggleAriaInvalid(showErrors, errors.length);
+        if (showErrors === false) {
+          this.textarea.setAttribute("aria-describedby", ariaDescribedby);
+        }
+      }
+      if (prevProps.errorIndex !== errorIndex && highlightErrorIndex) {
+        this.handleChangeErrorIndex(errorIndex);
+      }
+      if (prevProps.disabled !== disabled || prevProps.readonly !== readonly) {
+        if (this.isDisabled) {
+          this.textarea.setAttribute("contenteditable", "false");
+          this.removeEventListeners(this.textarea);
+        } else {
+          this.textarea.setAttribute("contenteditable", "true");
+          this.addEventListeners(this.textarea);
+        }
+        if (disabled) {
+          this.textarea.setAttribute("tabindex", "-1");
+        } else {
+          this.textarea.setAttribute("tabindex", "0");
+        }
+      }
+      var keyboardLineIndex = this.state.keyboardLineIndex;
+      if (prevState.keyboardLineIndex !== -1 && prevState.keyboardLineIndex !== keyboardLineIndex) {
+        if (lineProcessing) {
+          var _lines$prevState$keyb;
+          var lines = this.getValues();
+          var newValue = lineProcessing((_lines$prevState$keyb = lines[prevState.keyboardLineIndex]) !== null && _lines$prevState$keyb !== void 0 ? _lines$prevState$keyb : "", lines);
+          var newValueTextNode = document.createTextNode(newValue);
+          var paragraph = this.textarea.childNodes.item(prevState.keyboardLineIndex);
+          if (paragraph instanceof HTMLParagraphElement) {
+            if (newValue === "") {
+              paragraph.innerHTML = this.emptyLineValue;
+            } else {
+              paragraph.replaceChild(newValueTextNode, paragraph.childNodes.item(0));
+            }
+          }
+          this.validateLine(paragraph);
+          setTimeout(function() {
+            var newNode = _this2.textarea.childNodes.item(keyboardLineIndex);
+            if (newNode) {
+              _this2.setErrorIndex(newNode);
+            }
           }, 0);
         }
-        d || this.recalculateErrors(), this.recalculateLinesCount(), this.asProps.onChangeLineIndex(p);
+        if (!showErrors) {
+          this.recalculateErrors();
+        }
+        this.recalculateLinesCount();
+        this.asProps.onChangeLineIndex(keyboardLineIndex);
       }
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
+    value: function componentWillUnmount() {
       this.removeEventListeners(this.textarea);
     }
   }, {
     key: "isDisabled",
-    get: function() {
-      var e = this.asProps, i = e.disabled, r = e.readonly;
-      return !!(i || r);
+    get: function get() {
+      var _this$asProps = this.asProps, disabled = _this$asProps.disabled, readonly = _this$asProps.readonly;
+      return Boolean(disabled || readonly);
     }
   }, {
     key: "popperDescribedId",
-    get: function() {
-      var e = this.asProps.uid;
-      return "bulk-textarea-".concat(e, "-popper-describedby");
+    get: function get() {
+      var uid = this.asProps.uid;
+      return "bulk-textarea-".concat(uid, "-popper-describedby");
     }
   }, {
     key: "errorMessage",
-    get: function() {
-      var e, i, r, t = this.asProps, a = t.errors, n = t.errorIndex, l = t.commonErrorMessage, d = t.prevError, g = this.state, b = g.mouseLineIndex, h = g.keyboardLineIndex, u = this.errorByInteraction === "keyboard" ? h : this.errorByInteraction === "mouse" ? b : -1, o = a[n];
-      u !== -1 && (o = a.find(function(p) {
-        return (p == null ? void 0 : p.lineIndex) === u;
-      }));
-      var y = a.length === 0 && !d ? null : (e = (i = o) === null || i === void 0 ? void 0 : i.errorMessage) !== null && e !== void 0 ? e : l === "" || a.length === 0 ? d == null ? void 0 : d.errorMessage : l, v = !((r = o) !== null && r !== void 0 && r.errorMessage) && (l === "" || a.length === 0 ? !(d != null && d.errorMessage) : !0);
+    get: function get() {
+      var _errorItem$errorMessa, _errorItem, _errorItem2;
+      var _this$asProps2 = this.asProps, errors = _this$asProps2.errors, errorIndex = _this$asProps2.errorIndex, commonErrorMessage = _this$asProps2.commonErrorMessage, prevError = _this$asProps2.prevError;
+      var _this$state = this.state, mouseLineIndex = _this$state.mouseLineIndex, keyboardLineIndex = _this$state.keyboardLineIndex;
+      var currentLineIndex = this.errorByInteraction === "keyboard" ? keyboardLineIndex : this.errorByInteraction === "mouse" ? mouseLineIndex : -1;
+      var errorItem = errors[errorIndex];
+      if (currentLineIndex !== -1) {
+        errorItem = errors.find(function(e) {
+          return (e === null || e === void 0 ? void 0 : e.lineIndex) === currentLineIndex;
+        });
+      }
+      var errorMessage = errors.length === 0 && !prevError ? null : (_errorItem$errorMessa = (_errorItem = errorItem) === null || _errorItem === void 0 ? void 0 : _errorItem.errorMessage) !== null && _errorItem$errorMessa !== void 0 ? _errorItem$errorMessa : commonErrorMessage === "" || errors.length === 0 ? prevError === null || prevError === void 0 ? void 0 : prevError.errorMessage : commonErrorMessage;
+      var isCommonError = !((_errorItem2 = errorItem) !== null && _errorItem2 !== void 0 && _errorItem2.errorMessage) && (commonErrorMessage === "" || errors.length === 0 ? !(prevError !== null && prevError !== void 0 && prevError.errorMessage) : true);
       return {
-        errorMessage: y,
-        isCommonError: v
+        errorMessage,
+        isCommonError
       };
     }
   }, {
     key: "createContentEditableElement",
-    value: function(e) {
-      var i = document.createElement("div");
-      i.setAttribute("contentEditable", e.disabled || e.readonly ? "false" : "true"), i.setAttribute("role", "textbox"), i.setAttribute("classname", "editable"), e.id && i.setAttribute("id", e.id), e.placeholder && i.setAttribute("placeholder", e.placeholder);
-      var r = ee(e), t = r.extractedAriaProps;
-      for (var a in t) {
-        var n = e[a];
-        n && i.setAttribute(a, n);
+    value: function createContentEditableElement(props) {
+      var textarea = document.createElement("div");
+      textarea.setAttribute("contentEditable", props.disabled || props.readonly ? "false" : "true");
+      textarea.setAttribute("role", "textbox");
+      textarea.setAttribute("classname", "editable");
+      if (props.id) {
+        textarea.setAttribute("id", props.id);
+      }
+      if (props.placeholder) {
+        textarea.setAttribute("placeholder", props.placeholder);
+      }
+      var _extractAriaProps = extractAriaProps(props), extractedAriaProps = _extractAriaProps.extractedAriaProps;
+      for (var key in extractedAriaProps) {
+        var ariaProp = props[key];
+        if (ariaProp) {
+          textarea.setAttribute(key, ariaProp);
+        }
+      }
+      if (!props.disabled) {
+        textarea.setAttribute("tabIndex", "0");
+      } else {
+        textarea.setAttribute("tabIndex", "-1");
+      }
+      if (!props.disabled && !props.readonly) {
+        this.addEventListeners(textarea);
+      } else {
+        textarea.addEventListener("keydown", this.handleSelectAll.bind(this));
       }
-      return e.disabled ? i.setAttribute("tabIndex", "-1") : i.setAttribute("tabIndex", "0"), !e.disabled && !e.readonly ? this.addEventListeners(i) : i.addEventListener("keydown", this.handleSelectAll.bind(this)), i;
+      return textarea;
     }
   }, {
     key: "handleValueOutChange",
-    value: function() {
-      var e = this.props, i = e.value, r = e.onChangeLinesCount;
-      if (i === "")
-        this.textarea.textContent = "", r(0);
-      else {
-        var t, a = this.prepareNodesForPaste(i);
-        (t = this.textarea).replaceChildren.apply(t, W(a)), this.recalculateLinesCount(), this.recalculateErrors();
+    value: function handleValueOutChange() {
+      var _this$props2 = this.props, value = _this$props2.value, onChangeLinesCount = _this$props2.onChangeLinesCount;
+      if (value === "") {
+        this.textarea.textContent = "";
+        onChangeLinesCount(0);
+      } else {
+        var _this$textarea;
+        var listOfNodes = this.prepareNodesForPaste(value);
+        (_this$textarea = this.textarea).replaceChildren.apply(_this$textarea, _toConsumableArray(listOfNodes));
+        this.recalculateLinesCount();
+        this.recalculateErrors();
       }
     }
   }, {
     key: "handleScroll",
-    value: function() {
-      var e = this;
-      this.scrollingTimeout && clearTimeout(this.scrollingTimeout), this.isScrolling = !0, this.scrollingTimeout = window.setTimeout(function() {
-        e.isScrolling = !1;
+    value: function handleScroll() {
+      var _this3 = this;
+      if (this.scrollingTimeout) {
+        clearTimeout(this.scrollingTimeout);
+      }
+      this.isScrolling = true;
+      this.scrollingTimeout = window.setTimeout(function() {
+        _this3.isScrolling = false;
       }, 50);
     }
   }, {
     key: "handleMouseDown",
-    value: function(e) {
-      var i = e.target;
-      i instanceof HTMLElement && (this.toggleErrorsPopper("keyboardLineIndex", i), this.setErrorIndex(i));
+    value: function handleMouseDown(event) {
+      var element = event.target;
+      if (element instanceof HTMLElement) {
+        this.toggleErrorsPopper("keyboardLineIndex", element);
+        this.setErrorIndex(element);
+      }
     }
   }, {
     key: "handleMouseMove",
-    value: function(e) {
+    value: function handleMouseMove(event) {
       this.errorByInteraction = "mouse";
-      var i = e.target;
-      i !== this.textarea && (this.isFocusing || i instanceof HTMLElement && i.getAttribute("aria-invalid") === "true" ? this.toggleErrorsPopper("mouseLineIndex", i) : this.setState({
-        visibleErrorPopper: !1
-      }));
+      var element = event.target;
+      if (element !== this.textarea) {
+        if (this.isFocusing || element instanceof HTMLElement && element.getAttribute("aria-invalid") === "true") {
+          this.toggleErrorsPopper("mouseLineIndex", element);
+        } else {
+          this.setState({
+            visibleErrorPopper: false
+          });
+        }
+      }
     }
   }, {
     key: "handleMouseLeave",
-    value: function(e) {
-      if (this.changeTriggerTimeout && clearTimeout(this.changeTriggerTimeout), this.isFocusing) {
+    value: function handleMouseLeave(event) {
+      if (this.changeTriggerTimeout) {
+        clearTimeout(this.changeTriggerTimeout);
+      }
+      if (this.isFocusing) {
         this.errorByInteraction = "keyboard";
-        var i = this.getNodeFromSelection();
-        this.toggleErrorsPopper("keyboardLineIndex", i, 0), this.setState({
+        var rowNode = this.getNodeFromSelection();
+        this.toggleErrorsPopper("keyboardLineIndex", rowNode, 0);
+        this.setState({
           mouseLineIndex: -1
         });
-      } else
+      } else {
         this.setState({
-          visibleErrorPopper: !1
+          visibleErrorPopper: false
         });
+      }
     }
   }, {
     key: "handlePaste",
-    value: function(e) {
-      var i;
-      e.preventDefault();
-      var r = this.asProps.validateOn, t = (i = e.clipboardData) === null || i === void 0 ? void 0 : i.getData("text/plain"), a = t ? this.prepareNodesForPaste(t) : [];
-      if (a.length !== 0) {
-        var n = document.getSelection();
-        if (n != null && n.anchorNode && n !== null && n !== void 0 && n.focusNode) {
-          var l = n.anchorOffset, d = n.focusOffset, g = n.anchorNode.compareDocumentPosition(n.focusNode), b = this.getSelectionDirection(), h = b === "forward" ? n.anchorNode : n.focusNode, u = b === "forward" ? n.focusNode : n.anchorNode, o = b === "forward" ? l : d, y = b === "forward" ? d : l, v = h instanceof Text ? h.parentElement : h, p = u instanceof Text ? u.parentElement : u, f = null, I = null;
-          if (u === this.textarea) {
-            var L, k;
-            (L = this.textarea).replaceChildren.apply(L, W(a));
-            var M = a[a.length - 1];
-            f = M.childNodes.item(0), I = ((k = M.textContent) !== null && k !== void 0 ? k : "").length;
-          } else if (p instanceof HTMLParagraphElement && v instanceof HTMLParagraphElement) {
-            var P, A, S, C, w, F = (P = v == null || (A = v.textContent) === null || A === void 0 ? void 0 : A.substring(0, o)) !== null && P !== void 0 ? P : "", D = (S = p == null || (C = p.textContent) === null || C === void 0 ? void 0 : C.substring(y)) !== null && S !== void 0 ? S : "", H = F.trim() === "" ? "" : F, c = D.trim() === "" ? "" : D;
-            n.deleteFromDocument(), g !== 0 && this.textarea.removeChild(p);
-            var T = a.splice(0, 1)[0], _ = a[a.length - 1];
-            if (v.textContent = (w = H + (T == null ? void 0 : T.textContent)) !== null && w !== void 0 ? w : "", v.after.apply(v, W(a)), _) {
-              var m, B;
-              _.textContent = ((m = _.textContent) !== null && m !== void 0 ? m : "") + c, f = _.childNodes.item(0), I = ((B = _.textContent) !== null && B !== void 0 ? B : "").length, this.validateLine(_), this.setErrorIndex(_);
-            } else {
-              var R, V;
-              I = ((R = v.textContent) !== null && R !== void 0 ? R : "").length, v.textContent = ((V = v.textContent) !== null && V !== void 0 ? V : "") + c, f = v.childNodes.item(0), this.validateLine(v), this.setErrorIndex(v);
-            }
+    value: function handlePaste(event) {
+      var _event$clipboardData;
+      event.preventDefault();
+      var validateOn = this.asProps.validateOn;
+      var value = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData("text/plain");
+      var listOfNodes = value ? this.prepareNodesForPaste(value) : [];
+      if (listOfNodes.length === 0) return;
+      var selection = document.getSelection();
+      if (selection !== null && selection !== void 0 && selection.anchorNode && selection !== null && selection !== void 0 && selection.focusNode) {
+        var anchorOffset = selection.anchorOffset;
+        var focusOffset = selection.focusOffset;
+        var documentPosition = selection.anchorNode.compareDocumentPosition(selection.focusNode);
+        var direction = this.getSelectionDirection();
+        var anchorElement = direction === "forward" ? selection.anchorNode : selection.focusNode;
+        var focusElement = direction === "forward" ? selection.focusNode : selection.anchorNode;
+        var fromOffset = direction === "forward" ? anchorOffset : focusOffset;
+        var toOffset = direction === "forward" ? focusOffset : anchorOffset;
+        var anchorNode = anchorElement instanceof Text ? anchorElement.parentElement : anchorElement;
+        var focusNode = focusElement instanceof Text ? focusElement.parentElement : focusElement;
+        var textNode = null;
+        var position = null;
+        if (focusElement === this.textarea) {
+          var _this$textarea2, _lastNodeToInsert$tex;
+          (_this$textarea2 = this.textarea).replaceChildren.apply(_this$textarea2, _toConsumableArray(listOfNodes));
+          var lastNodeToInsert = listOfNodes[listOfNodes.length - 1];
+          textNode = lastNodeToInsert.childNodes.item(0);
+          position = ((_lastNodeToInsert$tex = lastNodeToInsert.textContent) !== null && _lastNodeToInsert$tex !== void 0 ? _lastNodeToInsert$tex : "").length;
+        } else if (focusNode instanceof HTMLParagraphElement && anchorNode instanceof HTMLParagraphElement) {
+          var _anchorNode$textConte, _anchorNode$textConte2, _focusNode$textConten, _focusNode$textConten2, _ref3;
+          var before = (_anchorNode$textConte = anchorNode === null || anchorNode === void 0 ? void 0 : (_anchorNode$textConte2 = anchorNode.textContent) === null || _anchorNode$textConte2 === void 0 ? void 0 : _anchorNode$textConte2.substring(0, fromOffset)) !== null && _anchorNode$textConte !== void 0 ? _anchorNode$textConte : "";
+          var after = (_focusNode$textConten = focusNode === null || focusNode === void 0 ? void 0 : (_focusNode$textConten2 = focusNode.textContent) === null || _focusNode$textConten2 === void 0 ? void 0 : _focusNode$textConten2.substring(toOffset)) !== null && _focusNode$textConten !== void 0 ? _focusNode$textConten : "";
+          var noEmptyLineBefore = before.trim() === "" ? "" : before;
+          var noEmptyLineAfter = after.trim() === "" ? "" : after;
+          selection.deleteFromDocument();
+          if (documentPosition !== 0) {
+            this.textarea.removeChild(focusNode);
           }
-          if (f instanceof Text) {
-            var j, z;
-            this.setSelection(f, (j = I) !== null && j !== void 0 ? j : 1, (z = I) !== null && z !== void 0 ? z : 1), this.toggleErrorsPopper("keyboardLineIndex", f.parentNode);
+          var firstNodeToInsert = listOfNodes.splice(0, 1)[0];
+          var _lastNodeToInsert = listOfNodes[listOfNodes.length - 1];
+          anchorNode.textContent = (_ref3 = noEmptyLineBefore + (firstNodeToInsert === null || firstNodeToInsert === void 0 ? void 0 : firstNodeToInsert.textContent)) !== null && _ref3 !== void 0 ? _ref3 : "";
+          anchorNode.after.apply(anchorNode, _toConsumableArray(listOfNodes));
+          if (_lastNodeToInsert) {
+            var _lastNodeToInsert$tex2, _lastNodeToInsert$tex3;
+            _lastNodeToInsert.textContent = ((_lastNodeToInsert$tex2 = _lastNodeToInsert.textContent) !== null && _lastNodeToInsert$tex2 !== void 0 ? _lastNodeToInsert$tex2 : "") + noEmptyLineAfter;
+            textNode = _lastNodeToInsert.childNodes.item(0);
+            position = ((_lastNodeToInsert$tex3 = _lastNodeToInsert.textContent) !== null && _lastNodeToInsert$tex3 !== void 0 ? _lastNodeToInsert$tex3 : "").length;
+            this.validateLine(_lastNodeToInsert);
+            this.setErrorIndex(_lastNodeToInsert);
           } else {
-            var Z;
-            console.warn("incorrect child type", f, (Z = f) === null || Z === void 0 ? void 0 : Z.parentNode);
+            var _anchorNode$textConte3, _anchorNode$textConte4;
+            position = ((_anchorNode$textConte3 = anchorNode.textContent) !== null && _anchorNode$textConte3 !== void 0 ? _anchorNode$textConte3 : "").length;
+            anchorNode.textContent = ((_anchorNode$textConte4 = anchorNode.textContent) !== null && _anchorNode$textConte4 !== void 0 ? _anchorNode$textConte4 : "") + noEmptyLineAfter;
+            textNode = anchorNode.childNodes.item(0);
+            this.validateLine(anchorNode);
+            this.setErrorIndex(anchorNode);
           }
         }
-        this.recalculateLinesCount(), (r.includes("paste") || this.asProps.showErrors) && this.recalculateErrors();
+        if (textNode instanceof Text) {
+          var _position, _position2;
+          this.setSelection(textNode, (_position = position) !== null && _position !== void 0 ? _position : 1, (_position2 = position) !== null && _position2 !== void 0 ? _position2 : 1);
+          this.toggleErrorsPopper("keyboardLineIndex", textNode.parentNode);
+        } else {
+          var _textNode;
+          console.warn("incorrect child type", textNode, (_textNode = textNode) === null || _textNode === void 0 ? void 0 : _textNode.parentNode);
+        }
+      }
+      this.recalculateLinesCount();
+      if (validateOn.includes("paste") || this.asProps.showErrors) {
+        this.recalculateErrors();
       }
     }
   }, {
     key: "handleChange",
-    value: function(e) {
-      var i = e.target;
-      if (i instanceof HTMLDivElement && e instanceof InputEvent) {
-        var r, t = this.textarea.childNodes, a = t.item(0), n = t.item(1), l = document.getSelection();
-        if (a instanceof Text) {
-          var d, g = (d = a.textContent) !== null && d !== void 0 ? d : "", b = document.createElement("p"), h = document.createTextNode(g);
-          b.append(h), a.replaceWith(b), l == null || l.setPosition(b, g.length);
-        } else !a || a instanceof HTMLBRElement && t.length === 1 ? (this.textarea.textContent = "", this.setState({
-          keyboardLineIndex: 0
-        })) : a instanceof HTMLParagraphElement && !((r = a.textContent) !== null && r !== void 0 && r.trim()) && (t.length <= 1 || n instanceof HTMLBRElement) && (this.textarea.textContent = "", this.setState({
-          keyboardLineIndex: 0
-        }));
-        for (var u = 10, o = l == null ? void 0 : l.focusNode; ((y = o) === null || y === void 0 ? void 0 : y.parentNode) !== this.textarea && u > 0; ) {
-          var y, v;
-          o = (v = o) === null || v === void 0 ? void 0 : v.parentNode, u--;
+    value: function handleChange(event) {
+      var target = event.target;
+      if (target instanceof HTMLDivElement && event instanceof InputEvent) {
+        var _firstNode$textConten2;
+        var nodes = this.textarea.childNodes;
+        var firstNode = nodes.item(0);
+        var secondNode = nodes.item(1);
+        var selection = document.getSelection();
+        if (firstNode instanceof Text) {
+          var _firstNode$textConten;
+          var nodeText = (_firstNode$textConten = firstNode.textContent) !== null && _firstNode$textConten !== void 0 ? _firstNode$textConten : "";
+          var firstRow = document.createElement("p");
+          var text = document.createTextNode(nodeText);
+          firstRow.append(text);
+          firstNode.replaceWith(firstRow);
+          selection === null || selection === void 0 ? void 0 : selection.setPosition(firstRow, nodeText.length);
+        } else if (!firstNode || firstNode instanceof HTMLBRElement && nodes.length === 1) {
+          this.textarea.textContent = "";
+          this.setState({
+            keyboardLineIndex: 0
+          });
+        } else if (firstNode instanceof HTMLParagraphElement && !((_firstNode$textConten2 = firstNode.textContent) !== null && _firstNode$textConten2 !== void 0 && _firstNode$textConten2.trim())) {
+          if (nodes.length <= 1 || secondNode instanceof HTMLBRElement) {
+            this.textarea.textContent = "";
+            this.setState({
+              keyboardLineIndex: 0
+            });
+          }
         }
-        if (o instanceof HTMLParagraphElement) {
-          var p, f, I = o.childNodes, L = (p = o.textContent) !== null && p !== void 0 ? p : "";
-          if (I.length > 1) {
-            var k, M = (k = I.item(0).textContent) === null || k === void 0 ? void 0 : k.length;
-            o.textContent = L, M && this.setSelection(o.childNodes.item(0), M, M);
+        var maxDeep = 10;
+        var rowNode = selection === null || selection === void 0 ? void 0 : selection.focusNode;
+        while (((_rowNode = rowNode) === null || _rowNode === void 0 ? void 0 : _rowNode.parentNode) !== this.textarea && maxDeep > 0) {
+          var _rowNode, _rowNode2;
+          rowNode = (_rowNode2 = rowNode) === null || _rowNode2 === void 0 ? void 0 : _rowNode2.parentNode;
+          maxDeep--;
+        }
+        if (rowNode instanceof HTMLParagraphElement) {
+          var _rowNode$textContent, _this$popper;
+          var childNodes = rowNode.childNodes;
+          var textContent = (_rowNode$textContent = rowNode.textContent) !== null && _rowNode$textContent !== void 0 ? _rowNode$textContent : "";
+          if (childNodes.length > 1) {
+            var _childNodes$item$text;
+            var offset = (_childNodes$item$text = childNodes.item(0).textContent) === null || _childNodes$item$text === void 0 ? void 0 : _childNodes$item$text.length;
+            rowNode.textContent = textContent;
+            if (offset) {
+              this.setSelection(rowNode.childNodes.item(0), offset, offset);
+            }
           }
-          if (L.length > 0) {
-            var P = L.at(0), A = L.at(L.length - 1);
-            if (P === this.getEmptyParagraph().textContent || A === this.getEmptyParagraph().textContent) {
-              var S = null;
-              P === this.getEmptyParagraph().textContent ? (o.textContent = L.substring(1), S = e.inputType === "deleteContentBackward" || e.inputType === "deleteContentForward" ? 0 : o.textContent.length) : A === this.getEmptyParagraph().textContent && (o.textContent = L.substring(0, L.length - 1), S = o.textContent.length), S && this.setSelection(o.childNodes.item(0), S, S);
+          if (textContent.length > 0) {
+            var firstSymbol = textContent.at(0);
+            var lastSymbol = textContent.at(textContent.length - 1);
+            if (firstSymbol === this.getEmptyParagraph().textContent || lastSymbol === this.getEmptyParagraph().textContent) {
+              var _offset = null;
+              if (firstSymbol === this.getEmptyParagraph().textContent) {
+                rowNode.textContent = textContent.substring(1);
+                _offset = event.inputType === "deleteContentBackward" || event.inputType === "deleteContentForward" ? 0 : rowNode.textContent.length;
+              } else if (lastSymbol === this.getEmptyParagraph().textContent) {
+                rowNode.textContent = textContent.substring(0, textContent.length - 1);
+                _offset = rowNode.textContent.length;
+              }
+              if (_offset) {
+                this.setSelection(rowNode.childNodes.item(0), _offset, _offset);
+              }
             }
-          } else I.length === 1 && I[0] instanceof HTMLBRElement && (o.innerHTML = this.emptyLineValue);
-          var C = this.asProps, w = C.errors, F = C.showErrors, D = this.validateLine(o);
-          this.recalculateErrors(), this.setErrorIndex(o), !D && F && this.toggleErrorsPopper("keyboardLineIndex", o, 0);
-          var H = !D || D && w.length === 1 && w[0].lineNode === o ? o : this.textarea;
-          if (F && ((f = this.popper) === null || f === void 0 ? void 0 : f.current.state.elements.reference) !== H)
-            if (this.shouldChangePopperTrigger(H)) {
-              var c;
-              (c = this.setPopperTrigger) === null || c === void 0 || c.call(this, H);
-            } else
+          } else if (childNodes.length === 1 && childNodes[0] instanceof HTMLBRElement) {
+            rowNode.innerHTML = this.emptyLineValue;
+          }
+          var _this$asProps3 = this.asProps, errors = _this$asProps3.errors, showErrors = _this$asProps3.showErrors;
+          var isValid = this.validateLine(rowNode);
+          this.recalculateErrors();
+          this.setErrorIndex(rowNode);
+          if (!isValid && showErrors) {
+            this.toggleErrorsPopper("keyboardLineIndex", rowNode, 0);
+          }
+          var trigger = !isValid || isValid && errors.length === 1 && errors[0].lineNode === rowNode ? rowNode : this.textarea;
+          if (showErrors && ((_this$popper = this.popper) === null || _this$popper === void 0 ? void 0 : _this$popper.current.state.elements.reference) !== trigger) {
+            if (this.shouldChangePopperTrigger(trigger)) {
+              var _this$setPopperTrigge;
+              (_this$setPopperTrigge = this.setPopperTrigger) === null || _this$setPopperTrigge === void 0 ? void 0 : _this$setPopperTrigge.call(this, trigger);
+            } else {
               this.setState({
-                visibleErrorPopper: !1
+                visibleErrorPopper: false
               });
-        } else if (o === null) {
-          var T;
-          if ((T = this.setPopperTrigger) === null || T === void 0 || T.call(this, this.textarea), (l == null ? void 0 : l.focusNode) === this.textarea && this.textarea.childNodes.length > 1) {
-            var _ = l.focusOffset, m = this.textarea.childNodes.item(_ - 1), B = this.textarea.childNodes.item(_);
-            this.textarea.removeChild(B), m instanceof HTMLParagraphElement && (m.innerHTML = this.emptyLineValue), m && this.setSelection(m, 0, 0);
-          } else
+            }
+          }
+        } else if (rowNode === null) {
+          var _this$setPopperTrigge2;
+          (_this$setPopperTrigge2 = this.setPopperTrigger) === null || _this$setPopperTrigge2 === void 0 ? void 0 : _this$setPopperTrigge2.call(this, this.textarea);
+          if ((selection === null || selection === void 0 ? void 0 : selection.focusNode) === this.textarea && this.textarea.childNodes.length > 1) {
+            var nodeIndex = selection.focusOffset;
+            var emptyParagraph = this.textarea.childNodes.item(nodeIndex - 1);
+            var emptyBr = this.textarea.childNodes.item(nodeIndex);
+            this.textarea.removeChild(emptyBr);
+            if (emptyParagraph instanceof HTMLParagraphElement) {
+              emptyParagraph.innerHTML = this.emptyLineValue;
+            }
+            if (emptyParagraph) {
+              this.setSelection(emptyParagraph, 0, 0);
+            }
+          } else {
             this.setSelection(this.textarea, 0, 0);
+          }
         }
         this.recalculateLinesCount();
       }
     }
   }, {
     key: "handleFocus",
-    value: function(e) {
-      this.isFocusing = !0, this.errorByInteraction = "keyboard", this.asProps.showErrors ? this.toggleErrorsPopperByKeyboard(150) : this.toggleErrorsPopper("keyboardLineIndex", this.textarea);
+    value: function handleFocus(event) {
+      this.isFocusing = true;
+      this.errorByInteraction = "keyboard";
+      if (this.asProps.showErrors) {
+        this.toggleErrorsPopperByKeyboard(150);
+      } else {
+        this.toggleErrorsPopper("keyboardLineIndex", this.textarea);
+      }
     }
   }, {
     key: "handleBlur",
-    value: function(e) {
-      var i = this;
-      this.isFocusing = !1, this.setState({
-        visibleErrorPopper: !1
+    value: function handleBlur(event) {
+      var _this4 = this;
+      this.isFocusing = false;
+      this.setState({
+        visibleErrorPopper: false
       });
-      var r = this.asProps, t = r.validateOn, a = r.onBlur, n = r.value;
-      t.includes("blur") && this.recalculateErrors();
-      var l = typeof n == "string" ? this.getValues().join(this.delimiter) : this.getValues();
-      a(l, e), setTimeout(function() {
-        i.setState({
+      var _this$asProps4 = this.asProps, validateOn = _this$asProps4.validateOn, onBlur = _this$asProps4.onBlur, value = _this$asProps4.value;
+      if (validateOn.includes("blur")) {
+        this.recalculateErrors();
+      }
+      var valueToChange = typeof value === "string" ? this.getValues().join(this.delimiter) : this.getValues();
+      onBlur(valueToChange, event);
+      setTimeout(function() {
+        _this4.setState({
           keyboardLineIndex: -1
         });
       }, 200);
     }
   }, {
     key: "handleKeyDown",
-    value: function(e) {
-      var i = this;
+    value: function handleKeyDown(event) {
+      var _this5 = this;
       this.errorByInteraction = "keyboard";
-      var r = this.asProps.linesDelimiters, t = this.getNodeFromSelection();
-      if (e.key === "Enter" || r != null && r.includes(e.key)) {
-        if (t === this.textarea && e.preventDefault(), t instanceof HTMLParagraphElement) {
-          var a, n = (a = t.textContent) === null || a === void 0 ? void 0 : a.trim();
-          if (!n)
-            e.preventDefault();
-          else {
-            var l, d, g, b;
-            e.preventDefault();
-            var h = document.getSelection(), u = (h == null ? void 0 : h.focusNode) instanceof Text ? h.focusNode : h == null || (l = h.focusNode) === null || l === void 0 ? void 0 : l.childNodes.item(0), o = h == null ? void 0 : h.focusOffset, y = "";
-            if (u instanceof Text && o !== void 0 && o !== ((d = u.textContent) === null || d === void 0 ? void 0 : d.length)) {
-              var v, p;
-              y = (v = (p = u.textContent) === null || p === void 0 ? void 0 : p.substring(o)) !== null && v !== void 0 ? v : this.emptyLineValue, u.textContent && (u.textContent = u.textContent.substring(0, o));
+      var linesDelimiters = this.asProps.linesDelimiters;
+      var currentNode = this.getNodeFromSelection();
+      if (event.key === "Enter" || linesDelimiters !== null && linesDelimiters !== void 0 && linesDelimiters.includes(event.key)) {
+        if (currentNode === this.textarea) {
+          event.preventDefault();
+        }
+        if (currentNode instanceof HTMLParagraphElement) {
+          var _currentNode$textCont;
+          var currentRowValue = (_currentNode$textCont = currentNode.textContent) === null || _currentNode$textCont === void 0 ? void 0 : _currentNode$textCont.trim();
+          if (!currentRowValue) {
+            event.preventDefault();
+          } else {
+            var _selection$focusNode, _selectionNode$textCo, _currentNode$textCont2, _row$textContent;
+            event.preventDefault();
+            var selection = document.getSelection();
+            var selectionNode = (selection === null || selection === void 0 ? void 0 : selection.focusNode) instanceof Text ? selection.focusNode : selection === null || selection === void 0 ? void 0 : (_selection$focusNode = selection.focusNode) === null || _selection$focusNode === void 0 ? void 0 : _selection$focusNode.childNodes.item(0);
+            var selectionOffset = selection === null || selection === void 0 ? void 0 : selection.focusOffset;
+            var newRowValue = "";
+            if (selectionNode instanceof Text && selectionOffset !== void 0 && selectionOffset !== ((_selectionNode$textCo = selectionNode.textContent) === null || _selectionNode$textCo === void 0 ? void 0 : _selectionNode$textCo.length)) {
+              var _selectionNode$textCo2, _selectionNode$textCo3;
+              newRowValue = (_selectionNode$textCo2 = (_selectionNode$textCo3 = selectionNode.textContent) === null || _selectionNode$textCo3 === void 0 ? void 0 : _selectionNode$textCo3.substring(selectionOffset)) !== null && _selectionNode$textCo2 !== void 0 ? _selectionNode$textCo2 : this.emptyLineValue;
+              if (selectionNode.textContent) {
+                selectionNode.textContent = selectionNode.textContent.substring(0, selectionOffset);
+              }
+            }
+            if (((_currentNode$textCont2 = currentNode.textContent) === null || _currentNode$textCont2 === void 0 ? void 0 : _currentNode$textCont2.trim()) === "") {
+              currentNode.innerHTML = this.emptyLineValue;
             }
-            ((g = t.textContent) === null || g === void 0 ? void 0 : g.trim()) === "" && (t.innerHTML = this.emptyLineValue);
-            var f = document.createElement("p");
-            y ? f.textContent = y : f.innerHTML = this.emptyLineValue, t.after(f), this.setSelection(f, 0, 0), this.validateLine(t), this.validateLine(f), t.previousSibling && this.validateLine(t.previousSibling), this.setErrorIndex(f), ((b = f.textContent) === null || b === void 0 ? void 0 : b.trim()) !== "" && this.recalculateLinesCount(), setTimeout(function() {
-              i.recalculateErrors();
-            }, 0), this.toggleErrorsPopperByKeyboard(0);
+            var row = document.createElement("p");
+            if (newRowValue) {
+              row.textContent = newRowValue;
+            } else {
+              row.innerHTML = this.emptyLineValue;
+            }
+            currentNode.after(row);
+            this.setSelection(row, 0, 0);
+            this.validateLine(currentNode);
+            this.validateLine(row);
+            if (currentNode.previousSibling) {
+              this.validateLine(currentNode.previousSibling);
+            }
+            this.setErrorIndex(row);
+            if (((_row$textContent = row.textContent) === null || _row$textContent === void 0 ? void 0 : _row$textContent.trim()) !== "") {
+              this.recalculateLinesCount();
+            }
+            setTimeout(function() {
+              _this5.recalculateErrors();
+            }, 0);
+            this.toggleErrorsPopperByKeyboard(0);
           }
         }
-      } else if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight")
-        t instanceof HTMLParagraphElement && this.handleCursorMovement(t, e), this.toggleErrorsPopperByKeyboard(200);
-      else if (this.isDeleteKey(e) && t instanceof HTMLParagraphElement) {
-        var I;
-        if (((I = t.textContent) === null || I === void 0 ? void 0 : I.trim()) === "" && !this.isRangeSelection()) {
-          var L = t.previousSibling;
-          if (L instanceof HTMLParagraphElement) {
-            var k;
-            if (e.preventDefault(), this.textarea.removeChild(t), this.toggleErrorsPopperByKeyboard(0), ((k = L.textContent) === null || k === void 0 ? void 0 : k.trim()) === "" && L.previousSibling === null && this.textarea.childNodes.length === 1)
-              this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0);
-            else if (L instanceof HTMLParagraphElement) {
-              var M, P, A = L.childNodes.item(0), S = (M = (P = A.textContent) === null || P === void 0 ? void 0 : P.length) !== null && M !== void 0 ? M : 0;
-              this.setSelection(A, S, S);
-            } else
-              console.warn("incorrect prevNode type", L);
+      } else if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "ArrowLeft" || event.key === "ArrowRight") {
+        if (currentNode instanceof HTMLParagraphElement) {
+          this.handleCursorMovement(currentNode, event);
+        }
+        this.toggleErrorsPopperByKeyboard(200);
+      } else if (this.isDeleteKey(event) && currentNode instanceof HTMLParagraphElement) {
+        var _currentNode$textCont3;
+        if (((_currentNode$textCont3 = currentNode.textContent) === null || _currentNode$textCont3 === void 0 ? void 0 : _currentNode$textCont3.trim()) === "" && !this.isRangeSelection()) {
+          var prevNode = currentNode.previousSibling;
+          if (prevNode instanceof HTMLParagraphElement) {
+            var _prevNode$textContent;
+            event.preventDefault();
+            this.textarea.removeChild(currentNode);
+            this.toggleErrorsPopperByKeyboard(0);
+            if (((_prevNode$textContent = prevNode.textContent) === null || _prevNode$textContent === void 0 ? void 0 : _prevNode$textContent.trim()) === "" && prevNode.previousSibling === null && this.textarea.childNodes.length === 1) {
+              this.textarea.textContent = "";
+              this.setSelection(this.textarea, 0, 0);
+            } else {
+              if (prevNode instanceof HTMLParagraphElement) {
+                var _text$textContent$len, _text$textContent;
+                var text = prevNode.childNodes.item(0);
+                var offset = (_text$textContent$len = (_text$textContent = text.textContent) === null || _text$textContent === void 0 ? void 0 : _text$textContent.length) !== null && _text$textContent$len !== void 0 ? _text$textContent$len : 0;
+                this.setSelection(text, offset, offset);
+              } else {
+                console.warn("incorrect prevNode type", prevNode);
+              }
+            }
             setTimeout(function() {
-              i.recalculateErrors();
-            }, 0), this.toggleErrorsPopperByKeyboard(0);
+              _this5.recalculateErrors();
+            }, 0);
+            this.toggleErrorsPopperByKeyboard(0);
           }
         } else if (this.isRangeSelection()) {
-          var C, w, F, D, H, c = document.getSelection(), T = this.getSelectionDirection(), _ = T === "backward" ? c == null ? void 0 : c.focusNode : c == null ? void 0 : c.anchorNode, m = T === "backward" ? c == null ? void 0 : c.anchorNode : c == null ? void 0 : c.focusNode, B = T === "backward" ? c == null ? void 0 : c.focusOffset : c == null ? void 0 : c.anchorOffset, R = T === "backward" ? c == null ? void 0 : c.anchorOffset : c == null ? void 0 : c.focusOffset;
-          if (_ === m && B === 0 && (m === t && R === 1 || R === ((C = t.textContent) === null || C === void 0 ? void 0 : C.length))) {
-            e.preventDefault();
-            var V = _ == null ? void 0 : _.parentElement, j = m == null ? void 0 : m.parentElement, z = this.textarea.childNodes;
-            V === z.item(0) && j === z.item(z.length - 1) ? (this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0)) : (t.innerHTML = this.emptyLineValue, this.validateLine(t)), this.setErrorIndex(t), this.recalculateLinesCount(), setTimeout(function() {
-              i.recalculateErrors();
-            }, 0), this.toggleErrorsPopperByKeyboard(0);
-          } else if (m !== _ && m instanceof Text && _ instanceof Text && (m == null ? void 0 : m.textContent) === (m == null || (w = m.parentNode) === null || w === void 0 ? void 0 : w.textContent) && (_ == null ? void 0 : _.textContent) === (_ == null || (F = _.parentNode) === null || F === void 0 ? void 0 : F.textContent) && B === 0 && R === (m == null || (D = m.parentNode) === null || D === void 0 || (H = D.textContent) === null || H === void 0 ? void 0 : H.length)) {
-            e.preventDefault();
-            var Z = Array.from(this.textarea.children), Q = _.parentElement, U = m.parentElement, J = this.textarea.childNodes;
-            if (Q === J.item(0) && U === J.item(J.length - 1))
-              this.textarea.textContent = "", this.setSelection(this.textarea, 0, 0);
-            else {
-              var q = !1, G = ne(Z), N;
+          var _currentNode$textCont4, _focusElement$parentN, _anchorElement$parent, _focusElement$parentN2, _focusElement$parentN3;
+          var _selection = document.getSelection();
+          var direction = this.getSelectionDirection();
+          var anchorElement = direction === "backward" ? _selection === null || _selection === void 0 ? void 0 : _selection.focusNode : _selection === null || _selection === void 0 ? void 0 : _selection.anchorNode;
+          var focusElement = direction === "backward" ? _selection === null || _selection === void 0 ? void 0 : _selection.anchorNode : _selection === null || _selection === void 0 ? void 0 : _selection.focusNode;
+          var anchorOffset = direction === "backward" ? _selection === null || _selection === void 0 ? void 0 : _selection.focusOffset : _selection === null || _selection === void 0 ? void 0 : _selection.anchorOffset;
+          var focusOffset = direction === "backward" ? _selection === null || _selection === void 0 ? void 0 : _selection.anchorOffset : _selection === null || _selection === void 0 ? void 0 : _selection.focusOffset;
+          if (anchorElement === focusElement && anchorOffset === 0 && (focusElement === currentNode && focusOffset === 1 || focusOffset === ((_currentNode$textCont4 = currentNode.textContent) === null || _currentNode$textCont4 === void 0 ? void 0 : _currentNode$textCont4.length))) {
+            event.preventDefault();
+            var anchorParagraph = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.parentElement;
+            var focusParagraph = focusElement === null || focusElement === void 0 ? void 0 : focusElement.parentElement;
+            var childNodes = this.textarea.childNodes;
+            if (anchorParagraph === childNodes.item(0) && focusParagraph === childNodes.item(childNodes.length - 1)) {
+              this.textarea.textContent = "";
+              this.setSelection(this.textarea, 0, 0);
+            } else {
+              currentNode.innerHTML = this.emptyLineValue;
+              this.validateLine(currentNode);
+            }
+            this.setErrorIndex(currentNode);
+            this.recalculateLinesCount();
+            setTimeout(function() {
+              _this5.recalculateErrors();
+            }, 0);
+            this.toggleErrorsPopperByKeyboard(0);
+          } else if (focusElement !== anchorElement && focusElement instanceof Text && anchorElement instanceof Text && (focusElement === null || focusElement === void 0 ? void 0 : focusElement.textContent) === (focusElement === null || focusElement === void 0 ? void 0 : (_focusElement$parentN = focusElement.parentNode) === null || _focusElement$parentN === void 0 ? void 0 : _focusElement$parentN.textContent) && (anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.textContent) === (anchorElement === null || anchorElement === void 0 ? void 0 : (_anchorElement$parent = anchorElement.parentNode) === null || _anchorElement$parent === void 0 ? void 0 : _anchorElement$parent.textContent) && anchorOffset === 0 && focusOffset === (focusElement === null || focusElement === void 0 ? void 0 : (_focusElement$parentN2 = focusElement.parentNode) === null || _focusElement$parentN2 === void 0 ? void 0 : (_focusElement$parentN3 = _focusElement$parentN2.textContent) === null || _focusElement$parentN3 === void 0 ? void 0 : _focusElement$parentN3.length)) {
+            event.preventDefault();
+            var paragraphs = Array.from(this.textarea.children);
+            var _anchorParagraph = anchorElement.parentElement;
+            var _focusParagraph = focusElement.parentElement;
+            var _childNodes = this.textarea.childNodes;
+            if (_anchorParagraph === _childNodes.item(0) && _focusParagraph === _childNodes.item(_childNodes.length - 1)) {
+              this.textarea.textContent = "";
+              this.setSelection(this.textarea, 0, 0);
+            } else {
+              var isCleaning = false;
+              var _iterator = _createForOfIteratorHelper(paragraphs), _step;
               try {
-                for (G.s(); !(N = G.n()).done; ) {
-                  var X = N.value;
-                  if (X === Q || q)
-                    if (q = !0, X === U) {
-                      U.innerHTML = this.emptyLineValue, this.setSelection(U, 0, 0);
+                for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+                  var paragraph = _step.value;
+                  if (paragraph === _anchorParagraph || isCleaning) {
+                    isCleaning = true;
+                    if (paragraph === _focusParagraph) {
+                      _focusParagraph.innerHTML = this.emptyLineValue;
+                      this.setSelection(_focusParagraph, 0, 0);
                       break;
-                    } else
-                      this.textarea.removeChild(X);
+                    } else {
+                      this.textarea.removeChild(paragraph);
+                    }
+                  }
                 }
-              } catch (re) {
-                G.e(re);
+              } catch (err) {
+                _iterator.e(err);
               } finally {
-                G.f();
+                _iterator.f();
               }
-              this.validateLine(t);
+              this.validateLine(currentNode);
             }
-            this.setErrorIndex(t), this.recalculateLinesCount(), setTimeout(function() {
-              i.recalculateErrors();
-            }, 0), this.toggleErrorsPopperByKeyboard(0);
+            this.setErrorIndex(currentNode);
+            this.recalculateLinesCount();
+            setTimeout(function() {
+              _this5.recalculateErrors();
+            }, 0);
+            this.toggleErrorsPopperByKeyboard(0);
           }
         }
-      } else e.key === "z" && (e.ctrlKey || e.metaKey) && e.preventDefault();
+      } else if (event.key === "z" && (event.ctrlKey || event.metaKey)) {
+        event.preventDefault();
+      }
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, i, r, t = this, a = ge, n = this.asProps, l = n.styles, d = n.showErrors, g = this.state.visibleErrorPopper, b = this.errorMessage, h = b.errorMessage, u = b.isCommonError, o = d && g && !!h && !this.isDisabled, y = ee(this.asProps), v = y.__excludeProps;
-      return i = ue(l), /* @__PURE__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.createElement($, i.cn("Tooltip", {
-        interaction: "none",
-        placement: u ? "right-start" : "right",
-        visible: o,
-        theme: "warning",
-        offset: u ? void 0 : [0, 26],
-        preventOverflow: {
-          boundary: (r = this.containerRef.current) !== null && r !== void 0 ? r : void 0,
-          tether: !1
+    value: function render() {
+      var _ref = this.asProps, _ref2, _this$containerRef$cu2, _this6 = this;
+      var SInputField = Box;
+      var _this$asProps5 = this.asProps, styles = _this$asProps5.styles, showErrors = _this$asProps5.showErrors;
+      var visibleErrorPopper = this.state.visibleErrorPopper;
+      var _this$errorMessage = this.errorMessage, errorMessage = _this$errorMessage.errorMessage, isCommonError = _this$errorMessage.isCommonError;
+      var visibleErrorTooltip = showErrors && visibleErrorPopper && Boolean(errorMessage) && !this.isDisabled;
+      var _extractAriaProps2 = extractAriaProps(this.asProps), __excludeProps = _extractAriaProps2.__excludeProps;
+      return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, _ref2.cn("Tooltip", {
+        "interaction": "none",
+        "placement": isCommonError ? "right-start" : "right",
+        "visible": visibleErrorTooltip,
+        "theme": "warning",
+        "offset": isCommonError ? void 0 : [0, 26],
+        "preventOverflow": {
+          boundary: (_this$containerRef$cu2 = this.containerRef.current) !== null && _this$containerRef$cu2 !== void 0 ? _this$containerRef$cu2 : void 0,
+          tether: false
+        }
+      }), function(_ref4) {
+        var popper = _ref4.popper, setTrigger = _ref4.setTrigger;
+        if (!_this6.popper) {
+          _this6.setPopperTrigger = setTrigger;
+          _this6.popper = popper;
         }
-      }), function(p) {
-        var f = p.popper, I = p.setTrigger;
-        return t.popper || (t.setPopperTrigger = I, t.popper = f), /* @__PURE__ */ O.createElement($.Popper, {
-          id: t.popperDescribedId
-        }, h);
-      }), /* @__PURE__ */ O.createElement(a, i.cn("SInputField", ae({}, ce({
-        ref: this.containerRef,
-        __excludeProps: ["onBlur", "value"].concat(W(v))
-      }, e)))));
+        return /* @__PURE__ */ React.createElement(Tooltip.Popper, {
+          id: _this6.popperDescribedId
+        }, errorMessage);
+      }), /* @__PURE__ */ React.createElement(SInputField, _ref2.cn("SInputField", _objectSpread({}, assignProps({
+        "ref": this.containerRef,
+        "__excludeProps": ["onBlur", "value"].concat(_toConsumableArray(__excludeProps))
+      }, _ref)))));
     }
   }, {
     key: "prepareNodesForPaste",
-    value: function(e) {
-      var i, r, t, a = this, n = [], l = this.asProps.pasteProps, d = (i = l == null ? void 0 : l.lineProcessing) !== null && i !== void 0 ? i : function(u) {
-        var o = u.trim();
-        return o === "" ? u : o;
-      }, g = (r = l == null ? void 0 : l.skipEmptyLines) !== null && r !== void 0 ? r : this.skipEmptyLines, b = (t = l == null ? void 0 : l.delimiter) !== null && t !== void 0 ? t : this.delimiter, h = Array.isArray(e) ? e : e.split(b);
-      return h.forEach(function(u, o) {
-        var y = d(u, o, h.length);
-        if (y === "" && g === !1 || y !== "") {
-          var v = document.createElement("p");
-          if (y === "")
-            v.innerHTML = a.emptyLineValue;
-          else if (y.trim() === "") {
-            var p = new RegExp("\\s", "g");
-            v.innerHTML = fe.sanitize(y.replace(p, a.spaceLineValue));
-          } else
-            v.append(document.createTextNode(y));
-          n.push(v), a.validateLine(v);
+    value: function prepareNodesForPaste(value) {
+      var _pasteProps$lineProce, _pasteProps$skipEmpty, _pasteProps$delimiter, _this7 = this;
+      var listOfNodes = [];
+      var pasteProps = this.asProps.pasteProps;
+      var lineProcessing = (_pasteProps$lineProce = pasteProps === null || pasteProps === void 0 ? void 0 : pasteProps.lineProcessing) !== null && _pasteProps$lineProce !== void 0 ? _pasteProps$lineProce : function(line) {
+        var trimmedLine = line.trim();
+        return trimmedLine === "" ? line : trimmedLine;
+      };
+      var skipEmptyLines = (_pasteProps$skipEmpty = pasteProps === null || pasteProps === void 0 ? void 0 : pasteProps.skipEmptyLines) !== null && _pasteProps$skipEmpty !== void 0 ? _pasteProps$skipEmpty : this.skipEmptyLines;
+      var delimiter = (_pasteProps$delimiter = pasteProps === null || pasteProps === void 0 ? void 0 : pasteProps.delimiter) !== null && _pasteProps$delimiter !== void 0 ? _pasteProps$delimiter : this.delimiter;
+      var lines = Array.isArray(value) ? value : value.split(delimiter);
+      lines.forEach(function(line, index) {
+        var preparedLine = lineProcessing(line, index, lines.length);
+        if (preparedLine === "" && skipEmptyLines === false || preparedLine !== "") {
+          var node = document.createElement("p");
+          if (preparedLine === "") {
+            node.innerHTML = _this7.emptyLineValue;
+          } else if (preparedLine.trim() === "") {
+            var allSpacesRegExp = new RegExp("\\s", "g");
+            node.innerHTML = DOMPurify.sanitize(preparedLine.replace(allSpacesRegExp, _this7.spaceLineValue));
+          } else {
+            node.append(document.createTextNode(preparedLine));
+          }
+          listOfNodes.push(node);
+          _this7.validateLine(node);
         }
-      }), n;
+      });
+      return listOfNodes;
     }
   }, {
     key: "recalculateErrors",
-    value: function() {
-      var e = [];
-      this.textarea.childNodes.forEach(function(i, r) {
-        if (i instanceof HTMLParagraphElement && i.getAttribute("aria-invalid") === "true") {
-          var t, a = {
-            errorMessage: (t = i.dataset.errormessage) !== null && t !== void 0 ? t : "",
-            lineNode: i,
-            lineIndex: r
+    value: function recalculateErrors() {
+      var errors = [];
+      this.textarea.childNodes.forEach(function(node, index) {
+        if (node instanceof HTMLParagraphElement && node.getAttribute("aria-invalid") === "true") {
+          var _node$dataset$errorme;
+          var errorItem = {
+            errorMessage: (_node$dataset$errorme = node.dataset.errormessage) !== null && _node$dataset$errorme !== void 0 ? _node$dataset$errorme : "",
+            lineNode: node,
+            lineIndex: index
           };
-          e.push(a);
+          errors.push(errorItem);
         }
-      }), this.asProps.onErrorsChange(e);
+      });
+      this.asProps.onErrorsChange(errors);
     }
   }, {
     key: "recalculateLinesCount",
-    value: function() {
-      var e = this;
-      this.linesCountTimeout && clearTimeout(this.linesCountTimeout), this.linesCountTimeout = window.setTimeout(function() {
-        var i = 0, r = e.asProps, t = r.maxLines, a = r.linesCount;
-        e.textarea.childNodes.forEach(function(n, l) {
-          n instanceof HTMLParagraphElement && (n.dataset.overMaxRows = "false", n.textContent !== e.getEmptyParagraph().textContent && n.textContent !== "" && (i++, i > t && (n.dataset.overMaxRows = "true")));
-        }), a !== i && e.asProps.onChangeLinesCount(i);
+    value: function recalculateLinesCount() {
+      var _this8 = this;
+      if (this.linesCountTimeout) {
+        clearTimeout(this.linesCountTimeout);
+      }
+      this.linesCountTimeout = window.setTimeout(function() {
+        var lines = 0;
+        var _this8$asProps = _this8.asProps, maxLines = _this8$asProps.maxLines, linesCount = _this8$asProps.linesCount;
+        _this8.textarea.childNodes.forEach(function(node, index) {
+          if (node instanceof HTMLParagraphElement) {
+            node.dataset.overMaxRows = "false";
+            if (node.textContent !== _this8.getEmptyParagraph().textContent && node.textContent !== "") {
+              lines++;
+              if (lines > maxLines) {
+                node.dataset.overMaxRows = "true";
+              }
+            }
+          }
+        });
+        if (linesCount !== lines) {
+          _this8.asProps.onChangeLinesCount(lines);
+        }
       }, 100);
     }
   }, {
     key: "getValues",
-    value: function() {
-      var e = [];
-      return this.textarea.childNodes.forEach(function(i) {
-        var r;
-        if (((r = i.textContent) === null || r === void 0 ? void 0 : r.trim()) === "")
-          e.push("");
-        else {
-          var t;
-          e.push((t = i.textContent) !== null && t !== void 0 ? t : "");
+    value: function getValues() {
+      var values = [];
+      this.textarea.childNodes.forEach(function(node) {
+        var _node$textContent;
+        if (((_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : _node$textContent.trim()) === "") {
+          values.push("");
+        } else {
+          var _node$textContent2;
+          values.push((_node$textContent2 = node.textContent) !== null && _node$textContent2 !== void 0 ? _node$textContent2 : "");
         }
-      }), e;
+      });
+      return values;
     }
   }, {
     key: "shouldChangePopperTrigger",
-    value: function(e) {
-      return this.textarea !== e || this.textarea === e && !!this.asProps.commonErrorMessage;
+    value: function shouldChangePopperTrigger(node) {
+      return this.textarea !== node || this.textarea === node && Boolean(this.asProps.commonErrorMessage);
     }
   }, {
     key: "toggleErrorsPopperByKeyboard",
-    value: function(e) {
-      var i = this;
-      this.toggleErrorsPopperTimeout && clearTimeout(this.toggleErrorsPopperTimeout), this.isScrolling ? this.toggleErrorsPopperTimeout = window.setTimeout(function() {
-        i.toggleErrorsPopperByKeyboard(e);
-      }, 50) : setTimeout(function() {
-        var r = i.getNodeFromSelection();
-        i.toggleErrorsPopper("keyboardLineIndex", r, e);
-      }, 0);
+    value: function toggleErrorsPopperByKeyboard(timer) {
+      var _this9 = this;
+      if (this.toggleErrorsPopperTimeout) {
+        clearTimeout(this.toggleErrorsPopperTimeout);
+      }
+      if (!this.isScrolling) {
+        setTimeout(function() {
+          var rowNode = _this9.getNodeFromSelection();
+          _this9.toggleErrorsPopper("keyboardLineIndex", rowNode, timer);
+        }, 0);
+      } else {
+        this.toggleErrorsPopperTimeout = window.setTimeout(function() {
+          _this9.toggleErrorsPopperByKeyboard(timer);
+        }, 50);
+      }
     }
   }, {
     key: "toggleErrorsPopper",
-    value: function(e, i, r) {
-      var t = this;
-      i instanceof HTMLDivElement || i instanceof HTMLParagraphElement ? (this.changeTriggerTimeout && clearTimeout(this.changeTriggerTimeout), this.changeTriggerTimeout = window.setTimeout(function() {
-        var a = i === t.textarea ? t.getNodeFromSelection() : i, n = -1, l = !1;
-        a instanceof HTMLParagraphElement ? (l = a.getAttribute("aria-invalid") === "true", n = Array.from(t.textarea.childNodes).indexOf(a)) : a === t.textarea && (n = 0), a instanceof HTMLElement && t.setState(function(d) {
-          var g = {
-            visibleErrorPopper: t.isFocusing && t.asProps.commonErrorMessage ? !0 : l,
-            mouseLineIndex: d.mouseLineIndex,
-            keyboardLineIndex: d.keyboardLineIndex
-          };
-          return (t.isFocusing || e === "mouseLineIndex" && l) && (g[e] = n), g;
-        }, function() {
-          t.errorByInteraction = e === "mouseLineIndex" ? "mouse" : "keyboard";
-          var d = l ? a : t.textarea;
-          if (t.shouldChangePopperTrigger(d)) {
-            var g;
-            (g = t.setPopperTrigger) === null || g === void 0 || g.call(t, d), t.forceUpdate();
+    value: function toggleErrorsPopper(key, target, timer) {
+      var _this10 = this;
+      if (target instanceof HTMLDivElement || target instanceof HTMLParagraphElement) {
+        if (this.changeTriggerTimeout) {
+          clearTimeout(this.changeTriggerTimeout);
+        }
+        this.changeTriggerTimeout = window.setTimeout(function() {
+          var targetElement = target === _this10.textarea ? _this10.getNodeFromSelection() : target;
+          var lineIndex = -1;
+          var isInvalidRow = false;
+          if (targetElement instanceof HTMLParagraphElement) {
+            isInvalidRow = targetElement.getAttribute("aria-invalid") === "true";
+            lineIndex = Array.from(_this10.textarea.childNodes).indexOf(targetElement);
+          } else if (targetElement === _this10.textarea) {
+            lineIndex = 0;
+          }
+          if (targetElement instanceof HTMLElement) {
+            _this10.setState(function(prevState) {
+              var newState = {
+                visibleErrorPopper: _this10.isFocusing && Boolean(_this10.asProps.commonErrorMessage) ? true : isInvalidRow,
+                mouseLineIndex: prevState.mouseLineIndex,
+                keyboardLineIndex: prevState.keyboardLineIndex
+              };
+              if (_this10.isFocusing || key === "mouseLineIndex" && isInvalidRow) {
+                newState[key] = lineIndex;
+              }
+              return newState;
+            }, function() {
+              _this10.errorByInteraction = key === "mouseLineIndex" ? "mouse" : "keyboard";
+              var trigger = isInvalidRow ? targetElement : _this10.textarea;
+              if (_this10.shouldChangePopperTrigger(trigger)) {
+                var _this10$setPopperTrig;
+                (_this10$setPopperTrig = _this10.setPopperTrigger) === null || _this10$setPopperTrig === void 0 ? void 0 : _this10$setPopperTrig.call(_this10, trigger);
+                _this10.forceUpdate();
+              }
+            });
           }
+        }, timer !== null && timer !== void 0 ? timer : 50);
+      } else {
+        this.setState({
+          visibleErrorPopper: false
         });
-      }, r ?? 50)) : this.setState({
-        visibleErrorPopper: !1
-      });
+      }
     }
   }, {
     key: "toggleAriaInvalid",
-    value: function(e, i) {
-      e && i > 0 ? (this.textarea.setAttribute("aria-describedby", this.popperDescribedId), this.textarea.setAttribute("aria-invalid", "true")) : (this.textarea.removeAttribute("aria-invalid"), this.textarea.removeAttribute("aria-describedby"));
+    value: function toggleAriaInvalid(showErrors, errorsLength) {
+      if (showErrors && errorsLength > 0) {
+        this.textarea.setAttribute("aria-describedby", this.popperDescribedId);
+        this.textarea.setAttribute("aria-invalid", "true");
+      } else {
+        this.textarea.removeAttribute("aria-invalid");
+        this.textarea.removeAttribute("aria-describedby");
+      }
     }
   }, {
     key: "handleChangeErrorIndex",
-    value: function(e) {
-      var i, r = this, t = this.asProps.errors[e], a = this.textarea.childNodes, n = t ? (i = t.lineNode) !== null && i !== void 0 ? i : a.item(t.lineIndex) : null, l = document.getSelection();
-      l && n instanceof HTMLParagraphElement && (this.setState({
-        visibleErrorPopper: !1
-      }), setTimeout(function() {
-        var d = n.childNodes.item(0);
-        d instanceof Text ? r.setSelection(d, 0, d.length) : r.setSelection(n, 0, 1);
-      }, 150));
+    value: function handleChangeErrorIndex(errorIndex) {
+      var _error$lineNode, _this11 = this;
+      var error = this.asProps.errors[errorIndex];
+      var childNodes = this.textarea.childNodes;
+      var node = error ? (_error$lineNode = error.lineNode) !== null && _error$lineNode !== void 0 ? _error$lineNode : childNodes.item(error.lineIndex) : null;
+      var selection = document.getSelection();
+      if (selection && node instanceof HTMLParagraphElement) {
+        this.setState({
+          visibleErrorPopper: false
+        });
+        setTimeout(function() {
+          var text = node.childNodes.item(0);
+          if (text instanceof Text) {
+            _this11.setSelection(text, 0, text.length);
+          } else {
+            _this11.setSelection(node, 0, 1);
+          }
+        }, 150);
+      }
     }
   }, {
     key: "validateLine",
-    value: function(e) {
-      var i = this.asProps.lineValidation;
-      if (i && e instanceof HTMLElement) {
-        var r, t = i((r = e.textContent) !== null && r !== void 0 ? r : "", this.getValues()), a = t.isValid, n = t.errorMessage;
-        return a ? (e.removeAttribute("aria-invalid"), e.dataset.errormessage = void 0) : (e.setAttribute("aria-invalid", "true"), e.dataset.errormessage = n), a;
+    value: function validateLine(node) {
+      var lineValidation = this.asProps.lineValidation;
+      if (lineValidation && node instanceof HTMLElement) {
+        var _node$textContent3;
+        var _lineValidation = lineValidation((_node$textContent3 = node.textContent) !== null && _node$textContent3 !== void 0 ? _node$textContent3 : "", this.getValues()), isValid = _lineValidation.isValid, errorMessage = _lineValidation.errorMessage;
+        if (!isValid) {
+          node.setAttribute("aria-invalid", "true");
+          node.dataset.errormessage = errorMessage;
+        } else {
+          node.removeAttribute("aria-invalid");
+          node.dataset.errormessage = void 0;
+        }
+        return isValid;
       }
-      return !0;
+      return true;
     }
   }, {
     key: "setSelection",
-    value: function(e, i, r) {
-      var t = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "center", a = document.getSelection(), n = document.createRange();
-      n.setStart(e, i), n.setEnd(e, r), a == null || a.removeAllRanges(), a == null || a.addRange(n);
-      var l = e instanceof Text ? e.parentNode : e;
-      l instanceof HTMLElement && l.scrollIntoView({
-        block: t,
-        inline: t,
-        behavior: "smooth"
-      });
+    value: function setSelection(node, start, end) {
+      var scrollType = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "center";
+      var selection = document.getSelection();
+      var range = document.createRange();
+      range.setStart(node, start);
+      range.setEnd(node, end);
+      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+      var nodeToScroll = node instanceof Text ? node.parentNode : node;
+      if (nodeToScroll instanceof HTMLElement) {
+        nodeToScroll.scrollIntoView({
+          block: scrollType,
+          inline: scrollType,
+          behavior: "smooth"
+        });
+      }
     }
   }, {
     key: "getNodeFromSelection",
-    value: function() {
-      var e = document.getSelection(), i = (e == null ? void 0 : e.focusNode) instanceof Text ? e.focusNode.parentNode : e == null ? void 0 : e.focusNode;
-      return i ?? null;
+    value: function getNodeFromSelection() {
+      var selection = document.getSelection();
+      var rowNode = (selection === null || selection === void 0 ? void 0 : selection.focusNode) instanceof Text ? selection.focusNode.parentNode : selection === null || selection === void 0 ? void 0 : selection.focusNode;
+      return rowNode !== null && rowNode !== void 0 ? rowNode : null;
     }
   }, {
     key: "handleCursorMovement",
-    value: function(e, i) {
-      var r = null;
-      switch (i.key) {
+    value: function handleCursorMovement(currentNode, event) {
+      var nextNode = null;
+      switch (event.key) {
         case "ArrowUp":
-          i.preventDefault(), r = e.previousSibling;
+          event.preventDefault();
+          nextNode = currentNode.previousSibling;
           break;
         case "ArrowDown":
-          i.preventDefault(), r = e.nextSibling;
+          event.preventDefault();
+          nextNode = currentNode.nextSibling;
           break;
         case "ArrowLeft": {
-          e.textContent === this.getEmptyParagraph().textContent && (i.preventDefault(), r = e.previousSibling);
+          if (currentNode.textContent === this.getEmptyParagraph().textContent) {
+            event.preventDefault();
+            nextNode = currentNode.previousSibling;
+          }
           break;
         }
-        case "ArrowRight":
-          e.textContent === this.getEmptyParagraph().textContent && (i.preventDefault(), r = e.nextSibling);
+        case "ArrowRight": {
+          if (currentNode.textContent === this.getEmptyParagraph().textContent) {
+            event.preventDefault();
+            nextNode = currentNode.nextSibling;
+          }
+        }
       }
-      if (r instanceof HTMLParagraphElement) {
-        var t, a, n, l = document.getSelection(), d = r.childNodes.item(0), g = d instanceof Text ? d : r, b = (t = (a = r.textContent) === null || a === void 0 ? void 0 : a.trim()) !== null && t !== void 0 ? t : "", h = (n = l == null ? void 0 : l.focusOffset) !== null && n !== void 0 ? n : 0, u = h <= b.length ? h : b.length;
-        i.key === "ArrowLeft" ? u = b.length : i.key === "ArrowRight" && (u = 0), this.setSelection(g, u, u, "nearest");
+      if (nextNode instanceof HTMLParagraphElement) {
+        var _nextNode$textContent, _nextNode$textContent2, _selection$focusOffse;
+        var selection = document.getSelection();
+        var firstNode = nextNode.childNodes.item(0);
+        var nodeToSetSelection = firstNode instanceof Text ? firstNode : nextNode;
+        var textNode = (_nextNode$textContent = (_nextNode$textContent2 = nextNode.textContent) === null || _nextNode$textContent2 === void 0 ? void 0 : _nextNode$textContent2.trim()) !== null && _nextNode$textContent !== void 0 ? _nextNode$textContent : "";
+        var currentOffset = (_selection$focusOffse = selection === null || selection === void 0 ? void 0 : selection.focusOffset) !== null && _selection$focusOffse !== void 0 ? _selection$focusOffse : 0;
+        var offset = currentOffset <= textNode.length ? currentOffset : textNode.length;
+        if (event.key === "ArrowLeft") {
+          offset = textNode.length;
+        } else if (event.key === "ArrowRight") {
+          offset = 0;
+        }
+        this.setSelection(nodeToSetSelection, offset, offset, "nearest");
       }
     }
   }, {
     key: "setErrorIndex",
-    value: function(e) {
-      var i = Array.from(this.textarea.childNodes).filter(function(r) {
-        return r instanceof Element && r.getAttribute("aria-invalid") === "true";
-      }).findIndex(function(r) {
-        return r === e;
+    value: function setErrorIndex(nodeToCompare) {
+      var errorIndex = Array.from(this.textarea.childNodes).filter(function(node) {
+        return node instanceof Element && node.getAttribute("aria-invalid") === "true";
+      }).findIndex(function(node) {
+        return node === nodeToCompare;
       });
-      this.handlers.errorIndex(i);
+      this.handlers.errorIndex(errorIndex);
     }
   }, {
     key: "isDeleteKey",
-    value: function(e) {
-      return e.key === "Backspace" || e.key === "x" && (e.ctrlKey || e.metaKey);
+    value: function isDeleteKey(event) {
+      return event.key === "Backspace" || event.key === "x" && (event.ctrlKey || event.metaKey);
     }
   }, {
     key: "getEmptyParagraph",
-    value: function() {
-      var e = document.createElement("p");
-      return e.innerHTML = this.emptyLineValue, e;
+    value: function getEmptyParagraph() {
+      var element = document.createElement("p");
+      element.innerHTML = this.emptyLineValue;
+      return element;
     }
   }, {
     key: "addEventListeners",
-    value: function(e) {
-      e.addEventListener("paste", this.handlePaste), e.addEventListener("input", this.handleChange), e.addEventListener("focus", this.handleFocus), e.addEventListener("blur", this.handleBlur), e.addEventListener("keydown", this.handleKeyDown), e.addEventListener("mousedown", this.handleMouseDown), e.addEventListener("mousemove", this.handleMouseMove), e.addEventListener("mouseleave", this.handleMouseLeave), e.addEventListener("scroll", this.handleScroll), e.removeEventListener("keydown", this.handleSelectAll);
+    value: function addEventListeners(textarea) {
+      textarea.addEventListener("paste", this.handlePaste);
+      textarea.addEventListener("input", this.handleChange);
+      textarea.addEventListener("focus", this.handleFocus);
+      textarea.addEventListener("blur", this.handleBlur);
+      textarea.addEventListener("keydown", this.handleKeyDown);
+      textarea.addEventListener("mousedown", this.handleMouseDown);
+      textarea.addEventListener("mousemove", this.handleMouseMove);
+      textarea.addEventListener("mouseleave", this.handleMouseLeave);
+      textarea.addEventListener("scroll", this.handleScroll);
+      textarea.removeEventListener("keydown", this.handleSelectAll);
     }
   }, {
     key: "removeEventListeners",
-    value: function(e) {
-      e.removeEventListener("paste", this.handlePaste), e.removeEventListener("input", this.handleChange), e.removeEventListener("focus", this.handleFocus), e.removeEventListener("blur", this.handleBlur), e.removeEventListener("keydown", this.handleKeyDown), e.removeEventListener("mousedown", this.handleMouseDown), e.removeEventListener("mousemove", this.handleMouseMove), e.removeEventListener("mouseleave", this.handleMouseLeave), e.removeEventListener("scroll", this.handleScroll), e.addEventListener("keydown", this.handleSelectAll);
+    value: function removeEventListeners(textarea) {
+      textarea.removeEventListener("paste", this.handlePaste);
+      textarea.removeEventListener("input", this.handleChange);
+      textarea.removeEventListener("focus", this.handleFocus);
+      textarea.removeEventListener("blur", this.handleBlur);
+      textarea.removeEventListener("keydown", this.handleKeyDown);
+      textarea.removeEventListener("mousedown", this.handleMouseDown);
+      textarea.removeEventListener("mousemove", this.handleMouseMove);
+      textarea.removeEventListener("mouseleave", this.handleMouseLeave);
+      textarea.removeEventListener("scroll", this.handleScroll);
+      textarea.addEventListener("keydown", this.handleSelectAll);
     }
   }, {
     key: "handleSelectAll",
-    value: function(e) {
-      if (e.key === "a" && (e.metaKey || e.ctrlKey)) {
-        e.preventDefault();
-        var i = e.target;
-        i instanceof HTMLElement && i === this.textarea && this.setSelection(i, 0, i.childNodes.length);
+    value: function handleSelectAll(event) {
+      if (event.key === "a" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        var node = event.target;
+        if (node instanceof HTMLElement && node === this.textarea) {
+          this.setSelection(node, 0, node.childNodes.length);
+        }
       }
     }
   }, {
     key: "isRangeSelection",
-    value: function() {
-      var e = document.getSelection();
-      return (e == null ? void 0 : e.focusNode) !== (e == null ? void 0 : e.anchorNode) || (e == null ? void 0 : e.focusOffset) !== (e == null ? void 0 : e.anchorOffset);
+    value: function isRangeSelection() {
+      var selection = document.getSelection();
+      return (selection === null || selection === void 0 ? void 0 : selection.focusNode) !== (selection === null || selection === void 0 ? void 0 : selection.anchorNode) || (selection === null || selection === void 0 ? void 0 : selection.focusOffset) !== (selection === null || selection === void 0 ? void 0 : selection.anchorOffset);
     }
   }, {
     key: "getSelectionDirection",
-    value: function() {
-      var e = document.getSelection();
-      if (e != null && e.anchorNode && e !== null && e !== void 0 && e.focusNode) {
-        var i = e.anchorNode.compareDocumentPosition(e.focusNode);
-        return i === 0 && e.anchorOffset > e.focusOffset || // if nodes are the same
-        i === Node.DOCUMENT_POSITION_PRECEDING ? "backward" : "forward";
+    value: function getSelectionDirection() {
+      var selection = document.getSelection();
+      if (selection !== null && selection !== void 0 && selection.anchorNode && selection !== null && selection !== void 0 && selection.focusNode) {
+        var documentPosition = selection.anchorNode.compareDocumentPosition(selection.focusNode);
+        if (documentPosition === 0 && selection.anchorOffset > selection.focusOffset || // if nodes are the same
+        documentPosition === Node.DOCUMENT_POSITION_PRECEDING) {
+          return "backward";
+        }
+        return "forward";
       }
       return null;
     }
-  }]), K;
-}(he);
-E(Y, "displayName", "Textarea");
-E(Y, "style", me);
-E(Y, "enhance", [pe()]);
-E(Y, "defaultProps", {
+  }]);
+  return InputField2;
+}(Component);
+_defineProperty(InputField, "displayName", "Textarea");
+_defineProperty(InputField, "style", style);
+_defineProperty(InputField, "enhance", [uniqueIDEnhancement()]);
+_defineProperty(InputField, "defaultProps", {
   defaultValue: "",
   size: "m",
   state: "normal",
   minRows: 2,
   maxRows: 10,
-  defaultShowErrors: !1,
+  defaultShowErrors: false,
   defaultErrorIndex: -1,
   defaultLinesCount: 0
 });
 export {
-  Y as InputField
+  InputField
 };