create DTicksInterval to keep visibility rules

Author: VeraZab

src/components/fields/AxisInterval.js

@@ -36,7 +36,7 @@ function getSmallestUnit(milliseconds) {
   return smallestUnit;
 }
 
-class UnconnectedAxisInterval extends Component {
+export class UnconnectedAxisInterval extends Component {
   constructor(props) {
     super(props);
 

src/components/fields/derived.js

@@ -6,6 +6,7 @@ import {UnconnectedNumeric} from './Numeric';
 import {UnconnectedNumericOrDate} from './NumericOrDate';
 import {UnconnectedAxisRangeValue} from './AxisRangeValue';
 import {UnconnectedRadio} from './Radio';
+import {UnconnectedAxisInterval} from './AxisInterval';
 import Info from './Info';
 import {UnconnectedColorPicker} from './ColorPicker';
 import {UnconnectedTextEditor} from './TextEditor';
@@ -226,6 +227,24 @@ export const DTicks = connectToContainer(UnconnectedAxisRangeValue, {
   },
 });
 
+export const DTicksInterval = connectToContainer(UnconnectedAxisInterval, {
+  modifyPlotProps: (props, context, plotProps) => {
+    const {fullContainer} = plotProps;
+    if (
+      fullContainer &&
+      fullContainer._name &&
+      (fullContainer._name.startsWith('lat') || fullContainer._name.startsWith('lon'))
+    ) {
+      // don't mess with visibility on geo axes
+      return plotProps;
+    }
+    if (plotProps.isVisible && fullContainer && fullContainer.tickmode !== 'linear') {
+      plotProps.isVisible = false;
+    }
+    return plotProps;
+  },
+});
+
 class UnconnectedNumericFraction extends UnconnectedNumeric {}
 UnconnectedNumericFraction.propTypes = UnconnectedNumeric.propTypes;
 UnconnectedNumericFraction.defaultProps = {

src/components/fields/index.js

@@ -40,6 +40,7 @@ import {
   AxesRange,
   NTicks,
   DTicks,
+  DTicksInterval,
   AxisAnchorDropdown,
   ContourNumeric,
   FillDropdown,
@@ -72,6 +73,7 @@ export {
   AxesRange,
   NTicks,
   DTicks,
+  DTicksInterval,
   AxesSelector,
   ColorPicker,
   ColorscalePicker,

src/components/index.js

@@ -9,6 +9,7 @@ import {
   AxesRange,
   NTicks,
   DTicks,
+  DTicksInterval,
   AxesSelector,
   ColorPicker,
   ColorscalePicker,
@@ -103,6 +104,7 @@ export {
   AxisSide,
   NTicks,
   DTicks,
+  DTicksInterval,
   ShapeAccordion,
   RangeSelectorAccordion,
   SliderAccordion,

src/index.js

@@ -35,6 +35,7 @@ import {
   TransformAccordion,
   NTicks,
   DTicks,
+  DTicksInterval,
   AxesSelector,
   PanelMessage,
   Button,
@@ -107,6 +108,7 @@ export {
   AxesRange,
   NTicks,
   DTicks,
+  DTicksInterval,
   AxesSelector,
   Button,
   ColorPicker,