Merge pull request #574 from plotly/fix-example-custom

Fix example custom

Author: dmt0

examples/custom/src/App.js

@@ -1,7 +1,9 @@
 import React, {Component} from 'react';
+import PropTypes from 'prop-types';
 import plotly from 'plotly.js/dist/plotly';
 import PlotlyEditor from 'react-chart-editor';
 import CustomEditor from './CustomEditor';
+import {localizeString} from 'react-chart-editor/lib';
 import 'react-chart-editor/lib/react-chart-editor.css';
 
 const dataSources = {
@@ -33,6 +35,12 @@ class App extends Component {
     };
   }
 
+  getChildContext() {
+    return {
+      localize: key => localizeString({}, 'en', key),
+    };
+  }
+
   render() {
     return (
       <div className="app">
@@ -58,4 +66,8 @@ class App extends Component {
   }
 }
 
+App.childContextTypes = {
+  localize: PropTypes.func,
+};
+
 export default App;

src/components/fields/TextEditor.js

@@ -84,6 +84,10 @@ UnconnectedTextEditor.propTypes = {
   updatePlot: PropTypes.func,
 };
 
+UnconnectedTextEditor.contextTypes = {
+  localize: PropTypes.func,
+};
+
 export default connectToContainer(UnconnectedTextEditor, {
   modifyPlotProps: (props, context, plotProps) => {
     if (plotProps.isVisible && plotProps.multiValued) {