start applying customConfig's visibility rules

Author: VeraZab

dev/App.js

@@ -183,6 +183,15 @@ class App extends Component {
           // makeDefaultTrace={() => ({type: 'scattergl', mode: 'markers'})}
           // fontOptions={[{label:'Arial', value: 'arial'}]}
           // chartHelp={chartHelp}
+          customConfig={{
+            visibility_rules: {
+              blacklist: [
+                {type: 'attrName', regex_match: 'color'},
+                {type: 'attrName', regex_match: 'font'},
+              ],
+              whitelist: [{type: 'attrName', regex_match: 'colorscale'}],
+            },
+          }}
         >
           <DefaultEditor
           // menuPanelOrder={[

src/lib/unpackPlotProps.js

@@ -3,7 +3,7 @@ import isNumeric from 'fast-isnumeric';
 import {MULTI_VALUED, MULTI_VALUED_PLACEHOLDER} from './constants';
 
 export default function unpackPlotProps(props, context) {
-  const {container, getValObject, defaultContainer, updateContainer} = context;
+  const {container, getValObject, defaultContainer, updateContainer, customConfig} = context;
 
   if (!props.attr) {
     return {};
@@ -29,9 +29,47 @@ export default function unpackPlotProps(props, context) {
   }
 
   let isVisible = false;
+  // Base visibility rules
   if (props.show || (fullValue !== void 0 && fullValue !== null)) {
     isVisible = true;
   }
+  // We can override base visibility rules with a customConfig
+  if (
+    customConfig &&
+    customConfig === Object(customConfig) &&
+    Object.keys(customConfig).length &&
+    customConfig.visibility_rules
+  ) {
+    // Look to see if there was an order to blacklisting or whitelisting specified
+    const order =
+      customConfig.visibility_rules.order &&
+      Array.isArray(customConfig.visibility_rules.order) &&
+      customConfig.visibility_rules.order.length
+        ? customConfig.visibility_rules.order
+        : ['blacklist', 'whitelist'];
+
+    order.forEach(o => {
+      if (customConfig.visibility_rules[o]) {
+        customConfig.visibility_rules[o].forEach(r => {
+          if (r.type && r.regex_match) {
+            const regex = RegExp(r.regex_match);
+            if (o === 'blacklist' && r.type === 'attrName' && regex.test(props.attr)) {
+              isVisible = false;
+            }
+            if (o === 'whitelist' && r.type === 'attrName' && regex.test(props.attr)) {
+              isVisible = true;
+            }
+          } else {
+            throw new Error(
+              `sorry, you must include the type and regex_match in each of your blacklisting and whitelisting customConfig rules`
+            );
+          }
+        });
+      } else {
+        throw new Error(`sorry, you have an invalid key of ${o} in your customConfig prop`);
+      }
+    });
+  }
 
   let defaultValue = props.defaultValue;
   if (defaultValue === void 0 && defaultContainer) {