@zohodesk/react-cli 1.1.15 → 1.1.16-exp.1

package/templates/app/package.json

@@ -1,37 +1,37 @@
-{
-  "name": "sampleapp",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "clean": "react-cli clean build unittest coverage",
-    "docs": "react-cli docs",
-    "component": "react-cli build:component",
-    "component:umd": "react-cli build:component:umd",
-    "start": "react-cli start",
-    "build": "react-cli build",
-    "test": "npm run clean && react-cli test",
-    "lint": "react-cli lint"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@zohodesk/components": "^1.0.0-alpha-21",
-    "cors": "^2.8.5",
-    "redux-devtools": "^3.5.0",
-    "redux-devtools-dock-monitor": "^1.1.3",
-    "redux-devtools-log-monitor": "^1.4.0",
-    "redux-logger": "^3.0.6"
-  },
-  "react-cli": {
-    "app": {
-      "server": {
-        "hasMock": true
-      }
-    }
-  },
-  "devDependencies": {
-    "body-parser": "^1.19.0",
-    "express-fileupload": "^1.1.5"
-  }
-}
+{
+  "name": "sampleapp",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "clean": "react-cli clean build unittest coverage",
+    "docs": "react-cli docs",
+    "component": "react-cli build:component",
+    "component:umd": "react-cli build:component:umd",
+    "start": "react-cli start",
+    "build": "react-cli build",
+    "test": "npm run clean && react-cli test",
+    "lint": "react-cli lint"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@zohodesk/components": "^1.0.0-alpha-21",
+    "cors": "^2.8.5",
+    "redux-devtools": "^3.5.0",
+    "redux-devtools-dock-monitor": "^1.1.3",
+    "redux-devtools-log-monitor": "^1.4.0",
+    "redux-logger": "^3.0.6"
+  },
+  "react-cli": {
+    "app": {
+      "server": {
+        "hasMock": true
+      }
+    }
+  },
+  "devDependencies": {
+    "body-parser": "^1.19.0",
+    "express-fileupload": "^1.1.5"
+  }
+}

package/templates/app/src/actions/SampleActions/index.js

@@ -1,37 +1,37 @@
-import { generateAPITypes } from "../../util/Common";
-import requestAPI from "../../util/RequestAPI";
-
-export function getSampleList(isForce = true) {
-  return {
-    types: generateAPITypes("SAMPLE_LIST"),
-    shouldCallAPI: state => {
-      if (!isForce) {
-        const { sampleDataList = [] } = state;
-        return sampleDataList.length === 0;
-      }
-      return true;
-    },
-    callAPI: state =>
-      requestAPI(`${mockServerURL}/api/v1/sampleapi`, {})
-        .get()
-        .then(res => {
-          return res;
-        })
-  };
-}
-
-export function addSample(payload) {
-  return {
-    types: generateAPITypes("ADD_SAMPLE"),
-    callAPI: state => {
-      return new Promise((resolve, reject) => {
-        let url = `${mockServerURL}/api/v1/addSample`;
-        requestAPI(url, {})
-          .post("", payload)
-          .then(res => {
-            resolve(res);
-          });
-      });
-    }
-  };
-}
+import { generateAPITypes } from "../../util/Common";
+import requestAPI from "../../util/RequestAPI";
+
+export function getSampleList(isForce = true) {
+  return {
+    types: generateAPITypes("SAMPLE_LIST"),
+    shouldCallAPI: state => {
+      if (!isForce) {
+        const { sampleDataList = [] } = state;
+        return sampleDataList.length === 0;
+      }
+      return true;
+    },
+    callAPI: state =>
+      requestAPI(`${mockServerURL}/api/v1/sampleapi`, {})
+        .get()
+        .then(res => {
+          return res;
+        })
+  };
+}
+
+export function addSample(payload) {
+  return {
+    types: generateAPITypes("ADD_SAMPLE"),
+    callAPI: state => {
+      return new Promise((resolve, reject) => {
+        let url = `${mockServerURL}/api/v1/addSample`;
+        requestAPI(url, {})
+          .post("", payload)
+          .then(res => {
+            resolve(res);
+          });
+      });
+    }
+  };
+}

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

@@ -1,65 +1,65 @@
-import {
-  push as routerPush,
-  replace as routerReplace
-} from "redux-router-middleware";
-
-export function push(obj, isHref) {
-  //obj.pathname = isHref ? obj.pathname : URL_PREFIX + obj.pathname;
-  return (dispatch, getState) => {
-    let state = getState();
-    dispatch(routerPush(obj));
-  };
-}
-
-export function replace(obj) {
-  return (dispatch, getState) => {
-    let state = getState();
-    if (
-      !state.routing.location ||
-      obj.href !== state.routing.location.pathname
-    ) {
-      let locationState =
-        state.routing.location && state.routing.location.state;
-      if (!obj.state && locationState) {
-        obj.state = {};
-        Object.assign(obj.state, locationState);
-      }
-      dispatch(routerReplace(obj));
-    }
-  };
-}
-
-export function showAlert(data) {
-  return {
-    type: "ALERT_SHOW",
-    data
-  };
-}
-
-export function hideAlert() {
-  return {
-    type: "ALERT_HIDE"
-  };
-}
-
-export const alertAction = (() => {
-  let ob = { resolve: null, reject: null };
-  function showConfirmBox(data) {
-    return dispatch =>
-      new Promise((res, rej) => {
-        ob.resolve = () => {
-          dispatch(hideAlert());
-          res();
-        };
-        ob.reject = () => {
-          dispatch(hideAlert());
-          rej();
-        };
-        dispatch(showAlert(data));
-      });
-  }
-  return {
-    ob,
-    showConfirmBox
-  };
-})();
+import {
+  push as routerPush,
+  replace as routerReplace
+} from "redux-router-middleware";
+
+export function push(obj, isHref) {
+  //obj.pathname = isHref ? obj.pathname : URL_PREFIX + obj.pathname;
+  return (dispatch, getState) => {
+    let state = getState();
+    dispatch(routerPush(obj));
+  };
+}
+
+export function replace(obj) {
+  return (dispatch, getState) => {
+    let state = getState();
+    if (
+      !state.routing.location ||
+      obj.href !== state.routing.location.pathname
+    ) {
+      let locationState =
+        state.routing.location && state.routing.location.state;
+      if (!obj.state && locationState) {
+        obj.state = {};
+        Object.assign(obj.state, locationState);
+      }
+      dispatch(routerReplace(obj));
+    }
+  };
+}
+
+export function showAlert(data) {
+  return {
+    type: "ALERT_SHOW",
+    data
+  };
+}
+
+export function hideAlert() {
+  return {
+    type: "ALERT_HIDE"
+  };
+}
+
+export const alertAction = (() => {
+  let ob = { resolve: null, reject: null };
+  function showConfirmBox(data) {
+    return dispatch =>
+      new Promise((res, rej) => {
+        ob.resolve = () => {
+          dispatch(hideAlert());
+          res();
+        };
+        ob.reject = () => {
+          dispatch(hideAlert());
+          rej();
+        };
+        dispatch(showAlert(data));
+      });
+  }
+  return {
+    ob,
+    showConfirmBox
+  };
+})();

package/templates/app/src/appUrls.js

@@ -1,19 +1,19 @@
-import { URL_PREFIX } from "./util/Common";
-
-export default function getUrls(isDomainMapped) {
-  let urls = [
-    {
-      name: "root",
-      pattern: "/"
-    },
-    {
-      name: "sampleList",
-      pattern: "/sample"
-    }
-  ];
-
-  return urls.map(url => {
-    url.pattern = `${URL_PREFIX}${url.pattern}`;
-    return url;
-  });
-}
+import { URL_PREFIX } from "./util/Common";
+
+export default function getUrls(isDomainMapped) {
+  let urls = [
+    {
+      name: "root",
+      pattern: "/"
+    },
+    {
+      name: "sampleList",
+      pattern: "/sample"
+    }
+  ];
+
+  return urls.map(url => {
+    url.pattern = `${URL_PREFIX}${url.pattern}`;
+    return url;
+  });
+}

package/templates/app/src/components/Alert/Alert.js

@@ -1,134 +1,134 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import style from "./Alert.module.css";
-import {
-  TopbandFontIcon,
-  TicketsFontIcon,
-  CommonFontIcon,
-  Button
-} from "@zohodesk/components";
-
-import FreezeLayer from "../FreezeLayer/FreezeLayer";
-
-export default class Alert extends Component {
-  constructor(props) {
-    super(props);
-    this.documentKeyupHandler = this.documentKeyupHandler.bind(this);
-  }
-
-  componentDidMount() {
-    document.addEventListener("keyup", this.documentKeyupHandler);
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener("keyup", this.documentKeyupHandler);
-  }
-
-  documentKeyupHandler(e = {}) {
-    e && e.preventDefault();
-    let { onSubmitClick, onCancelClick, isActive } = this.props;
-    if (e.keyCode === 27 && isActive) {
-      onCancelClick();
-    } else if (e.keyCode === 13 && isActive) {
-      onSubmitClick();
-    }
-  }
-
-  render() {
-    let {
-      onSubmitClick,
-      onCancelClick,
-      alertData,
-      isActive,
-      palette,
-      type
-    } = this.props;
-    let {
-      iconName,
-      iconSize,
-      title,
-      message,
-      confirmationMessage,
-      submitText,
-      cancelText,
-      isBoldIcon
-    } = alertData;
-    return (
-      <FreezeLayer
-        zIndex="7"
-        isActive={isActive}
-        animationName="fadeIn"
-        childAnimationName="scaleIn"
-        align="both"
-      >
-        <div className={`${style[palette]}`}>
-          <div className={style.container}>
-            <div className={style.header}>
-              <span className={style.icon}>
-                {iconName === "splitNew" ? (
-                  <TicketsFontIcon
-                    name={iconName}
-                    size="14"
-                    isBold={isBoldIcon}
-                  />
-                ) : iconName === "taskDemo" ? (
-                  <TopbandFontIcon
-                    name={iconName}
-                    size={iconSize ? iconSize : "15"}
-                    isBold={isBoldIcon}
-                  />
-                ) : (
-                  <CommonFontIcon
-                    name={iconName || ""}
-                    size={iconSize ? iconSize : "15"}
-                    isBold={isBoldIcon}
-                  />
-                )}
-              </span>
-              <span className={style.title}>{title}</span>
-            </div>
-            <div className={style.middle}>
-              <div dangerouslySetInnerHTML={{ __html: message }} />
-              {confirmationMessage && (
-                <div className={style.text}>{confirmationMessage}</div>
-              )}
-              <div className={style.footer}>
-                <span className={`${style.button}`}>
-                  <Button
-                    text={submitText}
-                    palette={
-                      palette === "success" ? "primaryFilled" : "dangerFilled"
-                    }
-                    onClick={onSubmitClick}
-                  />
-                </span>
-                {type === "confirmation" && (
-                  <span className={`${style.button}`}>
-                    <Button
-                      text={cancelText}
-                      palette="secondary"
-                      onClick={onCancelClick}
-                    />
-                  </span>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      </FreezeLayer>
-    );
-  }
-}
-
-Alert.propTypes = {
-  alertData: PropTypes.object,
-  isActive: PropTypes.bool,
-  onCancelClick: PropTypes.func,
-  onSubmitClick: PropTypes.func,
-  palette: PropTypes.oneOf(["success", "danger"]),
-  type: PropTypes.oneOf(["alert", "confirmation"])
-};
-Alert.defaultProps = {
-  isActive: false,
-  palette: "danger"
-};
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import style from "./Alert.module.css";
+import {
+  TopbandFontIcon,
+  TicketsFontIcon,
+  CommonFontIcon,
+  Button
+} from "@zohodesk/components";
+
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+
+export default class Alert extends Component {
+  constructor(props) {
+    super(props);
+    this.documentKeyupHandler = this.documentKeyupHandler.bind(this);
+  }
+
+  componentDidMount() {
+    document.addEventListener("keyup", this.documentKeyupHandler);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener("keyup", this.documentKeyupHandler);
+  }
+
+  documentKeyupHandler(e = {}) {
+    e && e.preventDefault();
+    let { onSubmitClick, onCancelClick, isActive } = this.props;
+    if (e.keyCode === 27 && isActive) {
+      onCancelClick();
+    } else if (e.keyCode === 13 && isActive) {
+      onSubmitClick();
+    }
+  }
+
+  render() {
+    let {
+      onSubmitClick,
+      onCancelClick,
+      alertData,
+      isActive,
+      palette,
+      type
+    } = this.props;
+    let {
+      iconName,
+      iconSize,
+      title,
+      message,
+      confirmationMessage,
+      submitText,
+      cancelText,
+      isBoldIcon
+    } = alertData;
+    return (
+      <FreezeLayer
+        zIndex="7"
+        isActive={isActive}
+        animationName="fadeIn"
+        childAnimationName="scaleIn"
+        align="both"
+      >
+        <div className={`${style[palette]}`}>
+          <div className={style.container}>
+            <div className={style.header}>
+              <span className={style.icon}>
+                {iconName === "splitNew" ? (
+                  <TicketsFontIcon
+                    name={iconName}
+                    size="14"
+                    isBold={isBoldIcon}
+                  />
+                ) : iconName === "taskDemo" ? (
+                  <TopbandFontIcon
+                    name={iconName}
+                    size={iconSize ? iconSize : "15"}
+                    isBold={isBoldIcon}
+                  />
+                ) : (
+                  <CommonFontIcon
+                    name={iconName || ""}
+                    size={iconSize ? iconSize : "15"}
+                    isBold={isBoldIcon}
+                  />
+                )}
+              </span>
+              <span className={style.title}>{title}</span>
+            </div>
+            <div className={style.middle}>
+              <div dangerouslySetInnerHTML={{ __html: message }} />
+              {confirmationMessage && (
+                <div className={style.text}>{confirmationMessage}</div>
+              )}
+              <div className={style.footer}>
+                <span className={`${style.button}`}>
+                  <Button
+                    text={submitText}
+                    palette={
+                      palette === "success" ? "primaryFilled" : "dangerFilled"
+                    }
+                    onClick={onSubmitClick}
+                  />
+                </span>
+                {type === "confirmation" && (
+                  <span className={`${style.button}`}>
+                    <Button
+                      text={cancelText}
+                      palette="secondary"
+                      onClick={onCancelClick}
+                    />
+                  </span>
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      </FreezeLayer>
+    );
+  }
+}
+
+Alert.propTypes = {
+  alertData: PropTypes.object,
+  isActive: PropTypes.bool,
+  onCancelClick: PropTypes.func,
+  onSubmitClick: PropTypes.func,
+  palette: PropTypes.oneOf(["success", "danger"]),
+  type: PropTypes.oneOf(["alert", "confirmation"])
+};
+Alert.defaultProps = {
+  isActive: false,
+  palette: "danger"
+};