How to use the bpmn-js-properties-panel/lib/PropertiesActivator.call function in bpmn-js-properties-panel

export default function ChoreoPropertiesProvider(
    eventBus, bpmnFactory, elementRegistry,
    translate) {

  PropertiesActivator.call(this, eventBus);

  this.getTabs = function(element) {

    var generalTab = {
      id: 'general',
      label: 'General',
      groups: createGeneralTabGroups(element, bpmnFactory, elementRegistry, translate)
    };

    // The "magic" tab
    var magicTab = {
      id: 'magic',
      label: 'Magic',
      groups: createMagicTabGroups(element, elementRegistry)
    };

export default function MagicPropertiesProvider(
    eventBus, bpmnFactory, canvas,
    elementRegistry, translate) {

  PropertiesActivator.call(this, eventBus);

  this.getTabs = function(element) {

    var generalTab = {
      id: 'general',
      label: 'General',
      groups: createGeneralTabGroups(element, bpmnFactory, canvas, elementRegistry, translate)
    };

    // The "magic" tab
    var magicTab = {
      id: 'magic',
      label: 'Magic',
      groups: createMagicTabGroups(element)
    };

export function CustomPropertiesProvider(eventBus: any, bpmnFactory: any, elementRegistry: any) {

    PropertiesActivator.call(this, eventBus);

    this.getTabs = function (element: any) {

        const generalTab = {
            id: 'general',
            label: 'General',
            groups: createGeneralTabGroups(element, bpmnFactory, elementRegistry)
        };

        return [
            generalTab
        ];
    };
}

export default function ScyllaPropertiesProvider(eventBus, bpmnFactory, elementRegistry, translate) {

    PropertiesActivator.call(this, eventBus);
    
    this.getTabs = function(element) {

        
        var generalTab = {
            id: 'general',
            label: 'General',
            groups: createGeneralTabGroups(element, bpmnFactory, elementRegistry, translate)
        };

        var scyllaTab = {
            id: 'scylla',
            label: 'Scylla',
            groups: createScyllaTabGroups(element, elementRegistry)
        };