start using custom config visibility calculation in modifyPlotProps throughout

Author: VeraZab

src/components/fields/derived.js

@@ -11,7 +11,13 @@ import Info from './Info';
 import {UnconnectedColorPicker} from './ColorPicker';
 import {UnconnectedTextEditor} from './TextEditor';
 import {UnconnectedVisibilitySelect} from './VisibilitySelect';
-import {connectToContainer, getAllAxes, getAxisTitle, axisIdToAxisName} from 'lib';
+import {
+  connectToContainer,
+  getAllAxes,
+  getAxisTitle,
+  axisIdToAxisName,
+  isValidCustomConfigObject,
+} from 'lib';
 
 export const AxisAnchorDropdown = connectToContainer(UnconnectedDropdown, {
   modifyPlotProps: (props, context, plotProps) => {
@@ -707,7 +713,9 @@ export const HovermodeDropdown = connectToContainer(UnconnectedVisibilitySelect,
 
 export const HoverColor = connectToContainer(UnconnectedColorPicker, {
   modifyPlotProps: (props, context, plotProps) => {
-    plotProps.isVisible = Boolean(context.fullLayout.hovermode);
+    plotProps.isVisible = isValidCustomConfigObject(context.customConfig)
+      ? plotProps.isVisible
+      : Boolean(context.fullLayout.hovermode);
     return plotProps;
   },
 });