@zohodesk/components 1.0.0-test-252 → 1.1.0

package/lib/utils/index.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "bytesToSize", {
+  enumerable: true,
+  get: function get() {
+    return _Common.bytesToSize;
+  }
+});
+Object.defineProperty(exports, "capitalize", {
+  enumerable: true,
+  get: function get() {
+    return _Common.capitalize;
+  }
+});
+Object.defineProperty(exports, "checkIsImageFile", {
+  enumerable: true,
+  get: function get() {
+    return _Common.checkIsImageFile;
+  }
+});
+Object.defineProperty(exports, "compileClassNames", {
+  enumerable: true,
+  get: function get() {
+    return _compileClassNames["default"];
+  }
+});
+Object.defineProperty(exports, "debounce", {
+  enumerable: true,
+  get: function get() {
+    return _Common.debounce;
+  }
+});
+Object.defineProperty(exports, "doAfterScrollEnd", {
+  enumerable: true,
+  get: function get() {
+    return _Common.doAfterScrollEnd;
+  }
+});
+Object.defineProperty(exports, "findScrollEnd", {
+  enumerable: true,
+  get: function get() {
+    return _Common.findScrollEnd;
+  }
+});
+Object.defineProperty(exports, "format12Hour", {
+  enumerable: true,
+  get: function get() {
+    return _Common.format12Hour;
+  }
+});
+Object.defineProperty(exports, "getDateOnly", {
+  enumerable: true,
+  get: function get() {
+    return _Common.getDateOnly;
+  }
+});
+Object.defineProperty(exports, "getElementSpace", {
+  enumerable: true,
+  get: function get() {
+    return _Common.getElementSpace;
+  }
+});
+Object.defineProperty(exports, "getFullDateString", {
+  enumerable: true,
+  get: function get() {
+    return _Common.getFullDateString;
+  }
+});
+Object.defineProperty(exports, "getFullName", {
+  enumerable: true,
+  get: function get() {
+    return _Common.getFullName;
+  }
+});
+Object.defineProperty(exports, "getMemSize", {
+  enumerable: true,
+  get: function get() {
+    return _Common.getMemSize;
+  }
+});
+Object.defineProperty(exports, "getSearchString", {
+  enumerable: true,
+  get: function get() {
+    return _Common.getSearchString;
+  }
+});
+Object.defineProperty(exports, "isTextSelected", {
+  enumerable: true,
+  get: function get() {
+    return _Common.isTextSelected;
+  }
+});
+Object.defineProperty(exports, "mergeStyle", {
+  enumerable: true,
+  get: function get() {
+    return _mergeStyle["default"];
+  }
+});
+Object.defineProperty(exports, "stopAllEventPropagation", {
+  enumerable: true,
+  get: function get() {
+    return _Common.stopAllEventPropagation;
+  }
+});
+Object.defineProperty(exports, "throttle", {
+  enumerable: true,
+  get: function get() {
+    return _Common.throttle;
+  }
+});
+
+var _compileClassNames = _interopRequireDefault(require("./css/compileClassNames"));
+
+var _mergeStyle = _interopRequireDefault(require("./css/mergeStyle"));
+
+var _Common = require("./Common");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/utils/scrollTo.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollTo = void 0;
+
 var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
   if (selSuggestion && suggestionContainer) {
     if (suggestionContainer.scrollHeight === selSuggestion.offsetTop + selSuggestion.offsetHeight) {
@@ -17,4 +18,5 @@ var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
     }
   }
 };
+
 exports.scrollTo = scrollTo;

package/lib/utils/shallowEqual.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = shallowEqual;
+
 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); }
+
 function is(x, y) {
   if (x === y) {
     return x !== 0 || y !== 0 || 1 / x === 1 / y;
@@ -12,22 +14,28 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
+
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) {
     return true;
   }
+
   if (_typeof(objA) !== 'object' || objA === null || _typeof(objB) !== 'object' || objB === null) {
     return false;
   }
+
   var keysA = Object.keys(objA);
   var keysB = Object.keys(objB);
+
   if (keysA.length !== keysB.length) {
     return false;
   }
+
   for (var i = 0; i < keysA.length; i++) {
     if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
+
   return true;
 }

package/package.json

@@ -1,81 +1,117 @@
-{
-  "name": "@zohodesk/components",
-  "version": "1.0.0-test-252",
-  "main": "es/index.js",
-  "module": "es/index.js",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Z Team",
-  "homepage":"https://www.npmjs.com/search?q=@zohodesk",
-  "license": "ISC",
-  "keywords":["DOT","ZOHODESK","ZTEAM","LIBRARY"],
-  "scripts": {
-    "build:docs": "react-cli build:docs",
-    "lint": "react-cli lint",
-    "lintAll": "react-cli lint ./src",
-    "lintAllFix": "npm run lintAll --eslint:fix=true",
-    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
-    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
-    "build:variables": "node ./preprocess/index",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "common_package_build": "cd ../common && npm run build && cd ../components",
-    "start": "react-cli start",
-    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
-    "build": " react-cli build:component:cmjs",
-    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
-    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "build:es": "react-cli build:library:es",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
-    "coverage": "react-cli coverage",
-    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
-    "postpublish": "react-cli postpublish",
-    "report": "react-cli publish:report",
-    "test": "react-cli test",
-    "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
-    "expublish": "npm publish --tag experimental-version"
-  },
-  "devDependencies": {
-    "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/svg": "1.0.0-beta.48"
-  },
-  "dependencies": {
-    "hoist-non-react-statics": "3.0.1",
-    "react-transition-group": "2.5.0",
-    "reselect": "4.0.0",
-    "selectn": "1.1.2"
-  },
-  "peerDependencies": {
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/svg": "1.0.0-beta.49",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "docs": {
-      "disableES5Transpile": true,
-      "componentFolder": "./src",
-      "cssUniqueness": "false",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables"
-      ],
-      "hasRTL": true
-    }
-  }
-}
+{
+  "name": "@zohodesk/components",
+  "version": "1.1.0",
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Z Team",
+  "homepage": "https://www.npmjs.com/search?q=@zohodesk",
+  "license": "ISC",
+  "keywords": [
+    "DOT",
+    "ZOHODESK",
+    "ZTEAM",
+    "LIBRARY"
+  ],
+  "scripts": {
+    "build:docs": "react-cli build:docs",
+    "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
+    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "common_package_build": "cd ../common && npm run build && cd ../components",
+    "start": "react-cli start",
+    "docs": "npm run dubCheck && react-cli docs",
+    "build:lib": "react-cli build:component:cmjs",
+    "build:es": "react-cli build:library:es",
+    "build": "npm run build:lib && npm run build:es",
+    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
+    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
+    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "coverage": "react-cli coverage",
+    "prepare": "node prePublish.js && npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
+    "postpublish": "node postPublish.js",
+    "report": "react-cli publish:report",
+    "test": "react-cli test",
+    "sstest": "npm run init && react-cli sstest",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "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",
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli "
+  },
+  "devDependencies": {
+    "@zohodesk-private/color-variable-preprocessor": "1.0.5",
+    "@zohodesk-private/react-prop-validator": "0.0.4",
+    "@zohodesk-private/css-variable-migrator": "^1.0.5",
+    "@zohodesk/a11y": "2.0.0",
+    "@zohodesk-private/node-plugins": "^1.0.0",
+    "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/icons": "1.0.0",
+    "@zohodesk/svg": "1.1.0",
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.3",
+    "velocity-react": "1.4.3"
+  },
+  "dependencies": {
+    "hoist-non-react-statics": "3.0.1",
+    "react-transition-group": "2.5.0",
+    "reselect": "4.0.0",
+    "selectn": "1.1.2"
+  },
+  "peerDependencies": {
+    "@zohodesk/icons": "1.0.0",
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk/svg": "1.1.0",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/a11y": "1.3.7"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "css": {
+      "plugins": {
+        "hasRTL": true,
+        "cssVariableReplacement": true
+      },
+      "patterns": {
+        "cssVariableReplacement": [
+          "**/src/**",
+          "**/lib/**",
+          "**/es/**",
+          "!**/node_modules/**"
+        ]
+      },
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+    },
+    "docs": {
+      "plugins": {
+        "hasRTL": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables"
+        ]
+      },
+      "disableES5Transpile": true,
+      "componentFolder": "./src",
+      "cssUniqueness": "false"
+    }
+  }
+}

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);