only do the customConfig validation once

Author: VeraZab

src/EditorControls.js

@@ -1,7 +1,13 @@
 import DefaultEditor from './DefaultEditor';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
-import {bem, localizeString, plotlyTraceToCustomTrace, traceTypeToPlotlyInitFigure} from './lib';
+import {
+  bem,
+  localizeString,
+  plotlyTraceToCustomTrace,
+  traceTypeToPlotlyInitFigure,
+  hasValidCustomConfigVisibilityRules,
+} from './lib';
 import {
   shamefullyClearAxisTypes,
   shamefullyAdjustAxisRef,
@@ -60,6 +66,9 @@ class EditorControls extends Component {
       fontOptions: this.props.fontOptions,
       chartHelp: this.props.chartHelp,
       customConfig: this.props.customConfig,
+      hasValidCustomConfigVisibilityRules: hasValidCustomConfigVisibilityRules(
+        this.props.customConfig
+      ),
     };
   }
 
@@ -435,6 +444,7 @@ EditorControls.childContextTypes = {
   fontOptions: PropTypes.array,
   chartHelp: PropTypes.object,
   customConfig: PropTypes.object,
+  hasValidCustomConfigVisibilityRules: PropTypes.bool,
 };
 
 export default EditorControls;

src/lib/unpackPlotProps.js

@@ -98,7 +98,7 @@ export function validateVisibilityWithCustomConfig(
   componentDisplayName
 ) {
   let show = initial;
-  if (show && hasValidCustomConfigVisibilityRules(nextContext.customConfig)) {
+  if (show && nextContext.hasValidCustomConfigVisibilityRules) {
     show = computeCustomConfigVisibility(nextProps, nextContext.customConfig, componentDisplayName);
   }
   return show;