@semcore/bulk-textarea 17.0.0-prerelease.34 → 17.0.0-prerelease.37

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.0.0] - 2026-04-08
+## [17.0.0] - 2026-04-13
 
 ### BREAK
 

package/lib/esm/BulkTextarea.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, lastInteraction, assignProps } from "@semcore/core";
+import { Component, lastInteraction, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
@@ -36,7 +36,6 @@ class BulkTextareaRoot extends Component {
       }
     });
     _defineProperty(this, "handleClickClearAll", (e) => {
-      var _a;
       this.handlers.showErrors(false);
       this.handlers.errors([]);
       this.setState({
@@ -44,7 +43,7 @@ class BulkTextareaRoot extends Component {
       });
       this.handlers.value("", e);
       this.handlers.state("normal");
-      const textarea = (_a = this.inputFieldRef.current) == null ? void 0 : _a.querySelector('[role="textbox"]');
+      const textarea = this.inputFieldRef.current?.querySelector('[role="textbox"]');
       if (textarea instanceof HTMLDivElement) {
         textarea.focus();
       }
@@ -119,7 +118,7 @@ class BulkTextareaRoot extends Component {
     return {
       value,
       size,
-      state: showErrors && (errors == null ? void 0 : errors.length) > 0 ? "invalid" : "normal",
+      state: showErrors && errors?.length > 0 ? "invalid" : "normal",
       disabled,
       readonly,
       minRows,
@@ -132,22 +131,20 @@ class BulkTextareaRoot extends Component {
       lineProcessing,
       onChangeLinesCount: this.handleChangeLinesCount,
       onChangeLineIndex: () => {
-        if (validateOn == null ? void 0 : validateOn.includes("blurLine")) {
+        if (validateOn?.includes("blurLine")) {
           this.handlers.showErrors(true);
         }
       },
       onBlur: (value2, event) => {
-        var _a, _b;
-        if ((validateOn == null ? void 0 : validateOn.includes("blur")) && (lastInteraction.isKeyboard() || event instanceof FocusEvent && event.relatedTarget !== this.clearAllButtonRef.current)) {
+        if (validateOn?.includes("blur") && (lastInteraction.isKeyboard() || event instanceof FocusEvent && event.relatedTarget !== this.clearAllButtonRef.current)) {
           this.handlers.showErrors(true);
         }
-        if (this.asProps.showErrors === false && ((validateOn == null ? void 0 : validateOn.includes("blur")) || (validateOn == null ? void 0 : validateOn.includes("blurLine")))) {
+        if (this.asProps.showErrors === false && (validateOn?.includes("blur") || validateOn?.includes("blurLine"))) {
           setTimeout(() => {
-            var _a2;
-            (_a2 = this.nextButtonRef.current) == null ? void 0 : _a2.focus();
+            this.nextButtonRef.current?.focus();
           }, 250);
         }
-        (_b = (_a = this.props).onChange) == null ? void 0 : _b.call(_a, value2, event);
+        this.props.onChange?.(value2, event);
       },
       showErrors,
       validateOn,
@@ -168,7 +165,7 @@ class BulkTextareaRoot extends Component {
             const newState = newErrors.length === 0 ? "normal" : "invalid";
             this.handlers.state(newState);
           }
-          if ((errors2 == null ? void 0 : errors2.length) === 0) {
+          if (errors2?.length === 0) {
             this.handlers.showErrors(false);
             setTimeout(() => {
               this.setState({

package/lib/esm/components/InputField/InputField.mjs

@@ -1,12 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import { extractAriaProps } from "@semcore/core/lib/utils/ariaProps";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import Tooltip from "@semcore/tooltip";
 import DOMPurify from "dompurify";
 import React from "react";
-/*!__reshadow-styles__:"./inputField.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -65,10 +64,9 @@ class InputField extends Component {
     this.handleSelectAll = this.handleSelectAll.bind(this);
     this.textarea = this.createContentEditableElement(props);
     this.observer = new MutationObserver((mutationsList, observer) => {
-      var _a, _b;
       for (const mutation of mutationsList) {
         if (mutation.type === "characterData" || mutation.type === "childList") {
-          (_b = (_a = this.props).onImmediatelyChange) == null ? void 0 : _b.call(_a, this.getValues(), this.textarea.textContent ?? "");
+          this.props.onImmediatelyChange?.(this.getValues(), this.textarea.textContent ?? "");
         }
       }
     });
@@ -81,13 +79,12 @@ class InputField extends Component {
     };
   }
   componentDidMount() {
-    var _a;
     const {
       autoFocus,
       disabled,
       readonly
     } = this.asProps;
-    (_a = this.containerRef.current) == null ? void 0 : _a.append(this.textarea);
+    this.containerRef.current?.append(this.textarea);
     this.handleValueOutChange();
     const config = {
       childList: true,
@@ -222,10 +219,10 @@ class InputField extends Component {
     const currentLineIndex = this.errorByInteraction === "keyboard" ? keyboardLineIndex : this.errorByInteraction === "mouse" ? mouseLineIndex : -1;
     let errorItem = errors[errorIndex];
     if (currentLineIndex !== -1) {
-      errorItem = errors.find((e) => (e == null ? void 0 : e.lineIndex) === currentLineIndex);
+      errorItem = errors.find((e) => e?.lineIndex === currentLineIndex);
     }
-    const errorMessage = errors.length === 0 && !prevError ? null : (errorItem == null ? void 0 : errorItem.errorMessage) ?? (commonErrorMessage === "" || errors.length === 0 ? prevError == null ? void 0 : prevError.errorMessage : commonErrorMessage);
-    const isCommonError = !(errorItem == null ? void 0 : errorItem.errorMessage) && (commonErrorMessage === "" || errors.length === 0 ? !(prevError == null ? void 0 : prevError.errorMessage) : true);
+    const errorMessage = errors.length === 0 && !prevError ? null : errorItem?.errorMessage ?? (commonErrorMessage === "" || errors.length === 0 ? prevError?.errorMessage : commonErrorMessage);
+    const isCommonError = !errorItem?.errorMessage && (commonErrorMessage === "" || errors.length === 0 ? !prevError?.errorMessage : true);
     return {
       errorMessage,
       isCommonError
@@ -325,16 +322,15 @@ class InputField extends Component {
     }
   }
   handlePaste(event) {
-    var _a, _b, _c;
     event.preventDefault();
     const {
       validateOn
     } = this.asProps;
-    const value = (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain");
+    const value = event.clipboardData?.getData("text/plain");
     const listOfNodes = value ? this.prepareNodesForPaste(value) : [];
     if (listOfNodes.length === 0) return;
     const selection = document.getSelection();
-    if ((selection == null ? void 0 : selection.anchorNode) && (selection == null ? void 0 : selection.focusNode)) {
+    if (selection?.anchorNode && selection?.focusNode) {
       const anchorOffset = selection.anchorOffset;
       const focusOffset = selection.focusOffset;
       const documentPosition = selection.anchorNode.compareDocumentPosition(selection.focusNode);
@@ -353,8 +349,8 @@ class InputField extends Component {
         textNode = lastNodeToInsert.childNodes.item(0);
         position = (lastNodeToInsert.textContent ?? "").length;
       } else if (focusNode instanceof HTMLParagraphElement && anchorNode instanceof HTMLParagraphElement) {
-        const before = ((_b = anchorNode == null ? void 0 : anchorNode.textContent) == null ? void 0 : _b.substring(0, fromOffset)) ?? "";
-        const after = ((_c = focusNode == null ? void 0 : focusNode.textContent) == null ? void 0 : _c.substring(toOffset)) ?? "";
+        const before = anchorNode?.textContent?.substring(0, fromOffset) ?? "";
+        const after = focusNode?.textContent?.substring(toOffset) ?? "";
         const noEmptyLineBefore = before.trim() === "" ? "" : before;
         const noEmptyLineAfter = after.trim() === "" ? "" : after;
         selection.deleteFromDocument();
@@ -363,7 +359,7 @@ class InputField extends Component {
         }
         const firstNodeToInsert = listOfNodes.splice(0, 1)[0];
         const lastNodeToInsert = listOfNodes[listOfNodes.length - 1];
-        anchorNode.textContent = noEmptyLineBefore + ((firstNodeToInsert == null ? void 0 : firstNodeToInsert.textContent) ?? "");
+        anchorNode.textContent = noEmptyLineBefore + (firstNodeToInsert?.textContent ?? "");
         anchorNode.after(...listOfNodes);
         if (lastNodeToInsert) {
           lastNodeToInsert.textContent = (lastNodeToInsert.textContent ?? "") + noEmptyLineAfter;
@@ -383,7 +379,7 @@ class InputField extends Component {
         this.setSelection(textNode, position ?? 1, position ?? 1);
         this.toggleErrorsPopper("keyboardLineIndex", textNode.parentNode);
       } else {
-        console.warn("incorrect child type", textNode, textNode == null ? void 0 : textNode.parentNode);
+        console.warn("incorrect child type", textNode, textNode?.parentNode);
       }
     }
     this.recalculateLinesCount();
@@ -392,7 +388,6 @@ class InputField extends Component {
     }
   }
   handleChange(event) {
-    var _a, _b, _c, _d, _e, _f;
     const target = event.target;
     if (target instanceof HTMLDivElement && event instanceof InputEvent) {
       const nodes = this.textarea.childNodes;
@@ -405,13 +400,13 @@ class InputField extends Component {
         const text = document.createTextNode(nodeText);
         firstRow.append(text);
         firstNode.replaceWith(firstRow);
-        selection == null ? void 0 : selection.setPosition(firstRow, nodeText.length);
+        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 && !((_a = firstNode.textContent) == null ? void 0 : _a.trim())) {
+      } else if (firstNode instanceof HTMLParagraphElement && !firstNode.textContent?.trim()) {
         if (nodes.length <= 1 || secondNode instanceof HTMLBRElement) {
           this.textarea.textContent = "";
           this.setState({
@@ -420,16 +415,16 @@ class InputField extends Component {
         }
       }
       let maxDeep = 10;
-      let rowNode = selection == null ? void 0 : selection.focusNode;
-      while ((rowNode == null ? void 0 : rowNode.parentNode) !== this.textarea && maxDeep > 0) {
-        rowNode = rowNode == null ? void 0 : rowNode.parentNode;
+      let rowNode = selection?.focusNode;
+      while (rowNode?.parentNode !== this.textarea && maxDeep > 0) {
+        rowNode = rowNode?.parentNode;
         maxDeep--;
       }
       if (rowNode instanceof HTMLParagraphElement) {
         const childNodes = rowNode.childNodes;
         const textContent = rowNode.textContent ?? "";
         if (childNodes.length > 1) {
-          const offset = (_b = childNodes.item(0).textContent) == null ? void 0 : _b.length;
+          const offset = childNodes.item(0).textContent?.length;
           rowNode.textContent = textContent;
           if (offset) {
             this.setSelection(rowNode.childNodes.item(0), offset, offset);
@@ -465,9 +460,9 @@ class InputField extends Component {
           this.toggleErrorsPopper("keyboardLineIndex", rowNode, 0);
         }
         const trigger = !isValid || isValid && errors.length === 1 && errors[0].lineNode === rowNode ? rowNode : this.textarea;
-        if (showErrors && ((_d = (_c = this.popper) == null ? void 0 : _c.current) == null ? void 0 : _d.state.elements.reference) !== trigger) {
+        if (showErrors && this.popper?.current?.state.elements.reference !== trigger) {
           if (this.shouldChangePopperTrigger(trigger)) {
-            (_e = this.setPopperTrigger) == null ? void 0 : _e.call(this, trigger);
+            this.setPopperTrigger?.(trigger);
           } else {
             this.setState({
               visibleErrorPopper: false
@@ -475,8 +470,8 @@ class InputField extends Component {
           }
         }
       } else if (rowNode === null) {
-        (_f = this.setPopperTrigger) == null ? void 0 : _f.call(this, this.textarea);
-        if ((selection == null ? void 0 : selection.focusNode) === this.textarea && this.textarea.childNodes.length > 1) {
+        this.setPopperTrigger?.(this.textarea);
+        if (selection?.focusNode === this.textarea && this.textarea.childNodes.length > 1) {
           const nodeIndex = selection.focusOffset;
           const emptyParagraph = this.textarea.childNodes.item(nodeIndex - 1);
           const emptyBr = this.textarea.childNodes.item(nodeIndex);
@@ -525,33 +520,32 @@ class InputField extends Component {
     }, 200);
   }
   handleKeyDown(event) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     this.errorByInteraction = "keyboard";
     const {
       linesDelimiters
     } = this.asProps;
     const currentNode = this.getNodeFromSelection();
-    if (event.key === "Enter" || (linesDelimiters == null ? void 0 : linesDelimiters.includes(event.key))) {
+    if (event.key === "Enter" || linesDelimiters?.includes(event.key)) {
       if (currentNode === this.textarea) {
         event.preventDefault();
       }
       if (currentNode instanceof HTMLParagraphElement) {
-        const currentRowValue = (_a = currentNode.textContent) == null ? void 0 : _a.trim();
+        const currentRowValue = currentNode.textContent?.trim();
         if (!currentRowValue) {
           event.preventDefault();
         } else {
           event.preventDefault();
           const selection = document.getSelection();
-          const selectionNode = (selection == null ? void 0 : selection.focusNode) instanceof Text ? selection.focusNode : (_b = selection == null ? void 0 : selection.focusNode) == null ? void 0 : _b.childNodes.item(0);
-          const selectionOffset = selection == null ? void 0 : selection.focusOffset;
+          const selectionNode = selection?.focusNode instanceof Text ? selection.focusNode : selection?.focusNode?.childNodes.item(0);
+          const selectionOffset = selection?.focusOffset;
           let newRowValue = "";
-          if (selectionNode instanceof Text && selectionOffset !== void 0 && selectionOffset !== ((_c = selectionNode.textContent) == null ? void 0 : _c.length)) {
-            newRowValue = ((_d = selectionNode.textContent) == null ? void 0 : _d.substring(selectionOffset)) ?? this.emptyLineValue;
+          if (selectionNode instanceof Text && selectionOffset !== void 0 && selectionOffset !== selectionNode.textContent?.length) {
+            newRowValue = selectionNode.textContent?.substring(selectionOffset) ?? this.emptyLineValue;
             if (selectionNode.textContent) {
               selectionNode.textContent = selectionNode.textContent.substring(0, selectionOffset);
             }
           }
-          if (((_e = currentNode.textContent) == null ? void 0 : _e.trim()) === "") {
+          if (currentNode.textContent?.trim() === "") {
             currentNode.innerHTML = this.emptyLineValue;
           }
           const row = document.createElement("p");
@@ -568,7 +562,7 @@ class InputField extends Component {
             this.validateLine(currentNode.previousSibling);
           }
           this.setErrorIndex(row);
-          if (((_f = row.textContent) == null ? void 0 : _f.trim()) !== "") {
+          if (row.textContent?.trim() !== "") {
             this.recalculateLinesCount();
           }
           setTimeout(() => {
@@ -583,19 +577,19 @@ class InputField extends Component {
       }
       this.toggleErrorsPopperByKeyboard(200);
     } else if (this.isDeleteKey(event) && currentNode instanceof HTMLParagraphElement) {
-      if (((_g = currentNode.textContent) == null ? void 0 : _g.trim()) === "" && !this.isRangeSelection()) {
+      if (currentNode.textContent?.trim() === "" && !this.isRangeSelection()) {
         const prevNode = currentNode.previousSibling;
         if (prevNode instanceof HTMLParagraphElement) {
           event.preventDefault();
           this.textarea.removeChild(currentNode);
           this.toggleErrorsPopperByKeyboard(0);
-          if (((_h = prevNode.textContent) == null ? void 0 : _h.trim()) === "" && prevNode.previousSibling === null && this.textarea.childNodes.length === 1) {
+          if (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) {
               const text = prevNode.childNodes.item(0);
-              const offset = ((_i = text.textContent) == null ? void 0 : _i.length) ?? 0;
+              const offset = text.textContent?.length ?? 0;
               this.setSelection(text, offset, offset);
             } else {
               console.warn("incorrect prevNode type", prevNode);
@@ -609,14 +603,14 @@ class InputField extends Component {
       } else if (this.isRangeSelection()) {
         const selection = document.getSelection();
         const direction = this.getSelectionDirection();
-        const anchorElement = direction === "backward" ? selection == null ? void 0 : selection.focusNode : selection == null ? void 0 : selection.anchorNode;
-        const focusElement = direction === "backward" ? selection == null ? void 0 : selection.anchorNode : selection == null ? void 0 : selection.focusNode;
-        const anchorOffset = direction === "backward" ? selection == null ? void 0 : selection.focusOffset : selection == null ? void 0 : selection.anchorOffset;
-        const focusOffset = direction === "backward" ? selection == null ? void 0 : selection.anchorOffset : selection == null ? void 0 : selection.focusOffset;
-        if (anchorElement === focusElement && anchorOffset === 0 && (focusElement === currentNode && focusOffset === 1 || focusOffset === ((_j = currentNode.textContent) == null ? void 0 : _j.length))) {
+        const anchorElement = direction === "backward" ? selection?.focusNode : selection?.anchorNode;
+        const focusElement = direction === "backward" ? selection?.anchorNode : selection?.focusNode;
+        const anchorOffset = direction === "backward" ? selection?.focusOffset : selection?.anchorOffset;
+        const focusOffset = direction === "backward" ? selection?.anchorOffset : selection?.focusOffset;
+        if (anchorElement === focusElement && anchorOffset === 0 && (focusElement === currentNode && focusOffset === 1 || focusOffset === currentNode.textContent?.length)) {
           event.preventDefault();
-          const anchorParagraph = anchorElement == null ? void 0 : anchorElement.parentElement;
-          const focusParagraph = focusElement == null ? void 0 : focusElement.parentElement;
+          const anchorParagraph = anchorElement?.parentElement;
+          const focusParagraph = focusElement?.parentElement;
           const childNodes = this.textarea.childNodes;
           if (anchorParagraph === childNodes.item(0) && focusParagraph === childNodes.item(childNodes.length - 1)) {
             this.textarea.textContent = "";
@@ -631,7 +625,7 @@ class InputField extends Component {
             this.recalculateErrors();
           }, 0);
           this.toggleErrorsPopperByKeyboard(0);
-        } else if (focusElement !== anchorElement && focusElement instanceof Text && anchorElement instanceof Text && (focusElement == null ? void 0 : focusElement.textContent) === ((_k = focusElement == null ? void 0 : focusElement.parentNode) == null ? void 0 : _k.textContent) && (anchorElement == null ? void 0 : anchorElement.textContent) === ((_l = anchorElement == null ? void 0 : anchorElement.parentNode) == null ? void 0 : _l.textContent) && anchorOffset === 0 && focusOffset === ((_n = (_m = focusElement == null ? void 0 : focusElement.parentNode) == null ? void 0 : _m.textContent) == null ? void 0 : _n.length)) {
+        } else if (focusElement !== anchorElement && focusElement instanceof Text && anchorElement instanceof Text && focusElement?.textContent === focusElement?.parentNode?.textContent && anchorElement?.textContent === anchorElement?.parentNode?.textContent && anchorOffset === 0 && focusOffset === focusElement?.parentNode?.textContent?.length) {
           event.preventDefault();
           const paragraphs = Array.from(this.textarea.children);
           const anchorParagraph = anchorElement.parentElement;
@@ -719,12 +713,12 @@ class InputField extends Component {
     const {
       pasteProps
     } = this.asProps;
-    const lineProcessing = (pasteProps == null ? void 0 : pasteProps.lineProcessing) ?? ((line) => {
+    const lineProcessing = pasteProps?.lineProcessing ?? ((line) => {
       const trimmedLine = line.trim();
       return trimmedLine === "" ? line : trimmedLine;
     });
-    const skipEmptyLines = (pasteProps == null ? void 0 : pasteProps.skipEmptyLines) ?? this.skipEmptyLines;
-    const delimiter = (pasteProps == null ? void 0 : pasteProps.delimiter) ?? this.delimiter;
+    const skipEmptyLines = pasteProps?.skipEmptyLines ?? this.skipEmptyLines;
+    const delimiter = pasteProps?.delimiter ?? this.delimiter;
     const lines = Array.isArray(value) ? value : value.split(delimiter);
     lines.forEach((line, index) => {
       const preparedLine = lineProcessing(line, index, lines.length);
@@ -787,8 +781,7 @@ class InputField extends Component {
   getValues() {
     const values = [];
     this.textarea.childNodes.forEach((node) => {
-      var _a;
-      if (((_a = node.textContent) == null ? void 0 : _a.trim()) === "") {
+      if (node.textContent?.trim() === "") {
         values.push("");
       } else {
         values.push(node.textContent ?? "");
@@ -841,11 +834,10 @@ class InputField extends Component {
             }
             return newState;
           }, () => {
-            var _a;
             this.errorByInteraction = key === "mouseLineIndex" ? "mouse" : "keyboard";
             const trigger = isInvalidRow ? targetElement : this.textarea;
             if (this.shouldChangePopperTrigger(trigger)) {
-              (_a = this.setPopperTrigger) == null ? void 0 : _a.call(this, trigger);
+              this.setPopperTrigger?.(trigger);
               this.forceUpdate();
             }
           });
@@ -910,8 +902,8 @@ class InputField extends Component {
     const range = document.createRange();
     range.setStart(node, start);
     range.setEnd(node, end);
-    selection == null ? void 0 : selection.removeAllRanges();
-    selection == null ? void 0 : selection.addRange(range);
+    selection?.removeAllRanges();
+    selection?.addRange(range);
     const nodeToScroll = node instanceof Text ? node.parentNode : node;
     if (nodeToScroll instanceof HTMLElement) {
       nodeToScroll.scrollIntoView({
@@ -923,11 +915,10 @@ class InputField extends Component {
   }
   getNodeFromSelection() {
     const selection = document.getSelection();
-    const rowNode = (selection == null ? void 0 : selection.focusNode) instanceof Text ? selection.focusNode.parentNode : selection == null ? void 0 : selection.focusNode;
+    const rowNode = selection?.focusNode instanceof Text ? selection.focusNode.parentNode : selection?.focusNode;
     return rowNode ?? null;
   }
   handleCursorMovement(currentNode, event) {
-    var _a;
     let nextNode = null;
     switch (event.key) {
       case "ArrowUp":
@@ -956,8 +947,8 @@ class InputField extends Component {
       const selection = document.getSelection();
       const firstNode = nextNode.childNodes.item(0);
       const nodeToSetSelection = firstNode instanceof Text ? firstNode : nextNode;
-      const textNode = ((_a = nextNode.textContent) == null ? void 0 : _a.trim()) ?? "";
-      const currentOffset = (selection == null ? void 0 : selection.focusOffset) ?? 0;
+      const textNode = nextNode.textContent?.trim() ?? "";
+      const currentOffset = selection?.focusOffset ?? 0;
       let offset = currentOffset <= textNode.length ? currentOffset : textNode.length;
       if (event.key === "ArrowLeft") {
         offset = textNode.length;
@@ -1018,11 +1009,11 @@ class InputField extends Component {
   }
   isRangeSelection() {
     const selection = document.getSelection();
-    return (selection == null ? void 0 : selection.focusNode) !== (selection == null ? void 0 : selection.anchorNode) || (selection == null ? void 0 : selection.focusOffset) !== (selection == null ? void 0 : selection.anchorOffset);
+    return selection?.focusNode !== selection?.anchorNode || selection?.focusOffset !== selection?.anchorOffset;
   }
   getSelectionDirection() {
     const selection = document.getSelection();
-    if ((selection == null ? void 0 : selection.anchorNode) && (selection == null ? void 0 : selection.focusNode)) {
+    if (selection?.anchorNode && selection?.focusNode) {
       const documentPosition = selection.anchorNode.compareDocumentPosition(selection.focusNode);
       if (documentPosition === 0 && selection.anchorOffset > selection.focusOffset || // if nodes are the same
       documentPosition === Node.DOCUMENT_POSITION_PRECEDING) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/bulk-textarea",
   "description": "Semrush BulkTextarea Component",
-  "version": "17.0.0-prerelease.34",
+  "version": "17.0.0-prerelease.37",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "^17.0.0-prerelease.34",
-    "@semcore/typography": "^17.0.0-prerelease.34",
-    "@semcore/counter": "^17.0.0-prerelease.34",
-    "@semcore/tooltip": "^17.0.0-prerelease.34",
+    "@semcore/button": "^17.0.0-prerelease.37",
+    "@semcore/typography": "^17.0.0-prerelease.37",
+    "@semcore/counter": "^17.0.0-prerelease.37",
+    "@semcore/tooltip": "^17.0.0-prerelease.37",
     "dompurify": "3.2.3"
   },
   "peerDependencies": {
@@ -31,10 +31,10 @@
   },
   "devDependencies": {
     "@types/dompurify": "3.2.0",
-    "@semcore/core": "17.0.0-prerelease.34",
-    "@semcore/icon": "16.7.2-prerelease.34",
-    "@semcore/base-components": "17.0.0-prerelease.34",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/core": "17.0.0-prerelease.37",
+    "@semcore/base-components": "17.0.0-prerelease.37",
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/icon": "16.7.2-prerelease.37"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=ts && pnpm vite build"