Sweep: re-factor Textarea as a Solid.js component

[sweep-windows[bot]]

Description

This pull request re-factors the Textarea component to be a Solid.js component, moving away from React. It includes changes to imports to use Solid.js specific functionalities and updates the component to be compatible with Solid.js patterns.

Summary

• Changed import statements in Textarea.tsx to use Solid.js imports instead of React.
• Replaced React specific forwardRef with Solid.js component model.
• Updated the className attribute to class to align with Solid.js conventions.
• Utilized mergeProps and splitProps from Solid.js for handling component props.
• Ensured the component continues to use twMerge for Tailwind CSS class merging and mergeDeep for deep object merging, which are framework-agnostic utilities.
• Adjusted the component to work with the Solid.js way of handling refs and props, ensuring the Textarea component remains fully functional within a Solid.js application.

Fixes #38.

---

🎉 Latest improvements to Sweep:

• New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
• Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
• Use the GitHub issues extension for creating Sweep issues directly from your editor.

---

💡 To get Sweep to edit this pull request, you can:

• Comment below, and Sweep can edit the entire PR
• Comment on a file, Sweep will only modify the commented file
• Edit the original issue to get Sweep to recreate the PR from scratch

[sweep-windows[bot]]

Rollback Files For Sweep

• [ ] Rollback changes to src/components/Textarea/Textarea.tsx

This is an automated message generated by Sweep AI.

[sweep-windows[bot]]

Apply Sweep Rules to your PR?

• [ ] Apply: All new business logic should have corresponding unit tests.
• [ ] Apply: Refactor large functions to be more modular.
• [ ] Apply: Add docstrings to all functions and file headers.

This is an automated message generated by Sweep AI.

[semiautomatix]

Utilize "mergeProps" and "splitProps" from "solid-js" to destructuee and use component properties, similar to how it's done in the src/components/Checkbox/Checkbox.tsx component.

[sweep-windows[bot]]

🚀 Wrote Changes

I wasn't able to make changes. This could be due to an unclear request or a bug in my code. As a reminder, comments on a file only modify that file. Comments on a PR (at the bottom of the "conversation" tab) can modify the entire PR. Please try again or contact us on Discord

This is an automated message generated by Sweep AI.

[semiautomatix]

In src/components/Textarea/Textarea.tsx make use of "mergeProps" and "splitProps" Solid.js functions to destructure and use component properties, similar to how it's done in the src/components/Checkbox/Checkbox.tsx component.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.

[semiautomatix]

Update the src/components/Textarea/Textarea.spec.tsx file from a React test library to a Solid.js test library using "@solidjs/testing-library" and "vitest" for testing.

Use src/components/Checkbox/Checkbox.test.tsx as an example.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.

[semiautomatix]

Update the src/components/Textarea/Textarea.spec.tsx file from a React test library to a Solid.js test library:

• Update imports to use "@solidjs/testing-library" and "vitest" for testing the Solid.js component. • Adapt existing React tests to Solid.js. This includes changing "render" from React's testing library to Solid.js's testing library usage. • Ensure that tests check for the presence of elements, class names, and interactions correctly within the Solid.js environment. For example, use "screen" and "fireEvent" from "@solidjs/testing-library" for these purposes.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.