PromucFlow_constructor/app/client/packages/design-system/ads/src/ScrollArea
Alex 3ab237de2b
feat: scrollable tabs list (#38855)
## Description
Adding a scrollable list template component for DismissibleTab.


Fixes #37692


## Automation

/ok-to-test tags="@tag.Sanity"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/13028881854>
> Commit: 2007e0891e29e60c82f36f090e1daca029808bf1
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13028881854&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity`
> Spec:
> <hr>Wed, 29 Jan 2025 10:42:35 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced a new `DismissibleTabBar` component with advanced tab
management capabilities.
	- Added ability to dynamically add and close tabs.
	- Implemented scrollable tab bar with sticky add button functionality.

- **Improvements**
	- Enhanced event handling for tab close actions.
	- Improved component flexibility with ref forwarding in `ScrollArea`.

- **Design System Updates**
	- Created new styled components for tab bar layout.
	- Added TypeScript interfaces for better type safety.
- New Storybook story for `DismissibleTabBar` to showcase functionality.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2025-01-29 16:34:24 +03:00
..
index.ts
ScrollArea.stories.tsx
ScrollArea.tsx feat: scrollable tabs list (#38855) 2025-01-29 16:34:24 +03:00
ScrollArea.types.ts
styles.css