intelicoreact 1.4.39 → 1.4.41

package/dist/Atomic/UI/TagList/TagList.js

@@ -55,25 +55,16 @@ const TagList = _ref => {
     onToggleRenderAll === null || onToggleRenderAll === void 0 ? void 0 : onToggleRenderAll(v);
   };
 
-  const isTagsRefSet = () => {
-    if (!tagList.length) return false;
-    return tagList.map(_ref2 => {
-      let {
-        itemRef
-      } = _ref2;
-      return itemRef;
-    }).reduce((result, itemRef) => {
-      if (!(itemRef !== null && itemRef !== void 0 && itemRef.current)) return false;
-      return result;
-    }, true);
-  };
-
   const getStaticTagsCount = () => {
+    var _window$getComputedSt;
+
     if (typeof shownItemsCount === "number") return shownItemsCount;
-    const result = tagList.map(_ref3 => {
+    let computedWidth = wrapperWidth || parseInt((_window$getComputedSt = window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.width);
+    if (isNaN(computedWidth)) return -1;
+    const result = tagList.map(_ref2 => {
       let {
         itemRef
-      } = _ref3;
+      } = _ref2;
       return itemRef;
     }).reduce((result, itemRef) => {
       const itemStyle = window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current);
@@ -82,7 +73,7 @@ const TagList = _ref => {
         return result;
       }, 0);
 
-      if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < wrapperWidth - 30) {
+      if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < wrapperWidth - 32) {
         result = {
           count: result.count + 1,
           width: result.width + itemWidth,
@@ -110,21 +101,21 @@ const TagList = _ref => {
   };
 
   const renderTags = () => {
-    const tagsRenderOrder = renderOrder !== null && renderOrder !== void 0 ? renderOrder : tagList.map(_ref4 => {
+    const tagsRenderOrder = renderOrder !== null && renderOrder !== void 0 ? renderOrder : tagList.map(_ref3 => {
       let {
         value,
         id
-      } = _ref4;
+      } = _ref3;
       return value !== null && value !== void 0 ? value : id;
     });
     return tagsRenderOrder.map((v, i) => {
       var _item$id, _item$id2;
 
-      const item = tagList.find(_ref5 => {
+      const item = tagList.find(_ref4 => {
         let {
           value,
           id
-        } = _ref5;
+        } = _ref4;
         return (value !== null && value !== void 0 ? value : id) === v;
       });
       if (!item) return null;
@@ -173,10 +164,20 @@ const TagList = _ref => {
   }, [items]); // Count Row Tags
 
   (0, _react.useLayoutEffect)(() => {
-    if (withToggle && wrapperWidth !== -1) {
-      setStaticTagsCount(getStaticTagsCount());
+    if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {
+      let computedWidth = wrapperWidth;
+
+      if (computedWidth === 0) {
+        var _window$getComputedSt2;
+
+        computedWidth = parseInt((_window$getComputedSt2 = window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) === null || _window$getComputedSt2 === void 0 ? void 0 : _window$getComputedSt2.width);
+      }
+
+      if (!isNaN(computedWidth)) {
+        setStaticTagsCount(getStaticTagsCount());
+      }
     }
-  }, [tagList, wrapperWidth, withToggle]); //
+  }, [tagList, wrapperWidth, wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]); //
 
   (0, _react.useLayoutEffect)(() => {
     setRenderItemsCount(staticTagsCount);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.4.39",
+  "version": "1.4.41",
   "description": "",
   "main": "dist/index.js",
   "files": [