Merge pull request #447 from plotly/v0.15.0

V0.15.0

Author: VeraZab

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-chart-editor",
   "description": "plotly.js chart editor react component UI",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "author": "Plotly, Inc.",
   "bugs": {
     "url": "https://github.com/plotly/react-chart-editor/issues"

scripts/translationKeys/combined-translation-keys.txt

@@ -8,7 +8,7 @@ const UpdateMenuFold = connectUpdateMenuToLayout(PlotlyFold);
 
 class UpdateMenuAccordion extends Component {
   render() {
-    const {layout: {updatemenus = []}, localize: _} = this.context;
+    const {fullLayout: {updatemenus = []}, localize: _} = this.context;
     const {children} = this.props;
 
     const content =
@@ -21,7 +21,7 @@ class UpdateMenuAccordion extends Component {
         const updateMenuType =
           localizedType[upd.type] || localizedType.dropdown;
         const activeElementLabel = upd.buttons.filter(
-          b => b.index === upd.active
+          b => b._index === upd.active
         )[0].label;
 
         return (
@@ -52,7 +52,7 @@ class UpdateMenuAccordion extends Component {
 }
 
 UpdateMenuAccordion.contextTypes = {
-  layout: PropTypes.object,
+  fullLayout: PropTypes.object,
   localize: PropTypes.func,
 };
 

scripts/translationKeys/translation-keys.txt

@@ -48,4 +48,8 @@ UpdateMenuButtons.propTypes = {
   updatePlot: PropTypes.func,
 };
 
+UpdateMenuButtons.contextTypes = {
+  localize: PropTypes.func,
+};
+
 export default connectToContainer(UpdateMenuButtons);

src/components/containers/UpdateMenuAccordion.js

@@ -184,6 +184,7 @@ const GraphCreatePanel = (props, {localize: _}) => {
         <Numeric label={_('Sum')} step={10} attr="sum" />
         <DataSelector label={_('Text')} attr="text" />
         <DataSelector label={_('Color')} attr="marker.color" />
+        <DataSelector label={'Colors'} attr="marker.colors" />
         <Radio
           label={_('Transpose')}
           attr="transpose"

src/components/fields/UpdateMenuButtons.js

@@ -25,7 +25,6 @@ import {
   FillDropdown,
   FontSelector,
   TextPosition,
-  DataSelector,
 } from '../components';
 
 const StyleTracesPanel = (props, {localize: _}) => (
@@ -145,7 +144,6 @@ const StyleTracesPanel = (props, {localize: _}) => (
       />
       <ColorscalePicker label={_('Colorscale')} attr="marker.colorscale" />
       <ColorPicker label={_('Color')} attr="marker.color" />
-      <DataSelector label={'Colors'} attr="marker.colors" />
       <NumericFraction label={_('Opacity')} attr="marker.opacity" />
       <Numeric label={_('Size')} attr="marker.size" />
       <SymbolSelector label={_('Symbol')} attr="marker.symbol" />