Merge pull request #2 from csvenke/feature/map-component

Renames ArrayMap => Map, bump 0.2.0

Author: csvenke

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-semantics",
-  "version": "0.1.1",
-  "description": "Useful semantic helper components for working with React.",
+  "version": "0.2.0",
+  "description": "Semantic helper components for working with React.",
   "author": "Christian Svenkerud",
   "repository": {
     "type": "git",

src/components/ArrayMap/index.ts

@@ -1,14 +1,14 @@
 import { shallow } from 'enzyme';
 import * as React from 'react';
 
-import ArrayMap from './ArrayMap';
+import Map from './Map';
 
 describe('with render', () => {
   const input = [1, 2, 3];
   const output = '<div>1</div><div>2</div><div>3</div>';
 
   test('should return primary content from render', () => {
-    const element = <ArrayMap array={input} render={n => <div key={n}>{n}</div>} />;
+    const element = <Map array={input} render={n => <div key={n}>{n}</div>} />;
     const wrapper = shallow(element);
     expect(wrapper.html()).toEqual(output);
   });
@@ -19,7 +19,7 @@ describe('with children', () => {
   const output = '<div>1</div><div>2</div><div>3</div>';
 
   test('should return primary content from children', () => {
-    const element = <ArrayMap array={input}>{n => <div key={n}>{n}</div>}</ArrayMap>;
+    const element = <Map array={input}>{n => <div key={n}>{n}</div>}</Map>;
     const wrapper = shallow(element);
     expect(wrapper.html()).toEqual(output);
   });
@@ -32,9 +32,9 @@ describe('with children and render', () => {
 
   test('should return primary content from children and ignore render', () => {
     const element = (
-      <ArrayMap array={input} render={n => <a key={n}>{n}</a>}>
+      <Map array={input} render={n => <a key={n}>{n}</a>}>
         {n => <div key={n}>{n}</div>}
-      </ArrayMap>
+      </Map>
     );
     const wrapper = shallow(element);
     expect(wrapper.html()).toEqual(outputChildren);
@@ -46,7 +46,7 @@ describe('without children and render', () => {
   const input = [1, 2, 3];
 
   test('should return null', () => {
-    const element = <ArrayMap array={input} />;
+    const element = <Map array={input} />;
     const wrapper = shallow(element);
     expect(wrapper.html()).toEqual(null);
   });

src/components/ArrayMap/ArrayMap.test.tsx renamed to src/components/Map/Map.test.tsx

@@ -1,7 +1,7 @@
 import * as PropTypes from 'prop-types';
 import * as React from 'react';
 
-export interface IArrayMapProps {
+export interface IMapProps {
   /** Array to map. */
   array: any[];
 
@@ -17,16 +17,16 @@ export interface IArrayMapProps {
  *
  * @example
  *
- * <ArrayMap
+ * <Map
  *  array={[1, 2, 3]}
  *  render={n => <div>{n}</div>}
  * />
  *
- * <ArrayMap array={[1, 2, 3]}>
+ * <Map array={[1, 2, 3]}>
  *  {n => <div>{n}</div>}
  * </ArrayMap>
  */
-const ArrayMap: React.SFC<IArrayMapProps> = ({ array, render, children }) => {
+const Map: React.SFC<IMapProps> = ({ array, render, children }) => {
   const func = children ? children : render;
 
   if (!func) {
@@ -36,10 +36,10 @@ const ArrayMap: React.SFC<IArrayMapProps> = ({ array, render, children }) => {
   return <React.Fragment>{array.map((a, b, c) => func(a, b, c))}</React.Fragment>;
 };
 
-ArrayMap.propTypes = {
+Map.propTypes = {
   array: PropTypes.arrayOf(PropTypes.any).isRequired,
   children: PropTypes.func,
   render: PropTypes.func,
 };
 
-export default ArrayMap;
+export default Map;

src/components/ArrayMap/ArrayMap.tsx renamed to src/components/Map/Map.tsx

@@ -0,0 +1 @@
+export { default } from './Map';

src/components/Map/index.ts

@@ -1,2 +1,2 @@
-export { default as ArrayMap } from './components/ArrayMap';
+export { default as Map } from './components/Map';
 export { default as Show } from './components/Show';