@zohodesk/components 1.2.53 → 1.2.54

package/README.md

@@ -32,6 +32,12 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.2.54
+
+- **Reverted 1.2.45 MultiSelect Fix**
+  - The issue with the non-scrollable API call trigger in multiselect, introduced in version `1.2.45`, has been `reverted` in this version.
+
+
 # 1.2.53
 
 - **CheckBox** - Disabled State CheckBox Color Fixed

package/es/MultiSelect/MultiSelect.js

@@ -191,19 +191,13 @@ export class MultiSelectComponent extends React.Component {
     } //Need To MultiselectNew Component
 
 
-    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();
-      }
-    }
+    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();
+    //   }
+    // }
   }
 
   componentWillUnmount() {

package/es/v1/MultiSelect/MultiSelect.js

@@ -191,19 +191,13 @@ export class MultiSelectComponent extends React.Component {
     } //Need To MultiselectNew Component
 
 
-    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();
-      }
-    }
+    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();
+    //   }
+    // }
   }
 
   componentWillUnmount() {

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/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.54",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -71,7 +71,7 @@
     "@zohodesk/a11y": "2.2.6",
     "@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",