Bar tooltip with grouped: false crashes

[creage]

Having grouped: false in tooltip options crashes the widget

I'm trying to migrate to v2 now from v1, and my Bar widget is broken. I have

tooltip:{
    grouped: false
}

And when I hover over the bars, I get console error

node_modules\billboard.js\dist\billboard.esm.js:5966 Uncaught TypeError: $$.hasValidPointType is not a function
    at ChartInternal.isWithinShape (node_modules\billboard.js\dist\billboard.esm.js:5966)
    at SVGPathElement.eval (node_modules\billboard.js\dist\billboard.esm.js:3906)
    at Selection.eval [as filter] (node_modules\d3-selection\src\selection\filter.js:9)
    at ChartInternal.setOverOut (node_modules\billboard.js\dist\billboard.esm.js:3905)
    at SVGRectElement.eval (node_modules\billboard.js\dist\billboard.esm.js:11458)
    at SVGRectElement.eval

and my tooltip is not displayed

[netil]

Hi @creage, thanks for the report. I'll be digging into.
And can you try this way? I think this way will solve from the current version.

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

line();  // this will make extend $$.hasValidPointType

// your generation code
bb.generate(... );

[creage]

@netil confirmed, adding a call to line() fixes the issue, but I'd still prefer a fixed version, you know :)

[netil]

@creage, sure. I'll fix that.

[netil]

@creage, can you provide full generation code?
Just generation with below option, not getting same error.

Forget the comment. It's reproducible.

bb.generate({
	data: {
		columns: [
			["data1", 300, 350, 300, 0, 100],
			["data2", 130, 100, 140, 200, 150]
		],
		type: bar()
	},
	tooltip: {
		grouped: false
	}
});

[netil]

Added as condition to check the existence of $$.hasValidPointType

billboard.js/src/ChartInternal/shape/shape.ts

Line 309 in 322beee

} else if ($$.hasValidPointType && $$.hasValidPointType(that.nodeName)) {

But from the build, it disappears. The weird is for local build it doesn't.

       else if ($$.hasValidPointType(that.nodeName)) {

[creage]

Installed 2.1.0-next.3, and now there is another error

node_modules\billboard.js\dist\billboard.esm.js:3923 Uncaught TypeError: $$.unexpandCircles is not a function
    at eval (node_modules\billboard.js\dist\billboard.esm.js:3923)
    at Selection.eval [as call] (node_modules\d3-selection\src\selection\call.js:4)
    at ChartInternal.selectRectForSingle (node_modules\billboard.js\dist\billboard.esm.js:3914)
    at SVGRectElement.eval (node_modules\billboard.js\dist\billboard.esm.js:11527)
    at SVGRectElement.eval (node_modules\d3-selection\src\selection\on.js:27)

[netil]

@creage, confirmed.