[sistent] Add TransferList component to under project sistent

[sudhanshutech]

We have a transferlist component under sistent-repo which we use for environment or connection to assigned transfer from available data to assigned data. Uses can be found here: https://playground.meshery.io/management/workspaces when we click on count section there is a modal open and we assign items .
Add this under https://layer5.io/projects/sistent/components

Screenshots / Mockups

Implementation

Acceptance Tests

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[rahulharpal1603]

Like these two, we have to add the third one named Transfer List?

[NagaHarshita]

@sudhanshutech Please assign this issue to me. @rahulharpal1603 In my opinion, guidelines for the TransferList component need to be added similar to the components in screenshot.

I plan to divide it into significant PRs.

1. Overview
2. Guidance - explaining each icon significance (>>, <<, <, >)
3. Code - examples to the common use cases
   I can develop on this idea, subsections with details.

[sudhanshutech]

Sounds like a plan @NagaHarshita . Please try to reuse components as much as you can .

[sudhanshutech]

@rahulharpal1603 you can assist if needed

[sudhanshutech]

@NagaHarshita any luck? Any progress?

[NagaHarshita]

@NagaHarshita any luck? Any progress?

@sudhanshutech Yes, I have been working on it.
Overview section

• Brief description transfer list - used to transfer selected items between assign data and available data
• Multiple select option in checkbox
• Enabled, Disabled buttons in >>, >, <<, <

Observation - After selected top two items are moved to the assigned data, next two top items are automatically checked. (Is it a design choice ?)

Do I need to add any more subsections in the overview?

[sudhanshutech]

You can raise a pr with do-not-merge label . So we can review your progress

[sudhanshutech]

@NagaHarshita ?

[sudhanshutech]

@NagaHarshita any progress?

[rahulharpal1603]

Since the issue is unassigned, can I start to work on this?
@sudhanshutech

[rahulharpal1603]

@sudhanshutech can I work on this?