intelicoreact 1.4.23 → 1.4.25

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

@@ -1,20 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 var _utils = require("../../../Functions/utils");
+
 var _Tag = _interopRequireDefault(require("../Tag/Tag"));
+
 require("./TagList.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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 => {
   let {
+    disabled,
     className,
     onTagClick,
     removeItem = null,
@@ -24,11 +37,9 @@ const TagList = _ref => {
     shownItemsCount = "auto",
     testId = "test-taglist",
     refProp,
+    renderOrder,
     onEditClick,
-    onToggleRenderAll,
-    isPopup,
-    popupInfo,
-    popupInfoContent
+    onToggleRenderAll
   } = _ref;
   const wrapperRef = (0, _react.useRef)(null);
   const [wrapperWidth, setWrapperWidth] = (0, _react.useState)(-1);
@@ -36,11 +47,14 @@ const TagList = _ref => {
   const [staticTagsCount, setStaticTagsCount] = (0, _react.useState)(-1);
   const [renderItemsCount, setRenderItemsCount] = (0, _react.useState)(-1);
   const [renderAll, setRenderAll] = (0, _react.useState)(!withToggle);
+
   const setRenderAllInterceptor = v => {
     setRenderAll(v);
-    onToggleRenderAll === null || onToggleRenderAll === void 0 || onToggleRenderAll(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 => {
@@ -53,6 +67,7 @@ const TagList = _ref => {
       return result;
     }, true);
   };
+
   const getStaticTagsCount = () => {
     if (typeof shownItemsCount === "number") return shownItemsCount;
     const result = tagList.map(_ref3 => {
@@ -63,6 +78,7 @@ const TagList = _ref => {
     }).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);
+
       if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < wrapperWidth) {
         result = {
           count: result.count + 1,
@@ -73,6 +89,7 @@ const TagList = _ref => {
           }]
         };
       }
+
       return result;
     }, {
       count: 0,
@@ -81,30 +98,47 @@ const TagList = _ref => {
     });
     return result === null || result === void 0 ? void 0 : result.count;
   };
+
   const cancelDefault = function (e) {
     let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
-    e === null || e === void 0 || e.preventDefault();
-    e === null || e === void 0 || e.stopPropagation();
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
     cb(e);
   };
+
   const renderTags = () => {
-    return tagList.map((item, i) => ({
-      ...item,
-      isHidden: renderItemsCount !== -1 ? i >= renderItemsCount : false
-    })).map(item => /*#__PURE__*/_react.default.createElement("div", {
-      className: "tag-list_wrapper_item ".concat(item.isHidden ? "tag-list_wrapper_item--hidden" : ""),
-      key: "tag-list-item-".concat(item.id),
-      ref: (0, _utils.checkedRef)(item === null || item === void 0 ? void 0 : item.itemRef)
-    }, /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({
-      testId: "test-taglist-item-".concat(item.id)
-    }, item, {
-      onClick: onTagClick,
-      removeItem: removeItem,
-      isPopup: isPopup,
-      popupInfo: popupInfo,
-      popupInfoContent: popupInfoContent
-    }))));
+    const tagsRenderOrder = renderOrder !== null && renderOrder !== void 0 ? renderOrder : tagList.map(_ref4 => {
+      let {
+        value,
+        id
+      } = _ref4;
+      return value !== null && value !== void 0 ? value : id;
+    });
+    return tagsRenderOrder.map((v, i) => {
+      var _item$id, _item$id2;
+
+      const item = tagList.find(_ref5 => {
+        let {
+          value,
+          id
+        } = _ref5;
+        return (value !== null && value !== void 0 ? value : id) === v;
+      });
+      if (!item) return null;
+      const isHidden = renderItemsCount !== -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),
+        ref: (0, _utils.checkedRef)(item === null || item === void 0 ? void 0 : item.itemRef)
+      }, /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({
+        testId: "test-taglist-item-".concat((_item$id2 = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id2 !== void 0 ? _item$id2 : item === null || item === void 0 ? void 0 : item.value)
+      }, item, {
+        onClick: onTagClick,
+        removeItem: removeItem
+      })));
+    });
   };
+
   const renderMoreTags = () => {
     if ((tagList === null || tagList === void 0 ? void 0 : tagList.length) < shownItemsCount || !(tagList !== null && tagList !== void 0 && tagList.length) || disableShowMore) return null;
     const restItems = tagList.length - renderItemsCount;
@@ -115,6 +149,7 @@ const TagList = _ref => {
       onClick: disableShowMore ? () => {} : e => cancelDefault(e, () => setRenderAllInterceptor(true))
     });
   };
+
   const renderHideTags = () => {
     if (renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length)) return null;
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
@@ -122,44 +157,41 @@ const TagList = _ref => {
       className: "tag-list_wrapper_hide-more",
       onClick: e => cancelDefault(e, () => setRenderAllInterceptor(false))
     });
-  };
+  }; // Set TagList Wrapper Width
+
 
-  // 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;
+
     if (wrapperRef.current && wrapperNewWidth !== wrapperWidth) {
       setWrapperWidth(wrapperNewWidth);
     }
-  }, [document]);
+  }, [document]); // Set TagList Items
 
-  // Set TagList Items
   (0, _react.useEffect)(() => {
     setStaticTagsCount(-1);
     setRenderItemsCount(-1);
     setRenderAllInterceptor(false);
-    setTagList(items.map(item => ({
-      ...item,
+    setTagList(items.map(item => ({ ...item,
       itemRef: /*#__PURE__*/(0, _react.createRef)()
     })));
-  }, [items]);
+  }, [items]); // Count Row Tags
 
-  // Count Row Tags
   (0, _react.useLayoutEffect)(() => {
     if (withToggle) {
       if (!isTagsRefSet() && lastCheckTime === -1) {
         setLastCheckTime(Date.now());
         return;
       }
+
       setStaticTagsCount(getStaticTagsCount());
     }
-  }, [tagList, wrapperWidth, lastCheckTime]);
+  }, [tagList, wrapperWidth, lastCheckTime]); //
 
-  //
   (0, _react.useLayoutEffect)(() => {
     setRenderItemsCount(staticTagsCount);
-  }, [staticTagsCount]);
+  }, [staticTagsCount]); // Toggle Show/Hide More Tags
 
-  // Toggle Show/Hide More Tags
   (0, _react.useEffect)(() => {
     setRenderItemsCount(renderAll ? tagList === null || tagList === void 0 ? void 0 : tagList.length : staticTagsCount);
   }, [renderAll]);
@@ -168,7 +200,9 @@ const TagList = _ref => {
     if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && refProp) refProp.current = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current;
   }, [wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "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", " ").concat(className !== null && className !== void 0 ? className : ""),
+    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
+    }),
     ref: wrapperRef
   }, renderTags(), renderMoreTags(), renderHideTags(), typeof onEditClick === "function" && /*#__PURE__*/_react.default.createElement("div", {
     className: "tag-list__edit-trigger"
@@ -176,4 +210,6 @@ const TagList = _ref => {
     onClick: onEditClick
   })));
 };
-var _default = exports.default = TagList;
+
+var _default = TagList;
+exports.default = _default;

package/dist/Atomic/UI/TagList/TagList.scss

@@ -6,6 +6,13 @@
   min-width: 100%;
   max-width: 100%;
 
+  &--disabled {
+    filter: grayscale(0.2);
+    * {
+      pointer-events: none!important;
+    }
+  }
+
   &--only-static-items {
     display: flex;
 

package/dist/Atomic/UI/UserBox/UserBox.js

@@ -1,16 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _utils = require("../../../Functions/utils");
+
 var _Label = _interopRequireDefault(require("../../FormElements/Label/Label"));
+
 var _Button = _interopRequireDefault(require("../Button/Button"));
+
 require("./UserBox.scss");
+
 const UserBox = _ref => {
   let {
     name = "Username",
@@ -23,6 +31,7 @@ const UserBox = _ref => {
     testId = ""
   } = _ref;
   const getNameFirstLetter = name.charAt(0).toUpperCase();
+
   const renderUser = () => {
     if (isModal) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -52,8 +61,11 @@ const UserBox = _ref => {
       }), role && /*#__PURE__*/_react.default.createElement("span", null, role)));
     }
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("td-user-box", className)
   }, renderUser());
 };
-var _default = exports.default = UserBox;
+
+var _default = UserBox;
+exports.default = _default;