rename modebar_config -> buttons_config

Author: etpinard

src/components/modebar/modebar_config.js src/components/modebar/buttons_config.jssrc/components/modebar/modebar_config.js renamed to src/components/modebar/buttons_config.js

@@ -12,6 +12,8 @@
 /**
  * Modebar buttons configuration
  *
+ * @param {string} category button category depending on e.g. plot type
+ * @param {string} group button group ('ext', 'drag', 'zoom', 'hover')
  * @param {string} title text that appears while hovering over the button
  * @param {string} icon name of the svg icon associated with the button
  * @param {string} [gravity] icon positioning
@@ -28,53 +30,69 @@ module.exports = {
 
     // for all plot types
     toImage: {
+        category: 'all',
+        group: 'ext',
         title: 'download plot as a png',
         icon: 'camera',
         click: 'toImage'
     },
     sendDataToCloud: {
+        category: 'all',
+        group: 'ext',
         title: 'save and edit plot in cloud',
         icon: 'disk',
         click: 'sendDataToCloud'
     },
 
     // cartesian and gl2d
     zoom2d: {
+        category: '2d',
+        group: 'drag',
         title: 'Zoom',
         attr: 'dragmode',
         val: 'zoom',
         icon: 'zoombox',
         click: 'handleCartesian'
     },
     pan2d: {
+        category: '2d',
+        group: 'drag',
         title: 'Pan',
         attr: 'dragmode',
         val: 'pan',
         icon: 'pan',
         click: 'handleCartesian'
     },
     zoomIn2d: {
+        category: '2d',
+        group: 'zoom',
         title: 'Zoom in',
         attr: 'zoom',
         val: 'in',
         icon: 'zoom_plus',
         click: 'handleCartesian'
     },
     zoomOut2d: {
+        category: '2d',
+        group: 'zoom',
         title: 'Zoom out',
         attr: 'zoom',
         val: 'out',
         icon: 'zoom_minus',
         click: 'handleCartesian'
     },
     autoScale2d: {
+        category: '2d',
+        group: 'zoom',
         title: 'Autoscale',
         attr: 'zoom',
         val: 'auto',
         icon: 'autoscale',
         click: 'handleCartesian'
     },
     resetScale2d: {
+        category: '2d',
+        group: 'zoom',
         title: 'Reset axes',
         attr: 'zoom',
         val: 'reset',
@@ -84,6 +102,8 @@ module.exports = {
 
     // cartesian only
     hoverClosest2d: {
+        category: 'cartesian',
+        group: 'hover',
         title: 'Show closest data on hover',
         attr: 'hovermode',
         val: 'closest',
@@ -92,6 +112,8 @@ module.exports = {
         click: 'handleCartesian'
     },
     hoverCompare2d: {
+        category: 'cartesian',
+        group: 'hover',
         title: 'Compare data on hover',
         attr: 'hovermode',
         val: function(graphInfo) {
@@ -104,46 +126,60 @@ module.exports = {
 
     // gl3d
     zoom3d: {
+        category: 'gl3d',
+        group: 'drag',
         title: 'Zoom',
         attr: 'dragmode',
         val: 'zoom',
         icon: 'zoombox',
         click: 'handleDrag3d'
     },
     pan3d: {
+        category: 'gl3d',
+        group: 'drag',
         title: 'Pan',
         attr: 'dragmode',
         val: 'pan',
         icon: 'pan',
         click: 'handleDrag3d'
     },
     orbitRotation: {
+        category: 'gl3d',
+        group: 'drag',
         title: 'orbital rotation',
         attr: 'dragmode',
         val: 'orbit',
         icon: '3d_rotate',
         click: 'handleDrag3d'
     },
     tableRotation: {
+        category: 'gl3d',
+        group: 'drag',
         title: 'turntable rotation',
         attr: 'dragmode',
         val: 'turntable',
         icon: 'z-axis',
         click: 'handleDrag3d'
     },
     resetCameraDefault3d: {
+        category: 'gl3d',
+        group: 'zoom',
         title: 'Reset camera to default',
         attr: 'resetDefault',
         icon: 'home',
         click: 'handleCamera3d'
     },
     resetCameraLastSave3d: {
+        category: 'gl3d',
+        group: 'zoom',
         title: 'Reset camera to last save',
         attr: 'resetLastSave',
         icon: 'movie',
         click: 'handleCamera3d'
     },
     hoverClosest3d: {
+        category: 'gl3d',
+        group: 'hover',
         title: 'Toggle show closest data on hover',
         attr: 'hovermode',
         val: null,
@@ -155,27 +191,35 @@ module.exports = {
 
     // geo
     zoomInGeo: {
+        category: 'geo',
+        group: 'zoom',
         title: 'Zoom in',
         attr: 'zoom',
         val: 'in',
         icon: 'zoom_plus',
         click: 'handleGeo'
     },
     zoomOutGeo: {
+        category: 'geo',
+        group: 'zoom',
         title: 'Zoom out',
         attr: 'zoom',
         val: 'out',
         icon: 'zoom_minus',
         click: 'handleGeo'
     },
     resetGeo: {
+        category: 'geo',
+        group: 'zoom',
         title: 'Reset',
         attr: 'reset',
         val: null,
         icon: 'autoscale',
         click: 'handleGeo'
     },
     hoverClosestGeo: {
+        category: 'geo',
+        group: 'hover',
         title: 'Toggle show closest data on hover',
         attr: 'hovermode',
         val: null,
@@ -187,6 +231,8 @@ module.exports = {
 
     // gl2d only
     hoverClosestGl2d: {
+        category: 'gl2d',
+        group: 'hover',
         title: 'Toggle show closest data on hover',
         attr: 'hovermode',
         val: null,
@@ -198,6 +244,8 @@ module.exports = {
 
     // pie traces only
     hoverClosestPie: {
+        category: 'pie',
+        group: 'hover',
         title: 'Toggle show closest data on hover',
         attr: 'hovermode',
         val: 'closest',

src/components/modebar/index.js

@@ -13,7 +13,7 @@ var Plotly = require('../../plotly');
 var d3 = require('d3');
 
 var Icons = require('../../../build/ploticon');
-var modebarConfig = require('./modebar_config');
+var buttonsConfig = require('./buttons_config');
 
 
 /**