Skip to content

feat(modeler): add input type dropdown#989

Open
djoysilva wants to merge 2 commits intobpmn-io:developfrom
djoysilva:djoysilva-external-pr
Open

feat(modeler): add input type dropdown#989
djoysilva wants to merge 2 commits intobpmn-io:developfrom
djoysilva:djoysilva-external-pr

Conversation

@djoysilva
Copy link
Copy Markdown

@djoysilva djoysilva commented Mar 24, 2026

Proposed Changes

Include on canvas a select type reference dropdown for Input Data.

A select control (TypeRefDropdown) is rendered as an overlay on Input Data element on the canvas. The overlay is managed by TypeRefBehavior which shows the dropdown on element click/created.

image

Purpose

Let users changes the element's typeRef variable directly on the canvas without the need for using the properties panel

Component changes:
[NEW] TypeRefDropdown: renders the select control and calls
[NEW] TypeRefBehavior: manages the overlay UI, build options (via dataTypes + translate) and updates the model (via modeling) when the dropdown changes.

dmn-js-drd lib: Imports and registers TypeRefBehavior in index.js
dmn-js-drd tests: DRD tests were updated to import overlays and dataTypes modules required by the new behavior.

Step by step for manual test:

1- Drag and drop the InputData element on the canvas
2 - You should see the dropdown with type reference options
3 - Select a type reference
4 - Click in a different element on the canvas, you shouldn't see the dropdown on InputData anymore
5 - Click on InputData element again and it should show the dropdown with the same selected type reference
6 - Any changes on the type reference for a specific InputData, should be reflected on it's variable.typeRef element in the xml file

Checklist

Ensure you provide everything we need to review your contribution:

  • [ x] Contribution meets our definition of done
  • [ x] Pull request establishes context
    • [x ] Link to related issue(s), i.e. Closes {LINK_TO_ISSUE} or Related to {LINK_TO_ISSUE}
    • [x ] Brief textual description of the changes
    • [x ] Screenshots or short videos showing UI/UX changes
    • [x ] Steps to try out, i.e. using the @bpmn-io/sr tool

@djoysilva djoysilva requested review from a team, barinali and barmac March 24, 2026 10:48
@CLAassistant
Copy link
Copy Markdown

CLAassistant commented Mar 24, 2026

CLA assistant check
All committers have signed the CLA.

@djoysilva djoysilva changed the title Djoysilva external pr feat(modeler): add input type dropdown Mar 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants