feat: Add edit and delete buttons for published code lists in the layout editor

[TomasEng]

Important

This pull request is stacked upon #17588, which should be merged first.

Description

This pull requests adds edit and delete buttons to the published code list interface in the layout editor. The video below demonstrates what happens when the user clicks on them.

Spiller.inn.2026-02-03.142853.mp4

I have added the skip-second-approval label since this is behind a feature flag and it will be better to test when all of #17339 is complete.

Verification

• Related issues are connected (if applicable)
• Your code builds clean without any errors or warnings
• Manual testing done (required)
• Relevant automated test added (if you find this hard, leave it and we'll help out)

Summary by CodeRabbit

Release Notes

New Features

• Made the published option list selector trigger button configurable with customisable labels.

Refactor

• Reorganised published code list editing functionality into a dedicated component for improved maintainability.

[coderabbitai]

📝 Walkthrough

Walkthrough

The changes refactor the published code list editing functionality by extracting a dedicated PublishedCodeListEditor component, renaming the internal edit button callback prop from onEditButtonClick to onEditInternalButtonClick, and making the trigger button configurable through triggerProps.

Changes

Cohort / File(s)	Summary
PublishedCodeListEditor Component (New) src/Designer/frontend/packages/ux-editor/.../PublishedCodeListEditor/PublishedCodeListEditor.tsx, PublishedCodeListEditor.module.css, index.ts	Extracts published code list editor into a dedicated component with grid-based layout. Renders code list information, edit trigger via PublishedOptionListSelector, and delete button with option removal and component state updates.
Component Prop Updates src/Designer/frontend/packages/ux-editor/.../EditTab.tsx, OptionListEditor.tsx, PublishedOptionListSelector.tsx	Renamed onEditButtonClick to onEditInternalButtonClick in OptionListEditor; added configurable triggerProps to PublishedOptionListSelector; refactored OptionListEditor to use imported PublishedCodeListEditor instead of inline implementation.
Test Updates OptionListEditor.test.tsx, PublishedOptionListSelector.test.tsx	Updated mock prop names to onEditInternalButtonClick; integrated FeatureFlag for NewCodeLists feature flag in test setup; added test flows for published code list form opening and optionsId removal on deletion; standardised trigger button text constant.

Poem

🐰 A button renamed, a component set free,
Trigger props dance where code lists be,
Grid-based layouts, deletions so neat,
Features now flagged—the refactor's complete! ✨

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately and specifically summarises the main change: adding edit and delete buttons for published code lists in the layout editor.
Description check	✅ Passed	The description covers the main changes, includes a demonstration video, and all required verification checklist items are completed with checkmarks.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch add-edit-and-delete-buttons-for-published-code-lists

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[TomasEng]

Moved this to a separate file since the component has become more complex.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 96.00%. Comparing base (635da4e) to head (1ad7a8b).

Additional details and impacted files

@@                         Coverage Diff                         @@
##           add-published-code-lsits-to-editor   #17631   +/-   ##
===================================================================
  Coverage                               96.00%   96.00%           
===================================================================
  Files                                    2437     2439    +2     
  Lines                                   30928    30946   +18     
  Branches                                 3606     3606           
===================================================================
+ Hits                                    29692    29710   +18     
  Misses                                    921      921           
  Partials                                  315      315           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[TomasEng]

Renamed this since it specifically refers to the edit button on the editor for internally defined option lists.

[TomasEng]

@coderabbitai review

[coderabbitai]

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.