@zohodesk/components 1.2.11 → 1.2.13

package/lib/v1/DropDown/DropDownItem.js

@@ -5,9 +5,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = DropDownItem;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = require("../../DropDown/props/propTypes");
 
@@ -17,111 +17,59 @@ var _DropDownItemModule = _interopRequireDefault(require("../../DropDown/DropDow
 
 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 _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 } }); 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); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var DropDownItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(DropDownItem, _React$Component);
-
-  var _super = _createSuper(DropDownItem);
+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 DropDownItem(props) {
+  var value = props.value,
+      active = props.active,
+      children = props.children,
+      hightlight = props.hightlight,
+      dataId = props.dataId,
+      _props$customClass = props.customClass,
+      customClass = _props$customClass === void 0 ? '' : _props$customClass,
+      index = props.index,
+      getRef = props.getRef,
+      onClick = props.onClick,
+      id = props.id,
+      onHover = props.onHover;
+  var eleRef = (0, _react.useRef)(null);
+
+  function getReference(ele) {
+    eleRef.current = ele;
+    getRef && getRef(ele, index);
+  }
 
-  function DropDownItem(props) {
-    var _this;
+  function getSelectedElement() {
+    return eleRef.current ? eleRef.current : null;
+  }
 
-    _classCallCheck(this, DropDownItem);
+  function handleClick(e) {
+    onClick && onClick(id, value, index, e);
+  }
 
-    _this = _super.call(this, props);
-    _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));
-    _this.getRef = _this.getRef.bind(_assertThisInitialized(_this));
-    _this.getSelectedElement = _this.getSelectedElement.bind(_assertThisInitialized(_this));
-    _this.onHover = _this.onHover.bind(_assertThisInitialized(_this));
-    return _this;
+  function handleHover(e) {
+    onHover && onHover(id, value, index, e);
   }
 
-  _createClass(DropDownItem, [{
-    key: "getRef",
-    value: function getRef(ele) {
-      this.ele = ele;
-      var _this$props = this.props,
-          index = _this$props.index,
-          getRef = _this$props.getRef;
-      getRef && getRef(ele, index);
-    }
-  }, {
-    key: "getSelectedElement",
-    value: function getSelectedElement() {
-      return this.ele ? this.ele : null;
-    }
-  }, {
-    key: "onClick",
-    value: function onClick(e) {
-      var _this$props2 = this.props,
-          onClick = _this$props2.onClick,
-          id = _this$props2.id,
-          value = _this$props2.value,
-          index = _this$props2.index;
-      onClick && onClick(id, value, index, e);
-    }
-  }, {
-    key: "onHover",
-    value: function onHover(e) {
-      var _this$props3 = this.props,
-          onHover = _this$props3.onHover,
-          id = _this$props3.id,
-          value = _this$props3.value,
-          index = _this$props3.index;
-      onHover && onHover(id, value, index, e);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          value = _this$props4.value,
-          active = _this$props4.active,
-          children = _this$props4.children,
-          hightlight = _this$props4.hightlight,
-          dataId = _this$props4.dataId,
-          _this$props4$customCl = _this$props4.customClass,
-          customClass = _this$props4$customCl === void 0 ? '' : _this$props4$customCl;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_DropDownItemModule["default"].list, " ").concat(customClass, " ").concat(active ? _DropDownItemModule["default"].listActive : hightlight ? _DropDownItemModule["default"].listHover : '', " ").concat(children && children[1] ? _DropDownItemModule["default"].padding : ''),
-        onClick: this.onClick,
-        onMouseOver: this.onHover,
-        ref: this.getRef,
-        "data-id": dataId,
-        "data-test-id": dataId
-      }, children && children[0] ? /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DropDownItemModule["default"].children
-      }, " ", children[0], " ") : children !== undefined ? /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DropDownItemModule["default"].children
-      }, " ", children, " ") : null, value ? /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DropDownItemModule["default"].value
-      }, value) : '', children && children[1] ? /*#__PURE__*/_react["default"].createElement("span", {
-        className: _DropDownItemModule["default"].user
-      }, " ", children[1], " ") : '');
-    }
-  }]);
-
-  return DropDownItem;
-}(_react["default"].Component);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_DropDownItemModule["default"].list, " ").concat(customClass, " ").concat(active ? _DropDownItemModule["default"].listActive : hightlight ? _DropDownItemModule["default"].listHover : '', " ").concat(children && children[1] ? _DropDownItemModule["default"].padding : ''),
+    onClick: handleClick,
+    onMouseOver: handleHover,
+    ref: getReference,
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, children && children[0] ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _DropDownItemModule["default"].children
+  }, " ", children[0], " ") : children !== undefined ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _DropDownItemModule["default"].children
+  }, " ", children, " ") : null, value ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _DropDownItemModule["default"].value
+  }, value) : '', children && children[1] ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _DropDownItemModule["default"].user
+  }, " ", children[1], " ") : '');
+}
 
-exports["default"] = DropDownItem;
 DropDownItem.propTypes = _propTypes.DropDownItem_propTypes;
 DropDownItem.defaultProps = _defaultProps.DropDownItem_defaultProps;

package/lib/v1/DropDown/DropDownSearch.js

@@ -5,9 +5,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = DropDownSearch;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = require("../../DropDown/props/propTypes");
 
@@ -19,95 +19,56 @@ var _DropDownSearchModule = _interopRequireDefault(require("../../DropDown/DropD
 
 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 _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 } }); 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); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var DropDownSearch = /*#__PURE__*/function (_React$Component) {
-  _inherits(DropDownSearch, _React$Component);
-
-  var _super = _createSuper(DropDownSearch);
-
-  function DropDownSearch(props) {
-    var _this;
-
-    _classCallCheck(this, DropDownSearch);
-
-    _this = _super.call(this, props);
-    _this.getRef = _this.getRef.bind(_assertThisInitialized(_this));
-    return _this;
+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 DropDownSearch(props) {
+  var name = props.name,
+      id = props.id,
+      maxLength = props.maxLength,
+      onKeyDown = props.onKeyDown,
+      onChange = props.onChange,
+      value = props.value,
+      onBlur = props.onBlur,
+      size = props.size,
+      textBoxSize = props.textBoxSize,
+      placeHolder = props.placeHolder,
+      customClass = props.customClass,
+      getRef = props.getRef;
+  var _customClass$searchCl = customClass.searchClass,
+      searchClass = _customClass$searchCl === void 0 ? '' : _customClass$searchCl,
+      _customClass$customTe = customClass.customTextBox,
+      customTextBox = _customClass$customTe === void 0 ? '' : _customClass$customTe;
+  var inputRef = (0, _react.useRef)(null); // eslint-disable-next-line func-call-spacing
+
+  (0, _react.useEffect)(function () {
+    inputRef.current && input.current.focus({
+      preventScroll: true
+    });
+  }, []);
+
+  function getReference(ele) {
+    inputRef.current = ele;
+    getRef && getRef(ele);
   }
 
-  _createClass(DropDownSearch, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.input && this.input.focus({
-        preventScroll: true
-      });
-    }
-  }, {
-    key: "getRef",
-    value: function getRef(ele) {
-      var getRef = this.props.getRef;
-      this.input = ele;
-      getRef && getRef(ele);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          name = _this$props.name,
-          id = _this$props.id,
-          maxLength = _this$props.maxLength,
-          onKeyDown = _this$props.onKeyDown,
-          onChange = _this$props.onChange,
-          value = _this$props.value,
-          onBlur = _this$props.onBlur,
-          size = _this$props.size,
-          textBoxSize = _this$props.textBoxSize,
-          placeHolder = _this$props.placeHolder,
-          customClass = _this$props.customClass;
-      var _customClass$searchCl = customClass.searchClass,
-          searchClass = _customClass$searchCl === void 0 ? '' : _customClass$searchCl,
-          _customClass$customTe = customClass.customTextBox,
-          customTextBox = _customClass$customTe === void 0 ? '' : _customClass$customTe;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_DropDownSearchModule["default"].search, " ").concat(_DropDownSearchModule["default"]["".concat(size, "Search")], " ").concat(searchClass)
-      }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-        id: id,
-        inputRef: this.getRef,
-        maxLength: maxLength,
-        name: name,
-        onBlur: onBlur,
-        onChange: onChange,
-        onKeyDown: onKeyDown,
-        size: textBoxSize,
-        value: value,
-        placeHolder: placeHolder,
-        customClass: customTextBox
-      }));
-    }
-  }]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_DropDownSearchModule["default"].search, " ").concat(_DropDownSearchModule["default"]["".concat(size, "Search")], " ").concat(searchClass)
+  }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
+    id: id,
+    inputRef: getReference,
+    maxLength: maxLength,
+    name: name,
+    onBlur: onBlur,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    size: textBoxSize,
+    value: value,
+    placeHolder: placeHolder,
+    customClass: customTextBox
+  }));
+}
 
-  return DropDownSearch;
-}(_react["default"].Component);
-
-exports["default"] = DropDownSearch;
 DropDownSearch.defaultProps = _defaultProps.DropDownSearch_defaultProps;
 DropDownSearch.propTypes = _propTypes.DropDownSearch_propTypes;

package/lib/v1/DropDown/DropDownSeparator.js

@@ -1,11 +1,9 @@
 "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
 });
-exports["default"] = void 0;
+exports["default"] = DropDownSeparator;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -15,50 +13,12 @@ var _DropDownSeparatorModule = _interopRequireDefault(require("../../DropDown/Dr
 
 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 _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 } }); 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); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function DropDownSeparator(props) {
+  var _props$customClass = props.customClass,
+      customClass = _props$customClass === void 0 ? '' : _props$customClass;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_DropDownSeparatorModule["default"].separator, " ").concat(customClass)
+  });
+}
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var DropDownSeparator = /*#__PURE__*/function (_React$Component) {
-  _inherits(DropDownSeparator, _React$Component);
-
-  var _super = _createSuper(DropDownSeparator);
-
-  function DropDownSeparator() {
-    _classCallCheck(this, DropDownSeparator);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(DropDownSeparator, [{
-    key: "render",
-    value: function render() {
-      var _this$props$customCla = this.props.customClass,
-          customClass = _this$props$customCla === void 0 ? '' : _this$props$customCla;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_DropDownSeparatorModule["default"].separator, " ").concat(customClass)
-      });
-    }
-  }]);
-
-  return DropDownSeparator;
-}(_react["default"].Component);
-
-exports["default"] = DropDownSeparator;
 DropDownSeparator.propTypes = _propTypes.DropDownSeparator_propTypes;

package/lib/v1/Provider/CssProvider.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = CssProvider;
 
-var _commonModule = _interopRequireDefault(require("../common/common.module.css"));
+var _commonModule = _interopRequireDefault(require("../../common/common.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/v1/Typography/Typography.js

@@ -31,8 +31,8 @@ var Typography = function Typography(props) {
       $i18n_dataTitle = props.$i18n_dataTitle,
       testId = props.testId,
       customId = props.customId,
-      tagAttributes = props.tagAttributes,
-      a11yAttributes = props.a11yAttributes,
+      $tagAttributes_text = props.$tagAttributes_text,
+      $a11yAttributes_text = props.$a11yAttributes_text,
       customStyle = props.customStyle;
   var style = (0, _utils.mergeStyle)(_TypographyModule["default"], customStyle);
 
@@ -47,7 +47,7 @@ var Typography = function Typography(props) {
     'data-title': $i18n_dataTitle,
     'data-id': customId,
     'data-test-id': testId
-  }, tagAttributes), a11yAttributes), children);
+  }, $tagAttributes_text), $a11yAttributes_text), children);
 };
 
 Typography.propTypes = _propTypes.propTypes;

package/lib/v1/Typography/css/Typography.module.css

@@ -106,6 +106,39 @@
   composes:dotted_clamp;
 }
 
+.wordBreak_breakAll{
+  word-break: break-all
+}
+.wordBreak_keepAll{
+  word-break: keep-all
+}
+.wordBreak_breakWord{
+  word-break: break-word
+}
+
+.wordWrap_normal{
+  word-wrap:normal;
+}
+.wordWrap_break{
+  word-wrap:break-word
+}
+
+.whiteSpace_normal{
+  white-space:normal
+}
+.whiteSpace_noWrap{
+  white-space:nowrap
+}
+.whiteSpace_pre{
+  white-space:pre
+}
+.whiteSpace_preLine{
+  white-space:pre-line
+}
+.whiteSpace_preWrap{
+  white-space:pre-wrap
+}
+
 
 
 /*...............Font Size Start.........*/

package/lib/v1/Typography/css/cssJSLogic.js

@@ -16,25 +16,28 @@ function cssJSLogic(_ref) {
 
   var props = _ref.props,
       style = _ref.style;
-  var $ui_isReset = props.$ui_isReset,
-      $ui_isDotted = props.$ui_isDotted,
+  var $flag_reset = props.$flag_reset,
+      $flag_dotted = props.$flag_dotted,
       $ui_size = props.$ui_size,
       $ui_lineClamp = props.$ui_lineClamp,
       $ui_lineHeight = props.$ui_lineHeight,
       $ui_display = props.$ui_display,
-      $ui_variant = props.$ui_variant,
+      $ui_weight = props.$ui_weight,
       $ui_typeFace = props.$ui_typeFace,
       $ui_textAlign = props.$ui_textAlign,
       $ui_letterSpacing = props.$ui_letterSpacing,
       $ui_transform = props.$ui_transform,
       $ui_decoration = props.$ui_decoration,
-      $ui_className = props.$ui_className;
+      $ui_className = props.$ui_className,
+      $ui_wordBreak = props.$ui_wordBreak,
+      $ui_wordWrap = props.$ui_wordWrap,
+      $ui_whiteSpace = props.$ui_whiteSpace;
 
   if ($ui_letterSpacing && $ui_letterSpacing.match(/\./g)) {
     $ui_letterSpacing = _letterSpacingMap.letterspacingMapping[$ui_letterSpacing];
   }
 
-  var typographyClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.reset, $ui_isReset), _defineProperty(_compileClassNames, style.dotted, $ui_isDotted), _defineProperty(_compileClassNames, style["size".concat($ui_size)], !!$ui_size), _defineProperty(_compileClassNames, style["lineclamp_".concat($ui_lineClamp)], !!$ui_lineClamp), _defineProperty(_compileClassNames, style["lineheight_".concat($ui_lineHeight)], !!$ui_lineHeight), _defineProperty(_compileClassNames, style["display_".concat($ui_display)], !!$ui_display), _defineProperty(_compileClassNames, style["font_".concat($ui_variant)], !!$ui_variant), _defineProperty(_compileClassNames, style["fontStyles_".concat($ui_typeFace)], !!$ui_typeFace), _defineProperty(_compileClassNames, style["textalign_".concat($ui_textAlign)], !!$ui_textAlign), _defineProperty(_compileClassNames, style["letterspacing_".concat($ui_letterSpacing)], !!$ui_letterSpacing), _defineProperty(_compileClassNames, style["transform_".concat($ui_transform)], !!$ui_transform), _defineProperty(_compileClassNames, style["decoration_".concat($ui_decoration)], !!$ui_decoration), _defineProperty(_compileClassNames, $ui_className, !!$ui_className), _compileClassNames));
+  var typographyClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.reset, $flag_reset), _defineProperty(_compileClassNames, style.dotted, $flag_dotted), _defineProperty(_compileClassNames, style["size".concat($ui_size)], !!$ui_size), _defineProperty(_compileClassNames, style["lineclamp_".concat($ui_lineClamp)], !!$ui_lineClamp), _defineProperty(_compileClassNames, style["lineheight_".concat($ui_lineHeight)], !!$ui_lineHeight), _defineProperty(_compileClassNames, style["display_".concat($ui_display)], !!$ui_display), _defineProperty(_compileClassNames, style["font_".concat($ui_weight)], !!$ui_weight), _defineProperty(_compileClassNames, style["fontStyles_".concat($ui_typeFace)], !!$ui_typeFace), _defineProperty(_compileClassNames, style["textalign_".concat($ui_textAlign)], !!$ui_textAlign), _defineProperty(_compileClassNames, style["letterspacing_".concat($ui_letterSpacing)], !!$ui_letterSpacing), _defineProperty(_compileClassNames, style["transform_".concat($ui_transform)], !!$ui_transform), _defineProperty(_compileClassNames, style["decoration_".concat($ui_decoration)], !!$ui_decoration), _defineProperty(_compileClassNames, $ui_className, !!$ui_className), _defineProperty(_compileClassNames, style["wordBreak_".concat($ui_wordBreak)], !!$ui_wordBreak), _defineProperty(_compileClassNames, style["wordWrap_".concat($ui_wordWrap)], !!$ui_wordWrap), _defineProperty(_compileClassNames, style["whiteSpace_".concat($ui_whiteSpace)], !!$ui_whiteSpace), _compileClassNames));
   return {
     typographyClass: typographyClass
   };

package/lib/v1/Typography/props/defaultProps.js

@@ -7,9 +7,9 @@ exports.defaultProps = void 0;
 var defaultProps = {
   $ui_className: '',
   $ui_tagName: 'div',
-  $ui_isReset: false,
-  $ui_isDotted: false,
-  a11yAttributes: {},
-  tagAttributes: {}
+  $flag_reset: false,
+  $flag_dotted: false,
+  $tagAttributes_text: {},
+  $a11yAttributes_text: {}
 };
 exports.defaultProps = defaultProps;

package/lib/v1/Typography/props/propTypes.js

@@ -13,10 +13,10 @@ var propTypes = {
   children: _propTypes["default"].node,
   $ui_className: _propTypes["default"].string,
   $ui_tagName: _propTypes["default"].string,
-  $ui_isReset: _propTypes["default"].bool,
-  $ui_isDotted: _propTypes["default"].bool,
+  $flag_reset: _propTypes["default"].bool,
+  $flag_dotted: _propTypes["default"].bool,
   $ui_display: _propTypes["default"].oneOf(['block', 'inlineBlock', 'inline', 'initial']),
-  $ui_variant: _propTypes["default"].oneOf(['regular', 'light', 'semibold', 'bold']),
+  $ui_weight: _propTypes["default"].oneOf(['regular', 'light', 'semibold', 'bold']),
   $ui_textAlign: _propTypes["default"].oneOf(['left', 'right', 'center', 'justify']),
   $ui_transform: _propTypes["default"].oneOf(['default', 'upper', 'lower', 'capital']),
   $ui_lineClamp: _propTypes["default"].oneOf(['1', '2', '3', '4', '5']),
@@ -25,11 +25,14 @@ var propTypes = {
   $ui_size: _propTypes["default"].oneOf(['7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '24', '25', '26', '28', '29', '30', '32', '34', '35', '36', '40', '50', 'inherit']),
   $ui_lineHeight: _propTypes["default"].oneOf(['0', '1', '8', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '24', '25', '26', '27', '28', '29', '30', '32', '33', '34', '35', '36', '38', '40', '41', '42', '45', '50', '52', '54', '55', '60', '70', '75', '120', 'inherit']),
   $ui_letterSpacing: _propTypes["default"].oneOf(['0.1', '0.2', '0.3', '0.4', '0.5', '0.6', '0.7', '0.8', '0.9', '1', '2', '4', 'inherit']),
+  $ui_wordBreak: _propTypes["default"].oneOf(['breakAll', 'keepAll', 'breakWord']),
+  $ui_wordWrap: _propTypes["default"].oneOf(['normal', 'break']),
+  $ui_whiteSpace: _propTypes["default"].oneOf(['normal', 'noWrap', 'pre', 'preLine', 'preWrap']),
   $i18n_dataTitle: _propTypes["default"].string,
   testId: _propTypes["default"].string,
   customId: _propTypes["default"].string,
   customStyle: _propTypes["default"].object,
-  a11yAttributes: _propTypes["default"].object,
-  tagAttributes: _propTypes["default"].object
+  $a11yAttributes_text: _propTypes["default"].object,
+  $tagAttributes_text: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.11",
+  "version": "1.2.13",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -65,8 +65,8 @@
     "@zohodesk/a11y": "2.1.0",
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/hooks": "2.0.1",
-    "@zohodesk/icons": "1.0.2",
-    "@zohodesk/svg": "1.1.3",
+    "@zohodesk/icons": "1.0.10",
+    "@zohodesk/svg": "1.1.4",
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
@@ -80,9 +80,9 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.0.2",
+    "@zohodesk/icons": "1.0.10",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/svg": "1.1.3",
+    "@zohodesk/svg": "1.1.4",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
@@ -90,4 +90,4 @@
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/a11y": "2.1.0"
   }
-}
+}