intelicoreact 1.4.38 → 1.4.39

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -737,7 +737,9 @@ const TagsDropdown = _ref => {
           setIsOpen(true);
         }
       }
-    }, attributesOfNativeInput)))), headerContent && /*#__PURE__*/_react.default.createElement("div", {
+    }, attributesOfNativeInput, withCreateLogic ? {
+      symbolsLimit: 50
+    } : {})))), headerContent && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__header-row"))
     }, headerContent)) : null, withSearchInputInList && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__input-list-wrapper"))

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

@@ -26,6 +26,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 const TagList = _ref => {
+  var _wrapperRef$current$g, _wrapperRef$current, _wrapperRef$current$g2;
+
   let {
     disabled,
     className,
@@ -42,19 +44,17 @@ const TagList = _ref => {
     onToggleRenderAll
   } = _ref;
   const wrapperRef = (0, _react.useRef)(null);
-  const [wrapperWidth, setWrapperWidth] = (0, _react.useState)(-1);
   const [tagList, setTagList] = (0, _react.useState)([]);
   const [staticTagsCount, setStaticTagsCount] = (0, _react.useState)(-1);
   const [renderItemsCount, setRenderItemsCount] = (0, _react.useState)(-1);
   const [renderAll, setRenderAll] = (0, _react.useState)(!withToggle);
+  const wrapperWidth = (_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : (_wrapperRef$current$g2 = _wrapperRef$current.getBoundingClientRect()) === null || _wrapperRef$current$g2 === void 0 ? void 0 : _wrapperRef$current$g2.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : -1;
 
   const setRenderAllInterceptor = v => {
     setRenderAll(v);
     onToggleRenderAll === null || onToggleRenderAll === void 0 ? void 0 : onToggleRenderAll(v);
   };
 
-  const [lastCheckTime, setLastCheckTime] = (0, _react.useState)(-1);
-
   const isTagsRefSet = () => {
     if (!tagList.length) return false;
     return tagList.map(_ref2 => {
@@ -76,10 +76,13 @@ const TagList = _ref => {
       } = _ref3;
       return itemRef;
     }).reduce((result, itemRef) => {
-      // const itemWidth = itemRef.current.getBoundingClientRect();
-      const itemWidth = parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue("width"), 10) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue("margin-left"), 10) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue("margin-right"), 10);
+      const itemStyle = window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current);
+      const itemWidth = [parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.width, 10), parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginLeft, 10), parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginRight, 10)].reduce((result, item) => {
+        if (!isNaN(item)) result += item;
+        return result;
+      }, 0);
 
-      if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < wrapperWidth) {
+      if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < wrapperWidth - 30) {
         result = {
           count: result.count + 1,
           width: result.width + itemWidth,
@@ -125,7 +128,7 @@ const TagList = _ref => {
         return (value !== null && value !== void 0 ? value : id) === v;
       });
       if (!item) return null;
-      const isHidden = renderItemsCount !== -1 ? i >= renderItemsCount : false;
+      const isHidden = renderItemsCount !== -1 && staticTagsCount !== -1 ? i >= renderItemsCount : false;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "tag-list_wrapper_item ".concat(isHidden ? "tag-list_wrapper_item--hidden" : ""),
         key: "tag-list-item-".concat((_item$id = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id !== void 0 ? _item$id : item === null || item === void 0 ? void 0 : item.value),
@@ -157,16 +160,8 @@ const TagList = _ref => {
       className: "tag-list_wrapper_hide-more",
       onClick: e => cancelDefault(e, () => setRenderAllInterceptor(false))
     });
-  }; // Set TagList Wrapper Width
-
-
-  (0, _react.useLayoutEffect)(() => {
-    const wrapperNewWidth = parseInt(window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current).getPropertyValue("width"), 10) - 48;
+  }; // Set TagList Items
 
-    if (wrapperRef.current && wrapperNewWidth !== wrapperWidth) {
-      setWrapperWidth(wrapperNewWidth);
-    }
-  }, [document]); // Set TagList Items
 
   (0, _react.useEffect)(() => {
     setStaticTagsCount(-1);
@@ -178,15 +173,10 @@ const TagList = _ref => {
   }, [items]); // Count Row Tags
 
   (0, _react.useLayoutEffect)(() => {
-    if (withToggle) {
-      if (!isTagsRefSet() && lastCheckTime === -1) {
-        setLastCheckTime(Date.now());
-        return;
-      }
-
+    if (withToggle && wrapperWidth !== -1) {
       setStaticTagsCount(getStaticTagsCount());
     }
-  }, [tagList, wrapperWidth, lastCheckTime]); //
+  }, [tagList, wrapperWidth, withToggle]); //
 
   (0, _react.useLayoutEffect)(() => {
     setRenderItemsCount(staticTagsCount);
@@ -203,6 +193,10 @@ const TagList = _ref => {
     className: (0, _classnames.default)("tag-list_wrapper", "".concat(renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length) ? "tag-list_wrapper--only-static-items" : "tag-list_wrapper--all-items"), className, {
       "tag-list_wrapper--disabled": disabled
     }),
+    style: {
+      visibility: staticTagsCount === -1 ? "hidden" : "visible",
+      zIndex: staticTagsCount === -1 ? "-1" : "auto"
+    },
     ref: wrapperRef
   }, renderTags(), renderMoreTags(), renderHideTags(), typeof onEditClick === "function" && /*#__PURE__*/_react.default.createElement("div", {
     className: "tag-list__edit-trigger"

package/package.json

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