How to import BPMN Properties from propertise-panel like LinkProps, idProps in our project for customization?

Hi @nikku and @Martin,

I hope you’re doing well!

I’m currently in the process of upgrading bpmn-js-properties-panel from version 0.44 to the latest version. My project has several customizations that require importing modules like LinkProps, IdProps, etc. However, I’m encountering difficulties in exporting these modules with the latest version.

Previously, I imported them like this:

import processProps from “bpmn-js-properties-panel/lib/provider/bpmn/parts/ProcessProps”;
import eventProps from “bpmn-js-properties-panel/lib/provider/bpmn/parts/EventProps”;
import linkProps from “bpmn-js-properties-panel/lib/provider/bpmn/parts/LinkProps”;

Could you please advise me on how to achieve similar functionality with the latest version, or suggest any alternative methods to handle these customizations?

Thank you so much for your help!


Since you started from version 0.x, you will have some breaking changes along the way.

Have you checked out the Breaking changes in 1.0.0? This was a complete rewrite of the 0.x codebase of the properties panel.

Another starting point is the properties panel extension example to understand how the new Properties panel works.

1 Like

For changing existing Entries (instead of only adding new ones), you can have a look at how we do it for specific properties panles, e.g. The camunda properties panel overwrites ID fields here:

1 Like