@zohodesk/components 1.2.53 → 1.2.55

package/lib/MultiSelect/MultiSelect.js

@@ -272,19 +272,13 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
       } //Need To MultiselectNew Component
 
 
-      this.handleComponentDidUpdate(prevProps, prevState);
-
-      if (isPopupOpen && isNextOptions && prevProps.selectedOptions.length !== selectedOptions.length) {
-        var _ref2 = this.suggestionContainer || {},
-            scrollHeight = _ref2.scrollHeight,
-            clientHeight = _ref2.clientHeight;
-
-        var isElementScrollable = scrollHeight > clientHeight;
-
-        if (!isElementScrollable) {
-          this.handleScrollFuncCall();
-        }
-      }
+      this.handleComponentDidUpdate(prevProps, prevState); // if (isPopupOpen && isNextOptions && prevProps.selectedOptions.length !== selectedOptions.length) {
+      //   let { scrollHeight, clientHeight } = this.suggestionContainer || {};
+      //   let isElementScrollable = scrollHeight > clientHeight;
+      //   if (!isElementScrollable) {
+      //     this.handleScrollFuncCall();
+      //   }
+      // }
     }
   }, {
     key: "componentWillUnmount",
@@ -526,9 +520,9 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
             });
           }
         } else {
-          var _ref3 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
-              _ref4 = _slicedToArray(_ref3, 1),
-              _newLastHighLightedSelectOption3 = _ref4[0];
+          var _ref2 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
+              _ref3 = _slicedToArray(_ref2, 1),
+              _newLastHighLightedSelectOption3 = _ref3[0];
 
           this.setState({
             lastHighLightedSelectOption: _newLastHighLightedSelectOption3,
@@ -738,8 +732,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         var to = id && selectedOptions.indexOf(id) >= 0 ? selectedOptions.indexOf(id) : null;
 
         if (to >= 0 && to < from) {
-          var _ref5 = [from, from = to];
-          to = _ref5[0];
+          var _ref4 = [from, from = to];
+          to = _ref4[0];
         }
 
         to += 1;
@@ -889,8 +883,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         });
       }
 
-      var _ref6 = e || {},
-          target = _ref6.target;
+      var _ref5 = e || {},
+          target = _ref5.target;
 
       target && target.setSelectionRange(target, 0);
       var onFocus = this.props.onFocus;

package/lib/Tag/Tag.js

@@ -140,7 +140,12 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
           customAttributes = _this$props4.customAttributes,
           a11y = _this$props4.a11y,
           needEffect = _this$props4.needEffect,
-          isReadOnly = _this$props4.isReadOnly;
+          isReadOnly = _this$props4.isReadOnly,
+          customProps = _this$props4.customProps;
+      var _customProps$avatarPr = customProps.avatarProps,
+          avatarProps = _customProps$avatarPr === void 0 ? {} : _customProps$avatarPr,
+          _customProps$iconProp = customProps.iconProps,
+          iconProps = _customProps$iconProp === void 0 ? {} : _customProps$iconProp;
       var _customClass$customTa = customClass.customTag,
           customTag = _customClass$customTa === void 0 ? '' : _customClass$customTa,
           _customClass$customTa2 = customClass.customTagClose,
@@ -166,20 +171,20 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
         "data-selector-id": dataSelectorId
       }, customAttributes), hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _TagModule["default"].avatar
-      }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         palette: isDarkPalette ? 'info' : avatarPalette,
         name: initial,
         size: "small",
         src: imageURL,
         textPalette: isDarkPalette ? 'white' : '',
         customClass: customAvatar
-      })) : null, iconName ? /*#__PURE__*/_react["default"].createElement("div", {
+      }, avatarProps))) : null, iconName ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagModule["default"].icon, " ").concat(customTagIcon),
         "aria-hidden": true
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, _extends({
         name: iconName,
         size: iconSize
-      })) : null, /*#__PURE__*/_react["default"].createElement("div", {
+      }, iconProps))) : null, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagModule["default"].text, " ").concat(textSizes),
         "aria-hidden": true,
         id: getAriaId

package/lib/Tag/props/defaultProps.js

@@ -17,6 +17,7 @@ var defaultProps = {
   a11y: {},
   needEffect: true,
   isReadOnly: false,
-  dataSelectorId: 'tag'
+  dataSelectorId: 'tag',
+  customProps: {}
 };
 exports.defaultProps = defaultProps;

package/lib/Tag/props/propTypes.js

@@ -7,6 +7,10 @@ exports.propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _propTypes2 = require("../../Avatar/props/propTypes.js");
+
+var _propTypes3 = require("@zohodesk/icons/es/Icon/props/propTypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
@@ -42,6 +46,10 @@ var propTypes = {
   }),
   needEffect: _propTypes["default"].bool,
   isReadOnly: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string
+  dataSelectorId: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    avatarProps: _propTypes["default"].exact(_propTypes2.propTypes),
+    iconProps: _propTypes["default"].exact(_propTypes3.IconProps)
+  })
 };
 exports.propTypes = propTypes;

package/lib/v1/MultiSelect/MultiSelect.js

@@ -272,19 +272,13 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
       } //Need To MultiselectNew Component
 
 
-      this.handleComponentDidUpdate(prevProps, prevState);
-
-      if (isPopupOpen && isNextOptions && prevProps.selectedOptions.length !== selectedOptions.length) {
-        var _ref2 = this.suggestionContainer || {},
-            scrollHeight = _ref2.scrollHeight,
-            clientHeight = _ref2.clientHeight;
-
-        var isElementScrollable = scrollHeight > clientHeight;
-
-        if (!isElementScrollable) {
-          this.handleScrollFuncCall();
-        }
-      }
+      this.handleComponentDidUpdate(prevProps, prevState); // if (isPopupOpen && isNextOptions && prevProps.selectedOptions.length !== selectedOptions.length) {
+      //   let { scrollHeight, clientHeight } = this.suggestionContainer || {};
+      //   let isElementScrollable = scrollHeight > clientHeight;
+      //   if (!isElementScrollable) {
+      //     this.handleScrollFuncCall();
+      //   }
+      // }
     }
   }, {
     key: "componentWillUnmount",
@@ -526,9 +520,9 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
             });
           }
         } else {
-          var _ref3 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
-              _ref4 = _slicedToArray(_ref3, 1),
-              _newLastHighLightedSelectOption3 = _ref4[0];
+          var _ref2 = isRightArrow ? selectedOptions : selectedOptions.slice(-1),
+              _ref3 = _slicedToArray(_ref2, 1),
+              _newLastHighLightedSelectOption3 = _ref3[0];
 
           this.setState({
             lastHighLightedSelectOption: _newLastHighLightedSelectOption3,
@@ -739,8 +733,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         var to = id && selectedOptions.indexOf(id) >= 0 ? selectedOptions.indexOf(id) : null;
 
         if (to >= 0 && to < from) {
-          var _ref5 = [from, from = to];
-          to = _ref5[0];
+          var _ref4 = [from, from = to];
+          to = _ref4[0];
         }
 
         to += 1;
@@ -890,8 +884,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         });
       }
 
-      var _ref6 = e || {},
-          target = _ref6.target;
+      var _ref5 = e || {},
+          target = _ref5.target;
 
       target && target.setSelectionRange(target, 0);
       var onFocus = this.props.onFocus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.53",
+  "version": "1.2.55",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -68,10 +68,10 @@
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
-    "@zohodesk/a11y": "2.2.6",
+    "@zohodesk/a11y": "2.2.7",
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.69",
+    "@zohodesk/icons": "1.0.70",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
@@ -86,7 +86,7 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.0.69",
+    "@zohodesk/icons": "1.0.70",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",
@@ -94,6 +94,6 @@
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.2.6"
+    "@zohodesk/a11y": "2.2.7"
   }
 }

package/propValidationArg.json

@@ -7,6 +7,6 @@
     "need_report": true,
     "prop_validation_strict_mode": true,
     "prop_validation_log": false,
-    "prop_unification_strict_mode": true,
+    "prop_unification_strict_mode": false,
     "prop_unification_log": false
 }