intelicoreact 1.4.7 → 1.4.8

package/dist/Atomic/UI/Table/TdTypes/TdWeight.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../../../../Functions/utils");
-
 var _Modal = require("../../Modal/Modal");
-
 require("../Table.scss");
-
 const TdWeight = _ref => {
   let {
     value,
@@ -33,20 +26,17 @@ const TdWeight = _ref => {
   (0, _react.useEffect)(() => {
     setState(value);
   }, [value, isEdited]);
-
   const handleKeyUp = _ref2 => {
     let {
       keyCode,
       target
     } = _ref2;
-
     if (keyCode === _Modal.KEY_CODE.ENTER) {
       const newValue = Number(target.value) || 1;
       onChange(newValue);
       unsetIsEdited();
     }
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, isEdited ? /*#__PURE__*/React.createElement(Input, {
     value: state,
     onChange: e => setState(e),
@@ -60,6 +50,4 @@ const TdWeight = _ref => {
     className: "ml2 color--grey-gull"
   }, "(", percent, "%)")));
 };
-
-var _default = TdWeight;
-exports.default = _default;
+var _default = exports.default = TdWeight;

package/dist/Atomic/UI/Tag/Tag.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _utils = require("../../../Functions/utils");
-
 require("./Tag.scss");
-
-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; }
-
+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; }
 const Tag = _ref => {
   let {
     value,
@@ -29,6 +20,8 @@ const Tag = _ref => {
     warning,
     removeItem,
     name,
+    color,
+    id,
     isNoDismiss = true,
     onClick = () => {},
     testId = "test-tag",
@@ -42,7 +35,10 @@ const Tag = _ref => {
     className: (0, _classnames.default)("tag", className, {
       "tag-warn": warning
     }),
-    onClick: onClick
+    style: {
+      background: color
+    },
+    onClick: () => onClick(id)
   }, warning && typeof warning === "string" && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
     className: "advanced-tags--warning-icon mr5"
   }), warning && typeof warning === "string" && isTagHover && /*#__PURE__*/_react.default.createElement("div", {
@@ -57,6 +53,4 @@ const Tag = _ref => {
     className: "color--text"
   })));
 };
-
-var _default = Tag;
-exports.default = _default;
+var _default = exports.default = Tag;

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

@@ -1,30 +1,22 @@
 "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 _utils = require("../../../Functions/utils");
-
 var _Tag = _interopRequireDefault(require("../Tag/Tag"));
-
 require("./TagList.scss");
-
-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; }
-
+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; }
 const TagList = _ref => {
   let {
     className,
     warning,
+    onTagClick,
     removeItem = null,
     items = [],
     withToggle = true,
@@ -40,7 +32,6 @@ const TagList = _ref => {
   const [renderAll, setRenderAll] = (0, _react.useState)(!withToggle);
   const [lastCheckTime, setLastCheckTime] = (0, _react.useState)(-1);
   const [checkTagsRefDate, setCheckTagsRefDate] = (0, _react.useState)(Date.now());
-
   const isTagsRefSet = () => {
     if (!tagList.length) return false;
     return tagList.map(_ref2 => {
@@ -53,7 +44,6 @@ const TagList = _ref => {
       return result;
     }, true);
   };
-
   const getStaticTagsCount = () => {
     if (typeof shownItemsCount === "number") return shownItemsCount;
     const result = tagList.map(_ref3 => {
@@ -64,7 +54,6 @@ 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,
@@ -75,7 +64,6 @@ const TagList = _ref => {
           }]
         };
       }
-
       return result;
     }, {
       count: 0,
@@ -84,65 +72,67 @@ 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 ? void 0 : e.preventDefault();
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
+    e === null || e === void 0 || e.preventDefault();
+    e === null || e === void 0 || e.stopPropagation();
     cb(e);
-  }; // 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]); // Set TagList Items
+  }, [document]);
 
+  // Set TagList Items
   (0, _react.useEffect)(() => {
     setStaticTagsCount(-1);
     setRenderItemsCount(-1);
     setRenderAll(false);
-    setTagList(items.map(item => ({ ...item,
+    setTagList(items.map(item => ({
+      ...item,
       itemRef: /*#__PURE__*/(0, _react.createRef)()
     })));
-  }, [items]); // Count Row Tags
+  }, [items]);
 
+  // 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]); // Toggle Show/Hide More Tags
+  }, [staticTagsCount]);
 
+  // Toggle Show/Hide More Tags
   (0, _react.useEffect)(() => {
     setRenderItemsCount(renderAll ? tagList === null || tagList === void 0 ? void 0 : tagList.length : staticTagsCount);
   }, [renderAll]);
-
   const renderTags = () => {
-    return tagList.map((item, i) => ({ ...item,
+    return tagList.map((item, i) => ({
+      ...item,
       isHidden: renderItemsCount !== -1 ? i >= renderItemsCount : false
     })).map((item, i) => /*#__PURE__*/_react.default.createElement("div", {
       className: "tag-list_wrapper_item ".concat(item.isHidden ? "tag-list_wrapper_item--hidden" : ""),
-      key: "tag-list-item-".concat(i),
+      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(i)
+      testId: "test-taglist-item-".concat(item.id)
     }, 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;
@@ -153,7 +143,6 @@ const TagList = _ref => {
       onClick: disableShowMore ? () => {} : e => cancelDefault(e, () => setRenderAll(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, {
@@ -162,12 +151,9 @@ const TagList = _ref => {
       onClick: e => cancelDefault(e, () => setRenderAll(false))
     });
   };
-
   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 : ""),
     ref: wrapperRef
   }, renderTags(), renderMoreTags(), renderHideTags());
 };
-
-var _default = TagList;
-exports.default = _default;
+var _default = exports.default = TagList;

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

@@ -1,24 +1,16 @@
 "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",
@@ -31,7 +23,6 @@ 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", {
@@ -61,11 +52,8 @@ 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 = UserBox;
-exports.default = _default;
+var _default = exports.default = UserBox;