ui (histograms): Add native histogram chart to Table view

[Maniktherana]

addresses #11269

This PR adds a better rendered view of native histograms in the table view. The histogram can be toggled between using a linear or exponential scale on the x-axis.

Screen.Recording.2024-02-28.at.10.32.30.AM.mov

[Maniktherana]

@juliusv here's what I have so far. I need to add some tests and there may be room to improve how we display the total count and sum but it felt off when adding those in the same table as range + count

[Maniktherana]

Hmm, it seems the <HistogramChart /> component isn't rendering in tests. Not sure why

[juliusv]

Nice, I like it so far, thanks! Yeah, now seeing the count and sum outside of the bucket table, have to actually say that I prefer that too.

[juliusv]

Let's call this .histogram-summary-wrapper or something like that because otherwise it sounds very generic.

[Maniktherana]

done

[juliusv]

Are these commented-out lines still needed, or should they be removed?

[Maniktherana]

Not needed

[Maniktherana]

@juliusv this is pretty much done I'd say, only thing is I'm having trouble understanding why the UI test is failing.

Test suite failed to run

    The target 'bucket-0-0-500' could not be identified in the dom, tip: check spelling

      130 |       useLocalTime: false,
      131 |     };
    > 132 |     const dataTable = mount(<DataTable {...dataTableProps} />);
          |                            ^
      133 |
      134 |     it('renders a table', () => {
      135 |       const table = dataTable.find(Table);

A little bit unsure how to proceed. I could just forgo testing <HistogramChart /> in Datatable.test.tsx and just keep unit tests for <HistogramChart />

[juliusv]

@Maniktherana Strange! Yes, I think it's ok to skip testing it for now. We shouldn't be spending too much on figuring out weirdness in Enzyme tests that we will have to throw away anyway with the new Mantine-based UI and React 18.

[juliusv]

👍 Do you want to press the "Ready for review" button to move the PR out of draft status? Then I'll merge it.

[juliusv]

Meh actually I'll just do it myself :)

[Maniktherana]

@juliusv Awesome, thanks! Ig there's some ancillary issues I can create like testing + optimizing histogram rendering

[juliusv]

@Maniktherana Thanks as well! Yeah I think functional / performance improvements would be more useful at the moment, with the current set of tests going away soon. I think in the new UI I will hide all the graph page settings in a collapsible section, which would make it easier to add even more settings in there - e.g. to configure how histograms should be displayed by default in the table.