forstok-ui-lib 7.6.0 → 7.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "7.6.0",
+  "version": "7.6.2",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/components/emoji/styles.ts

@@ -2,8 +2,8 @@ import styled, { css } from 'styled-components';
 
 const ButtonStyles = css`
   background-color: var(--mt-clr-bg__fc); 
-  width: 32px;
-  height: 32px;
+  width: 30px;
+  height: 30px;
   padding: .5em .675em;
   &:hover {
     background-color: var(--mt-clr-bg);

package/src/components/textarea/index.tsx

@@ -1,4 +1,4 @@
-import { type ChangeEvent, type FocusEvent, type TextareaHTMLAttributes, useEffect, useState } from 'react';
+import { type ChangeEvent, type FocusEvent, type TextareaHTMLAttributes, useEffect, useRef, useState } from 'react';
 
 import EmojiComponent from '../emoji';
 
@@ -20,6 +20,8 @@ type TTextArea = TextareaHTMLAttributes<HTMLTextAreaElement> & {
 }
 
 const TextAreaComponent = ({ $isError, reset, setReset, isForceUpdate, setForceUpdate, evChange, evBlur, isField, evChangeCustom, $isEmoji,...props }: TTextArea) => {
+  const innerRef = useRef<HTMLTextAreaElement>(null);
+
   const { name, defaultValue } = props
 
   const [valueInput, setValueInput] = useState<string>(defaultValue?.toString() ?? '')
@@ -53,6 +55,15 @@ const TextAreaComponent = ({ $isError, reset, setReset, isForceUpdate, setForceU
     if (name) {
       document.getElementsByName(name)[0]?.focus();
     }
+    if (innerRef.current) {
+      const event = {
+        target: innerRef.current,
+        currentTarget: innerRef.current
+      } as unknown as ChangeEvent<HTMLTextAreaElement>;
+
+      innerRef.current.value = uValue;
+      evChange && evChange(event);
+    }
   }
 
   let parseProps = {...props}
@@ -61,6 +72,7 @@ const TextAreaComponent = ({ $isError, reset, setReset, isForceUpdate, setForceU
   return (
     <div style={{ position: 'relative' }}>
       <TextAreaContainer 
+        ref={innerRef}
         $isError={$isError} 
         value={valueInput}
         onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {