onekijs-ui 0.19.13 → 0.19.14

package/dist/index.module.js

@@ -10641,7 +10641,7 @@ const selectColumn = (id, options) => {
 };
 
 const TextareaComponent = (props) => {
-    const { className, size = 'medium', status, onFocus: forwardFocus, onBlur: forwardBlur, ...textareaProps } = props;
+    const { className, size = 'medium', status, onFocus: forwardFocus, onBlur: forwardBlur, onChange: forwardChange, value, ...textareaProps } = props;
     const [focus, setFocus] = useState(false);
     const classNames = addClassname(`o-textarea o-textarea-size-${size}${focus ? ' o-textarea-focus' : ''}${status ? ' o-textarea-status-' + status.toLowerCase() : ''}`, className);
     const onFocus = (e) => {
@@ -10652,8 +10652,20 @@ const TextareaComponent = (props) => {
         setFocus(false);
         forwardBlur && forwardBlur(e);
     };
+    const ref = useRef(null);
+    const selectorRef = useRef();
+    const onChange = (e) => {
+        selectorRef.current = e.target.selectionStart;
+        forwardChange && forwardChange(e);
+    };
+    useEffect(() => {
+        if (selectorRef.current !== undefined && selectorRef.current !== null && ref.current) {
+            ref.current.setSelectionRange(selectorRef.current, selectorRef.current);
+            selectorRef.current = undefined;
+        }
+    }, [value]);
     return (React.createElement("div", { className: classNames },
-        React.createElement("textarea", { className: "o-textarea-field", ...textareaProps, onFocus: onFocus, onBlur: onBlur })));
+        React.createElement("textarea", { className: "o-textarea-field", ...textareaProps, ref: ref, onFocus: onFocus, onBlur: onBlur, onChange: value === undefined ? undefined : onChange, value: value })));
 };
 TextareaComponent.displayName = 'TextareaComponent';