@zohodesk/react-cli 1.1.29-exp.2 → 1.1.29-exp.3

package/lib/postcss-plugins/hoverActivePlugin.js

@@ -1,24 +1,28 @@
 "use strict";
 
 var _postcss = _interopRequireDefault(require("postcss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * we have give support for ignore(exclude) comments
  * These are the comments' keyword
  */
 const hoverIgnoreQuery = 'Hover:ignore',
-  activeIgnoreQuery = 'Active:ignore',
-  hoverActiveIgnoreQuery = 'HoverActive:ignore';
+      activeIgnoreQuery = 'Active:ignore',
+      hoverActiveIgnoreQuery = 'HoverActive:ignore';
 const medHoverIgnoreQuery = 'MedHover:ignore',
-  medActiveIgnoreQuery = 'MedActive:ignore',
-  medHoverActiveIgnoreQuery = 'MedHoverActive:ignore';
+      medActiveIgnoreQuery = 'MedActive:ignore',
+      medHoverActiveIgnoreQuery = 'MedHoverActive:ignore';
 let hoverMedQuerySuffix = '';
 let hoverNoneMedQuerySuffix = '';
 const ruleIgnoreCommentRegex = /(Hover:ignore|Active:ignore|HoverActive:ignore)/g;
 const mediaQueryIgnoreCommentRegex = /(MedHover:ignore|MedActive:ignore|MedHoverActive:ignore)/g;
+
 function isComment(node) {
   return node && node.type === 'comment' && node.text !== undefined;
 }
+
 function isHoverPresent(atrule) {
   let hoverPresent = false;
   atrule.walkRules(rule => {
@@ -28,6 +32,7 @@ function isHoverPresent(atrule) {
   });
   return hoverPresent;
 }
+
 function checkForUsualClass(root, sel) {
   let present = false;
   sel.split(',').forEach(value => {
@@ -42,24 +47,31 @@ function checkForUsualClass(root, sel) {
   });
   return present;
 }
+
 module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHoverActiveString => rootOriginal => {
   const hoverRules = [];
   const positionsObj = {};
   hoverMedQuerySuffix = mediaQueryHoverActiveString.hover;
   hoverNoneMedQuerySuffix = mediaQueryHoverActiveString.none;
+
   function isRuleHasIgnoreComment(index, type) {
     const prevNode = rootOriginal.nodes[index - 1];
+
     if (isComment(prevNode)) {
       return prevNode.text === type;
     }
+
     return false;
   }
+
   function isMediaQueryHasIgnoreComment(node, type) {
     if (isComment(node)) {
       return node.text === type;
     }
+
     return false;
   }
+
   function hasIgnoreComment({
     index,
     atrule,
@@ -68,11 +80,14 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
     if (type.match(mediaQueryIgnoreCommentRegex)) {
       return isMediaQueryHasIgnoreComment(atrule.nodes[index - 1], type.slice(3));
     }
+
     if (type.match(ruleIgnoreCommentRegex)) {
       return isRuleHasIgnoreComment(index, type);
     }
+
     return false;
   }
+
   function getPositionsOfHoverAndActiveMedQueries(parent) {
     const allNodes = rootOriginal.nodes;
     const hoverMediaQuery = `${parent.params} and ${hoverMedQuerySuffix}`;
@@ -83,6 +98,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
     };
     return positions;
   }
+
   function handleMedHoverAndHoverActiveIgnore(atrule, index) {
     return !hasIgnoreComment({
       atrule,
@@ -94,6 +110,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: medHoverActiveIgnoreQuery
     });
   }
+
   function handleMedActiveAndHoverActiveIgnore(atrule, index) {
     return !hasIgnoreComment({
       atrule,
@@ -105,6 +122,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: medHoverActiveIgnoreQuery
     });
   }
+
   function handleHoverAndHoverActiveIgnore(index) {
     return !hasIgnoreComment({
       index,
@@ -114,6 +132,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: hoverActiveIgnoreQuery
     });
   }
+
   function handleActiveAndHoverActiveIgnore(index) {
     return !hasIgnoreComment({
       index,
@@ -123,6 +142,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: hoverActiveIgnoreQuery
     });
   }
+
   function handleAllIgnoreCases(index) {
     return !hasIgnoreComment({
       index,
@@ -135,6 +155,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       type: hoverActiveIgnoreQuery
     });
   }
+
   function mediaCommaQuery(rule, index) {
     if (rule.parent.params !== undefined && !rule.parent.params.includes('hover')) {
       let newSelector = '';
@@ -146,12 +167,16 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       const actQueries = [];
       rule.selector.split(/\s*,\s*/).forEach(_subrule => {
         const subrule = _subrule.trim();
+
         const clone = rule.clone();
+
         if (subrule.includes('hover')) {
           clone.selector = subrule;
+
           if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
             hovQueries.push(subrule);
           }
+
           if (handleMedActiveAndHoverActiveIgnore(rule.parent, index)) {
             actQueries.push(subrule);
           }
@@ -159,11 +184,13 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
           newSelector += `${subrule}, `;
         }
       });
+
       if (hovQueries.length > 0) {
         const clone = rule.clone();
         clone.selector = hovQueries.join(',');
         hovMed.append(clone);
       }
+
       if (actQueries.length > 0) {
         const clone = rule.clone();
         clone.selector = actQueries.join(',');
@@ -171,24 +198,29 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
           selector: clone.selector.replace(/:hover/gi, ':active')
         }));
       }
+
       if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
         rule.selector = newSelector.substring(0, newSelector.length - 2);
       }
+
       if (rule.selector === '') {
         rule.remove();
       }
     }
   }
+
   function mediaQuery(rule, index) {
     if (rule.parent.params !== undefined && !rule.parent.params.includes('hover')) {
       const {
         hovMed,
         actMed
       } = getPositionsOfHoverAndActiveMedQueries(rule.parent);
+
       if (rule.selector.includes('hover') && hovMed !== undefined && rule.parent.type === 'atrule') {
         if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
           hovMed.append(rule);
         }
+
         if (handleMedActiveAndHoverActiveIgnore(rule.parent, index)) {
           actMed.append(rule.clone({
             selector: rule.selector.replace(/:hover/gi, ':active')
@@ -197,11 +229,13 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
       }
     }
   }
+
   function commaQuery(rule, index) {
     let newSelector = '';
     const hovQueries = [];
     rule.selector.split(/\s*,\s*/).forEach(_subrule => {
       const subrule = _subrule.trim();
+
       if (subrule.includes('hover')) {
         // hoverRules.push({ rule: clone, index });
         hovQueries.push(subrule);
@@ -209,6 +243,7 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
         newSelector += `${subrule}, `;
       }
     });
+
     if (hovQueries.length > 0) {
       const clone = rule.clone();
       clone.selector = hovQueries.join(',');
@@ -217,20 +252,23 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
         index
       });
     }
+
     if (handleHoverAndHoverActiveIgnore(index)) {
       if (checkForUsualClass(rootOriginal, rule.selector)) {
         rule.selector = newSelector.substring(0, newSelector.length - 2).trim();
       }
     }
+
     if (rule.selector === '') {
       rule.remove();
     }
-  }
+  } // Start by identifying all :hover rules
+
 
-  // Start by identifying all :hover rules
   rootOriginal.walkAtRules(atrule => {
     const hoverQuery = `${atrule.params} and ${hoverMedQuerySuffix}`;
     const activeQuery = `${atrule.params} and ${hoverNoneMedQuerySuffix}`;
+
     if (isHoverPresent(atrule)) {
       if (!positionsObj[hoverQuery] && !positionsObj[activeQuery]) {
         rootOriginal.append({
@@ -253,17 +291,17 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
     } else {
       // plus, space and other media queries
       mediaQuery(rule, index);
-    }
+    } // usual hover query
+
 
-    // usual hover query
     if (!rule.selector.match(/,+| +|\++/g) && rule.parent !== undefined && rule.parent.name === undefined) {
       hoverRules.push({
         rule,
         index
       });
-    }
+    } //usual hover query with ',' ' ' '+'
+
 
-    //usual hover query with ',' ' ' '+'
     if (rule.selector.match(/,+| +|\++/g) && rule.parent.name === undefined) {
       if (rule.selector.includes(',')) {
         commaQuery(rule, index);
@@ -272,69 +310,66 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
           hoverRules.push({
             rule,
             index
-          });
-          //rule.remove();
+          }); //rule.remove();
         }
       }
     }
-  });
-  // If there are any :hover rules in the input, then create media queries
+  }); // If there are any :hover rules in the input, then create media queries
   // to automatically translate it into :active on touch-based devices
+
   if (hoverRules.length > 0) {
     // Create a media query targetting devices that actually support
     // hover
     const hoverQuery = rootOriginal.append({
       name: 'media',
       params: `${hoverMedQuerySuffix}`
-    }).last;
-    // Create a media query targetting devices that don't support hover
+    }).last; // Create a media query targetting devices that don't support hover
     // (ie. devices where we should fall back to :active instead)
+
     const activeQuery = rootOriginal.append({
       name: 'media',
       params: `${hoverNoneMedQuerySuffix}`
-    }).last;
-
-    // Loop through the hover rules and apply them to each of the media
+    }).last; // Loop through the hover rules and apply them to each of the media
     // queries
     // eslint-disable-next-line no-labels
+
     outerLoop: for (const hoverRule of hoverRules) {
       // determine if the rule has been nested inside another media
       // query; in that case bail out as we have no way of reliably
       // nesting these queries
       let parentRule = hoverRule.rule.parent;
+
       while (parentRule) {
         if (parentRule.type === 'atrule' && parentRule.name === 'media') {
           // eslint-disable-next-line no-labels
           continue outerLoop;
         }
-        parentRule = parentRule.parent;
-      }
 
-      // Push a clone of the :hover rule 'as is' to queries where we
+        parentRule = parentRule.parent;
+      } // Push a clone of the :hover rule 'as is' to queries where we
       // expect the user's device to support hover
       // ieQuery.append(hoverRule.clone());
 
+
       if (handleHoverAndHoverActiveIgnore(hoverRule.index)) {
         hoverQuery.append(hoverRule.rule.clone());
-      }
-
-      // Push a clone of the :hover rule, where we transform the
+      } // Push a clone of the :hover rule, where we transform the
       // selector to :active to the query targetting devices that
       // don't support hover
+
+
       if (handleActiveAndHoverActiveIgnore(hoverRule.index)) {
         activeQuery.append(hoverRule.rule.clone({
           selector: hoverRule.rule.selector.replace(/:hover/gi, ':active')
         }));
-      }
+      } // remove legacy rule from output
+
 
-      // remove legacy rule from output
       if (handleAllIgnoreCases(hoverRule.index)) {
         hoverRule.rule.remove();
       }
     }
-  }
-
-  // rootOriginal.walkAtRules(atrule => {
+  } // rootOriginal.walkAtRules(atrule => {
   //   if (
   //     (atrule !== undefined &&
   //       atrule.nodes !== undefined &&
@@ -344,4 +379,5 @@ module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHover
   //     atrule.remove();
   //   }
   // });
+
 });

package/lib/postcss-plugins/variableModificationPlugin/ErrorHandler.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorHandler = void 0;
+
 class ErrorHandler {
   constructor(allowedErrs) {
     this.errors = [];
@@ -19,6 +20,7 @@ class ErrorHandler {
       MULTIPLE_OCCURANCES: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}`)
     });
   }
+
   setAllowedErrs(allErrs) {
     this.allowedErrs = allErrs;
     ['DECLARATION_IGNORED', 'DECIMAL_CHECK', 'DECIMAL_REJECT', 'UNIT_ERROR', 'RANGE_ERROR', 'VARIABLE_PRESENT', 'MULTIPLE_OCCURANCES'].forEach(err => {
@@ -27,14 +29,17 @@ class ErrorHandler {
       }
     });
   }
+
   addError(errstr) {
     this.errors.push(`{\n${errstr}\n}\n`);
   }
+
   errorFunction(errObj) {
     if (errObj.type && this.allowedErrs[errObj.type] && errObj.decl.prop && errObj.decl.value) {
       this[errObj.type](errObj);
     }
   }
+
   printError(errObj) {
     console.log('{');
     Object.keys(errObj).sort().forEach(key => {
@@ -48,5 +53,7 @@ class ErrorHandler {
     });
     console.log('}\n');
   }
+
 }
+
 exports.ErrorHandler = ErrorHandler;

package/lib/postcss-plugins/variableModificationPlugin/index.js

@@ -1,11 +1,15 @@
 "use strict";
 
 const postcss = require('postcss');
+
 const fs = require('fs');
+
 const path = require('path');
+
 const {
   ErrorHandler
 } = require('./ErrorHandler');
+
 const errHandler = new ErrorHandler();
 const convertableProps = {
   'font-size': true,
@@ -51,30 +55,35 @@ const constantValues = {
   center: true,
   right: true
 };
+
 function getNumericValue(value) {
   if (value.includes('var')) {
     return parseInt(value.replace(/var\(--zd_size(\d+)\)/gi, '$1').replace(/var\(--zd_font_size(\d+)\)/gi, '$1'));
   }
+
   if (value.includes('rect')) {
     return parseInt(value.replace('rect(', '').replace(')', '').replace(',', ''));
-  }
-  // Not need for this dum loop
+  } // Not need for this dum loop
   // allowed.forEach(alwdUnit => {
   //   if (value.includes(alwdUnit)) {
   //     return parseInt(value);
   //   }
   // });
 
+
   if (constantValues[value.toLowerCase()]) {
     return 1;
   }
+
   return parseInt(value);
 }
+
 function pxToCalc(value) {
   const arr = value.split(' ');
   arr.forEach((val, index) => {
     ['px'].forEach(unit => {
       const valWithUnit = new RegExp(`(\\d+)${unit}`, 'gi');
+
       if (valWithUnit.test(val)) {
         arr[index] = val.replace(valWithUnit, '(var(--zd_size$1))');
       }
@@ -82,6 +91,7 @@ function pxToCalc(value) {
   });
   return arr.join(' ');
 }
+
 const singleConvertor = ({
   value,
   changeVal,
@@ -94,28 +104,35 @@ const singleConvertor = ({
     filename,
     decl
   } = details;
+
   if (decl.prop === 'background-position') {
     if (isNaN(parseInt(value))) {
       // console.log(`${value} skipped`);
       return;
     }
   }
+
   if (allowed && allowed.includes(decl.value) && decl.value.toString() !== '0') {
     return decl.value;
   }
+
   if (getNumericValue(value) >= range.start && getNumericValue(value) <= range.end || getNumericValue(value) === 0) {
     if (value.trim() === '0px') {
       return '0';
     }
+
     let retVal = value.replace(/(\d+)px/gi, changeVal.replace('$$', '$1'));
+
     if (/^-var/.test(retVal)) {
       retVal = `calc( ${retVal.substring(1)} * -1 )`;
     }
+
     return retVal;
-  }
-  // if (!value.includes('rect')) {
+  } // if (!value.includes('rect')) {
   // if(unitErrorVal && unitErrorVal != '0' ){
   // console.log(value, 'not within range')
+
+
   const errObj = {
     decl,
     type: 'RANGE_ERROR',
@@ -127,17 +144,18 @@ const singleConvertor = ({
   errHandler.errorFunction(errObj);
   return;
 };
+
 module.exports = {
   plugin: postcss.plugin('postcss-variable-report', cssVariableReplacementConfig => {
     const rawdata = fs.readFileSync(cssVariableReplacementConfig);
     const data = JSON.parse(rawdata);
     const {
       errorsAllowed,
-      settings: settingsObject
-      // errorLog: errorLogStatus,
+      settings: settingsObject // errorLog: errorLogStatus,
       // errorInConsole: errorConsoleStatus
-    } = data;
-    // const keys = Object.keys(settingsObject);
+
+    } = data; // const keys = Object.keys(settingsObject);
+
     errHandler.setAllowedErrs(errorsAllowed);
     const replacementArray = [];
     Object.keys(settingsObject).forEach(key => {
@@ -165,12 +183,12 @@ module.exports = {
           // case font-size
           const commentStr = 'variable:ignore';
           const prevNode = rule.nodes[position - 1];
-          const fromPath = rootOriginal.source.input.from;
-          // this will be problem for linux and mac use require('path').sep
+          const fromPath = rootOriginal.source.input.from; // this will be problem for linux and mac use require('path').sep
           // split not need use slice and lastIndexOf less memory
-          const filename = fromPath.split(path.sep).pop();
-          // if(filename.includes('AddFormResponsive.module.css'){
+
+          const filename = fromPath.split(path.sep).pop(); // if(filename.includes('AddFormResponsive.module.css'){
           // }
+
           if (prevNode && prevNode.type === 'comment' && prevNode.text.toLowerCase().includes(commentStr)) {
             const errObj = {
               decl,
@@ -183,29 +201,28 @@ module.exports = {
             errHandler.DECLARATION_IGNORED(errObj);
             return;
           }
+
           if (settingsObject[decl.prop] && !decl.value.includes('var(--')) {
             const settings = settingsObject[decl.prop];
             const {
               allowed,
               range
-            } = settings;
-            // suggestion filter  !decl.value.includes('calc')
+            } = settings; // suggestion filter  !decl.value.includes('calc')
             // Reason below some of logic happen based on this
-            const unit = decl.value.toString()
-            // no need round braket since you do not need group for less memory
-            .replace(/\d+/gi, '').replace('var(--zd_size)', 'px').replace('var(--zd_font_size)', 'px').replace('rect(', '').replace(')', '').replace('px,', 'px').replace(',', '').split(' ').filter(x => x !== '');
-            // unit = unit.replace(unit, unit.replace('-',''))
+
+            const unit = decl.value.toString() // no need round braket since you do not need group for less memory
+            .replace(/\d+/gi, '').replace('var(--zd_size)', 'px').replace('var(--zd_font_size)', 'px').replace('rect(', '').replace(')', '').replace('px,', 'px').replace(',', '').split(' ').filter(x => x !== ''); // unit = unit.replace(unit, unit.replace('-',''))
             // console.log('unit : ');
             // console.log(unit);
             // if (decl.prop === 'height') {
             //   console.log(decl.prop, unit, 'case 1');
             // }
+
             unit.forEach((val, index) => {
               allowed.forEach(alwdVal => {
                 if (val.includes(alwdVal)) {
                   // ## for what purpose
-                  unit[index] = val
-                  // .replace(new RegExp('(\\d+).(\\d+)(\\w+)', 'gi'), '$3')
+                  unit[index] = val // .replace(new RegExp('(\\d+).(\\d+)(\\w+)', 'gi'), '$3')
                   .replace(`-${alwdVal}`, `${alwdVal}`).replace(`-.${alwdVal}`, `${alwdVal}`).replace(`${alwdVal},`, `${alwdVal}`);
                 }
               });
@@ -219,27 +236,29 @@ module.exports = {
                   unitErrorVal = val;
                 }
               }
-            });
-            // if (decl.prop === 'height') {
+            }); // if (decl.prop === 'height') {
             //   console.log(decl.prop, unitErrorVal, unitError, unit, 'case 2');
             // }
             // console.log(allowed, replacements, range)
+
             if (!unitError) {
               let calcValue = false;
+
               if (decl.value.includes('calc')) {
                 decl.value = pxToCalc(decl.value);
                 calcValue = true;
-              }
-              // use variable decl.value.split(' ')
+              } // use variable decl.value.split(' ')
+
+
               if (range && !calcValue) {
                 // console.log('multiple :', decl.value)
-                const tempVal = decl.value;
-                // if (decl.prop === 'height') {
+                const tempVal = decl.value; // if (decl.prop === 'height') {
                 //   console.log(decl.prop, tempVal, decl.value, allowed, 'case 3');
                 // }
                 // if (decl.prop === 'height') {
                 //   console.log('allowed!', decl.prop, decl.value, allowed);
                 // }
+
                 let newVal = '';
                 let splitValues = decl.value.split(' ');
                 splitValues = splitValues.filter(val => val.trim() !== '');
@@ -257,8 +276,7 @@ module.exports = {
                     allowed
                   })} `;
                 });
-                decl.value = newVal;
-                // if (decl.prop === 'height') {
+                decl.value = newVal; // if (decl.prop === 'height') {
                 //   console.log(decl.prop, tempVal, newVal, 'case 4');
                 // }
               }
@@ -271,6 +289,7 @@ module.exports = {
                   unitErrorVal: unitErrorVal,
                   path: fromPath
                 };
+
                 if (unitErrorVal.trim() === '.') {
                   errObj.type = 'DECIMAL_CHECK';
                   errObj.message = `${unitErrorVal} (Decimal Value) Please check`;
@@ -316,10 +335,12 @@ module.exports = {
                   });
                   return convertedVal ? convertedVal : val;
                 }
+
                 return val;
               });
               decl.value = convertedVals.join(' ');
             }
+
             if (decl.prop && decl.value && !decl.prop.includes('--') && valRegex.test(decl.value) && (settingsObject[decl.prop] || convertableProps[decl.prop]) && decl.value.includes('var') && !decl.value.includes('calc')) {
               const errObj = {
                 decl,

package/lib/schemas/index.js

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _os = require("os");
+
 var _getIp = _interopRequireDefault(require("../utils/getIp"));
+
 var _getCurrentBranch = _interopRequireDefault(require("../utils/getCurrentBranch"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 // TODO move deprecated options to separate file and manage seperately
-var _default = exports.default = {
+var _default = {
   alias: null,
   unstableDepsInverse: {
     value: false,
@@ -227,6 +232,7 @@ var _default = exports.default = {
       none: '(hover: none)'
     },
     disableES5Transpile: false,
+    disableES5Import: false,
     isReactMig: false,
     hasWidget: false,
     hasEFC: {
@@ -758,4 +764,5 @@ var _default = exports.default = {
     value: false,
     cli: 'enable_typescript'
   }
-};
+};
+exports.default = _default;