@zohodesk/components 1.0.0-temp-41 → 1.0.0-temp-42

package/lib/semantic/Button/Button.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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
@@ -19,9 +19,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 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); return Constructor; }
+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 _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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/semantic/Button/docs/Button__default.docs.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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
@@ -19,9 +19,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 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); return Constructor; }
+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 _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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/utils/Common.js

@@ -3,29 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.encodeForHtml = encodeForHtml;
-exports.getListOfDetails = getListOfDetails;
-exports.capitalize = capitalize;
 exports.bind = bind;
-exports.getFullName = getFullName;
-exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
-exports.mapValues = mapValues;
-exports.filterValue = filterValue;
-exports.merge = merge;
-exports.formatValue = formatValue;
 exports.bytesToSize = bytesToSize;
-exports.getMemSize = getMemSize;
+exports.capitalize = capitalize;
 exports.checkIsImageFile = checkIsImageFile;
-exports.getPortalName = getPortalName;
-exports.getFullDateString = getFullDateString;
+exports.debounce = exports.cs = void 0;
+exports.doAfterScrollEnd = doAfterScrollEnd;
+exports.encodeForHtml = encodeForHtml;
+exports.filterValue = filterValue;
 exports.format12Hour = format12Hour;
+exports.formatValue = formatValue;
 exports.getDateOnly = getDateOnly;
-exports.doAfterScrollEnd = doAfterScrollEnd;
-exports.remConvert = remConvert;
-exports.isDescendant = isDescendant;
 exports.getElementSpace = getElementSpace;
+exports.getFullDateString = getFullDateString;
+exports.getFullName = getFullName;
+exports.getIsEmptyValue = void 0;
+exports.getListOfDetails = getListOfDetails;
+exports.getMemSize = getMemSize;
+exports.getPortalName = getPortalName;
 exports.getSearchString = getSearchString;
-exports.getIsEmptyValue = exports.scrollTo = exports.throttle = exports.debounce = exports.stopAllEventPropagation = exports.getTotalDimension = exports.parseDecimal = exports.cs = void 0;
+exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
+exports.getTotalDimension = void 0;
+exports.isDescendant = isDescendant;
+exports.mapValues = mapValues;
+exports.merge = merge;
+exports.parseDecimal = void 0;
+exports.remConvert = remConvert;
+exports.throttle = exports.stopAllEventPropagation = exports.scrollTo = void 0;
 
 var _viewPort = _interopRequireDefault(require("../Popup/viewPort"));
 

package/lib/utils/datetime/common.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pad = pad;
 exports.formatDate = formatDate;
-exports.replaceI18NValuesWithRegex = replaceI18NValuesWithRegex;
-exports.unescapeUnicode = unescapeUnicode;
-exports.getValues = getValues;
-exports.getI18NValue = getI18NValue;
+exports.getDiffObj = getDiffObj;
 exports.getI18NInfo = getI18NInfo;
+exports.getI18NValue = getI18NValue;
+exports.getMonthEnd = getMonthEnd;
+exports.getValues = getValues;
 exports.isToday = isToday;
-exports.isYesterday = isYesterday;
 exports.isTomorrow = isTomorrow;
-exports.isWithinAWeek = isWithinAWeek;
 exports.isTwoWeeksOrMore = isTwoWeeksOrMore;
-exports.getDiffObj = getDiffObj;
-exports.getMonthEnd = getMonthEnd;
+exports.isWithinAWeek = isWithinAWeek;
+exports.isYesterday = isYesterday;
+exports.pad = pad;
+exports.replaceI18NValuesWithRegex = replaceI18NValuesWithRegex;
+exports.unescapeUnicode = unescapeUnicode;
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 
 var dateFormat = {
   dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],

package/lib/utils/dropDownUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterSelectedOptions = exports.makeGetOptionIdChange = exports.makeGetGroupSelectFilterSuggestions = exports.makeGetGroupSelectOptions = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetMultiSelectSelectedOptions = exports.makeFormatOptions = exports.extractOptionId = exports.optionIdGrouping = exports.makeGetMultiSelectFilterSuggestions = exports.getPrefixText = exports.getOptionType = exports.getIconSize = exports.getIconName = exports.getImageField = exports.getTextField = exports.getValueField = exports.getOptions = exports.dummyObj = exports.dummyArray = void 0;
+exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
 
 var _reselect = require("reselect");
 
@@ -19,7 +19,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 

package/lib/utils/shallowEqual.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = shallowEqual;
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-41",
+  "version": "1.0.0-temp-42",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -69,4 +69,4 @@
       "hasRTL": true
     }
   }
-}
+}

package/preprocess/componentAppearanceColors.js

@@ -0,0 +1,65 @@
+var { componentAppearanceVariables } = require('./json/componentAppearanceVariableJson');
+let fs = require('fs');
+let path = require('path');
+let baseFolder = 'Appearance';
+let mode = ['default', 'dark'];
+let modeFiles = [];
+mode.forEach(mode => {
+    let modeFilesString = `../src/${baseFolder}/${mode}/mode/${mode}Mode.module.css`;
+    modeFiles.push(path.join(__dirname, modeFilesString));
+});
+let files = modeFiles;
+
+function generate(mode) {
+  let exportVariables = [];
+  let counter = 0;
+  let newLine = '';
+  componentAppearanceVariables.map(componentVariable => {
+    let commentName = componentVariable[3];
+    counting = counter++;
+    if (counting != 0) {
+      newLine = `\n\t`;
+    }
+    if (mode == 'default') {
+      let componentDefaultColors = componentVariable[1][1];
+
+      colorsResult = [
+        `\n\t--${componentVariable[0]}: ${componentDefaultColors};`
+      ];
+      exportVariables.push(
+        commentName ? `${newLine}\n\t/* ${commentName} */` : '',
+        colorsResult
+      );
+    } else if (mode == 'dark') {
+      let componentDarkColors = componentVariable[2][1];
+
+      colorsResult = [
+        `\n\t--${componentVariable[0]}: ${componentDarkColors};`
+      ];
+      exportVariables.push(
+        commentName ? `${newLine}\n\t/* ${commentName} */` : '',
+        colorsResult
+      );
+    }
+  });
+  return exportVariables.join('');
+}
+
+let arrayIndexCounter = 0;
+mode.forEach(mode => {
+    let fileString = files[arrayIndexCounter];
+    // let splitPath = fileString.split(/\\/g);
+    let getMode = mode;
+    if (mode == 'default') {
+      blueSelector = ', :global(.blueDefaultTheme) [data-desk-theme="blue"]';
+    } else if (mode == 'dark') {
+      blueSelector = '';
+    }
+    fs.writeFileSync(
+      fileString,
+      `[data-mode='${getMode}']${blueSelector} {${generate(
+        getMode
+      )}\n}`
+    );
+    arrayIndexCounter++;
+});

package/preprocess/componentThemeColors.js

@@ -1,4 +1,4 @@
-var { componentThemeVariables } = require('./json/componentVariableJson');
+var { componentThemeVariables } = require('./json/componentThemeVariableJson');
 let fs = require('fs');
 let path = require('path');
 let baseFolder = 'Appearance';

package/preprocess/ctaThemeColors.js

@@ -1,4 +1,4 @@
-var { ctaThemeVariables } = require('./json/ctaVariableJson');
+var { ctaThemeVariables } = require('./json/ctaThemeVariableJson');
 let fs = require('fs');
 let path = require('path');
 let baseFolder = 'Appearance';

package/preprocess/index.js

@@ -1,2 +1,3 @@
 require('./ctaThemeColors');
-require('./componentThemeColors');
+require('./componentThemeColors');
+require('./componentAppearanceColors');