Translation for Editor

[WillyKirchner]

Hey guys, first of all thank you for this great library, it helps a lot.
I wonder if there is a way to translate the editor. Plotly itself is very easy to translate via the config prop.
I've searched and tried a bit, but the locale prop of the editor doesn't seem to be working (this was already mentioned in this ticket: #475). I've tried "xx" as locale, but unfortunately it didn't work (here's the codesandbox that i used: https://codesandbox.io/s/gracious-jones-chyck9).
to summon it:

1. I'd like to choose a language like e.g. german or chinese
2. use my own translation dictionaries

[WillyKirchner]

I found out how this works.
Here is the code to use:

<PlotlyEditor
          data={this.state.data}
          layout={this.state.layout}
          config={config}
          frames={this.state.frames}
          dataSources={dataSources}
          dataSourceOptions={dataSourceOptions}
          plotly={plotly}
          locale={"de"}
          dictionaries={{ de: { "Trace":"Testtrace", "Trace your data.": "Testtrace something" } }}
          onUpdate={(data, layout, frames) =>
            this.setState({ data, layout, frames })
          }
          useResizeHandler
          debug
          advancedTraceTypeSelector
/>

Important is to use the locale prop and dictionaries prop.

[WillyKirchner]

There is a Problem with the translation key file. The keys have spaces after them, which won't let you know if you need a space in the key(for example

react-chart-editor/scripts/translationKeys/translation-keys.txt

Line 253 in c0586bb

Drop the // /components/widgets/Dropzone.js:55

). This could possibly be resolved by replacing the spaces with tabs and only using spaces when necessary for the key.