@zohodesk/components 1.5.2 → 1.5.4

package/lib/Radio/props/propTypes.js

@@ -7,12 +7,15 @@ exports.propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _propTypes2 = require("../../Typography/props/propTypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
   active: _propTypes["default"].bool,
   checked: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool,
+  secondaryText: _propTypes["default"].string,
   disabledTitle: _propTypes["default"].string,
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
@@ -33,7 +36,8 @@ var propTypes = {
   }),
   customProps: _propTypes["default"].exact({
     ContainerProps: _propTypes["default"].object,
-    LabelProps: _propTypes["default"].object
+    LabelProps: _propTypes["default"].object,
+    secondaryTextProps: _propTypes["default"].exact(_propTypes2.propTypes)
   }),
   a11y: _propTypes["default"].shape({
     ariaChecked: _propTypes["default"].bool,

package/lib/Tag/Tag.js

@@ -13,6 +13,8 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
+var _utils = require("@zohodesk/utils");
+
 var _icons = require("@zohodesk/icons");
 
 var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
@@ -141,6 +143,8 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
           a11y = _this$props4.a11y,
           needEffect = _this$props4.needEffect,
           isReadOnly = _this$props4.isReadOnly,
+          renderLeftChildren = _this$props4.renderLeftChildren,
+          renderRightChildren = _this$props4.renderRightChildren,
           customProps = _this$props4.customProps;
       var _customProps$avatarPr = customProps.avatarProps,
           avatarProps = _customProps$avatarPr === void 0 ? {} : _customProps$avatarPr,
@@ -169,7 +173,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
         tabIndex: disabled ? '-1' : '0',
         "aria-labelledby": getAriaId,
         "data-selector-id": dataSelectorId
-      }, customAttributes), hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
+      }, customAttributes), (0, _utils.renderNode)(renderLeftChildren), hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _TagModule["default"].avatar
       }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         palette: isDarkPalette ? 'info' : avatarPalette,
@@ -202,7 +206,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
         isBold: true,
         name: "ZD-close2",
         size: "8"
-      }))));
+      }))), (0, _utils.renderNode)(renderRightChildren));
     }
   }]);
 

package/lib/Tag/props/propTypes.js

@@ -47,6 +47,8 @@ var propTypes = {
   needEffect: _propTypes["default"].bool,
   isReadOnly: _propTypes["default"].bool,
   dataSelectorId: _propTypes["default"].string,
+  renderLeftChildren: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].func]),
+  renderRightChildren: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].func]),
   customProps: _propTypes["default"].shape({
     avatarProps: _propTypes["default"].exact(_propTypes2.propTypes),
     iconProps: _propTypes["default"].exact(_propTypes3.IconProps)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -80,12 +80,12 @@
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/dotkit": "1.0.3",
+    "@zohodesk/dotkit": "1.0.4",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/icons": "1.1.3",
+    "@zohodesk/icons": "1.1.4",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.2.3",
-    "@zohodesk/utils": "1.3.15",
+    "@zohodesk/svg": "1.2.5",
+    "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
@@ -100,17 +100,17 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.1.3",
+    "@zohodesk/icons": "1.1.4",
     "@zohodesk/variables": "1.2.0",
-    "@zohodesk/svg": "1.2.3",
+    "@zohodesk/svg": "1.2.5",
     "@zohodesk/virtualizer": "1.0.13",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/utils": "1.3.15",
+    "@zohodesk/utils": "1.3.16",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/dotkit": "1.0.3",
+    "@zohodesk/dotkit": "1.0.4",
     "color": "4.2.3"
   }
 }