Remove factories because deprecated, and bump modules

Author: dylanvorster

demos/index.tsx

@@ -22,11 +22,7 @@ setOptions({
 });
 
 storiesOf("Elements/Field", module)
-	.addDecorator(story => (
-		<div className="pure-form">
-			{story()}
-		</div>
-	))
+	.addDecorator(story => <div className="pure-form">{story()}</div>)
 	.addDecorator(
 		host({
 			align: "center middle"
@@ -48,22 +44,21 @@ storiesOf("Elements/Field", module)
 		return <FieldElementWidget livetype={true} valueChangedEvent={action("event")} />;
 	})
 	.add("As TextArea", () => {
-		return (
-			<FieldElementWidget textArea={true} value="Test value" />
-		)
+		return <FieldElementWidget textArea={true} value="Test value" />;
 	})
 	.add("As TextArea area with live type", () => {
 		return (
-			<FieldElementWidget textArea={true} livetype={true} valueChangedEvent={action("event")} value="Test value" />
-		)
+			<FieldElementWidget
+				textArea={true}
+				livetype={true}
+				valueChangedEvent={action("event")}
+				value="Test value"
+			/>
+		);
 	});
 
 storiesOf("Elements/Checkbox", module)
-	.addDecorator(story => (
-		<div className="pure-form">
-			{story()}
-		</div>
-	))
+	.addDecorator(story => <div className="pure-form">{story()}</div>)
 	.addDecorator(
 		host({
 			align: "center middle"
@@ -80,39 +75,40 @@ storiesOf("Elements/Checkbox", module)
 	});
 
 storiesOf("Elements/Select", module)
-	.addDecorator(story => (
-		<div className="pure-form">
-			{story()}
-		</div>
-	))
+	.addDecorator(story => <div className="pure-form">{story()}</div>)
 	.addDecorator(
 		host({
-			align: "center middle",
+			align: "center middle"
 		})
 	)
 	.add("Set", () => {
-		return <SelectElementWidget groups={['Apple', 'Peach', 'Lemon']}/>;
+		return <SelectElementWidget groups={["Apple", "Peach", "Lemon"]} />;
 	})
 	.add("Set with value", () => {
-		return <SelectElementWidget groups={['Apple', 'Peach', 'Lemon']} value="Peach" />;
+		return <SelectElementWidget groups={["Apple", "Peach", "Lemon"]} value="Peach" />;
 	})
 	.add("Set in groups", () => {
-		return <SelectElementWidget groups={{"Group 1": ['Apple', 'Peach'], "Group 2": ['Lemon']}} />;
+		return <SelectElementWidget groups={{ "Group 1": ["Apple", "Peach"], "Group 2": ["Lemon"] }} />;
 	})
 	.add("Set in groups with value", () => {
-		return <SelectElementWidget groups={{"Group 1": ['Apple', 'Peach'], "Group 2": ['Lemon']}} value="Lemon" />;
+		return <SelectElementWidget groups={{ "Group 1": ["Apple", "Peach"], "Group 2": ["Lemon"] }} value="Lemon" />;
 	})
 	.add("Map", () => {
-		return <SelectElementWidget groups={{'a' : 'Apple', 'b' : 'Peach', 'c': 'Lemon'}} />;
+		return <SelectElementWidget groups={{ a: "Apple", b: "Peach", c: "Lemon" }} />;
 	})
 	.add("Map with value", () => {
-		return <SelectElementWidget groups={{'a' : 'Apple', 'b' : 'Peach', 'c': 'Lemon'}} value="c" />;
+		return <SelectElementWidget groups={{ a: "Apple", b: "Peach", c: "Lemon" }} value="c" />;
 	})
 	.add("Map in groups", () => {
-		return <SelectElementWidget groups={{"Group 1": {'a' : 'Apple', 'b' : 'Peach'}, "Group 2": {'c': 'Lemon'}}} />;
+		return <SelectElementWidget groups={{ "Group 1": { a: "Apple", b: "Peach" }, "Group 2": { c: "Lemon" } }} />;
 	})
 	.add("Map in groups with value", () => {
-		return <SelectElementWidget groups={{"Group 1": {'a' : 'Apple', 'b' : 'Peach'}, "Group 2": {'c': 'Lemon'}}} value="c" />;
+		return (
+			<SelectElementWidget
+				groups={{ "Group 1": { a: "Apple", b: "Peach" }, "Group 2": { c: "Lemon" } }}
+				value="c"
+			/>
+		);
 	});
 
 storiesOf("Forms", module)
@@ -167,12 +163,16 @@ storiesOf("Forms", module)
 storiesOf("Forms/Binded", module)
 	.addDecorator(
 		host({
-			align: "center middle",
+			align: "center middle"
 		})
 	)
 	.add("Binded Form", () => {
 		return (
-			<FormWidget className="pure-form" value={{ Name: "Dylan", Surname: "Vorster" }} formSubmitEvent={action("formSubmitEvent")}>
+			<FormWidget
+				className="pure-form"
+				value={{ Name: "Dylan", Surname: "Vorster" }}
+				formSubmitEvent={action("formSubmitEvent")}
+			>
 				<TableLayoutWidget>
 					<FieldElementWidget name="Name" />
 					<FieldElementWidget name="Surname" />

src/core/ButtonElementWidget.tsx

@@ -18,5 +18,3 @@ export class ButtonElementWidget extends BaseWidget<ButtonElementWidgetProps, Bu
 		return <input {...this.getProps()} type="button" value={this.props.name} onClick={this.props.action} />;
 	}
 }
-
-export var ButtonElementWidgetFactory = React.createFactory(ButtonElementWidget);

src/core/FormGroupWidget.tsx

@@ -71,5 +71,3 @@ export class FormGroupWidget extends BaseElementWidget<any, FormGroupWidgetProps
 		return <div {...this.getProps()}>{this.bindChildren(this.props.children)}</div>;
 	}
 }
-
-export var FormGroupWidgetFactory = React.createFactory(FormGroupWidget);

src/core/FormWidget.tsx

@@ -111,5 +111,3 @@ export class FormWidget extends BaseWidget<FormWidgetProps, FormWidgetState> {
 		);
 	}
 }
-
-export var FormWidgetFactory = React.createFactory(FormWidget);

src/layout/TableLayoutWidget.tsx

@@ -40,5 +40,3 @@ export class TableLayoutWidget extends BaseWidget<TableLayoutWidgetProps, TableL
 		);
 	}
 }
-
-export var TableLayoutWidgetFactory = React.createFactory(TableLayoutWidget);

src/types/CheckboxElementWidget.tsx

@@ -35,5 +35,3 @@ export class CheckboxElementWidget extends BaseElementWidget<
 		);
 	}
 }
-
-export var CheckboxElementWidgetFactory = React.createFactory(CheckboxElementWidget);

src/types/FieldElementWidget.tsx

@@ -38,9 +38,8 @@ export class FieldElementWidget extends BaseElementWidget<string, FieldElementWi
 			onChange: event => {
 				this.setValue(event.target.value, this.props.livetype);
 			},
-			onKeyPress: (event) => {
-				if (event.key === 'Enter') {
-
+			onKeyPress: event => {
+				if (event.key === "Enter") {
 					//livetype
 					if (this.props.livetype === false && this.props.valueChangedEvent) {
 						event.preventDefault();
@@ -64,14 +63,10 @@ export class FieldElementWidget extends BaseElementWidget<string, FieldElementWi
 			props["autoComplete"] = "new-password";
 		}
 
-		if(this.props.textArea){
+		if (this.props.textArea) {
 			return <textarea {...props} />;
 		}
 
-		return (
-			<input {...props} />
-		);
+		return <input {...props} />;
 	}
 }
-
-export var FieldElementWidgetFactory = React.createFactory(FieldElementWidget);

src/types/SelectElementWidget.tsx

@@ -62,18 +62,18 @@ export class SelectElementWidget extends BaseElementWidget<string, SelectElement
 		this.setState(this.computeNewComponentState(nextProps));
 	}
 
-	normlaizeGroup(option){
-		if(_.isArray(option)){
-			return _.mapKeys(option, (opt) => {
+	normlaizeGroup(option) {
+		if (_.isArray(option)) {
+			return _.mapKeys(option, opt => {
 				return opt;
-			})
+			});
 		}
 		return option;
 	}
 
 	getOptions(groupData: any): { [groupName: string]: { [value: string]: string } } {
 		// its just a normal set
-		if(_.isArray(groupData)){
+		if (_.isArray(groupData)) {
 			return {
 				[this.props.defaultGroup]: this.normlaizeGroup(groupData)
 			};
@@ -127,5 +127,3 @@ export class SelectElementWidget extends BaseElementWidget<string, SelectElement
 		);
 	}
 }
-
-export var SelectElementWidgetFactory = React.createFactory(SelectElementWidget);