Added unFocusTextArea to manage text area blur functionality (#286)

__tests__/hooks/internal/useTextAreaInternal.test.ts

@@ -158,6 +158,21 @@ describe("useTextAreaInternal Hook", () => {
     expect(result.current.textAreaDisabled).toBe(false);
   });
 
+  it("should blur on text area when blurTextArea is called", () => {
+    const callRcbEventMock = jest.fn();
+    mockUseRcbEventInternal.mockReturnValue({
+      callRcbEvent: callRcbEventMock,
+    });
+
+    const { result } = renderHook(() => useTextAreaInternal());
+
+    act(() => {
+      result.current.blurTextArea();
+    });
+
+    expect(mockInputRef.current.blur).toHaveBeenCalled();
+  });
+
  // let initialTextAreaDisabled = false;
 
  /* it("should toggle textAreaDisabled state", () => {

src/hooks/internal/useTextAreaInternal.ts

@@ -105,7 +105,16 @@ export const useTextAreaInternal = () => {
 	}, [textAreaDisabled]);
 
 	/**
-	 * Retrieves text area value.
+	 * Blurs on text area.
+	 */
+		const blurTextArea = useCallback(() => {
+			if (inputRef.current) {
+				inputRef.current.blur();
+			}
+		}, []);
+	/**
+	
+	* Retrieves text area value.
 	 */
 	const getTextAreaValue = useCallback(() => {
 		if (inputRef && inputRef.current) {
@@ -140,7 +149,8 @@ export const useTextAreaInternal = () => {
 		setTextAreaValue,
 		updateTextAreaFocus,
 		focusTextArea,
+		blurTextArea,
 		toggleTextAreaDisabled,
 		toggleTextAreaSensitiveMode
 	};
-};
+};

src/hooks/useTextArea.ts

@@ -17,7 +17,8 @@ export const useTextArea = () => {
 		toggleTextAreaSensitiveMode,
 		getTextAreaValue,
 		setTextAreaValue,
-		focusTextArea
+		focusTextArea,
+		blurTextArea
 	} = useTextAreaInternal();
 
 	return {
@@ -27,6 +28,7 @@ export const useTextArea = () => {
 		toggleTextAreaSensitiveMode,
 		getTextAreaValue,
 		setTextAreaValue,
-		focusTextArea
+		focusTextArea,
+		blurTextArea
 	};
-};
+};