Use a better notation for exporting JS components and functions

ui/src/common/RangeField.js

@@ -1,21 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import { formatRange } from '../utils'
 
-const formatRange = (record, source) => {
-  const nameCapitalized = source.charAt(0).toUpperCase() + source.slice(1)
-  const min = record[`min${nameCapitalized}`]
-  const max = record[`max${nameCapitalized}`]
-  let range = []
-  if (min) {
-    range.push(min)
-  }
-  if (max && max !== min) {
-    range.push(max)
-  }
-  return range.join('-')
-}
-
-const RangeField = ({ className, record = {}, source }) => {
+export const RangeField = ({ className, record = {}, source }) => {
   return <span className={className}>{formatRange(record, source)}</span>
 }
 
@@ -28,6 +15,3 @@ RangeField.propTypes = {
 RangeField.defaultProps = {
   addLabel: true,
 }
-
-export { formatRange }
-export default RangeField