[Epic]: Entity Explorer Modularization

[hetunandu]

All the components below which will not have any business logic in it anymore, needs to be moved to the ADS package. Each of these components should have a story added in the storybook. And, the old implementations needs to be replaced with these new ADS components, keeping the test ids intact.
Checkpoints for all the below tasks:

• Add a Story in storybook
• Replacing old implementation with the new
• Keeping the test ids intact

TBD

• UI segment - navigation for add view

Designs:
https://www.figma.com/design/DDP4RXK4YOTEJnuC8ocm47/IDE-Exploration?node-id=12356-44493&node-type=frame&m=dev
https://www.figma.com/design/sz08OJt2VrEgxQ8eToFIqG/ADS2.0---Components?node-id=4759-9383&p=f&t=nBc8TK48V3EneYmY-0

Explorer

Preview Give feedback

1. Create a common container component with styles #37609
   IDE Pod IDE Product Task +3

Editor Segments

Preview Give feedback

1. Abstract out the UI component of Segmented Header #37612
   IDE Pod IDE Product Task +3
   
2. Update the existing Segmented Control component in ADS to have a hover state #37614
   IDE Pod IDE Product Task +3
   
3. Update onSegmentChange function logic to get it via props #37611
   IDE Pod IDE Product Task +3
   

Search & Add bar

Preview Give feedback

1. Abstract out the UI component for Search & Add bar #37888
   IDE Pod IDE Product Task +3
   
2. Create filterList util #37769
   IDE Pod IDE Product Task +3
   

Entity List Item

Preview Give feedback

1. Update the List Item ADS component to Entity List item #37620
   IDE Pod IDE Product Task +3
   
2. Add editable name functionality for the name of the entity list item #37896
   IDE Pod IDE Product Task +3
   

List View

Preview Give feedback

1. Create Group component #37615
   IDE Pod IDE Product Task +3
2. Create EntityGroupedList component #37616
   IDE Pod IDE Product Task +3
3. Create EntityListTree component #37770
   IDE Pod IDE Product Task +3
4. Remove Active item dependency on the URL (isActive prop) #37619
   IDE Pod IDE Product Task +3
5. Create a component for Empty State in List View #38281
   IDE Pod IDE Product Task +3
   

Replacing current implementations

Preview Give feedback

1. Replace Group listing of entity items in Entity Explorer #38286
   IDE Pod IDE Product Task +3
2. Replace Group listing of entity items in New Query tab content #38287
   IDE Pod IDE Product Task potential-duplicate +4
3. Replace Group listing of entity items in New JS tab content #38288
   IDE Pod IDE Product Task potential-duplicate +4
4. Replace Group listing of entity items in Toggle list page in side by side view mode #38289
   IDE Pod IDE Product Task +3
5. Replace Group listing of entity items in Data side pane #38290
   IDE Pod IDE Product Low Task +4
6. Replace Entity Item in Schema tables #38292
   IDE Pod IDE Product Low Task +4

Editor Tabs

Preview Give feedback

1. Create a "Section Header" which will house the Tabs list with Left and Right controls #37688
   IDE Pod IDE Product Task +3
2. Add a list view button in tabs. This shows up only for side by side (Left Control) #37689
   IDE Pod IDE Product Task +3
3. Extract side by side control out of editor tabs (Right control) #37690
   IDE Pod IDE Product Task +3
4. Separate "Tabs" component which is scrollable with a list of tabs with add button #37692
   IDE Pod IDE Product Task +3
5. Allow Add tab customization so that the add items can be changed based on usage #37651
   IDE Pod IDE Product Task +3
6. Tabs End border bug #37775
   IDE Pod IDE Product Task +3
7. Replace existing tabs implementation with the new ADS components #37647
   IDE Pod IDE Product Task +3
8. Move editable tab component and functionality to ADS #37649
   IDE Pod IDE Product Task +3
9. Fix focus retention of tabs while switching between IDEs #37648
   IDE Pod IDE Product Task +3
   

EntityItem interface

Preview Give feedback

1. Standardize grouping and remove dependency of PluginType in EntityItem interface definition #37621
   IDE Pod IDE Product Task +3
2. Allow for extension so that it can used in multiple places like lists, tabs, search list etc #37622
   IDE Pod IDE Product Task +3

[ankitakinger]

Hey team! Please add your planning poker estimate with Zenhub @alex-golovanov @hetunandu