[Vega] user should be able to toggle "textTruncate" option for tooltips

[alexwizp]

Closes: #80325

Summary

New configuration property was added for tooltips

Screens

• textTruncate is true:
  
• textTruncate is false (default value):
  

Spec for testing

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "config": {
    "kibana": {
      "tooltips": {
         textTruncate: false
      }
    }
  }
  "data": {
    "values": [
      {"a": " long text, long text, long text, long text, long text, long text, long text, long text, long text, long text, long text", "b": 28},
      {"a": "B", "b": 55},
    ]
  },
  "mark": "bar",
  "encoding": {
    "x": {"field": "a", "type": "nominal"},
    "y": {"field": "b", "type": "quantitative"},
    "tooltip": [
      {"field": "a", "type": "nominal"},
      {"field": "b", "type": "quantitative"}
    ]
  }
}

[wylieconlon]

Is there a good reason to truncate the text by default? I would have expected the default to show the full value with word-wrap: break-word. What do you think about changing the defaults?

[alexwizp]

@wylieconlon not sure that I can answer for your question. This truncate logic was added in: #33465. My idea was to save all saved visualizations as it. @cchaos could you please help us to find the right solution from the UX perspective

[stratoula]

I think I agree with @wylieconlon, it should not be truncated by default and it should have a max width. In the above spec when the flag is false the tooltip width is quite big. So maybe we should have a max width and break the words on a new line.

[alexwizp]

@wylieconlon @stratoula thank you, I've checked your proposal, it really looks much better. 🙇

[stratoula]

It is much better now 👏 LGTM!

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[cchaos]

Turning truncation off by default is fine. What happens if that really long value didn't have spaces?

[stratoula]

It still breaks to a new line @cchaos

[cchaos]

Thanks. Screenshots and code LGTM

[alexwizp]

@elasticmachine merge upstream

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 7fc3330

Metrics [docs]

async chunks size

id	before	after	diff
visTypeVega	1.4MB	1.4MB	+446.0B

page load bundle size

id	before	after	diff
visTypeVega	135.3KB	135.4KB	+164.0B

History

• 💚 Build #81808 succeeded e2517fc
• 💚 Build #81626 succeeded 0474aed
• 💔 Build #81614 failed de032e0

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[brechun]

Is this feature deprecated? I am running Kibana 7.10.2 and spec for testing shown above and the tooltip does not truncate.

[alexwizp]

@brechun I see the PR was added in 7.11.0