Fix formatting and type imports

Author: halfzebra

lib/InfiniteRange.js

@@ -2,7 +2,11 @@
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { InfinteRangeTransitions, InfiniteRangeInputState, InfiniteRangeConfiguration } from './InfiniteRangeTransitions';
+import { InfinteRangeTransitions } from './InfiniteRangeTransitions';
+import type {
+ InfiniteRangeInputState,
+ InfiniteRangeConfiguration
+} from './InfiniteRangeTransitions';
 import { numericValueFromEvent } from './numericValueFromEvent';
 
 /*::
@@ -33,8 +37,10 @@ type InfiniteRangeProps = {
 
 type InfiniteRangeState = InfiniteRangeInputState;
 
-export class InfiniteRange extends Component<InfiniteRangeProps,
- InfiniteRangeState> {
+export class InfiniteRange extends Component<
+ InfiniteRangeProps,
+ InfiniteRangeState
+> {
  static propTypes = {
  children: PropTypes.func.isRequired,
  floor: PropTypes.number,
@@ -63,18 +69,21 @@ export class InfiniteRange extends Component<InfiniteRangeProps,
  // Calculates the next position after the change.
  static update = InfinteRangeTransitions.update;
 
- static externalStateUpdate(props: InfiniteRangeConfiguration, state: InfiniteRangeInputState) {
+ static externalStateUpdate(
+ props: InfiniteRangeConfiguration,
+ state: InfiniteRangeInputState
+ ) {
  if (props.value <= state.max && state.min <= props.value) {
  return {
  ...state,
  value: props.value
- }
+ };
  }
 
  return InfiniteRange.initialState({
  ...props,
  defaultValue: props.value
- })
+ });
  }
 
  static getDerivedStateFromProps(

lib/InfiniteRangeAnimated.js

@@ -3,7 +3,11 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Motion, presets, spring } from 'react-motion';
-import { InfinteRangeTransitions, InfiniteRangeInputState, InfiniteRangeConfiguration } from './InfiniteRangeTransitions';
+import { InfinteRangeTransitions } from './InfiniteRangeTransitions';
+import type {
+ InfiniteRangeInputState,
+ InfiniteRangeConfiguration
+} from './InfiniteRangeTransitions';
 import { numericValueFromEvent } from './numericValueFromEvent';
 
 /*::
@@ -69,8 +73,10 @@ const Animate = {
  branch
 };
 
-export class InfiniteRangeAnimated extends Component<InfiniteRangeProps,
- InfiniteRangeState> {
+export class InfiniteRangeAnimated extends Component<
+ InfiniteRangeProps,
+ InfiniteRangeState
+> {
  static propTypes = {
  children: PropTypes.func.isRequired,
  floor: PropTypes.number,
@@ -99,7 +105,10 @@ export class InfiniteRangeAnimated extends Component<InfiniteRangeProps,
  // Calculates the next position after the change.
  static update = InfinteRangeTransitions.update;
 
- static externalStateUpdate(props: InfiniteRangeConfiguration, state: InfiniteRangeInputState) {
+ static externalStateUpdate(
+ props: InfiniteRangeConfiguration,
+ state: InfiniteRangeInputState
+ ) {
  if (props.value <= state.max && state.min <= props.value) {
  return Animate.on({
  ...state,

lib/InfiniteRangeTransitions.js

@@ -1,4 +1,4 @@
-type InfiniteRangeConfiguration = {
+export type InfiniteRangeConfiguration = {
  floor: number,
  ceiling: number,
  step: number,
@@ -7,18 +7,18 @@ type InfiniteRangeConfiguration = {
  value: number
 };
 
-type InfiniteRangeInputState = {
+export type InfiniteRangeInputState = {
  max: number,
  min: number,
  value: number
 };
 
 const init = ({
-  chunkSize,
-  ceiling,
-  floor,
-  defaultValue
- }: InfiniteRangeConfiguration): InfiniteRangeInputState => {
+ chunkSize,
+ ceiling,
+ floor,
+ defaultValue
+}: InfiniteRangeConfiguration): InfiniteRangeInputState => {
  let initialValue = defaultValue;
 
  if (defaultValue < floor) {
@@ -29,18 +29,18 @@ const init = ({
 
  return chunkSize < defaultValue
  ? InfinteRangeTransitions.update(
- { chunkSize, floor },
- {
- value: initialValue,
- min: initialValue - chunkSize,
- max: initialValue + chunkSize,
- }
- )
+  { chunkSize, floor },
+  {
+  value: initialValue,
+  min: initialValue - chunkSize,
+  max: initialValue + chunkSize
+  }
+  )
  : {
- value: initialValue,
- min: floor,
- max: chunkSize,
- };
+  value: initialValue,
+  min: floor,
+  max: chunkSize
+  };
 };
 
 const update = (

lib/numericValueFromEvent.js

@@ -1,3 +1,3 @@
 export const numericValueFromEvent = ({
-  target: { value }
- }: SyntheticInputEvent<>): number => parseInt(value, 10);
+ target: { value }
+}: SyntheticInputEvent<>): number => parseInt(value, 10);