Connect component - map dispatch to props multiline

limesquid · Jul 28, 2018 · d6c3994 · d6c3994
1 parent bf97c6d
commit d6c3994
Show file tree

Hide file tree

Showing 28 changed files with 85 additions and 30 deletions.
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-dispatch-in-hoc.js b/src/__tests__/builders/redux-connect-builder/output/connect-dispatch-in-hoc.js
@@ -5,6 +5,8 @@ const mapStateToProps = (state) => ({
   name: 'test'
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const hoc = (Component) => connect(mapStateToProps, mapDispatchToProps)(Component);
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-dispatch-to-not-connected.js b/src/__tests__/builders/redux-connect-builder/output/connect-dispatch-to-not-connected.js
@@ -3,6 +3,8 @@ import { connect } from 'react-redux';
 
 const Component = () => (<span>123</span>);
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export default connect(null, mapDispatchToProps)(Component);
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-dispatch-wrapped.js b/src/__tests__/builders/redux-connect-builder/output/connect-dispatch-wrapped.js
@@ -4,6 +4,8 @@ import { connect } from 'react-redux';
 
 const ButtonComponent = () => (<span>123</span>);
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = withRouter(connect(null, mapDispatchToProps)(ButtonComponent));
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-dispatch.js b/src/__tests__/builders/redux-connect-builder/output/connect-dispatch.js
@@ -7,6 +7,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(ButtonComponent);
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-dispatch2.js b/src/__tests__/builders/redux-connect-builder/output/connect-dispatch2.js
@@ -3,6 +3,8 @@ import { connect } from 'react-redux';
 
 const Button = () => (<span>123</span>);
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export default connect(null, mapDispatchToProps)(Button);
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-hoc-complicated.js b/src/__tests__/builders/redux-connect-builder/output/connect-hoc-complicated.js
@@ -30,7 +30,9 @@ export const withMyContext = (Component) => {
 
   });
 
-  const mapDispatchToProps = {};
+  const mapDispatchToProps = {
+
+  };
 
   return connect(mapStateToProps, mapDispatchToProps)(MyComponent);
 };

diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-hoc-complicated2.js b/src/__tests__/builders/redux-connect-builder/output/connect-hoc-complicated2.js
@@ -25,7 +25,9 @@ export const withMyContext = Component => {
 
   });
 
-  const mapDispatchToProps = {};
+  const mapDispatchToProps = {
+
+  };
 
   return connect(mapStateToProps, mapDispatchToProps)(InnerComponent);
 };

diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-wrapped.js b/src/__tests__/builders/redux-connect-builder/output/connect-wrapped.js
@@ -8,6 +8,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = withRouter(connect(mapStateToProps, mapDispatchToProps)(ButtonComponent));
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-wrapped2.js b/src/__tests__/builders/redux-connect-builder/output/connect-wrapped2.js
@@ -8,6 +8,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = withRouter(connect(mapStateToProps, mapDispatchToProps)(ButtonComponent));
diff --git a/src/__tests__/builders/redux-connect-builder/output/connect-wrapped3.js b/src/__tests__/builders/redux-connect-builder/output/connect-wrapped3.js
@@ -8,6 +8,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(withRouter(ButtonComponent));
diff --git a/src/__tests__/builders/redux-connect-builder/output/settings.js b/src/__tests__/builders/redux-connect-builder/output/settings.js
@@ -8,7 +8,7 @@ const mapState = (state) => ({
 });
 
 const mapDispatch = (dispatch) => ({
-
+  
 });
 
 const mergeAllProps = (stateProps, dispatchProps, ownProps) => ({

diff --git a/src/__tests__/data/connect-map-dispatch-to-props/output/button1.js b/src/__tests__/data/connect-map-dispatch-to-props/output/button1.js
@@ -5,6 +5,8 @@ const ButtonComponent = (props) => (
   <div>Button</div>
 );
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(null, mapDispatchToProps)(ButtonComponent);
diff --git a/src/__tests__/data/connect-map-dispatch-to-props/output/button2.js b/src/__tests__/data/connect-map-dispatch-to-props/output/button2.js
@@ -9,6 +9,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(ButtonComponent);
diff --git a/src/__tests__/data/connect/output/class-default-export.js b/src/__tests__/data/connect/output/class-default-export.js
@@ -26,6 +26,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export default connect(mapStateToProps, mapDispatchToProps)(Button);
diff --git a/src/__tests__/data/connect/output/class-hoc-with-external-props.js b/src/__tests__/data/connect/output/class-hoc-with-external-props.js
@@ -21,7 +21,9 @@ export default (hoc) => {
 
   });
 
-  const mapDispatchToProps = {};
+  const mapDispatchToProps = {
+
+  };
 
   return connect(mapStateToProps, mapDispatchToProps)(Button);
 };
diff --git a/src/__tests__/data/connect/output/class-hoc.js b/src/__tests__/data/connect/output/class-hoc.js
@@ -21,7 +21,9 @@ export default (hoc) => {
 
   });
 
-  const mapDispatchToProps = {};
+  const mapDispatchToProps = {
+
+  };
 
   return connect(mapStateToProps, mapDispatchToProps)(Button);
 };
diff --git a/src/__tests__/data/connect/output/class-named-export.js b/src/__tests__/data/connect/output/class-named-export.js
@@ -14,6 +14,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(ButtonComponent);
diff --git a/src/__tests__/data/connect/output/class-with-external-prop-types.js b/src/__tests__/data/connect/output/class-with-external-prop-types.js
@@ -20,6 +20,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(ButtonComponent);
diff --git a/src/__tests__/data/connect/output/class-wrapped-default-export.js b/src/__tests__/data/connect/output/class-wrapped-default-export.js
@@ -22,6 +22,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Button));
diff --git a/src/__tests__/data/connect/output/functional-connected-with-mapdispatchtoprops.js b/src/__tests__/data/connect/output/functional-connected-with-mapdispatchtoprops.js
@@ -9,6 +9,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(ButtonComponent);
diff --git a/src/__tests__/data/connect/output/functional-default-export.js b/src/__tests__/data/connect/output/functional-default-export.js
@@ -19,6 +19,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export default connect(mapStateToProps, mapDispatchToProps)(Button);
diff --git a/src/__tests__/data/connect/output/functional-hoc-bodyless.js b/src/__tests__/data/connect/output/functional-hoc-bodyless.js
@@ -10,7 +10,9 @@ export default hoc => {
 
   });
 
-  const mapDispatchToProps = {};
+  const mapDispatchToProps = {
+
+  };
 
   return connect(mapStateToProps, mapDispatchToProps)(InnerComponent);
 };
diff --git a/src/__tests__/data/connect/output/functional-hoc-with-prop-types.js b/src/__tests__/data/connect/output/functional-hoc-with-prop-types.js
@@ -15,7 +15,9 @@ export default (hoc) => {
 
   });
 
-  const mapDispatchToProps = {};
+  const mapDispatchToProps = {
+
+  };
 
   return connect(mapStateToProps, mapDispatchToProps)(Button);
 };
diff --git a/src/__tests__/data/connect/output/functional-hoc.js b/src/__tests__/data/connect/output/functional-hoc.js
@@ -12,7 +12,9 @@ export default (hoc) => {
 
   });
 
-  const mapDispatchToProps = {};
+  const mapDispatchToProps = {
+
+  };
 
   return connect(mapStateToProps, mapDispatchToProps)(Button);
 };
diff --git a/src/__tests__/data/connect/output/functional-named-export.js b/src/__tests__/data/connect/output/functional-named-export.js
@@ -9,6 +9,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(ButtonComponent);
diff --git a/src/__tests__/data/connect/output/functional-nameless-default-export.js b/src/__tests__/data/connect/output/functional-nameless-default-export.js
@@ -9,6 +9,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export default connect(mapStateToProps, mapDispatchToProps)(Component);
diff --git a/src/__tests__/data/connect/output/functional-with-prop-types.js b/src/__tests__/data/connect/output/functional-with-prop-types.js
@@ -14,6 +14,8 @@ const mapStateToProps = (state) => ({
 
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+
+};
 
 export const Button = connect(mapStateToProps, mapDispatchToProps)(ButtonComponent);
diff --git a/src/builders/redux-connect-builder/utils.js b/src/builders/redux-connect-builder/utils.js
@@ -34,8 +34,7 @@ const createMapStateToPropsFunctionAst = (functionName) => {
   const { doubleEndOfLine, endOfLine, indent, semicolon } = settings;
   let code = '';
   code += doubleEndOfLine;
-  code += `const ${functionName} = (state) => ({`;
-  code += endOfLine;
+  code += `const ${functionName} = (state) => ({${endOfLine}`;
   code += indentLine('', indent);
   code += endOfLine;
   code += `})${semicolon}`;
@@ -47,9 +46,13 @@ const createMapDispatchToPropsFunctionAst = (functionName) => {
   let code = '';
   code += doubleEndOfLine;
   if (mapToDispatchPreferObject) {
-    code += `const ${functionName} = {}${semicolon}${endOfLine}`;
+    code += `const ${functionName} = {${endOfLine}`;
+    code += indentLine('', indent);
+    code += endOfLine;
+    code += `}${semicolon}${endOfLine}`;
   } else {
     code += `const ${functionName} = (dispatch) => ({${endOfLine}`;
+    code += indentLine('', indent);
     code += endOfLine;
     code += `})${semicolon}${doubleEndOfLine}`;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -30,7 +30,9 @@ export const withMyContext = (Component) => { @@
       });
-      const mapDispatchToProps = {};
+      const mapDispatchToProps = {
+      };
       return connect(mapStateToProps, mapDispatchToProps)(MyComponent);
     };
@@ Expand Down @@