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

package/lib/index.js

@@ -1,73 +1,37 @@
 "use strict";
 
+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
 });
 var _exportNames = {
-  AppContainer: true,
-  Accordion: true,
   Animation: true,
-  Card: true,
+  AppContainer: true,
   Avatar: true,
   AvatarTeam: true,
   Button: true,
   Buttongroup: true,
-  Switch: true,
-  Radio: true,
-  Textarea: true,
-  Label: true,
-  DropDownHeading: true,
   CheckBox: true,
+  DropBox: true,
+  Heading: true,
+  Label: true,
+  Modal: true,
+  PopOver: true,
+  Popup: true,
+  Providers: true,
+  Radio: true,
+  ResponsiveDropBox: true,
   Ribbon: true,
+  RippleEffect: true,
+  Stencils: true,
+  Switch: true,
   Tag: true,
+  Textarea: true,
   TextBox: true,
   TextBoxIcon: true,
   Tooltip: true,
-  Select: true,
-  SelectWithIcon: true,
-  GroupSelect: true,
-  SelectWithAvatar: true,
-  MultiSelect: true,
-  AdvancedMultiSelect: true,
-  AdvancedGroupMultiSelect: true,
-  MultiSelectWithAvatar: true,
-  DateWidget: true,
-  ListItem: true,
-  ListItemWithIcon: true,
-  ListItemWithCheckBox: true,
-  ListItemWithRadio: true,
-  ListItemWithAvatar: true,
-  DropBox: true,
-  PopOver: true,
-  Stencils: true,
-  Modal: true,
-  RippleEffect: true,
-  PortalLayer: true,
-  VelocityAnimation: true,
-  VelocityAnimationGroup: true,
-  Provider: true,
-  SemanticButton: true,
-  ResponsiveDropBox: true,
-  Heading: true
+  utils: true
 };
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion["default"];
-  }
-});
-Object.defineProperty(exports, "AdvancedGroupMultiSelect", {
-  enumerable: true,
-  get: function get() {
-    return _AdvancedGroupMultiSelect["default"];
-  }
-});
-Object.defineProperty(exports, "AdvancedMultiSelect", {
-  enumerable: true,
-  get: function get() {
-    return _AdvancedMultiSelect["default"];
-  }
-});
 Object.defineProperty(exports, "Animation", {
   enumerable: true,
   get: function get() {
@@ -104,42 +68,18 @@ Object.defineProperty(exports, "Buttongroup", {
     return _Buttongroup["default"];
   }
 });
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function get() {
-    return _Card["default"];
-  }
-});
 Object.defineProperty(exports, "CheckBox", {
   enumerable: true,
   get: function get() {
     return _CheckBox["default"];
   }
 });
-Object.defineProperty(exports, "DateWidget", {
-  enumerable: true,
-  get: function get() {
-    return _DateWidget["default"];
-  }
-});
 Object.defineProperty(exports, "DropBox", {
   enumerable: true,
   get: function get() {
     return _DropBox["default"];
   }
 });
-Object.defineProperty(exports, "DropDownHeading", {
-  enumerable: true,
-  get: function get() {
-    return _DropDownHeading["default"];
-  }
-});
-Object.defineProperty(exports, "GroupSelect", {
-  enumerable: true,
-  get: function get() {
-    return _GroupSelect["default"];
-  }
-});
 Object.defineProperty(exports, "Heading", {
   enumerable: true,
   get: function get() {
@@ -152,72 +92,20 @@ Object.defineProperty(exports, "Label", {
     return _Label["default"];
   }
 });
-Object.defineProperty(exports, "ListItem", {
-  enumerable: true,
-  get: function get() {
-    return _ListItem["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithAvatar["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithCheckBox", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithCheckBox["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithIcon", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithIcon["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithRadio", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithRadio["default"];
-  }
-});
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
     return _Modal["default"];
   }
 });
-Object.defineProperty(exports, "MultiSelect", {
-  enumerable: true,
-  get: function get() {
-    return _MultiSelect["default"];
-  }
-});
-Object.defineProperty(exports, "MultiSelectWithAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _MultiSelectWithAvatar["default"];
-  }
-});
-Object.defineProperty(exports, "PopOver", {
+exports.PopOver = void 0;
+Object.defineProperty(exports, "Popup", {
   enumerable: true,
   get: function get() {
-    return _PopOver["default"];
-  }
-});
-Object.defineProperty(exports, "PortalLayer", {
-  enumerable: true,
-  get: function get() {
-    return _PortalLayer["default"];
-  }
-});
-Object.defineProperty(exports, "Provider", {
-  enumerable: true,
-  get: function get() {
-    return _IdProvider.Provider;
+    return _Popup["default"];
   }
 });
+exports.Providers = void 0;
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -242,30 +130,6 @@ Object.defineProperty(exports, "RippleEffect", {
     return _RippleEffect["default"];
   }
 });
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function get() {
-    return _Select["default"];
-  }
-});
-Object.defineProperty(exports, "SelectWithAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _SelectWithAvatar["default"];
-  }
-});
-Object.defineProperty(exports, "SelectWithIcon", {
-  enumerable: true,
-  get: function get() {
-    return _SelectWithIcon["default"];
-  }
-});
-Object.defineProperty(exports, "SemanticButton", {
-  enumerable: true,
-  get: function get() {
-    return _Button2["default"];
-  }
-});
 Object.defineProperty(exports, "Stencils", {
   enumerable: true,
   get: function get() {
@@ -308,18 +172,65 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
-Object.defineProperty(exports, "VelocityAnimation", {
-  enumerable: true,
-  get: function get() {
-    return _VelocityAnimation["default"];
-  }
+exports.utils = void 0;
+var _Accordion = require("./Accordion");
+Object.keys(_Accordion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Accordion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Accordion[key];
+    }
+  });
 });
-Object.defineProperty(exports, "VelocityAnimationGroup", {
-  enumerable: true,
-  get: function get() {
-    return _VelocityAnimationGroup["default"];
-  }
+var _Animation = _interopRequireDefault(require("./Animation/Animation"));
+var _AppContainer = _interopRequireDefault(require("./AppContainer/AppContainer"));
+var _Avatar = _interopRequireDefault(require("./Avatar/Avatar"));
+var _AvatarTeam = _interopRequireDefault(require("./AvatarTeam/AvatarTeam"));
+var _Button = _interopRequireDefault(require("./Button/Button"));
+var _Buttongroup = _interopRequireDefault(require("./Buttongroup/Buttongroup"));
+var _Card = require("./Card");
+Object.keys(_Card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Card[key];
+    }
+  });
+});
+var _CheckBox = _interopRequireDefault(require("./CheckBox/CheckBox"));
+var _DateTime = require("./DateTime");
+Object.keys(_DateTime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DateTime[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DateTime[key];
+    }
+  });
 });
+var _DropBox = _interopRequireDefault(require("./DropBox/DropBox"));
+var _DropDown = require("./DropDown");
+Object.keys(_DropDown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropDown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropDown[key];
+    }
+  });
+});
+var _Heading = _interopRequireDefault(require("./Heading/Heading"));
+var _Label = _interopRequireDefault(require("./Label/Label"));
 var _Layout = require("./Layout");
 Object.keys(_Layout).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -332,22 +243,66 @@ Object.keys(_Layout).forEach(function (key) {
     }
   });
 });
-var _AppContainer = _interopRequireDefault(require("./AppContainer/AppContainer"));
-var _Accordion = _interopRequireDefault(require("./Accordion/Accordion"));
-var _Animation = _interopRequireDefault(require("./Animation/Animation"));
-var _Card = _interopRequireDefault(require("./Card/Card"));
-var _Avatar = _interopRequireDefault(require("./Avatar/Avatar"));
-var _AvatarTeam = _interopRequireDefault(require("./AvatarTeam/AvatarTeam"));
-var _Button = _interopRequireDefault(require("./Button/Button"));
-var _Buttongroup = _interopRequireDefault(require("./Buttongroup/Buttongroup"));
-var _Switch = _interopRequireDefault(require("./Switch/Switch"));
+var _ListItem = require("./ListItem");
+Object.keys(_ListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListItem[key];
+    }
+  });
+});
+var _Modal = _interopRequireDefault(require("./Modal/Modal"));
+var _MultiSelect = require("./MultiSelect");
+Object.keys(_MultiSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultiSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultiSelect[key];
+    }
+  });
+});
+var _PopOver = _interopRequireWildcard(require("./PopOver"));
+exports.PopOver = _PopOver;
+var _Popup = _interopRequireDefault(require("./Popup/Popup"));
+var _Providers = _interopRequireWildcard(require("./Provider"));
+exports.Providers = _Providers;
 var _Radio = _interopRequireDefault(require("./Radio/Radio"));
-var _Textarea = _interopRequireDefault(require("./Textarea/Textarea"));
-var _Label = _interopRequireDefault(require("./Label/Label"));
-var _DropDownHeading = _interopRequireDefault(require("./DropDown/DropDownHeading"));
-var _CheckBox = _interopRequireDefault(require("./CheckBox/CheckBox"));
+var _Responsive = require("./Responsive");
+Object.keys(_Responsive).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Responsive[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Responsive[key];
+    }
+  });
+});
+var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
 var _Ribbon = _interopRequireDefault(require("./Ribbon/Ribbon"));
-var _Tag = _interopRequireDefault(require("./Tag/Tag"));
+var _RippleEffect = _interopRequireDefault(require("./RippleEffect/RippleEffect"));
+var _Select = require("./Select");
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Select[key];
+    }
+  });
+});
+var _Stencils = _interopRequireDefault(require("./Stencils/Stencils"));
+var _Switch = _interopRequireDefault(require("./Switch/Switch"));
 var _Tab = require("./Tab");
 Object.keys(_Tab).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -360,45 +315,37 @@ Object.keys(_Tab).forEach(function (key) {
     }
   });
 });
+var _Tag = _interopRequireDefault(require("./Tag/Tag"));
+var _Textarea = _interopRequireDefault(require("./Textarea/Textarea"));
 var _TextBox = _interopRequireDefault(require("./TextBox/TextBox"));
 var _TextBoxIcon = _interopRequireDefault(require("./TextBoxIcon/TextBoxIcon"));
 var _Tooltip = _interopRequireDefault(require("./Tooltip/Tooltip"));
-var _Select = _interopRequireDefault(require("./Select/Select"));
-var _SelectWithIcon = _interopRequireDefault(require("./Select/SelectWithIcon"));
-var _GroupSelect = _interopRequireDefault(require("./Select/GroupSelect"));
-var _SelectWithAvatar = _interopRequireDefault(require("./Select/SelectWithAvatar"));
-var _MultiSelect = _interopRequireDefault(require("./MultiSelect/MultiSelect"));
-var _AdvancedMultiSelect = _interopRequireDefault(require("./MultiSelect/AdvancedMultiSelect"));
-var _AdvancedGroupMultiSelect = _interopRequireDefault(require("./MultiSelect/AdvancedGroupMultiSelect"));
-var _MultiSelectWithAvatar = _interopRequireDefault(require("./MultiSelect/MultiSelectWithAvatar"));
-var _DateWidget = _interopRequireDefault(require("./DateTime/DateWidget"));
-var _ListItem = _interopRequireDefault(require("./ListItem/ListItem"));
-var _ListItemWithIcon = _interopRequireDefault(require("./ListItem/ListItemWithIcon"));
-var _ListItemWithCheckBox = _interopRequireDefault(require("./ListItem/ListItemWithCheckBox"));
-var _ListItemWithRadio = _interopRequireDefault(require("./ListItem/ListItemWithRadio"));
-var _ListItemWithAvatar = _interopRequireDefault(require("./ListItem/ListItemWithAvatar"));
-var _DropBox = _interopRequireDefault(require("./DropBox/DropBox"));
-var _PopOver = _interopRequireDefault(require("./PopOver/PopOver"));
-var _Stencils = _interopRequireDefault(require("./Stencils/Stencils"));
-var _Modal = _interopRequireDefault(require("./Modal/Modal"));
-var _Responsive = require("./Responsive");
-Object.keys(_Responsive).forEach(function (key) {
+var _utils = _interopRequireWildcard(require("./utils"));
+exports.utils = _utils;
+var _VelocityAnimation = require("./VelocityAnimation");
+Object.keys(_VelocityAnimation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Responsive[key]) return;
+  if (key in exports && exports[key] === _VelocityAnimation[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Responsive[key];
+      return _VelocityAnimation[key];
     }
   });
 });
-var _RippleEffect = _interopRequireDefault(require("./RippleEffect/RippleEffect"));
-var _PortalLayer = _interopRequireDefault(require("./deprecated/PortalLayer/PortalLayer"));
-var _VelocityAnimation = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimation/VelocityAnimation"));
-var _VelocityAnimationGroup = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
-var _IdProvider = require("./Provider/IdProvider");
-var _Button2 = _interopRequireDefault(require("./semantic/Button/Button"));
-var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
-var _Heading = _interopRequireDefault(require("./Heading/Heading"));
+var _semantic = require("./semantic");
+Object.keys(_semantic).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _semantic[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _semantic[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/semantic/Button/Button.js

@@ -11,8 +11,10 @@ var _propTypes = require("./props/propTypes");
 var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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 _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, _toPropertyKey(descriptor.key), descriptor); } }
 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 _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); }
 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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

package/lib/semantic/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SemanticButton", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+var _Button = _interopRequireDefault(require("./Button/Button"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/utils/Common.js

@@ -26,6 +26,7 @@ exports.getSearchString = getSearchString;
 exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
 exports.getTotalDimension = void 0;
 exports.isDescendant = isDescendant;
+exports.isTextSelected = isTextSelected;
 exports.mapValues = mapValues;
 exports.merge = merge;
 exports.parseDecimal = void 0;
@@ -384,8 +385,23 @@ function findScrollEnd(element) {
     if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
       return true;
     }
-  } else {
-    throw 'Is scroll not present in this element';
+  }
+  // else {
+
+  //   throw 'Is scroll not present in this element';
+  // }
+  return false;
+}
+function isTextSelected() {
+  var selectedText = '';
+  if (window.getSelection) {
+    selectedText = window.getSelection().toString();
+    console.log(selectedText, 'selectedText');
+  } else if (document.getSelection) {
+    selectedText = document.getSelection().toString();
+  }
+  if (selectedText !== '') {
+    return true;
   }
   return false;
 }

package/lib/utils/constructFullName.js

@@ -7,8 +7,8 @@ exports.constructFullNameByPattern = constructFullNameByPattern;
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function constructFullName(firstName, lastName) {
   return "".concat(firstName ? "".concat(firstName).concat(lastName ? ' ' : '') : '').concat(lastName ? lastName : '');

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;