Don't split words on non-breaking space char

[robsco-git]

🚀 Enhancements

• Don't split strings rendered by <Text /> when encountering a set of non-breaking space characters. Currency strings output by Number.toLocaleString, for example, can contain non-breaking space characters. The emitted SVG tspan elements (words) should not be split by these characters.

[hshoff]

Good catch, thanks for the contribution!

Confirmed the fix

const number = 123456.789;
const before = /\s+/;
const after = /(?:(?!\u00A0+)\s+)/;
const string = number.toLocaleString('de-DE', { style: 'currency', currency: 'EUR' });
console.log(`price ${string}`.split(before));
// => ["price", "123.456,79", "€"]
console.log(`price ${string}`.split(after));
// => ["price", "123.456,79 €"]

I'm going to mark this as a breaking change in the changelog as it does alter the behavior of <Text />