feat: code field in form

[JaeAeich]

Description

Add code editor, to form, this will help users take input of schema like executors etc in YAML, JSON format.

Fixes #174

Checklist

• My code follows the contributing guidelines of this project.
• I am aware that all my commits will be squashed into a single commit, using the PR title as the commit message.
• I have performed a self-review of my own code.
• I have commented my code in hard-to-understand areas.
• I have updated the user-facing documentation to describe any new or changed behavior.
• My changes generate no new warnings.
• I have added tests that prove my fix is effective or that my feature works.
• I have not reduced the existing code coverage.

Comments

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
elixir-cloud-components	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 27, 2024 8:59am

[changeset-bot]

⚠️ No Changeset found

Latest commit: c5e4ff7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[JaeAeich]

@anuragxxd @SalihuDickson can you guys please help me figure why the css parts are not changing the label style. Checkout the styles component in the docs.

PS: I've added CSS parts and I think this might be due to a left out CSS part or some irregularity in previously existing parts.

[SalihuDickson]

hey @JaeAeich, you can't change the style because you haven't added "label" as one of the css parts for the code component. You need to go into the code component and add a part for the label for that component, you can then export that css part as "label" in the form component.

[JaeAeich]

@SalihuDickson still same, plus if you look at it the styles are getting applied in places they shouldn't be, like the border which includes the text field as well as label. Lemme know if you find something, Illl look into it as well :)

[SalihuDickson]

Correcting these (the comments in the review) should fix your issue. Since these are minor changes i didn't want to go through the trouble of creating a PR for them but if that's what you'd prefer please let me know.

[JaeAeich]

thanks alot @SalihuDickson 🙏 please check, so I can integrate it into TES and WES.

[SalihuDickson]

add this code component to field object below that displays the code people can copy to get the data.

[JaeAeich]

Sorry, I don't understand!

[SalihuDickson]

What I meant to say is that you need to modify the code snippet for the complex form component to match the modifications you made to the complex form component.

[anuragxxd]

Check out #324 have replaced the code component there with ace editor. @JaeAeich