chore(samples): updates Hello and World

packages/Hello/package.json

@@ -3,23 +3,22 @@
   "version": "0.0.0",
   "description": "Hello component",
   "scripts": {
-    "build": "babel src --out-dir dist --verbose --extensions '.ts,.tsx'",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist",
-    "prebuild": "rimraf dist && npm run type-check",
-    "postbuild": "npm run build:types",
-    "type-check": "tsc --noEmit",
+    "build": "babel src --out-dir dist --verbose",
+    "type-check": "echo ''",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "files": [
     "dist"
   ],
-  "main": "dist/index.ts",
+  "main": "dist/index.js",
   "author": "",
   "license": "ISC",
   "peerDependencies": {
-    "react": "^16.5.1"
+    "react": "^16.5.1",
+    "styled-components": "^3.4.6"
   },
   "dependencies": {
+    "styled-system": "^3.1.3",
     "@coinsquare/build": "^0.0.0",
     "@coinsquare/storybook": "^0.0.0"
   }

packages/Hello/src/Hello.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+export default class Hello extends React.PureComponent {
+  static propTypes = {
+    /** Sample prop that you can change */
+    dummyProp: PropTypes.string
+  };
+
+  static defaultProps = {
+    dummyProp: 'My dummy prop default value'
+  };
+
+  render() {
+    return (
+      <p>Hello Component - {this.props.dummyProp}</p>
+    );
+  }
+}

packages/Hello/src/Hello.story.tsx → packages/Hello/src/Hello.story.jsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { text } from '@storybook/addon-knobs';
 import { withInfo } from '@storybook/addon-info';
@@ -8,7 +8,7 @@ import Hello from './Hello';
 import { createStorySetWithDefault, getKnob, getStoryProps } from '@coinsquare/storybook';
 
 const getKnobProps = (exclude = []) => ({
-  ...getKnob('dummyProp', text, 'Dummy Prop', '123', exclude),
+  ...getKnob('dummyProp', text, 'Dummy Prop', 'My dummy prop default value', exclude),
 });
 
 const eventHandlers = {

packages/World/src/World.test.js → packages/Hello/src/Hello.test.js

@@ -1,19 +1,19 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 
-import World from './World';
+import Hello from './Hello';
 
 const createComponent = newProps => {
   const component = renderer.create(
-    <World {...props} />
+    <Hello {...props} />
   );
 
   return {
     component
   };
 };
 
-describe('World component', () => {
+describe('Hello component', () => {
   it('should render', () => {
     const { component } = createComponent();
     const tree = component.toJSON();

packages/Hello/src/Readme.md

@@ -1,3 +1,3 @@
 ```js
-<Hello dummyProp={123}/>
+<Hello dummyProp={'My default dummy prop value'}/>
 ```

packages/Hello/src/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Hello";
+export { default as Hello } from "./Hello";

packages/World/Readme.md

@@ -0,0 +1,3 @@
+# World
+
+`npm install @coinsquare/world-component`

packages/World/package.json

@@ -1,24 +1,25 @@
 {
-  "name": "@coinsquare/World-component",
+  "name": "@coinsquare/world-component",
   "version": "0.0.0",
   "description": "World component",
   "scripts": {
-    "build": "babel src --out-dir dist --verbose",
-    "type-check": "echo ''",
+    "build": "babel src --out-dir dist --verbose --extensions '.ts,.tsx'",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist",
+    "prebuild": "rimraf dist && npm run type-check",
+    "postbuild": "npm run build:types",
+    "type-check": "tsc --noEmit",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "files": [
     "dist"
   ],
-  "main": "dist/index.js",
+  "main": "dist/index.ts",
   "author": "",
   "license": "ISC",
   "peerDependencies": {
-    "react": "^16.5.1",
-    "styled-components": "^3.4.6"
+    "react": "^16.5.1"
   },
   "dependencies": {
-    "styled-system": "^3.1.3",
     "@coinsquare/build": "^0.0.0",
     "@coinsquare/storybook": "^0.0.0"
   }

packages/World/src/Readme.md

@@ -1,3 +1,3 @@
 ```js
-<World dummyProp={123}/>
+<World dummyProp={'My default dummy prop value'}/>
 ```

packages/World/src/World.story.jsx → packages/World/src/World.story.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import { text } from '@storybook/addon-knobs';
 import { withInfo } from '@storybook/addon-info';
@@ -8,7 +8,7 @@ import World from './World';
 import { createStorySetWithDefault, getKnob, getStoryProps } from '@coinsquare/storybook';
 
 const getKnobProps = (exclude = []) => ({
-  ...getKnob('dummyProp', text, 'Dummy Prop', '123', exclude),
+  ...getKnob('dummyProp', text, 'Dummy Prop', 'My dummy prop default value', exclude),
 });
 
 const eventHandlers = {

packages/World/src/World.tsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+
+interface WorldProps {
+  /** Sample prop description */
+  dummyProp?: string;
+}
+
+const World: React.SFC<WorldProps> = props => (
+  <p>World Component - {props.dummyProp}</p>
+);
+
+World.defaultProps = {
+  /* Sample prop that you can change */
+  dummyProp: 'My dummy prop default value'
+}
+
+export default World;

packages/World/src/index.ts

@@ -0,0 +1,2 @@
+export { default } from './World';
+export { default as World } from './World';

templates/jsx-component/{{pascalcase name}}/src/{{pascalcase name}}.jsx.tpl

@@ -3,11 +3,11 @@ import PropTypes from "prop-types";
 
 export default class {{pascalcase name}} extends React.PureComponent {
   static propTypes = {
-    dummyProp: PropTypes.optionalString
+    /** Sample prop that you can change */
+    dummyProp: PropTypes.string
   };
 
   static defaultProps = {
-    /* Sample prop that you can change */
     dummyProp: 'My dummy prop default value'
   };
 

templates/tsx-component/{{pascalcase name}}/src/{{pascalcase name}}.tsx.tpl

@@ -10,7 +10,6 @@ const {{pascalcase name}}: React.SFC<{{pascalcase name}}Props> = props => (
 );
 
 {{pascalcase name}}.defaultProps = {
-  /* Sample prop that you can change */
   dummyProp: 'My dummy prop default value'
 }