@seeqdev/qomponents 0.0.166 → 0.0.167

package/dist/index.js

@@ -4945,10 +4945,39 @@ const borderColorClasses$3 = [
 /**
  * TextArea.
  */
-const TextArea = ({ readonly = false, disabled = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, id, name, rows = 3, cols = undefined, value, placeholder, showError, extraClassNames, testId, autoFocus = false, }) => {
+const TextArea = React.forwardRef(({ readonly = false, disabled = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, onSelectionChange, id, name, rows = 3, cols = undefined, value, placeholder, showError, extraClassNames, testId, autoFocus = false, }, ref) => {
     const appliedClasses = `${baseClasses$4} ${extraClassNames} ${lightTheme$2} ${darkTheme$2} ${showError ? errorClasses$3 : borderColorClasses$3}`;
-    return (jsxRuntime.jsx("textarea", { "data-testid": testId, name: name, id: id, value: value, className: appliedClasses, placeholder: placeholder, disabled: disabled, readOnly: readonly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onKeyUp: onKeyUp, rows: rows, cols: cols, autoFocus: autoFocus }));
-};
+    const textareaRef = React.useRef(null);
+    // Handle selection change events
+    React.useEffect(() => {
+        if (!onSelectionChange || !textareaRef.current) {
+            return;
+        }
+        const textarea = textareaRef.current;
+        const handleSelectionChange = (e) => {
+            onSelectionChange(e);
+        };
+        // Add event listeners for selection changes
+        textarea.addEventListener('selectionchange', handleSelectionChange);
+        // Also listen for mouse and keyboard events that change selection
+        textarea.addEventListener('mouseup', handleSelectionChange);
+        textarea.addEventListener('keyup', handleSelectionChange);
+        return () => {
+            textarea.removeEventListener('selectionchange', handleSelectionChange);
+            textarea.removeEventListener('mouseup', handleSelectionChange);
+            textarea.removeEventListener('keyup', handleSelectionChange);
+        };
+    }, [onSelectionChange]);
+    return (jsxRuntime.jsx("textarea", { ref: (element) => {
+            textareaRef.current = element;
+            if (typeof ref === 'function') {
+                ref(element);
+            }
+            else if (ref) {
+                ref.current = element;
+            }
+        }, "data-testid": testId, name: name, id: id, value: value, className: appliedClasses, placeholder: placeholder, disabled: disabled, readOnly: readonly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onKeyUp: onKeyUp, rows: rows, cols: cols, autoFocus: autoFocus }));
+});
 
 /**
  * @deprecated