Eliminate Col's reverse property (#98)

- Col's reverse property was a boolean that would apply the 'reverse' class if true.  However, there is no support for reverse for columns in flexboxgrid.

There is a .col.reverse class defined, but it sets the flex-direction to column-reverse, which has no effect on an element that is not displayed as flex.

Also, columns are not given the .col class in the way that rows are given the .row class, so the designation of .reverse on a Col would not even cause these rules to be applied.

The .col.reverse class appears to be lint, left over from an abandoned attempt to support columnar flexboxes in the flexboxgrid package.  See:  kristoferjoseph/flexboxgrid#173

Author: kgregory

react-flexbox-grid.d.ts

@@ -40,7 +40,6 @@ declare namespace __ReactFlexboxGrid {
     readonly lgOffset?: number,
     readonly first?: ViewportSizeType,
     readonly last?: ViewportSizeType,
-    readonly reverse?: boolean,
     readonly className?: string,
     readonly tagName?: string,
   }

src/components/Col.js

@@ -14,7 +14,6 @@ const propTypes = {
   lgOffset: PropTypes.number,
   first: ViewportSizeType,
   last: ViewportSizeType,
-  reverse: PropTypes.bool,
   className: PropTypes.string,
   tagName: PropTypes.string,
   children: PropTypes.node
@@ -50,10 +49,6 @@ function getColClassNames(props) {
     extraClasses.push(getClass('last-' + props.last));
   }
 
-  if (props.reverse) {
-    extraClasses.push(getClass('reverse'));
-  }
-
   return Object.keys(props)
     .filter(key => classMap[key])
     .map(key => getClass(isInteger(props[key]) ? (classMap[key] + '-' + props[key]) : classMap[key]))

test/components/Col.spec.js

@@ -28,11 +28,6 @@ describe('Col', () => {
     expect(renderer.getRenderOutput().props.className).toContain(style['first-md']);
   });
 
-  it('Should add "reverse" class if "reverse" property is true', () => {
-    renderer.render(<Col reverse/>);
-    expect(renderer.getRenderOutput().props.className).toContain(style.reverse);
-  });
-
   it('Should not replace class', () => {
     renderer.render(<Col className="foo" md={3} />);