Skip to content

feat: 802 combobox - #852

Open
jarred-ritense wants to merge 6 commits into
next-minorfrom
feature/802-combobox
Open

feat: 802 combobox#852
jarred-ritense wants to merge 6 commits into
next-minorfrom
feature/802-combobox

Conversation

@jarred-ritense

Copy link
Copy Markdown
Contributor

Describe the changes

Link to the related Github issue: generiekzaakafhandelcomponent/gzac-issues#802

Specify the code branch location:

Relevant comments:

Breaking changes

  • [ x] The contribution only contains changes that are not breaking.

Documentation

  • Release notes have been written for these changes.

New features or changes that have been introduced have been documented.

  • [ x] Yes
  • Not applicable

Tests

Unit tests have been added that cover these changes

  • Yes
  • Not applicable

Integration tests have been added that cover these changes

  • Yes
  • Not applicable

Describe the testing steps

  • Step 1
  • Step 2
  • Step 3

Security

The Secure by Design principle has been applied to these changes

  • Yes
  • Not applicable

Added or changed REST API endpoints have authentication and authorization in place

  • Yes
  • Not applicable

Valtimo access control checks have been implemented

  • Yes
  • Not applicable

Dependencies

Newly added dependencies do not introduce known vulnerabilities/CVE's and are in line with the Valtimo license

  • Yes
  • Not applicable

@coderabbitai

coderabbitai Bot commented Jul 27, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Summary by CodeRabbit

  • New Features
    • Replaced legacy dropdowns and select fields with searchable combo boxes in process progress and migration workflows.
    • Added clearer labels, placeholders, loading states, and selection behavior.
    • Improved process migration selections for definitions, versions, and task mappings.
    • Selections now stay synchronized when data loads, diagrams update, or migrations complete.
    • Improved reliability when switching process definitions or versions during loading.
    • Added English and Dutch labels for migration selection fields.

Walkthrough

The case progress process selector now uses a Carbon combo box and extracts process instance identifiers from selected list items. The migration screen replaces native selects with combo boxes for definitions, versions, and task mappings. Migration component state now maintains combo box items, refreshes selections during loading and migration, ignores stale version responses, and caches filtered task mapping options. The migration module imports Carbon’s combo box module, and English and Dutch migration labels are added.

🚥 Pre-merge checks | ✅ 2
✅ Passed checks (2 passed)
Check name Status Explanation
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches 💡 1
🛠️ Fix failing CI checks 💡
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/802-combobox

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

Comment @coderabbitai help to get the list of available commands.

@jarred-ritense
jarred-ritense marked this pull request as ready for review July 28, 2026 08:31
@jarred-ritense
jarred-ritense requested a review from a team as a code owner July 28, 2026 08:31

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1


ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: b317145c-88da-422f-bdb6-5e73c41c7032

📥 Commits

Reviewing files that changed from the base of the PR and between 675b51b and ac0ddc2.

📒 Files selected for processing (5)
  • frontend/projects/valtimo/case/src/lib/components/case-detail/tab/progress/progress.component.html
  • frontend/projects/valtimo/case/src/lib/components/case-detail/tab/progress/progress.component.ts
  • frontend/projects/valtimo/migration/src/lib/migration.component.html
  • frontend/projects/valtimo/migration/src/lib/migration.component.ts
  • frontend/projects/valtimo/migration/src/lib/migration.module.ts

Comment thread frontend/projects/valtimo/migration/src/lib/migration.component.ts
});
}

onDefinitionSelected(selection: ListItem | ListItem[], type: string) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
onDefinitionSelected(selection: ListItem | ListItem[], type: string) {
public onDefinitionSelected(selection: ListItem | ListItem[], type: string) {

}
}

onVersionSelected(selection: ListItem | ListItem[], type: string) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
onVersionSelected(selection: ListItem | ListItem[], type: string) {
public onVersionSelected(selection: ListItem | ListItem[], type: string) {

this.loadProcess(item?.id ?? null, type);
}

onTaskMappingSelected(selection: ListItem | ListItem[], nodeId: string) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
onTaskMappingSelected(selection: ListItem | ListItem[], nodeId: string) {
public onTaskMappingSelected(selection: ListItem | ListItem[], nodeId: string) {

});
}

getFilteredTargetFlowNodeMapItems(node): ListItem[] {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
getFilteredTargetFlowNodeMapItems(node): ListItem[] {
public getFilteredTargetFlowNodeMapItems(node): ListItem[] {

@sofiaIvarsRitense sofiaIvarsRitense added feedback test env Create a remote test environment for this PR in the Ritense product development cluster labels Aug 5, 2026
<cds-combo-box
[dropUp]="false"
[appendInline]="true"
[label]="'Source Definition'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you add this to the translations, please?

[dropUp]="false"
[appendInline]="true"
[label]="'Source Definition'"
[placeholder]="'- Source Definition -'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also this translation

<cds-combo-box
[dropUp]="false"
[appendInline]="true"
[label]="'Source Version'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also this translation

[dropUp]="false"
[appendInline]="true"
[label]="'Source Version'"
[placeholder]="'- Source Version -'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

<cds-combo-box
[dropUp]="false"
[appendInline]="true"
[label]="'Target Definition'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

[dropUp]="false"
[appendInline]="true"
[label]="'Target Definition'"
[placeholder]="'- Target Definition -'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

<cds-combo-box
[dropUp]="false"
[appendInline]="true"
[label]="'Target Version'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

[dropUp]="false"
[appendInline]="true"
[label]="'Target Version'"
[placeholder]="'- Target Version -'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

<cds-combo-box
[dropUp]="false"
[appendInline]="true"
[placeholder]="'- Choose Target -'"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1


ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 816ee33b-77d7-41d0-a04a-b0fd2ac6ca8e

📥 Commits

Reviewing files that changed from the base of the PR and between d81c01e and b2bac18.

📒 Files selected for processing (5)
  • frontend/projects/valtimo/case/src/lib/components/case-detail/tab/progress/progress.component.html
  • frontend/projects/valtimo/case/src/lib/components/case-detail/tab/progress/progress.component.ts
  • frontend/projects/valtimo/migration/src/lib/migration.component.html
  • frontend/projects/valtimo/shared/assets/core/en.json
  • frontend/projects/valtimo/shared/assets/core/nl.json
🚧 Files skipped from review as they are similar to previous changes (3)
  • frontend/projects/valtimo/case/src/lib/components/case-detail/tab/progress/progress.component.ts
  • frontend/projects/valtimo/migration/src/lib/migration.component.html
  • frontend/projects/valtimo/case/src/lib/components/case-detail/tab/progress/progress.component.html

Comment on lines +1814 to +1818
"Source Definition": "Bron definitie",
"Source Version": "Bron versie",
"Target Definition": "Doel definitie",
"Target Version": "Doel versie",
"Choose Target": "Kies doel",

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Use compound nouns in the Dutch migration labels.

Bron definitie, Bron versie, Doel definitie, and Doel versie are not idiomatic Dutch compound nouns. Use Brondefinitie, Bronversie, Doeldefinitie, and Doelversie.

Proposed fix
-  "Source Definition": "Bron definitie",
-  "Source Version": "Bron versie",
-  "Target Definition": "Doel definitie",
-  "Target Version": "Doel versie",
+  "Source Definition": "Brondefinitie",
+  "Source Version": "Bronversie",
+  "Target Definition": "Doeldefinitie",
+  "Target Version": "Doelversie",
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
"Source Definition": "Bron definitie",
"Source Version": "Bron versie",
"Target Definition": "Doel definitie",
"Target Version": "Doel versie",
"Choose Target": "Kies doel",
"Source Definition": "Brondefinitie",
"Source Version": "Bronversie",
"Target Definition": "Doeldefinitie",
"Target Version": "Doelversie",
"Choose Target": "Kies doel",

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feedback test env Create a remote test environment for this PR in the Ritense product development cluster

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants