PromucFlow_constructor/app/client/packages/design-system/ads/src
Alex efceb1e390
feat: editable dismissible tab component (#38788)
## Description
Addition of a template component that combines editable entity name and
dismissible tab.

Fixes #37649  

## Automation

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

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!CAUTION]
> 🔴 🔴 🔴 Some tests have failed.
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/12925482595>
> Commit: 23c8fbe877a2390ec95877ae8f761d7c590b23c7
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=12925482595&attempt=2&selectiontype=test&testsstatus=failed&specsstatus=fail"
target="_blank">Cypress dashboard</a>.
> Tags: @tag.Sanity
> Spec: 
> The following are new failures, please fix them before merging the PR:
<ol>
>
<li>cypress/e2e/Regression/ClientSide/OtherUIFeatures/GlobalSearch_spec.js</ol>
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/identified-flaky-tests-65890b3c81d7400d08fa9ee3?branch=master"
target="_blank">List of identified flaky tests</a>.
> <hr>Thu, 23 Jan 2025 11:42:24 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 `DismissibleTab` component with interactive close and click
functionality.
- Added `EditableEntityName` component for editing entity names with
validation.
- Created `EditableDismissibleTab` component combining dismissible and
editable behaviors.
- Added new Storybook stories for `DismissibleTab`,
`EditableDismissibleTab`, and `EditableEntityName` components.

- **Improvements**
- Enhanced design system with new styled components for better
interactivity and appearance.

- **Refactoring**
	- Reorganized hook and component imports.
- Updated export statements in various files to improve module
accessibility.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2025-01-23 12:21:05 +00:00
..
__assets__ feat: State Inspector (#38368) 2025-01-03 18:05:09 +05:30
__config__ chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
__hooks__ feat: editable dismissible tab component (#38788) 2025-01-23 12:21:05 +00:00
__theme__/default Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
AnnouncementModal chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
AnnouncementPopover chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Avatar chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Badge chore: CE code for datasource management (#38394) 2024-12-27 20:29:59 +03:00
Banner chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
Box fix: Added rowGap and colGap as PropsToBeCssPrefixPrepended in Box component (#38096) 2024-12-11 15:31:54 +05:30
Button Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
Callout chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Checkbox chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
Collapsible chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
DatePicker chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
DismissibleTab feat: editable dismissible tab component (#38788) 2025-01-23 12:21:05 +00:00
Divider chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Documentation fix: misc Button implementations not using isIconButton prop (#37382) 2024-11-14 05:53:14 +00:00
Flex chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
FormControl chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Grid chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
Icon chore: git mod - integration with applications (#38439) 2025-01-05 11:21:23 +01:00
Input Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
Link Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
List chore: Replacing the entity group list component on state inspector and data side pane with new ADS component (#38621) 2025-01-14 15:27:08 +05:30
Menu chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Modal chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
NumberInput chore: add custom consistent-storybook-title rule (#38241) 2024-12-19 10:22:39 +03:00
Popover chore: Side by Side exits beta phase (#38347) 2024-12-30 10:41:52 +05:30
Radio chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ScrollArea chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
SearchInput chore: add custom consistent-storybook-title rule (#38241) 2024-12-19 10:22:39 +03:00
SegmentedControl Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
Select Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
Spinner chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
Switch Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
Tab Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
Table chore: CE code for datasource management (#38394) 2024-12-27 20:29:59 +03:00
Tag chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
Templates feat: editable dismissible tab component (#38788) 2025-01-23 12:21:05 +00:00
Text Revert "feat: Added focus ring for focus visible (#37700)" (#38650) 2025-01-14 16:44:52 +05:30
Toast fix: Revert "feat: allow multiple lines in alert component" (#36643) 2024-10-02 12:58:16 +05:30
ToggleButton chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
ToggleButtonGroup chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Tooltip chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
custom.d.ts chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
index.ts feat: editable dismissible tab component (#38788) 2025-01-23 12:21:05 +00:00