@zohodesk/react-cli 1.1.16-exp.4 → 1.1.16-exp.6

package/templates/app/src/containers/Header/index.module.css

@@ -1,43 +1,43 @@
-.topbar {
-  min-height: 45px;
-  background: #1e2633;
-
-  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
-  width: 100%;
-  z-index: 5;
-  color: #fff;
-}
-
-:global ul,
-:global li {
-  padding: 0;
-  margin: 0;
-}
-
-.menuUl {
-  list-style: none;
-}
-
-.menuli {
-  float: left;
-  box-sizing: border-box;
-  cursor: pointer;
-  position: relative;
-  font-size: 12px;
-  letter-spacing: 0.6px;
-  text-transform: uppercase;
-}
-
-.menuliActive {
-  background: #4b515c;
-}
-
-.menuLink {
-  padding: 17px 14px 15px;
-  float: left;
-  line-height: 13px;
-  color: #fff;
-  max-width: 110px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
+.topbar {
+  min-height: 45px;
+  background: #1e2633;
+
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
+  width: 100%;
+  z-index: 5;
+  color: #fff;
+}
+
+:global ul,
+:global li {
+  padding: 0;
+  margin: 0;
+}
+
+.menuUl {
+  list-style: none;
+}
+
+.menuli {
+  float: left;
+  box-sizing: border-box;
+  cursor: pointer;
+  position: relative;
+  font-size: 12px;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+}
+
+.menuliActive {
+  background: #4b515c;
+}
+
+.menuLink {
+  padding: 17px 14px 15px;
+  float: left;
+  line-height: 13px;
+  color: #fff;
+  max-width: 110px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/templates/app/src/containers/Redirect/index.js

@@ -1,63 +1,63 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { replace } from "../../actions";
-class Redirect extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return null;
-  }
-
-  componentDidMount() {
-    if (this.props.isMatch) {
-      this.props.replace(this.props.to(this.props.location));
-    }
-  }
-
-  componentDidUpdate() {
-    if (this.props.isMatch) {
-      this.props.replace(this.props.to(this.props.location));
-    }
-  }
-}
-
-Redirect.propTypes = {
-  from: PropTypes.shape({
-    name: PropTypes.string,
-    module: PropTypes.string
-  }),
-  to: PropTypes.func
-};
-function mapStateToProps(state, props) {
-  let url = state.routing.urls[props.from.name];
-
-  if (url && url.match == 2) {
-    let { module } = props.from;
-    if (props.from.module) {
-      if (state.routing.paramMap.moduleName == props.from.module) {
-        return {
-          isMatch: true,
-          location: state.routing.location
-        };
-      }
-      return {
-        isMatch: false
-      };
-    }
-    return {
-      isMatch: true
-    };
-  }
-  return {
-    isMatch: false,
-    location: state.routing.location
-  };
-}
-
-export default connect(
-  mapStateToProps,
-  { replace }
-)(Redirect);
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { replace } from "../../actions";
+class Redirect extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return null;
+  }
+
+  componentDidMount() {
+    if (this.props.isMatch) {
+      this.props.replace(this.props.to(this.props.location));
+    }
+  }
+
+  componentDidUpdate() {
+    if (this.props.isMatch) {
+      this.props.replace(this.props.to(this.props.location));
+    }
+  }
+}
+
+Redirect.propTypes = {
+  from: PropTypes.shape({
+    name: PropTypes.string,
+    module: PropTypes.string
+  }),
+  to: PropTypes.func
+};
+function mapStateToProps(state, props) {
+  let url = state.routing.urls[props.from.name];
+
+  if (url && url.match == 2) {
+    let { module } = props.from;
+    if (props.from.module) {
+      if (state.routing.paramMap.moduleName == props.from.module) {
+        return {
+          isMatch: true,
+          location: state.routing.location
+        };
+      }
+      return {
+        isMatch: false
+      };
+    }
+    return {
+      isMatch: true
+    };
+  }
+  return {
+    isMatch: false,
+    location: state.routing.location
+  };
+}
+
+export default connect(
+  mapStateToProps,
+  { replace }
+)(Redirect);

package/templates/app/src/containers/Redirector/index.js

@@ -1,47 +1,47 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-
-import Redirect from "../Redirect";
-
-class Redirector extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let { urls } = this.props;
-    return (
-      <div style={{ display: "none" }}>
-        {urls.map((url, i) => (
-          <Redirect
-            key={`redirect${i}`}
-            from={{ name: url.name, module: url.module }}
-            to={location =>
-              Object.assign({}, location, {
-                pathname: `${url.pathname}`
-              })
-            }
-          />
-        ))}
-      </div>
-    );
-  }
-}
-
-Redirector.propTypes = {
-  urls: PropTypes.array.isRequired
-};
-
-function mapStateToProps(state, props) {
-  const urls = [
-    {
-      name: "sampleList",
-      module: "sample",
-      pathname: `${state.routing.location.pathname}/sample`
-    }
-  ];
-
-  return { urls };
-}
-export default connect(mapStateToProps)(Redirector);
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+
+import Redirect from "../Redirect";
+
+class Redirector extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let { urls } = this.props;
+    return (
+      <div style={{ display: "none" }}>
+        {urls.map((url, i) => (
+          <Redirect
+            key={`redirect${i}`}
+            from={{ name: url.name, module: url.module }}
+            to={location =>
+              Object.assign({}, location, {
+                pathname: `${url.pathname}`
+              })
+            }
+          />
+        ))}
+      </div>
+    );
+  }
+}
+
+Redirector.propTypes = {
+  urls: PropTypes.array.isRequired
+};
+
+function mapStateToProps(state, props) {
+  const urls = [
+    {
+      name: "sampleList",
+      module: "sample",
+      pathname: `${state.routing.location.pathname}/sample`
+    }
+  ];
+
+  return { urls };
+}
+export default connect(mapStateToProps)(Redirector);

package/templates/app/src/containers/SampleListContainer/ListContainer.js

@@ -1,42 +1,42 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { push, alertAction } from "../../actions";
-import { getSampleList } from "../../actions/SampleActions";
-import style from "./ListContainer.module.css";
-import SampleList from "../../components/Sample/SampleList";
-
-class ListContainer extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  componentDidMount() {
-    const { getSampleList } = this.props;
-    getSampleList().then(res => {});
-  }
-  render() {
-    const { samples = [] } = this.props;
-    return (
-      <div className={style.container}>
-        <SampleList samples={samples} />
-      </div>
-    );
-  }
-}
-
-ListContainer.propTypes = {
-  push: PropTypes.func,
-  getSampleList: PropTypes.func,
-  samples: PropTypes.array.isRequired
-};
-
-const mapStateToProps = (state, ownProps) => {
-  const { samples = [] } = state;
-  return { samples };
-};
-
-export default connect(
-  mapStateToProps,
-  { push, getSampleList }
-)(ListContainer);
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { push, alertAction } from "../../actions";
+import { getSampleList } from "../../actions/SampleActions";
+import style from "./ListContainer.module.css";
+import SampleList from "../../components/Sample/SampleList";
+
+class ListContainer extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  componentDidMount() {
+    const { getSampleList } = this.props;
+    getSampleList().then(res => {});
+  }
+  render() {
+    const { samples = [] } = this.props;
+    return (
+      <div className={style.container}>
+        <SampleList samples={samples} />
+      </div>
+    );
+  }
+}
+
+ListContainer.propTypes = {
+  push: PropTypes.func,
+  getSampleList: PropTypes.func,
+  samples: PropTypes.array.isRequired
+};
+
+const mapStateToProps = (state, ownProps) => {
+  const { samples = [] } = state;
+  return { samples };
+};
+
+export default connect(
+  mapStateToProps,
+  { push, getSampleList }
+)(ListContainer);

package/templates/app/src/containers/SampleListContainer/ListContainer.module.css

@@ -1,3 +1,3 @@
-.container {
-  padding: 20px;
-}
+.container {
+  padding: 20px;
+}

package/templates/app/src/historyChange.js

@@ -1,5 +1,5 @@
-export const historyChange = (routing, res, { getState, dispatch }) => {
-  let state = getState();
-
-  res();
-};
+export const historyChange = (routing, res, { getState, dispatch }) => {
+  let state = getState();
+
+  res();
+};

package/templates/app/src/index.html

@@ -1,10 +1,10 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="utf-8" />
-    <title></title>
-  </head>
-  <body>
-    <div id="container"></div>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8" />
+    <title></title>
+  </head>
+  <body>
+    <div id="container"></div>
+  </body>
+</html>

package/templates/app/src/index.js

@@ -1,24 +1,24 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { Provider } from "react-redux";
-import { ConnectI18NProvider } from "fz-i18n";
-import configureStore from "./store/configureStore";
-import AppContainer from "./containers/AppContainer";
-
-const store = configureStore();
-setTimeout(() => {
-  ReactDOM.render(
-    <Provider store={store}>
-      <ConnectI18NProvider
-        direction={document.getElementsByTagName("html")[0].dir}
-        i18n={() => {}}
-        permission={{}}
-        timeZone={state => ""}
-        license={""}
-      >
-        <AppContainer />
-      </ConnectI18NProvider>
-    </Provider>,
-    document.getElementById("container")
-  );
-}, 1);
+import React from "react";
+import ReactDOM from "react-dom";
+import { Provider } from "react-redux";
+import { ConnectI18NProvider } from "fz-i18n";
+import configureStore from "./store/configureStore";
+import AppContainer from "./containers/AppContainer";
+
+const store = configureStore();
+setTimeout(() => {
+  ReactDOM.render(
+    <Provider store={store}>
+      <ConnectI18NProvider
+        direction={document.getElementsByTagName("html")[0].dir}
+        i18n={() => {}}
+        permission={{}}
+        timeZone={state => ""}
+        license={""}
+      >
+        <AppContainer />
+      </ConnectI18NProvider>
+    </Provider>,
+    document.getElementById("container")
+  );
+}, 1);

package/templates/app/src/middleware/PromiseMiddleware.js

@@ -1,59 +1,59 @@
-export default function promiseMiddleware({ dispatch, getState }) {
-  return function(next) {
-    return function(action) {
-      const { types, callAPI, shouldCallAPI = () => true, payload } = action;
-      if (!types) {
-        // Normal action: pass it o
-        return next(action);
-      }
-
-      if (
-        !Array.isArray(types) ||
-        types.length !== 3 ||
-        !types.every(type => typeof type === 'string')
-      ) {
-        throw new Error('Expected an array of three string types.');
-      }
-
-      if (typeof callAPI !== 'function') {
-        throw new Error('Expected fetch to be a function.');
-      }
-
-      if (!shouldCallAPI(getState())) {
-        return Promise.resolve();
-      }
-      const [requestType, successType, failureType] = types;
-
-      dispatch({
-        type: requestType,
-        data: typeof payload === 'function' ? payload(getState()) : payload
-      });
-      return callAPI(getState(), getState).then(
-        response => {
-          let action = dispatch(
-            Object.assign(
-              {},
-              {
-                data: response,
-                type: successType
-              }
-            )
-          );
-          return action;
-        },
-        error => {
-          dispatch(
-            Object.assign(
-              {},
-              {
-                data: error,
-                type: failureType
-              }
-            )
-          );
-          throw error;
-        }
-      );
-    };
-  };
-}
+export default function promiseMiddleware({ dispatch, getState }) {
+  return function(next) {
+    return function(action) {
+      const { types, callAPI, shouldCallAPI = () => true, payload } = action;
+      if (!types) {
+        // Normal action: pass it o
+        return next(action);
+      }
+
+      if (
+        !Array.isArray(types) ||
+        types.length !== 3 ||
+        !types.every(type => typeof type === 'string')
+      ) {
+        throw new Error('Expected an array of three string types.');
+      }
+
+      if (typeof callAPI !== 'function') {
+        throw new Error('Expected fetch to be a function.');
+      }
+
+      if (!shouldCallAPI(getState())) {
+        return Promise.resolve();
+      }
+      const [requestType, successType, failureType] = types;
+
+      dispatch({
+        type: requestType,
+        data: typeof payload === 'function' ? payload(getState()) : payload
+      });
+      return callAPI(getState(), getState).then(
+        response => {
+          let action = dispatch(
+            Object.assign(
+              {},
+              {
+                data: response,
+                type: successType
+              }
+            )
+          );
+          return action;
+        },
+        error => {
+          dispatch(
+            Object.assign(
+              {},
+              {
+                data: error,
+                type: failureType
+              }
+            )
+          );
+          throw error;
+        }
+      );
+    };
+  };
+}

package/templates/app/src/reducers/alertData.js

@@ -1,11 +1,11 @@
-export const alertData = (state = {}, { type, data }) => {
-  switch (type) {
-    case "ALERT_SHOW":
-      return data;
-    case "ALERT_HIDE":
-      return {};
-
-    default:
-  }
-  return state;
-};
+export const alertData = (state = {}, { type, data }) => {
+  switch (type) {
+    case "ALERT_SHOW":
+      return data;
+    case "ALERT_HIDE":
+      return {};
+
+    default:
+  }
+  return state;
+};

package/templates/app/src/reducers/index.js

@@ -1,6 +1,6 @@
-import { samples } from "./samples";
-import { alertData } from "./alertData";
-
-const reducers = { samples, alertData };
-
-export default reducers;
+import { samples } from "./samples";
+import { alertData } from "./alertData";
+
+const reducers = { samples, alertData };
+
+export default reducers;

package/templates/app/src/reducers/samples.js

@@ -1,19 +1,19 @@
-function samples(state = [], { data, type }) {
-  switch (type) {
-    case "SAMPLE_LIST_SUCCESS": {
-      return data;
-      break;
-    }
-
-    case "ADD_SAMPLE_SUCCESS": {
-      let newState = Object.assign({}, state);
-      return [...state, ...[data]];
-      break;
-    }
-
-    default:
-      return state;
-  }
-}
-
-export { samples };
+function samples(state = [], { data, type }) {
+  switch (type) {
+    case "SAMPLE_LIST_SUCCESS": {
+      return data;
+      break;
+    }
+
+    case "ADD_SAMPLE_SUCCESS": {
+      let newState = Object.assign({}, state);
+      return [...state, ...[data]];
+      break;
+    }
+
+    default:
+      return state;
+  }
+}
+
+export { samples };