@zohodesk/components 1.0.0-alpha-260 → 1.0.0-alpha-261

package/lib/utils/css/compileClassNames.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = compileClassNames;
+var _utils = require("./utils");
+var collectClassNames = function collectClassNames(processedClassNameList) {
+  for (var index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
+    var classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
+    if (!classInfo) {
+      continue;
+    } else if ((0, _utils.isDataTypeOf)(classInfo, _utils.dataTypes.object)) {
+      for (var property in classInfo) {
+        if (Object.hasOwnProperty.call(classInfo, property) && property !== 'undefined' && property !== 'null' && classInfo[property] && !processedClassNameList.includes(property)) {
+          processedClassNameList.push(property);
+        }
+      }
+    }
+  }
+};
+function compileClassNames() {
+  var resultClassNameList = [];
+  for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
+    classinfoList[_key] = arguments[_key];
+  }
+  collectClassNames.apply(void 0, [resultClassNameList].concat(classinfoList));
+  return resultClassNameList.filter(function (a) {
+    return a !== '';
+  }).join(' ');
+}

package/lib/utils/css/mergeStyle.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = mergeStyle;
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var REPLACER_SYMBOL = '$';
+
+// $ startWith is used for replace the existing style.
+// all other will be append
+
+function mergeStyle(defaultStyle, customStyle) {
+  var additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  // if(!Object.keys(defaultStyle).includes('base')) {
+  //   throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
+  // }
+
+  return Object.keys(customStyle).reduce(function (res, next) {
+    if (next.startsWith(REPLACER_SYMBOL)) {
+      var styleValue = customStyle[next];
+      var styleName = next.replace(REPLACER_SYMBOL, '');
+      if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
+        // return res;
+        throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
+      }
+      var val = defaultStyle[styleName];
+      Object.keys(res).map(function (keyName) {
+        var styleKey = res[keyName];
+        if (styleKey.includes(val)) {
+          res[keyName] = styleKey.replace(val, styleValue);
+        }
+      });
+    } else if (defaultStyle[next] || additionalStyle.includes(next)) {
+      var _val = defaultStyle[next];
+      Object.keys(res).map(function (keyName) {
+        if (res[keyName].includes(_val)) {
+          res[keyName] = res[keyName] + ' ' + customStyle[next];
+        }
+      });
+    } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
+      // res[next] = customStyle[next];
+      "UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style");
+    }
+    return res;
+  }, _objectSpread({}, defaultStyle));
+}

package/lib/utils/css/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDataTypeOf = exports.getDataType = exports.dataTypes = void 0;
+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 dataTypes = {
+  number: 'number',
+  array: 'array',
+  string: 'string',
+  object: 'object',
+  bigint: 'bigint',
+  symbol: 'symbol',
+  undefined: 'undefined',
+  "function": 'function',
+  "boolean": 'boolean'
+};
+exports.dataTypes = dataTypes;
+var getDataType = function getDataType(data) {
+  var typeofData = _typeof(data);
+  var isArrayDataType = Array.isArray(data);
+  if (isArrayDataType) {
+    return dataTypes.array;
+  } else {
+    return dataTypes[typeofData];
+  }
+};
+exports.getDataType = getDataType;
+var isDataTypeOf = function isDataTypeOf(data, type) {
+  return getDataType(data) === type;
+};
+exports.isDataTypeOf = isDataTypeOf;

package/lib/utils/index.js

@@ -0,0 +1,117 @@
+"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-alpha-260",
+  "version": "1.0.0-alpha-261",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/icons": "1.0.0-beta.116",
+    "@zohodesk/icons": "1.0.0-beta.119",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
@@ -62,7 +62,7 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.0.0-beta.116",
+    "@zohodesk/icons": "1.0.0-beta.119",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/svg": "1.0.0-beta.49",
     "@zohodesk/virtualizer": "1.0.3",