refactor(library): export stmt refactor

Refactors export statements to reduce library size.
styled-components · May 5, 2019 · 6f72ff0 · 6f72ff0
1 parent 70f373e
commit 6f72ff0
Show file tree

Hide file tree

Showing 49 changed files with 72 additions and 147 deletions.
diff --git a/src/color/complement.js b/src/color/complement.js
@@ -24,13 +24,11 @@ import toColorString from './toColorString'
  *   background: "rgba(153,153,153,0.7)";
  * }
  */
-function complement(color: string): string {
+export default function complement(color: string): string {
   if (color === 'transparent') return color
   const hslColor = parseToHsl(color)
   return toColorString({
     ...hslColor,
     hue: (hslColor.hue + 180) % 360,
   })
 }
-
-export default complement
diff --git a/src/color/getLuminance.js b/src/color/getLuminance.js
@@ -27,7 +27,7 @@ import parseToRgb from './parseToRgb'
  *   background: "rgba(58, 133, 255, 1)";
  * }
  */
-function getLuminance(color: string): number {
+export default function getLuminance(color: string): number {
   if (color === 'transparent') return 0
   const rgbColor: { [string]: number } = parseToRgb(color)
   const [r, g, b] = Object.keys(rgbColor).map(key => {
@@ -38,5 +38,3 @@ function getLuminance(color: string): number {
   })
   return parseFloat((0.2126 * r + 0.7152 * g + 0.0722 * b).toFixed(3))
 }
-
-export default getLuminance
diff --git a/src/color/grayscale.js b/src/color/grayscale.js
@@ -24,12 +24,10 @@ import toColorString from './toColorString'
  *   background: "rgba(153,153,153,0.7)";
  * }
  */
-function grayscale(color: string): string {
+export default function grayscale(color: string): string {
   if (color === 'transparent') return color
   return toColorString({
     ...parseToHsl(color),
     saturation: 0,
   })
 }
-
-export default grayscale
diff --git a/src/color/hsl.js b/src/color/hsl.js
@@ -27,7 +27,7 @@ import type { HslColor } from '../types/color'
  *   background: "#b3191c";
  * }
  */
-function hsl(
+export default function hsl(
   value: HslColor | number,
   saturation?: number,
   lightness?: number,
@@ -48,5 +48,3 @@ function hsl(
 
   throw new PolishedError(1)
 }
-
-export default hsl
diff --git a/src/color/hslToColorString.js b/src/color/hslToColorString.js
@@ -29,7 +29,9 @@ import type { HslColor, HslaColor } from '../types/color'
  *   background: "rgba(179,25,25,0.72)";
  * }
  */
-function hslToColorString(color: HslColor | HslaColor | number): string {
+export default function hslToColorString(
+  color: HslColor | HslaColor | number,
+): string {
   if (
     typeof color === 'object'
     && typeof color.hue === 'number'
@@ -54,5 +56,3 @@ function hslToColorString(color: HslColor | HslaColor | number): string {
 
   throw new PolishedError(45)
 }
-
-export default hslToColorString
diff --git a/src/color/hsla.js b/src/color/hsla.js
@@ -31,7 +31,7 @@ import type { HslaColor } from '../types/color'
  *   background: "#b3191c";
  * }
  */
-function hsla(
+export default function hsla(
   value: HslaColor | number,
   saturation?: number,
   lightness?: number,
@@ -61,5 +61,3 @@ function hsla(
 
   throw new PolishedError(2)
 }
-
-export default hsla
diff --git a/src/color/invert.js b/src/color/invert.js
@@ -25,7 +25,7 @@ import toColorString from './toColorString'
  *   background: "rgba(154,155,50,0.7)";
  * }
  */
-function invert(color: string): string {
+export default function invert(color: string): string {
   if (color === 'transparent') return color
   // parse color string to rgb
   const value = parseToRgb(color)
@@ -36,5 +36,3 @@ function invert(color: string): string {
     blue: 255 - value.blue,
   })
 }
-
-export default invert
diff --git a/src/color/parseToHsl.js b/src/color/parseToHsl.js
@@ -15,10 +15,8 @@ import type { HslColor, HslaColor } from '../types/color'
  * // Assigns `{ hue: 128, saturation: 1, lightness: 0.5, alpha: 0.75 }` to color2
  * const color2 = parseToHsl('hsla(128, 100%, 50%, 0.75)');
  */
-function parseToHsl(color: string): HslColor | HslaColor {
+export default function parseToHsl(color: string): HslColor | HslaColor {
   // Note: At a later stage we can optimize this function as right now a hsl
   // color would be parsed converted to rgb values and converted back to hsl.
   return rgbToHsl(parseToRgb(color))
 }
-
-export default parseToHsl
diff --git a/src/color/parseToRgb.js b/src/color/parseToRgb.js
@@ -25,7 +25,7 @@ const hslaRegex = /^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3}
  * // Assigns `{ red: 92, green: 102, blue: 112, alpha: 0.75 }` to color2
  * const color2 = parseToRgb('hsla(210, 10%, 40%, 0.75)');
  */
-function parseToRgb(color: string): RgbColor | RgbaColor {
+export default function parseToRgb(color: string): RgbColor | RgbaColor {
   if (typeof color !== 'string') {
     throw new PolishedError(3)
   }
@@ -122,5 +122,3 @@ function parseToRgb(color: string): RgbColor | RgbaColor {
   }
   throw new PolishedError(5)
 }
-
-export default parseToRgb
diff --git a/src/color/readableColor.js b/src/color/readableColor.js
@@ -29,12 +29,10 @@ import getLuminance from './getLuminance'
  * }
  */
 
-function readableColor(
+export default function readableColor(
   color: string,
   lightReturnColor: string = '#000',
   darkReturnColor: string = '#fff',
 ): string {
   return getLuminance(color) > 0.179 ? lightReturnColor : darkReturnColor
 }
-
-export default readableColor
diff --git a/src/color/rgb.js b/src/color/rgb.js
@@ -28,7 +28,11 @@ import type { RgbColor } from '../types/color'
  *   background: "#ffcd64";
  * }
  */
-function rgb(value: RgbColor | number, green?: number, blue?: number): string {
+export default function rgb(
+  value: RgbColor | number,
+  green?: number,
+  blue?: number,
+): string {
   if (
     typeof value === 'number'
     && typeof green === 'number'
@@ -47,5 +51,3 @@ function rgb(value: RgbColor | number, green?: number, blue?: number): string {
 
   throw new PolishedError(6)
 }
-
-export default rgb
diff --git a/src/color/rgbToColorString.js b/src/color/rgbToColorString.js
@@ -29,7 +29,7 @@ import type { RgbColor, RgbaColor } from '../types/color'
  *   background: "rgba(255,205,100,0.72)";
  * }
  */
-function rgbToColorString(color: RgbColor | RgbaColor): string {
+export default function rgbToColorString(color: RgbColor | RgbaColor): string {
   if (
     typeof color === 'object'
     && typeof color.red === 'number'
@@ -50,5 +50,3 @@ function rgbToColorString(color: RgbColor | RgbaColor): string {
 
   throw new PolishedError(46)
 }
-
-export default rgbToColorString
diff --git a/src/color/rgba.js b/src/color/rgba.js
@@ -39,7 +39,7 @@ import type { RgbaColor } from '../types/color'
  *   background: "rgba(0,0,0,0.7)";
  * }
  */
-function rgba(
+export default function rgba(
   firstValue: RgbaColor | number | string,
   secondValue?: number,
   thirdValue?: number,
@@ -74,5 +74,3 @@ function rgba(
 
   throw new PolishedError(7)
 }
-
-export default rgba
diff --git a/src/color/toColorString.js b/src/color/toColorString.js
@@ -56,7 +56,7 @@ const isHsla = (color: Object): boolean => typeof color.hue === 'number'
  * }
  */
 
-function toColorString(color: Object): string {
+export default function toColorString(color: Object): string {
   if (typeof color !== 'object') throw new PolishedError(8)
   if (isRgba(color)) return rgba(color)
   if (isRgb(color)) return rgb(color)
@@ -65,5 +65,3 @@ function toColorString(color: Object): string {
 
   throw new PolishedError(8)
 }
-
-export default toColorString
diff --git a/src/helpers/directionalProperty.js b/src/helpers/directionalProperty.js
@@ -51,7 +51,7 @@ function generateStyles(
  *   'paddingLeft': '48px'
  * }
  */
-function directionalProperty(
+export default function directionalProperty(
   property: string,
   ...values: Array<?string | ?number>
 ): Styles {
@@ -60,5 +60,3 @@ function directionalProperty(
   const valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue]
   return generateStyles(property, valuesWithDefaults)
 }
-
-export default directionalProperty
diff --git a/src/helpers/getValueAndUnit.js b/src/helpers/getValueAndUnit.js
@@ -26,7 +26,9 @@ const cssRegex = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/
  *   '--unit': 'px',
  * }
  */
-function getValueAndUnit(value: string): [number | string, string | void] {
+export default function getValueAndUnit(
+  value: string,
+): [number | string, string | void] {
   // eslint-disable-next-line no-console
   console.warn(
     "getValueAndUnit has been marked for deprecation in polished 3.0 and will be fully deprecated in 4.0. It's functionality has been been moved to stripUnit as an optional return.",
@@ -36,5 +38,3 @@ function getValueAndUnit(value: string): [number | string, string | void] {
   if (matchedValue) return [parseFloat(value), matchedValue[2]]
   return [value, undefined]
 }
-
-export default getValueAndUnit
diff --git a/src/helpers/stripUnit.js b/src/helpers/stripUnit.js
@@ -25,7 +25,10 @@ const cssRegex = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/
  *   '--unit': 'px',
  * }
  */
-function stripUnit(value: string | number, unitReturn?: boolean): any {
+export default function stripUnit(
+  value: string | number,
+  unitReturn?: boolean,
+): any {
   if (typeof value !== 'string') return unitReturn ? [value, undefined] : value
   const matchedValue = value.match(cssRegex)
 
@@ -37,5 +40,3 @@ function stripUnit(value: string | number, unitReturn?: boolean): any {
   if (matchedValue) return parseFloat(value)
   return value
 }
-
-export default stripUnit
diff --git a/src/math/math.js b/src/math/math.js
@@ -153,7 +153,10 @@ function reverseString(str: string): string {
  *   fontSize: '11px',
  * }
  */
-function math(formula: string, additionalSymbols?: Object): string {
+export default function math(
+  formula: string,
+  additionalSymbols?: Object,
+): string {
   const reversedFormula = reverseString(formula)
   const formulaMatch = reversedFormula.match(unitRegExp)
 
@@ -167,5 +170,3 @@ function math(formula: string, additionalSymbols?: Object): string {
     formulaMatch ? reverseString(formulaMatch[0]) : ''
   }`
 }
-
-export default math
diff --git a/src/mixins/between.js b/src/mixins/between.js
@@ -25,7 +25,7 @@ import PolishedError from '../internalHelpers/_errors'
  *   'fontSize': 'calc(-9.090909090909093px + 9.090909090909092vw)'
  * }
  */
-function between(
+export default function between(
   fromSize: string,
   toSize: string,
   minScreen?: string = '320px',
@@ -63,5 +63,3 @@ function between(
     2,
   )}vw)`
 }
-
-export default between
diff --git a/src/mixins/clearFix.js b/src/mixins/clearFix.js
@@ -23,7 +23,7 @@ import type { Styles } from '../types/style'
  *   'display': 'table'
  * }
  */
-function clearFix(parent?: string = '&'): Styles {
+export default function clearFix(parent?: string = '&'): Styles {
   const pseudoSelector = `${parent}::after`
   return {
     [pseudoSelector]: {
@@ -33,5 +33,3 @@ function clearFix(parent?: string = '&'): Styles {
     },
   }
 }
-
-export default clearFix
diff --git a/src/mixins/cover.js b/src/mixins/cover.js
@@ -25,7 +25,7 @@ import type { Styles } from '../types/style'
  *   'left: '0'
  * }
  */
-function cover(offset?: number | string = 0): Styles {
+export default function cover(offset?: number | string = 0): Styles {
   return {
     position: 'absolute',
     top: offset,
@@ -34,5 +34,3 @@ function cover(offset?: number | string = 0): Styles {
     left: offset,
   }
 }
-
-export default cover
diff --git a/src/mixins/ellipsis.js b/src/mixins/ellipsis.js
@@ -26,7 +26,7 @@ import type { Styles } from '../types/style'
  *   'wordWrap': 'normal'
  * }
  */
-function ellipsis(width?: string | number = '100%'): Styles {
+export default function ellipsis(width?: string | number = '100%'): Styles {
   return {
     display: 'inline-block',
     maxWidth: width,
@@ -36,5 +36,3 @@ function ellipsis(width?: string | number = '100%'): Styles {
     wordWrap: 'normal',
   }
 }
-
-export default ellipsis
diff --git a/src/mixins/fluidRange.js b/src/mixins/fluidRange.js
@@ -47,7 +47,7 @@ import type { Styles } from '../types/style'
  *   "padding": "20px",
  * }
  */
-function fluidRange(
+export default function fluidRange(
   cssProp: Array<FluidRangeConfiguration> | FluidRangeConfiguration,
   minScreen?: string = '320px',
   maxScreen?: string = '1200px',
@@ -103,5 +103,3 @@ function fluidRange(
     }
   }
 }
-
-export default fluidRange
diff --git a/src/mixins/fontFace.js b/src/mixins/fontFace.js
@@ -95,7 +95,7 @@ function generateSources(
  * }
  */
 
-function fontFace({
+export default function fontFace({
   fontFamily,
   fontFilePath,
   fontStretch,
@@ -140,5 +140,3 @@ function fontFace({
   // Removes undefined fields for cleaner css object.
   return JSON.parse(JSON.stringify(fontFaceDeclaration))
 }
-
-export default fontFace
diff --git a/src/mixins/hiDPI.js b/src/mixins/hiDPI.js
@@ -29,7 +29,7 @@
  * }
  */
 
-function hiDPI(ratio?: number = 1.3): string {
+export default function hiDPI(ratio?: number = 1.3): string {
   return `
     @media only screen and (-webkit-min-device-pixel-ratio: ${ratio}),
     only screen and (min--moz-device-pixel-ratio: ${ratio}),
@@ -38,5 +38,3 @@ function hiDPI(ratio?: number = 1.3): string {
     only screen and (min-resolution: ${ratio}dppx)
   `
 }
-
-export default hiDPI
diff --git a/src/mixins/hideText.js b/src/mixins/hideText.js
@@ -27,12 +27,10 @@ import type { Styles } from '../types/style'
  * }
  */
 
-function hideText(): Styles {
+export default function hideText(): Styles {
   return {
     textIndent: '101%',
     overflow: 'hidden',
     whiteSpace: 'nowrap',
   }
 }
-
-export default hideText