give demo same data as dev

Author: nicolaskruchten

dev/App.js

@@ -8,43 +8,13 @@ import AceEditor from 'react-ace';
 import Select from 'react-select';
 import PlotlyEditor, {DefaultEditor, Panel} from '../src';
 import Inspector from 'react-inspector';
-import tips from './tips';
+import dataSources from './dataSources';
 import 'brace/mode/json';
 import 'brace/theme/textmate';
 
 // https://github.com/plotly/react-chart-editor#mapbox-access-tokens
 import ACCESS_TOKENS from '../accessTokens';
 
-const dataSources = {
-  ints: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17], // eslint-disable-line no-magic-numbers
-  'jagged ints': [2, 1, 3, 5, 4, 6], // eslint-disable-line no-magic-numbers
-  'toggle ints': [1, -1, 1, -1, 1, -1], // eslint-disable-line no-magic-numbers
-  'big ints': [1000, 10100, 10000, 20000, 100000], // eslint-disable-line no-magic-numbers
-  dates: [
-    '2010-01-01',
-    '2010-07-01',
-    '2011-01-01',
-    '2011-07-01',
-    '2012-01-01',
-    '2012-06-01',
-  ],
-  months: ['January', 'February', 'March', 'April', 'May', 'June'],
-  colors: ['red', 'orange', 'yellow', 'green', 'blue', 'indigo'],
-  'blue and red': ['blue', 'red'],
-  countries: [
-    'Angola',
-    'Albania',
-    'United Arab Emirates',
-    'Argentina',
-    'Armenia',
-    'Australia',
-    'Austria',
-    'Azerbaijan',
-  ],
-  'countries iso': ['AGO', 'ALB', 'ARE', 'ARG', 'ARM', 'AUS', 'AUT', 'AZE'],
-  states: ['AL', 'AK', 'AZ', 'AR', 'CA', 'CO', 'CT', 'DE', 'FL', 'GA'],
-  ...tips,
-};
 const dataSourceOptions = Object.keys(dataSources).map(name => ({
   value: name,
   label: name,

dev/tips.js renamed to dev/dataSources.js

@@ -1723,4 +1723,32 @@ export default {
     2,
     2,
   ],
+
+  ints: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17],
+  'jagged ints': [2, 1, 3, 5, 4, 6],
+  'toggle ints': [1, -1, 1, -1, 1, -1],
+  'big ints': [1000, 10100, 10000, 20000, 100000],
+  dates: [
+    '2010-01-01',
+    '2010-07-01',
+    '2011-01-01',
+    '2011-07-01',
+    '2012-01-01',
+    '2012-06-01',
+  ],
+  months: ['January', 'February', 'March', 'April', 'May', 'June'],
+  colors: ['red', 'orange', 'yellow', 'green', 'blue', 'indigo'],
+  'blue and red': ['blue', 'red'],
+  countries: [
+    'Angola',
+    'Albania',
+    'United Arab Emirates',
+    'Argentina',
+    'Armenia',
+    'Australia',
+    'Austria',
+    'Azerbaijan',
+  ],
+  'countries iso': ['AGO', 'ALB', 'ARE', 'ARG', 'ARM', 'AUS', 'AUT', 'AZE'],
+  states: ['AL', 'AK', 'AZ', 'AR', 'CA', 'CO', 'CT', 'DE', 'FL', 'GA'],
 };

examples/demo/src/App.js

@@ -3,15 +3,8 @@ import plotly from 'plotly.js/dist/plotly';
 import PlotlyEditor from 'react-chart-editor';
 import 'react-chart-editor/lib/react-chart-editor.css';
 import Nav from './Nav';
+import dataSources from './dataSources';
 
-const dataSources = {
-  col1: ['Jan', 'Feb', 'Mar'], // eslint-disable-line no-magic-numbers
-  col2: [1, 2, 3],
-  col3: [4, 3, 2], // eslint-disable-line no-magic-numbers
-  col4: [17, 13, 9], // eslint-disable-line no-magic-numbers
-  col5: ['blue'],
-  col6: ['yellow', 'green', 'yellow'],
-};
 const dataSourceOptions = Object.keys(dataSources).map(name => ({
   value: name,
   label: name,

examples/demo/src/dataSources.js

@@ -0,0 +1 @@
+../../../dev/dataSources.js