Fix group height in overview mode

[thinkh]

Fixes #365

Summary

Uses the same group height in overview mode.

Implementation

Previously, the group height is set as hard-coded values and ignores the LineUp/Taggle default config values.

This refactoring uses the taggle options (LineUp default config + ARankingView custom options).

The event LineUpPanelActions.EVENT_RULE_CHANGED was removed and replaced with the LineUpPanelActions.EVENT_TOGGLE_OVERVIEW which simply returns a boolean. Afterwards the space-filling rule is only instanciated and used in ARankingView.

You can change the heights by defining the respective LineUp/Taggle config values in the customOptions of ARankingView.

const options = {
    // ...
    customOptions: {
        rowHeight: 18,
        groupHeight: 70,
        groupPadding: 5
    }
}

[oltionchampari]

This fix works for me as expected and the source code looks good. 👍

This fix made another issue more obvious though.
The bars of the groups appear and disappear when switching back and forth to overview mode.

This should be addressed in another issue though since it occurs also for the lineupjs4 branch. It is harder to spot because of the bars changing their height.

@thinkh If you agree to address this in a new issue we can merge this branch.

[thinkh]

Thanks for testing and well spotted! Can you please extract the bug you've found to a new issue? We can adress it in a different PR.

You can go ahead and merge this PR.

[oltionchampari]

Thanks for testing and well spotted! Can you please extract the bug you've found to a new issue? We can adress it in a different PR.

You can go ahead and merge this PR.

Okay, will do.