Rename BinSize to AxisInterval

Author: VeraZab

src/components/fields/BinSize.js src/components/fields/AxisInterval.jssrc/components/fields/BinSize.js renamed to src/components/fields/AxisInterval.js

@@ -36,7 +36,7 @@ function getSmallestUnit(milliseconds) {
   return smallestUnit;
 }
 
-class UnconnectedBinSize extends Component {
+class UnconnectedAxisInterval extends Component {
   constructor(props) {
     super(props);
 
@@ -146,7 +146,7 @@ class UnconnectedBinSize extends Component {
         <NumericInput
           value={this.getDisplayValue(this.props.fullValue)}
           onUpdate={value => this.update(value)}
-          editableClassName="binsize-milliseconds"
+          editableClassName="AxisInterval-milliseconds"
         />
       </Field>
     ) : (
@@ -160,16 +160,16 @@ class UnconnectedBinSize extends Component {
   }
 }
 
-UnconnectedBinSize.contextTypes = {
+UnconnectedAxisInterval.contextTypes = {
   localize: PropTypes.func,
 };
 
-UnconnectedBinSize.propTypes = {
+UnconnectedAxisInterval.propTypes = {
   fullValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   updatePlot: PropTypes.func,
   attr: PropTypes.string,
   fullContainer: PropTypes.object,
   ...Field.propTypes,
 };
 
-export default connectToContainer(UnconnectedBinSize);
+export default connectToContainer(UnconnectedAxisInterval);

src/components/fields/index.js

@@ -32,7 +32,7 @@ import DropdownCustom from './DropdownCustom';
 import MultiColorPicker from './MultiColorPicker';
 import RectanglePositioner from './RectanglePositioner';
 import LocationSelector from './LocationSelector';
-import BinSize from './BinSize';
+import AxisInterval from './AxisInterval';
 import {
   AnnotationArrowRef,
   AnnotationRef,
@@ -124,6 +124,6 @@ export {
   LocationSelector,
   HoveronDropdown,
   HovermodeDropdown,
-  BinSize,
+  AxisInterval,
   NumericOrDate,
 };

src/components/index.js

@@ -60,7 +60,7 @@ import {
   HovermodeDropdown,
   TickFormat,
   NumericOrDate,
-  BinSize,
+  AxisInterval,
 } from './fields';
 
 import {
@@ -182,5 +182,5 @@ export {
   HoveronDropdown,
   HovermodeDropdown,
   NumericOrDate,
-  BinSize,
+  AxisInterval,
 };

src/default_panels/StyleTracesPanel.js

@@ -34,7 +34,7 @@ import {
   VisibilitySelect,
   GroupCreator,
   NumericOrDate,
-  BinSize,
+  AxisInterval,
 } from '../components';
 import {
   BinningDropdown,
@@ -230,12 +230,12 @@ const StyleTracesPanel = (props, {localize: _}) => (
       <NumericOrDate label={_('X Bin Start')} attr="xbins.start" axis="x" />
       <NumericOrDate label={_('X Bin End')} attr="xbins.end" axis="x" />
       <Numeric label={_('Max X Bins')} attr="nbinsx" />
-      <BinSize label={_('X Bin Size')} attr="xbins.size" axis="x" />
+      <AxisInterval label={_('X Bin Size')} attr="xbins.size" axis="x" />
 
       <NumericOrDate label={_('Y Bin Start')} attr="ybins.start" axis="y" />
       <NumericOrDate label={_('Y Bin End')} attr="ybins.end" axis="y" />
       <Numeric label={_('Max Y Bins')} attr="nbinsy" />
-      <BinSize label={_('Y Bin Size')} attr="ybins.size" axis="y" />
+      <AxisInterval label={_('Y Bin Size')} attr="ybins.size" axis="y" />
     </PlotlySection>
     <PlotlySection label={_('Bar Position')}>
       <NumericOrDate label={_('Base')} attr="base" />

src/styles/components/widgets/_numeric-input.scss

@@ -85,6 +85,6 @@
   fill: var(--color-text-base) !important;
 }
 
-.binsize-milliseconds {
+.AxisInterval-milliseconds {
   width: 50%;
 }