Merge pull request #498 from plotly/partially-disable-transforms

Transforms enabled only for certain chart types

Author: dmt0

src/components/containers/TransformAccordion.js

@@ -3,12 +3,15 @@ import PlotlyPanel from './PlotlyPanel';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import {connectTransformToTrace} from 'lib';
+import FoldEmpty from './FoldEmpty';
+import {PlotScatterIcon} from 'plotly-icons';
 
 const TransformFold = connectTransformToTrace(PlotlyFold);
 
 class TransformAccordion extends Component {
   render() {
     const {
+      fullContainer,
       fullContainer: {transforms = []},
       localize: _,
     } = this.context;
@@ -20,6 +23,15 @@ class TransformAccordion extends Component {
       {label: _('Aggregate'), type: 'aggregate'},
     ];
 
+    if (['scatter', 'bar', 'scattergl'].indexOf(fullContainer.type) === -1) {
+      return (
+        <FoldEmpty
+          icon={PlotScatterIcon}
+          messagePrimary={_('No transforms available for this trace type')}
+        />
+      );
+    }
+
     const filteredTransforms = transforms.filter(({type}) => Boolean(type));
     const content =
       filteredTransforms.length &&

src/components/containers/TransformAccordionDev.js

@@ -3,12 +3,15 @@ import PlotlyPanel from './PlotlyPanel';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import {connectTransformToTrace} from 'lib';
+import FoldEmpty from './FoldEmpty';
+import {PlotScatterIcon} from 'plotly-icons';
 
 const TransformFold = connectTransformToTrace(PlotlyFold);
 
 class TransformAccordion extends Component {
   render() {
     const {
+      fullContainer,
       fullContainer: {transforms = []},
       localize: _,
       container,
@@ -22,6 +25,29 @@ class TransformAccordion extends Component {
       {label: _('Aggregate'), type: 'aggregate'},
     ];
 
+    const transformableCharts = [
+      'scatter',
+      'bar',
+      'line',
+      'area',
+      'scattergl',
+      'box',
+      'histogram',
+      'histogram2d',
+      'histogram2dcontour',
+      'candlestick',
+      'ohlc',
+    ];
+
+    if (transformableCharts.indexOf(fullContainer.type) === -1) {
+      return (
+        <FoldEmpty
+          icon={PlotScatterIcon}
+          messagePrimary={_('No transforms available for this trace type')}
+        />
+      );
+    }
+
     const transformBy =
       container.transforms &&
       container.transforms.map(tr => {