@zohodesk/dot 1.0.0-temp-156 → 1.0.0-temp-159

package/lib/version2/notification/DesktopNotification/props/propTypes.js

@@ -3,26 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports.propTypes = exports.DesktopNotificationUI_propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var propTypes = {
+  isClose: _propTypes["default"].bool,
+  onPortalClose: _propTypes["default"].func,
   autoClose: _propTypes["default"].bool,
+  hideTime: _propTypes["default"].string,
+  Element: _propTypes["default"].element
+};
+exports.propTypes = propTypes;
+var DesktopNotificationUI_propTypes = {
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
   cancelText: _propTypes["default"].string,
+  submitText: _propTypes["default"].string,
+  submitType: _propTypes["default"].oneOf(['primary', 'danger', 'success']),
+  isMore: _propTypes["default"].bool,
   customClass: _propTypes["default"].object,
   dataId: _propTypes["default"].string,
   getBottomContainer: _propTypes["default"].func,
   getSectionContainer: _propTypes["default"].func,
   getSubmitContainer: _propTypes["default"].func,
-  hidePopNotification: _propTypes["default"].func,
-  hideTime: _propTypes["default"].string,
   i18nKeys: _propTypes["default"].object,
-  id: _propTypes["default"].string,
   dataSelectorId: _propTypes["default"].string,
   info: _propTypes["default"].string,
   isAnimate: _propTypes["default"].bool,
-  isClose: _propTypes["default"].bool,
-  isMore: _propTypes["default"].bool,
   isShrinkView: _propTypes["default"].bool,
   message: _propTypes["default"].string,
   needAutoZindex: _propTypes["default"].bool,
@@ -34,12 +43,11 @@ var propTypes = {
   secondaryInfo: _propTypes["default"].string,
   size: _propTypes["default"].oneOf(['medium', 'large']),
   subTitle: _propTypes["default"].string,
-  submitText: _propTypes["default"].string,
-  submitType: _propTypes["default"].oneOf(['primary', 'danger', 'success']),
   titleVariant: _propTypes["default"].oneOf(['primary', 'secondary']),
-  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  isClose: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
-  })
+  }),
+  title: _propTypes["default"].string
 };
-exports.propTypes = propTypes;
+exports.DesktopNotificationUI_propTypes = DesktopNotificationUI_propTypes;

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,52 +1,76 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _Layout = require("@zohodesk/components/lib/Layout");
+
 var _AlertClose = _interopRequireDefault(require("../../AlertClose/AlertClose"));
+
 var _AlertIcons = _interopRequireDefault(require("../../alertIcons/AlertIcons"));
+
 var _DesktopNotificationHeaderModule = _interopRequireDefault(require("./DesktopNotificationHeader.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var DesktopNotificationHeader = /*#__PURE__*/function (_Component) {
   _inherits(DesktopNotificationHeader, _Component);
+
   var _super = _createSuper(DesktopNotificationHeader);
+
   function DesktopNotificationHeader(props) {
     _classCallCheck(this, DesktopNotificationHeader);
+
     return _super.call(this, props);
   }
+
   _createClass(DesktopNotificationHeader, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        onClose = _this$props.onClose,
-        closeTitle = _this$props.closeTitle,
-        dataId = _this$props.dataId,
-        variant = _this$props.variant,
-        _this$props$type = _this$props.type,
-        type = _this$props$type === void 0 ? '' : _this$props$type,
-        needIcon = _this$props.needIcon,
-        title = _this$props.title,
-        needClose = _this$props.needClose;
+          onClose = _this$props.onClose,
+          closeTitle = _this$props.closeTitle,
+          dataId = _this$props.dataId,
+          variant = _this$props.variant,
+          _this$props$type = _this$props.type,
+          type = _this$props$type === void 0 ? '' : _this$props$type,
+          needIcon = _this$props.needIcon,
+          title = _this$props.title,
+          needClose = _this$props.needClose;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "vertical",
         alignBox: "row",
@@ -77,13 +101,13 @@ var DesktopNotificationHeader = /*#__PURE__*/function (_Component) {
       })) : null);
     }
   }]);
+
   return DesktopNotificationHeader;
 }(_react.Component);
+
 exports["default"] = DesktopNotificationHeader;
 DesktopNotificationHeader.propTypes = _propTypes.propTypes;
-DesktopNotificationHeader.defaultProps = _defaultProps.defaultProps;
-
-// if (__DOCS__) {
+DesktopNotificationHeader.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
 //   DesktopNotificationHeader.docs = {
 //     componentGroup: 'DesktopNotificationHeader',
 //     folderName: 'Alert'

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -3,7 +3,7 @@
 }
 .container {
     composes: varClass;
-    min-height: 54px;
+    min-height: var(--zd_size54) ;
     position: relative;
     color: var(--zdt_desktopnotification_text);
     background-color: var(--alert_lookup_bg_color);
@@ -13,23 +13,23 @@
   }
   
   .title {
-    font-size: 18px;
+    font-size: var(--zd_font_size18) ;
     line-height: var(--zd_size22);
     font-family: var(--zd_bold);
     composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
   }
   
   [dir=ltr] .title {
-  margin: 0 5px 0 10px;
+  margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
   }
   
   [dir=rtl] .title {
-    margin: 0 10px 0 5px;
+    margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
   }
 
   .infoText {
-    font-size: 14px;
-    max-width: 100%;
+    font-size: var(--zd_font_size14) ;
+    max-width: 100% ;
     composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   }
 
@@ -58,15 +58,15 @@
 
 /* Primary Header */
 [dir=ltr] .primary {
-  padding: 15px 45px 0 20px;
+  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
 }
 [dir=rtl] .primary {
-    padding: 15px 20px 0 45px;
+    padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
 }
 
 .primary .iconContainer {
-  height: 51px;
-  width: 51px;
+  height: var(--zd_size51) ;
+  width: var(--zd_size51) ;
 }
 
 .primary .infoText {
@@ -75,15 +75,15 @@
   
   .primary .close {
     position: absolute;
-    top: 12px;
+    top: var(--zd_size12) ;
   }
   
   [dir=ltr] .primary .close {
-  right: 12px;
+  right: var(--zd_size12) ;
   }
   
   [dir=rtl] .primary .close {
-    left: 12px;
+    left: var(--zd_size12) ;
   }
 
   /* Secondary Header */
@@ -92,10 +92,10 @@
     border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   }
   [dir=ltr] .secondary {
-  padding: 18px 70px 19px 75px;
+  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
   }
   [dir=rtl] .secondary {
-    padding: 18px 75px 19px 70px;
+    padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
   }
 
   .secondary .infoText {
@@ -103,35 +103,35 @@
   }
 
   .secondary .iconContainer {
-    height: 44px;
-    width: 44px;
+    height: var(--zd_size44) ;
+    width: var(--zd_size44) ;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    margin: auto 0;
+    top: 0 ;
+    bottom: 0 ;
+    margin: auto 0 ;
   }
 
   [dir=ltr] .secondary .iconContainer {
-  left: 18px;
+  left: var(--zd_size18) ;
   }
 
   [dir=rtl] .secondary .iconContainer {
-    right: 18px;
+    right: var(--zd_size18) ;
   }
 
   .secondary .close {
     position: absolute;
-    top: 0;
-    bottom: 0;
-    height: 25px;
+    top: 0 ;
+    bottom: 0 ;
+    height: var(--zd_size25) ;
   }
 
   [dir=ltr] .secondary .close {
-  right: 12px;
-  margin: auto 0 auto 25px;
+  right: var(--zd_size12) ;
+  margin: auto 0 auto var(--zd_size25) ;
   }
 
   [dir=rtl] .secondary .close {
-    left: 12px;
-    margin: auto 25px auto 0;
+    left: var(--zd_size12) ;
+    margin: auto var(--zd_size25) auto 0 ;
   }

package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var propTypes = {
   closeTitle: _propTypes["default"].string,
   dataId: _propTypes["default"].string,

package/lib/version2/notification/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,8 +23,13 @@ Object.defineProperty(exports, "DesktopNotificationUI", {
     return _DesktopNotification.DesktopNotificationUI;
   }
 });
+
 var _DesktopNotification = _interopRequireWildcard(require("./DesktopNotification/DesktopNotification"));
+
 var _DesktopNotificationHeader = _interopRequireDefault(require("./DesktopNotificationHeader/DesktopNotificationHeader"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-156",
+  "version": "1.0.0-temp-159",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -35,72 +35,49 @@
     "test": "react-cli test",
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
-    "docs": "npm run dubCheck && react-cli docs",
-    "postpublish": "react-cli postpublish",
+    "docs": "npm run dubCheck && review:props && react-cli docs",
+    "prepublishOnly": "node prePublish.js && npm run review:props && npm run test",
+    "postpublish": "node postPublish.js",
     "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
     "expublish": "npm publish --tag experimental-version",
     "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
-    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli "
   },
   "devDependencies": {
-    "@zohodesk-private/css-variable-migrator": "^1.0.5",
+    "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "^1.0.0",
-    "@zohodesk/a11y": "1.3.7",
-    "@zohodesk/components": "1.0.0-alpha-275",
+    "@zohodesk-private/color-variable-preprocessor": "1.0.6",
+    "@zohodesk-private/react-prop-validator": "^1.0.0",
+    "@zohodesk/components": "1.0.0-temp-171",
+    "@zohodesk/a11y": "1.0.0-temp-1",
     "@zohodesk/i18n": "1.0.0-beta.23",
-    "@zohodesk/icons": "1.0.0-beta.132",
-    "@zohodesk/svg": "1.0.0-beta.59",
-    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/icons": "1.0.10",
+    "@zohodesk/svg": "1.1.4",
+    "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3"
+    "velocity-react": "1.4.3",
+    "@testing-library/jest-dom": "^5.11.9",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/user-event": "^13.0.10",
+    "@zohodesk/hooks": "2.0.2",
+    "@zohodesk/utils": "1.3.13"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
-    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/variables": "1.0.0",
     "@zohodesk/i18n": "1.0.0-beta.23",
-    "@zohodesk/components": "1.0.0-alpha-275",
-    "@zohodesk/icons": "1.0.0-beta.132",
-    "@zohodesk/svg": "1.0.0-beta.59",
+    "@zohodesk/components": "../components",
+    "@zohodesk/icons": "1.0.10",
+    "@zohodesk/svg": "1.1.4",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/a11y": "1.3.7"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "css": {
-      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-      "patterns": {
-        "cssVariableReplacement": [
-          "**/src/**",
-          "**/lib/**",
-          "**/es/**"
-        ]
-      },
-      "plugins": {
-        "hasRTL": true,
-        "cssVariableReplacement": true
-      }
-    },
-    "docs": {
-      "disableES5Transpile": true,
-      "componentFolder": "./src",
-      "cssUniqueness": "false",
-      "plugins": {
-        "hasRTL": true
-      },
-      "exclude": {
-        "rtl": [
-          "@zohodesk/icons",
-          "@zohodesk/variables",
-          "@zohodesk/components",
-          "/jsapps/components/lib"
-        ]
-      }
-    }
+    "@zohodesk/hooks": "2.0.2",
+    "@zohodesk/utils": "1.3.13",
+    "@zohodesk/a11y": "../a11y"
   }
-}
+}

package/postPublish.js

@@ -0,0 +1,8 @@
+const { execSync } = require('child_process');
+const { version, name } = require('./package.json');
+const tagName = `${name}@${version}`;
+// const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
+console.log(`going to add git tag...  ${tagName}`);
+
+execSync(`git tag -a ${tagName} -m ${tagName}`, { stdio: 'inherit' });
+execSync(`git push origin ${tagName}`, { stdio: 'inherit' });

package/prePublish.js

@@ -0,0 +1,70 @@
+const readline = require('readline');
+const { exec } = require('child_process');
+
+const rl = readline.createInterface({
+  input: process.stdin,
+  output: process.stdout
+});
+
+console.log('\nNode.js version:', process.version);
+
+function runConsole(command, callback) {
+  exec(command, (error, stdout, stderr) => {
+    if (error) {
+      console.error('Error:', error.message);
+      return;
+    }
+
+    if (stderr) {
+      console.error('Error:', stderr);
+      return;
+    }
+
+    const npmVersion = stdout.trim();
+    console.log('\n' + command, npmVersion);
+    callback && callback();
+  });
+}
+
+function askQuestion1() {
+  rl.question('\nHave you updated the changelog in README.md? (yes/no): ', (answer) => {
+    if (answer.toLowerCase() === 'yes') {
+      console.log('\nGreat! Proceeding...');
+      askQuestion2();
+      // rl.close();
+      // Call the function or code to proceed further here.
+    } else if (answer.toLowerCase() === 'no') {
+      rl.close();
+      console.log('\nPlease Update the ChangeLog in README.md, then try again');
+      //throw new Error('\nPlease Update the ChangeLog in README.md, then try again');
+      process.exitCode = 1; // Exit the Node.js process with a success code.
+    } else {
+      console.log('\nInvalid answer. Please enter "yes" or "no".');
+      askQuestion1(); // Ask the question again if the input is not "yes" or "no".
+    }
+  });
+}
+
+function askQuestion2() {
+  rl.question('\nHave you verified the test snapshot? (yes/no): ', (answer) => {
+    if (answer.toLowerCase() === 'yes') {
+      console.log('\nGreat! Proceeding...');
+      rl.close();
+      // Call the function or code to proceed further here.
+    } else if (answer.toLowerCase() === 'no') {
+      rl.close();
+      //throw new Error('\nPlease Verify the snapshot results, then try again');
+      console.log('\nPlease Verify the snapshot results, then try again');
+      process.exitCode = 1; // Exit the Node.js process with a success code.
+    } else {
+      console.log('\nInvalid answer. Please enter "yes" or "no".');
+      askQuestion2(); // Ask the question again if the input is not "yes" or "no".
+    }
+  });
+}
+
+function getReactCliVersion() {
+  runConsole('react-cli --version', askQuestion1);
+}
+
+runConsole('npm --version', getReactCliVersion);

package/react-cli.config.js

@@ -0,0 +1,24 @@
+exports.config= {
+  "preprocess": {
+    "runner": "./preprocess/index.js"
+  },
+  "css": {
+    "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
+    "plugins": {
+      "hasRTL": true,
+      "cssVariableReplacement": true
+    },
+    "patterns": {
+      "cssVariableReplacement": [
+        "**/src/**",
+        "**/lib/**",
+        "**/es/**",
+        "!**/node_modules/**"
+      ],
+      "hasRTL":[
+        "**/src/**",
+        "!**/node_modules/**"
+      ]
+    }
+  }
+}

package/result.json

@@ -0,0 +1 @@
+{"jobDetails":{"isRunByLocal":true,"hostName":"lakshmi-zt257","platForm":"Darwin","branchName":"Selva_Accessibility_Desk_Library"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1699431156861,"startTime":1699431151468,"coverageDetail":{"codeCoveragePercentage":84.5,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}

package/unittest/index.html

@@ -0,0 +1,37 @@
+<html>
+	<head>
+	<style>
+	.red{
+		font-weight:bold;
+		color:red;
+	}
+	.green{
+		font-weight:bold;
+		color:green;
+	}
+	table
+		{
+    font-family: arial, sans-serif;
+    border-collapse: collapse;
+		}
+
+		td, th
+		{
+    border: 1px solid #dddddd;
+    padding: 8px;
+		}
+	</style>
+	</head>
+		<body>
+			<table>
+			<tr>
+				<th>Title</th>
+				<th>FullName</th>
+				<th>Test Case Path</th>
+			</tr>
+			
+			</table>
+			<br/>COVERAGE <span class="green">84.5%</span> <br/> less than 60% consider failure
+		</body>
+	</html>
+