fix weird legacy bug

Author: nicolaskruchten

src/components/containers/derived.js

@@ -10,12 +10,17 @@ const LayoutSection = connectLayoutToPlot(PlotlySection);
 
 const TraceTypeSection = (props, context) => {
   const {fullContainer, fullData} = context;
+  const {mode, traceTypes} = props;
 
   const ifConnectedToTrace =
-    fullContainer && props.traceTypes.includes(fullContainer.type);
+    mode === 'trace' &&
+    fullContainer &&
+    traceTypes.includes(fullContainer.type);
 
   const ifConnectedToLayout =
-    fullData && fullData.some(t => props.traceTypes.includes(t.type));
+    mode === 'layout' &&
+    fullData &&
+    fullData.some(t => traceTypes.includes(t.type));
 
   if (ifConnectedToTrace || ifConnectedToLayout) {
     return <PlotlySection {...props} />;
@@ -29,10 +34,12 @@ TraceTypeSection.propTypes = {
   children: PropTypes.node,
   name: PropTypes.string,
   traceTypes: PropTypes.array,
+  mode: PropTypes.string,
 };
 
 TraceTypeSection.defaultProps = {
   traceTypes: [],
+  mode: 'layout',
 };
 
 export {LayoutPanel, LayoutSection, TraceTypeSection};

src/default_panels/GraphCreatePanel.js

@@ -83,7 +83,10 @@ const GraphCreatePanel = (props, {localize: _}) => {
       <DataSelector label={_('Headers')} attr="header.values" />
       <DataSelector label={_('Columns')} attr="cells.values" />
 
-      <TraceTypeSection traceTypes={['scatterpolar', 'scatterpolargl']}>
+      <TraceTypeSection
+        traceTypes={['scatterpolar', 'scatterpolargl']}
+        mode="trace"
+      >
         <DataSelector label={_('Radius')} attr="r" />
         <DataSelector label={_('Theta')} attr="theta" />
         <Dropdown