Description

Resolves #2334

POC/WIP for i18n support

Hvordan fungerer det?

1. Aksel tilbyr pre-configs for diverse språk i /locales/*.json
2. Alle komponenter bruker som default nb.json gjennom i18n context
3. Bruker kan velge annet språk gjennom Provider-komponent

import enGB from "@navikt/ds-react/locales/enGB.json";
...
<Provider i18n={enGB}>
...
</Provider>

4. Bruker kan også legge til eget språk eller bare overskrive deler av config. Key-value pairs som mangler vil bli merget inn slik at man får en fullverdig i18n config. (Bør man ha nb som default fallback hvis bruker mangler et key-value pair her?)

import enGB from "@navikt/ds-react/locales/enGB.json";
...
const myCustomi18nConfig = {
  key: value
}
<Provider i18n={[myCustomi18nConfig, enGB]}>
...
</Provider>

5. Bruker kan også overskrive/endre i18n config lokalt på komponentnivå basert på context utenfra. Slipper da å overskrive "globale" verdier basert på lokal context

<Alert translations={{key: "custom value based on context}}>

6. Translatefunksjon (TODO atm) bruker en regex for translation som kan bytte ut alt mellom {} med input.

// nb.json
{
  "Textarea": {
    "counter": {
      "charactersLeft": "Du har {tegn} tegn igjen"
    }
  }
}
----
<span>{translate("Textarea.counter.charactersLeft", 200)}
---
// Output: Du har 200 tegn igjen