@zohodesk/dot 1.1.0 → 1.2.1

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

@@ -1,137 +1,137 @@
-.varClass {
-  --commonalert_border_color: var(--zdt_commonalert_default_border);
-}
-.container {
-    composes: varClass;
-    min-height: var(--zd_size54) ;
-    position: relative;
-    color: var(--zdt_desktopnotification_text);
-    background-color: var(--alert_lookup_bg_color);
-    border-style: solid;
-    border-color: var(--commonalert_border_color);
-    border-width: 2px 0 0 0;
-  }
-  
-  .title {
-    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 var(--zd_size5) 0 var(--zd_size10) ;
-  }
-  
-  [dir=rtl] .title {
-    margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
-  }
-
-  .infoText {
-    font-size: var(--zd_font_size14) ;
-    max-width: 100% ;
-    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  }
-
-  /* Palette */
-
-  .success {
-    --commonalert_border_color: var(--zdt_commonalert_success_border);
-  }
-  
-  .info,.notification,.alarm {
-    --commonalert_border_color: var(--zdt_commonalert_info_border);
-  }
-  
-  .danger {
-    --commonalert_border_color: var(--zdt_commonalert_danger_border);
-  }
-  
-  .error {
-    --commonalert_border_color: var(--zdt_commonalert_error_border);
-  }
-  
-  .warning {
-    --commonalert_border_color: var(--zdt_commonalert_warning_border);
-  }
-
-
-/* Primary Header */
-[dir=ltr] .primary {
-  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
-}
-[dir=rtl] .primary {
-    padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
-}
-
-.primary .iconContainer {
-  height: var(--zd_size51) ;
-  width: var(--zd_size51) ;
-}
-
-.primary .infoText {
-    line-height: var(--zd_size18);
-  }
-  
-  .primary .close {
-    position: absolute;
-    top: var(--zd_size12) ;
-  }
-  
-  [dir=ltr] .primary .close {
-  right: var(--zd_size12) ;
-  }
-  
-  [dir=rtl] .primary .close {
-    left: var(--zd_size12) ;
-  }
-
-  /* Secondary Header */
-  .secondary {
-    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-    border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-  }
-  [dir=ltr] .secondary {
-  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
-  }
-  [dir=rtl] .secondary {
-    padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
-  }
-
-  .secondary .infoText {
-    line-height: var(--zd_size20);
-  }
-
-  .secondary .iconContainer {
-    height: var(--zd_size44) ;
-    width: var(--zd_size44) ;
-    position: absolute;
-    top: 0 ;
-    bottom: 0 ;
-    margin: auto 0 ;
-  }
-
-  [dir=ltr] .secondary .iconContainer {
-  left: var(--zd_size18) ;
-  }
-
-  [dir=rtl] .secondary .iconContainer {
-    right: var(--zd_size18) ;
-  }
-
-  .secondary .close {
-    position: absolute;
-    top: 0 ;
-    bottom: 0 ;
-    height: var(--zd_size25) ;
-  }
-
-  [dir=ltr] .secondary .close {
-  right: var(--zd_size12) ;
-  margin: auto 0 auto var(--zd_size25) ;
-  }
-
-  [dir=rtl] .secondary .close {
-    left: var(--zd_size12) ;
-    margin: auto var(--zd_size25) auto 0 ;
+.varClass {
+  --commonalert_border_color: var(--zdt_commonalert_default_border);
+}
+.container {
+    composes: varClass;
+    min-height: var(--zd_size54) ;
+    position: relative;
+    color: var(--zdt_desktopnotification_text);
+    background-color: var(--alert_lookup_bg_color);
+    border-style: solid;
+    border-color: var(--commonalert_border_color);
+    border-width: 2px 0 0 0;
+  }
+  
+  .title {
+    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 var(--zd_size5) 0 var(--zd_size10) ;
+  }
+  
+  [dir=rtl] .title {
+    margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
+  }
+
+  .infoText {
+    font-size: var(--zd_font_size14) ;
+    max-width: 100% ;
+    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  }
+
+  /* Palette */
+
+  .success {
+    --commonalert_border_color: var(--zdt_commonalert_success_border);
+  }
+  
+  .info,.notification,.alarm {
+    --commonalert_border_color: var(--zdt_commonalert_info_border);
+  }
+  
+  .danger {
+    --commonalert_border_color: var(--zdt_commonalert_danger_border);
+  }
+  
+  .error {
+    --commonalert_border_color: var(--zdt_commonalert_error_border);
+  }
+  
+  .warning {
+    --commonalert_border_color: var(--zdt_commonalert_warning_border);
+  }
+
+
+/* Primary Header */
+[dir=ltr] .primary {
+  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
+}
+[dir=rtl] .primary {
+    padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
+}
+
+.primary .iconContainer {
+  height: var(--zd_size51) ;
+  width: var(--zd_size51) ;
+}
+
+.primary .infoText {
+    line-height: var(--zd_size18);
+  }
+  
+  .primary .close {
+    position: absolute;
+    top: var(--zd_size12) ;
+  }
+  
+  [dir=ltr] .primary .close {
+  right: var(--zd_size12) ;
+  }
+  
+  [dir=rtl] .primary .close {
+    left: var(--zd_size12) ;
+  }
+
+  /* Secondary Header */
+  .secondary {
+    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+    border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  }
+  [dir=ltr] .secondary {
+  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
+  }
+  [dir=rtl] .secondary {
+    padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
+  }
+
+  .secondary .infoText {
+    line-height: var(--zd_size20);
+  }
+
+  .secondary .iconContainer {
+    height: var(--zd_size44) ;
+    width: var(--zd_size44) ;
+    position: absolute;
+    top: 0 ;
+    bottom: 0 ;
+    margin: auto 0 ;
+  }
+
+  [dir=ltr] .secondary .iconContainer {
+  left: var(--zd_size18) ;
+  }
+
+  [dir=rtl] .secondary .iconContainer {
+    right: var(--zd_size18) ;
+  }
+
+  .secondary .close {
+    position: absolute;
+    top: 0 ;
+    bottom: 0 ;
+    height: var(--zd_size25) ;
+  }
+
+  [dir=ltr] .secondary .close {
+  right: var(--zd_size12) ;
+  margin: auto 0 auto var(--zd_size25) ;
+  }
+
+  [dir=rtl] .secondary .close {
+    left: var(--zd_size12) ;
+    margin: auto var(--zd_size25) auto 0 ;
   }

package/package.json

@@ -1,107 +1,83 @@
-{
-  "name": "@zohodesk/dot",
-  "version": "1.1.0",
-  "main": "lib/index",
-  "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": {
-    "clean": "react-cli clean lib es coverage assets && mkdir assets",
-    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/components/lib node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "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",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "prepare": "node prePublish.js && react-cli clean assets &&  npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
-    "init": "npm run clean && npm run build:variables",
-    "build:variables": "node ./preprocess/index",
-    "lint": "react-cli lint",
-    "lintAll": "react-cli lint ./src",
-    "lintAllFix": "npm run lintAll --eslint:fix=true",
-    "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": "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"
-  },
-  "devDependencies": {
-    "@zohodesk-private/css-variable-migrator": "^1.0.5",
-    "@zohodesk-private/node-plugins": "^1.0.0",
-    "@zohodesk-private/color-variable-preprocessor": "1.0.5",
-    "@zohodesk/components": "1.1.0",
-    "@zohodesk/a11y": "2.0.0",
-    "@zohodesk/i18n": "1.0.0-beta.23",
-    "@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"
-  },
-  "peerDependencies": {
-    "velocity-react": "1.4.3",
-    "@zohodesk/variables": "1.0.0",
-    "@zohodesk/i18n": "1.0.0-beta.23",
-    "@zohodesk/components": "1.1.0",
-    "@zohodesk/icons": "1.0.0",
-    "@zohodesk/svg": "1.1.0",
-    "@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"
-        ]
-      }
-    }
-  }
+{
+  "name": "@zohodesk/dot",
+  "version": "1.2.1",
+  "main": "lib/index",
+  "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": {
+    "clean": "react-cli clean lib es coverage assets && mkdir assets",
+    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/components/lib node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "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",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
+    "init": "npm run clean && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "test": "react-cli test",
+    "sstest": "react-cli sstest",
+    "common_package_build": "cd ../common && npm run build && cd ../dot",
+    "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",
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli devMode "
+  },
+  "devDependencies": {
+    "@zohodesk-private/css-variable-migrator": "^1.0.7",
+    "@zohodesk-private/node-plugins": "^1.0.0",
+    "@zohodesk-private/color-variable-preprocessor": "1.0.6",
+    "@zohodesk-private/react-prop-validator": "0.0.7",
+    "@zohodesk/components": "1.2.1",
+    "@zohodesk/a11y": "2.0.0",
+    "@zohodesk/i18n": "1.0.0-beta.23",
+    "@zohodesk/icons": "1.0.1",
+    "@zohodesk/svg": "1.1.1",
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.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.1",
+    "@zohodesk/utils": "1.3.13"
+  },
+  "peerDependencies": {
+    "velocity-react": "1.4.3",
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk/i18n": "1.0.0-beta.23",
+    "@zohodesk/components": "1.2.1",
+    "@zohodesk/icons": "1.0.1",
+    "@zohodesk/svg": "1.1.1",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/hooks": "2.0.1",
+    "@zohodesk/utils": "1.3.13",
+    "@zohodesk/a11y": "1.3.7"
+  }
 }

package/postPublish.js

@@ -1,8 +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' });
+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

@@ -1,70 +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);
+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/**"
+      ]
+    }
+  }
+}