v2 data.onclick not working

[maxwondercorn]

Description

I am converting from v1 to v2 found that the data.onclick event is not working while other events (.i.e onover) work. See test graph below.

Tracing through the problem the issue occurs when $$.isWithinShape(this, d2)) is called from the clickHandlerForSingleX function.

main.selectAll("." + CLASS.shape + "-" + index)
  .each(function (d2) {
    if (config.data_selection_grouped || $$.isWithinShape(this, d2)) {
         $$.toggleShape(this, d2, index);
         config.data_onclick.bind($$.api)(d2, this);
     }
});

Specifically, $$.hasValidPointType generates a type error

// isWithinShape()

...
if (!$$.isTargetToShow(d.id)) {
   isWithin = false;
}
else if ($$.hasValidPointType(that.nodeName)) {
...
}

Uncaught TypeError: $$.hasValidPointType is not a function

Steps to check or reproduce

Graph setup

import bb, { bar } from 'billboard.js';

async function setupGraph() {
  const data = await graphData();

  const config = {
    bindto: document.getElementById(this.graphId),
    data: {
      json: data.records,
      keys: { x: 'year', value: ['operation1', 'operation2'] },
      types: { operation1: bar(), operation2: bar() },

      // works
      onover: function (d, element) {
        console.log(d);
      },

      // does not work
      onclick: function (d, element) {
        console.log(d);
      }
    },
    axis: {
      x: {
        type: 'category'
      }
    }
  };

  bb.generate(config);
}

[netil]

Hi @maxwondercorn, thanks for the report.

The issue happens for EMS imports build only, where needed functionality weren't extended.
For the workaround in current version, import and initialize line & selection.

import bb, {bar, line, selection} from "billboard.js";

selection();
line();

bb.generate({
    data: {
        type: bar()
    ...
});

I'll be fixing this for future release.