Cannot read property 'id' of undefined on custom proeprty

Developers Modeler
1

I write code to create custom property but now I facing an issue

Cannot read property ‘id’ of undefined

My code for isStartable as below,

export default function(group, element, translate) {
  if (is(element, 'bpmn:Process')) {    
    var isStartable = entryFactory.checkbox({
      id: "isStartable",
      get: function(element, node) {
        var bo = getBusinessObject(element);
        return {
            'isStartable' : bo.$attrs.isStartable || true
        }
      },
      set: function (element, values, node) {
        let bo = getBusinessObject(element);
        let theValues = values.isStartable
        return cmdHelper.updateBusinessObject(element, bo, {'isStartable': theValues});
      },
      label: translate('isStartable'),
      modelProperty: 'isStartable'
    });
    group.entries.push(isStartable);

  }

My implementation of this property as below,

function createGeneralTabGroups(element, bpmnFactory, canvas, elementRegistry, translate) {

  var generalGroup = {
    id: 'general',
    label: 'General',
    entries: []
  };
  idProps(generalGroup, element, translate);
  nameProps(generalGroup, element, bpmnFactory, canvas, translate);
  processProps(generalGroup, element, translate);
  executableProps(generalGroup, element, translate);
  isStartableProps(generalGroup, element, translate);

  return[
    generalGroup
  ];
}

Custom property description JSON,

    {
"name": "Input",
"prefix": "Input",
"uri": "http://Input",
"xml": {
  "tagAlias": "lowerCase"
},
"associations": [],
"types": [
  {
    "name": "BewitchedStartEvent",
    "extends": [
      "bpmn:StartEvent"
    ],
    "properties": [
      {
        "name": "Input",
        "isAttr": true,
        "type"  : "array",
        "default": "Select Value"
      },
      {
        "name": "output",
        "isAttr": true,
        "isMany": true,
        "type"  : "array"
      },
      {
        "name": "isStartable",
        "isAttr": true,
        "type"  : "boolean"
      },
    ]
  },
]

}
I implemented this property the same way I implemented other custom properties but I never faced such kind of issue.

2

Where is this error thrown? Can you share your extension inside a CodeSandbox? This way it will be easier for us to inspect your issue.

3

@Niklas_Kiefer
I found an issue while debugging code.

Screenshot 2021-06-03 at 7.47.06 PM
Screenshot 2021-06-03 at 7.47.06 PM3346×1178 578 KB

I found my options in following method,

EntryFactory.checkbox = function(translate, options) {
  return checkboxField(translate, options, setDefaultParameters(options));
};

But it getting undefined in method var setDefaultParameters = function(options)

4

As indicated, EntryFactory.checkbox requires the options to be as the second parameter.

var isStartable = entryFactory.checkbox(translate, { 
  // your options ...
});
5

Thanks a lot, @Niklas_Kiefer ,
WTH, I missed out on basic programming.