@zohodesk/components 1.0.0-test-252 → 1.0.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,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-test-252",
+  "version": "1.0.0",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -8,46 +8,61 @@
     "access": "public"
   },
   "author": "Z Team",
-  "homepage":"https://www.npmjs.com/search?q=@zohodesk",
+  "homepage": "https://www.npmjs.com/search?q=@zohodesk",
   "license": "ISC",
-  "keywords":["DOT","ZOHODESK","ZTEAM","LIBRARY"],
+  "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",
+    "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 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",
+    "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": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
-    "postpublish": "react-cli postpublish",
+    "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": "rm package-lock.json && rm -rf node_modules/ && npm install",
-    "expublish": "npm publish --tag experimental-version"
+    "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/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/variables": "1.0.0-beta.29",
-    "@zohodesk/icons": "1.0.0-beta.109",
+    "@zohodesk/icons": "1.0.0-beta.132",
+    "@zohodesk/svg": "1.0.0-beta.59",
+    "@zohodesk/variables": "1.0.0-beta.31",
     "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/svg": "1.0.0-beta.48"
+    "velocity-react": "1.4.3"
   },
   "dependencies": {
     "hoist-non-react-statics": "3.0.1",
@@ -56,26 +71,46 @@
     "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/icons": "1.0.0-beta.132",
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/svg": "1.0.0-beta.59",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.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",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables"
-      ],
-      "hasRTL": true
+      "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);

package/docs/external/active-line.js

@@ -1,72 +0,0 @@
-// CodeMirror, copyright (c) by Marijn Haverbeke and others
-// Distributed under an MIT license: http://codemirror.net/LICENSE
-
-(function(mod) {
-  if (typeof exports == "object" && typeof module == "object") // CommonJS
-    mod(require("../../lib/codemirror"));
-  else if (typeof define == "function" && define.amd) // AMD
-    define(["../../lib/codemirror"], mod);
-  else // Plain browser env
-    mod(CodeMirror);
-})(function(CodeMirror) {
-  "use strict";
-  var WRAP_CLASS = "CodeMirror-activeline";
-  var BACK_CLASS = "CodeMirror-activeline-background";
-  var GUTT_CLASS = "CodeMirror-activeline-gutter";
-
-  CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
-    var prev = old == CodeMirror.Init ? false : old;
-    if (val == prev) return
-    if (prev) {
-      cm.off("beforeSelectionChange", selectionChange);
-      clearActiveLines(cm);
-      delete cm.state.activeLines;
-    }
-    if (val) {
-      cm.state.activeLines = [];
-      updateActiveLines(cm, cm.listSelections());
-      cm.on("beforeSelectionChange", selectionChange);
-    }
-  });
-
-  function clearActiveLines(cm) {
-    for (var i = 0; i < cm.state.activeLines.length; i++) {
-      cm.removeLineClass(cm.state.activeLines[i], "wrap", WRAP_CLASS);
-      cm.removeLineClass(cm.state.activeLines[i], "background", BACK_CLASS);
-      cm.removeLineClass(cm.state.activeLines[i], "gutter", GUTT_CLASS);
-    }
-  }
-
-  function sameArray(a, b) {
-    if (a.length != b.length) return false;
-    for (var i = 0; i < a.length; i++)
-      if (a[i] != b[i]) return false;
-    return true;
-  }
-
-  function updateActiveLines(cm, ranges) {
-    var active = [];
-    for (var i = 0; i < ranges.length; i++) {
-      var range = ranges[i];
-      var option = cm.getOption("styleActiveLine");
-      if (typeof option == "object" && option.nonEmpty ? range.anchor.line != range.head.line : !range.empty())
-        continue
-      var line = cm.getLineHandleVisualStart(range.head.line);
-      if (active[active.length - 1] != line) active.push(line);
-    }
-    if (sameArray(cm.state.activeLines, active)) return;
-    cm.operation(function() {
-      clearActiveLines(cm);
-      for (var i = 0; i < active.length; i++) {
-        cm.addLineClass(active[i], "wrap", WRAP_CLASS);
-        cm.addLineClass(active[i], "background", BACK_CLASS);
-        cm.addLineClass(active[i], "gutter", GUTT_CLASS);
-      }
-      cm.state.activeLines = active;
-    });
-  }
-
-  function selectionChange(cm, sel) {
-    updateActiveLines(cm, sel.ranges);
-  }
-});

package/docs/external/autorefresh.js

@@ -1,47 +0,0 @@
-// CodeMirror, copyright (c) by Marijn Haverbeke and others
-// Distributed under an MIT license: https://codemirror.net/LICENSE
-
-(function(mod) {
-  if (typeof exports == "object" && typeof module == "object") // CommonJS
-    mod(require("../../lib/codemirror"))
-  else if (typeof define == "function" && define.amd) // AMD
-    define(["../../lib/codemirror"], mod)
-  else // Plain browser env
-    mod(CodeMirror)
-})(function(CodeMirror) {
-  "use strict"
-
-  CodeMirror.defineOption("autoRefresh", false, function(cm, val) {
-    if (cm.state.autoRefresh) {
-      stopListening(cm, cm.state.autoRefresh)
-      cm.state.autoRefresh = null
-    }
-    if (val && cm.display.wrapper.offsetHeight == 0)
-      startListening(cm, cm.state.autoRefresh = {delay: val.delay || 250})
-  })
-
-  function startListening(cm, state) {
-    function check() {
-      if (cm.display.wrapper.offsetHeight) {
-        stopListening(cm, state)
-        if (cm.display.lastWrapHeight != cm.display.wrapper.clientHeight)
-          cm.refresh()
-      } else {
-        state.timeout = setTimeout(check, state.delay)
-      }
-    }
-    state.timeout = setTimeout(check, state.delay)
-    state.hurry = function() {
-      clearTimeout(state.timeout)
-      state.timeout = setTimeout(check, 50)
-    }
-    CodeMirror.on(window, "mouseup", state.hurry)
-    CodeMirror.on(window, "keyup", state.hurry)
-  }
-
-  function stopListening(_cm, state) {
-    clearTimeout(state.timeout)
-    CodeMirror.off(window, "mouseup", state.hurry)
-    CodeMirror.off(window, "keyup", state.hurry)
-  }
-});