refactor(make-breakpoints): change the output of the breakpoints

breakpoints are not an array but an associative array

BREAKING CHANGE: breakpoints are not an array but an associative array

src/make-breakpoints/make-breakpoints-process.js

@@ -1,5 +1,3 @@
-// @flow
-
 import * as R from 'ramda';
 import { toPxBreakValue } from './to-px-break-value';
 import { basePropProcess } from './base-prop-process';
@@ -8,22 +6,27 @@ import { renameProp } from './rename-prop';
 import { inheritProps } from './inherit-props';
 import { calcRatioProcess } from './ratio-prop-utils';
 import { setPropRoot } from './root-prop-utils';
-import { type Breakpoint } from '../models/breakpoints';
-import { type UserConfig } from '../models/user-config';
+import { makeBreaksMap } from './make-breaks-map';
+
+const reduceIndexed = R.addIndex(R.reduce);
 
-export const makeBreakpointsProcess = (config: UserConfig): Breakpoint[] =>
-  createBreakpoints(config)
-    .map(
-      R.compose(
-        basePropProcess,
-        toPxBreakValue,
-        renameProp('breakpoint', 'value'),
-      ),
-    )
-    .reduce(inheritProps, [])
-    .map(
-      R.compose(
-        setPropRoot,
-        calcRatioProcess,
-      ),
-    );
+// makeBreakpointsProcess :: Object -> {a: [Object]}
+export const makeBreakpointsProcess = R.compose(
+  R.map(R.omit(['name'])),
+  R.reduce(makeBreaksMap, {}),
+  R.map(
+    R.compose(
+      setPropRoot,
+      calcRatioProcess,
+    ),
+  ),
+  reduceIndexed(inheritProps, []),
+  R.map(
+    R.compose(
+      basePropProcess,
+      toPxBreakValue,
+      renameProp('breakpoint', 'value'),
+    ),
+  ),
+  createBreakpoints,
+);