intelicoreact 1.4.76 → 1.4.78

package/dist/Atomic/UI/Table/Partials/TdRow.js

@@ -1,19 +1,30 @@
 "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 _utils = require("../../../../Functions/utils");
+
 var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
+
 var _TdRange = _interopRequireDefault(require("../TdTypes/TdRange"));
+
 var _TdCell = _interopRequireDefault(require("./TdCell"));
+
 require("../Table.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 TdRow = _ref => {
   let {
     item,
@@ -32,8 +43,7 @@ const TdRow = _ref => {
     testId = "test-table-row"
   } = _ref;
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const handleChange = (0, _utils.handleObjectChange)(item, () => onChange({
-    ...item
+  const handleChange = (0, _utils.handleObjectChange)(item, () => onChange({ ...item
   }));
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("tr", null, type && rowSpan && /*#__PURE__*/_react.default.createElement("td", {
     className: "rel",
@@ -74,4 +84,6 @@ const TdRow = _ref => {
     size: "420"
   }, "test"))) : null);
 };
-var _default = exports.default = TdRow;
+
+var _default = TdRow;
+exports.default = _default;

package/dist/Atomic/UI/Table/Partials/TdTitle.js

@@ -1,17 +1,26 @@
 "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 _Langs = _interopRequireDefault(require("../../../../../Langs"));
+
 var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
+
 var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
+
 require("../Table.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 TdTitle = _ref => {
   let {
     locations,
@@ -47,4 +56,6 @@ const TdTitle = _ref => {
     className: "cards-table__title-delete-btn"
   }, txt.buttons.deletePingTree)));
 };
-var _default = exports.default = TdTitle;
+
+var _default = TdTitle;
+exports.default = _default;

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

@@ -1,15 +1,22 @@
 "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 _TdHeader = _interopRequireDefault(require("./Partials/TdHeader"));
+
 var _TdRow = _interopRequireDefault(require("./Partials/TdRow"));
+
 require("./Table.scss");
+
 const Table = _ref => {
   let {
     rows,
@@ -19,6 +26,7 @@ const Table = _ref => {
     onActionClick,
     testId = "test-table"
   } = _ref;
+
   const handleArrayChange = (value, index) => {
     rows[index] = value;
     onChange({
@@ -26,6 +34,7 @@ const Table = _ref => {
       rows: [...rows]
     });
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
     className: (0, _classnames.default)("simple-table", {
@@ -46,4 +55,6 @@ const Table = _ref => {
     colSpan: header === null || header === void 0 ? void 0 : header.length
   }, "Not set")))));
 };
-var _default = exports.default = Table;
+
+var _default = Table;
+exports.default = _default;

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

@@ -1,16 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TdActions = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var Icons = _interopRequireWildcard(require("react-feather"));
+
 var _Switcher = _interopRequireDefault(require("../../../FormElements/Switcher/Switcher"));
+
 require("./TdTypes.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 TdActions = _ref => {
   let {
     actions,
@@ -20,11 +28,13 @@ const TdActions = _ref => {
   } = _ref;
   if (!actions) return false;
   const [state, setState] = (0, _react.useState)(actions);
+
   const handleArrayChange = (value, index, prop) => {
     state[index][prop] = value;
     setState([...state]);
     onChange(state);
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "j6"
   }, actions === null || actions === void 0 ? void 0 : actions.map((action, index) => {
@@ -35,24 +45,28 @@ const TdActions = _ref => {
           className: "td-actions--item td-actions--download",
           onClick: () => {}
         }, /*#__PURE__*/_react.default.createElement(Icons.Download, null));
+
       case "edit":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--edit",
           onClick: () => {}
         }, /*#__PURE__*/_react.default.createElement(Icons.Edit3, null));
+
       case "delete":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--delete",
           onClick: () => onActionClick("delete", rowItem)
         }, /*#__PURE__*/_react.default.createElement(Icons.Trash2, null));
+
       case "undo":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--undo",
           onClick: () => onActionClick("undo", rowItem)
         }, /*#__PURE__*/_react.default.createElement(Icons.RotateCcw, null));
+
       case "switcher":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
@@ -62,9 +76,11 @@ const TdActions = _ref => {
           isActive: action === null || action === void 0 ? void 0 : action.value,
           onChange: e => handleArrayChange(e, index, "value")
         }));
+
       default:
         return null;
     }
   }));
 };
+
 exports.TdActions = TdActions;

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

@@ -1,14 +1,20 @@
 "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 _reactFeather = require("react-feather");
+
 require("../Table.scss");
+
 const TdPriority = _ref => {
   let {
     onClick,
@@ -33,4 +39,6 @@ const TdPriority = _ref => {
     })
   })));
 };
-var _default = exports.default = TdPriority;
+
+var _default = TdPriority;
+exports.default = _default;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 const TdRange = _ref => {
   let {
     item
@@ -11,4 +12,6 @@ const TdRange = _ref => {
   if (!item) return false;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, item.from), /*#__PURE__*/React.createElement("span", null, " - "), /*#__PURE__*/React.createElement("span", null, item.to));
 };
-var _default = exports.default = TdRange;
+
+var _default = TdRange;
+exports.default = _default;

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

@@ -1,15 +1,22 @@
 "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,
@@ -26,17 +33,20 @@ 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),
@@ -50,4 +60,6 @@ const TdWeight = _ref => {
     className: "ml2 color--grey-gull"
   }, "(", percent, "%)")));
 };
-var _default = exports.default = TdWeight;
+
+var _default = TdWeight;
+exports.default = _default;

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

@@ -1,20 +1,31 @@
 "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 _reactDom = require("react-dom");
+
 var _reactFeather = require("react-feather");
+
 var _Spinner = _interopRequireDefault(require("./../../Layout/Spinner/Spinner"));
+
 require("./Tag.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 Tag = _ref => {
   var _tagRef$current$getBo, _tagRef$current;
+
   let {
     value,
     className,
@@ -41,19 +52,20 @@ const Tag = _ref => {
     y,
     height,
     width
-  } = (_tagRef$current$getBo = tagRef === null || tagRef === void 0 || (_tagRef$current = tagRef.current) === null || _tagRef$current === void 0 ? void 0 : _tagRef$current.getBoundingClientRect()) !== null && _tagRef$current$getBo !== void 0 ? _tagRef$current$getBo : {};
+  } = (_tagRef$current$getBo = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef$current = tagRef.current) === null || _tagRef$current === void 0 ? void 0 : _tagRef$current.getBoundingClientRect()) !== null && _tagRef$current$getBo !== void 0 ? _tagRef$current$getBo : {};
   const {
     scrollY
   } = window;
   const tagPopupStyles = (0, _react.useMemo)(() => {
     var _tagRef$current2;
+
     if (!isTagPopupOpened || !(tagRef !== null && tagRef !== void 0 && tagRef.current)) return {};
     const {
       x,
       y,
       height,
       width
-    } = tagRef === null || tagRef === void 0 || (_tagRef$current2 = tagRef.current) === null || _tagRef$current2 === void 0 ? void 0 : _tagRef$current2.getBoundingClientRect();
+    } = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef$current2 = tagRef.current) === null || _tagRef$current2 === void 0 ? void 0 : _tagRef$current2.getBoundingClientRect();
     return {
       left: "".concat(x, "px"),
       top: "".concat(y + scrollY, "px"),
@@ -65,26 +77,27 @@ const Tag = _ref => {
       if (isPopup) {
         setIsTagPopupOpened(!isTagPopupOpened);
       }
+
       onClick(id);
     }
-  };
+  }; // закрытие по кликаутсайду
 
-  // закрытие по кликаутсайду
   const handleClickOutside = () => {
     setIsTagPopupOpened(false);
   };
+
   (0, _react.useEffect)(() => {
     document.addEventListener("click", handleClickOutside, true);
     return () => {
       document.removeEventListener("click", handleClickOutside, true);
     };
-  }, []);
+  }, []); // закрытие по скролу
 
-  // закрытие по скролу
   (0, _react.useEffect)(() => {
     const handleScroll = () => {
       setIsTagPopupOpened(false);
     };
+
     window.addEventListener("scroll", handleScroll, true);
     return () => {
       window.removeEventListener("scroll", handleScroll, true);
@@ -109,8 +122,8 @@ const Tag = _ref => {
   }, label || name), removeItem && !isNoDismiss && /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": testIdRemove,
     onClick: e => {
-      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();
       removeItem(value);
     },
     className: "tag__button"
@@ -124,4 +137,6 @@ const Tag = _ref => {
     size: "small"
   }) : popupInfoContent), document.getElementById("app")));
 };
-var _default = exports.default = Tag;
+
+var _default = Tag;
+exports.default = _default;

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

@@ -1,21 +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 => {
-  var _wrapperRef$current$g, _wrapperRef$current;
+  var _wrapperRef$current$g, _wrapperRef$current, _wrapperRef$current$g2;
+
   let {
     disabled,
     className,
@@ -36,24 +48,31 @@ 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 wrapperWidth = (_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || (_wrapperRef$current = _wrapperRef$current.getBoundingClientRect()) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : -1;
+  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 || onToggleRenderAll(v);
+    onToggleRenderAll === null || onToggleRenderAll === void 0 ? void 0 : onToggleRenderAll(v);
   };
+
   const getStaticTagsCount = computedWidth => {
     var _result$items;
+
     if (typeof shownItemsCount === "number") return shownItemsCount;
     const delta = typeof onEditClick === "function" ? 60 : 32;
     const result = tagList.reduce((result, _ref2, index) => {
+      var _itemRef$current, _itemRef$current$getB;
+
       let {
         itemRef
       } = _ref2;
+      if (result.skip) return result;
       const itemStyle = (itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) && window.getComputedStyle(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) => {
+      const itemWidth = [parseInt((_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 ? void 0 : (_itemRef$current$getB = _itemRef$current.getBoundingClientRect()) === null || _itemRef$current$getB === void 0 ? void 0 : _itemRef$current$getB.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 < computedWidth - delta || index === 0) {
         result = {
           count: result.count + 1,
@@ -63,24 +82,32 @@ const TagList = _ref => {
             r: itemRef === null || itemRef === void 0 ? void 0 : itemRef.current
           }]
         };
+      } else {
+        result.skip = true;
       }
+
       return result;
     }, {
       count: 0,
       width: 0,
-      items: []
+      items: [],
+      skip: false
     });
-    if ((result === null || result === void 0 || (_result$items = result.items) === null || _result$items === void 0 ? void 0 : _result$items.length) === 1) {
+
+    if ((result === null || result === void 0 ? void 0 : (_result$items = result.items) === null || _result$items === void 0 ? void 0 : _result$items.length) === 1 && tagList.length > 1) {
       result.items[0].r.style.maxWidth = "".concat(computedWidth - delta - 8, "px");
     }
+
     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 = () => {
     const tagsRenderOrder = renderOrder !== null && renderOrder !== void 0 ? renderOrder : tagList.map(_ref3 => {
       let {
@@ -91,6 +118,7 @@ const TagList = _ref => {
     });
     return tagsRenderOrder.map((v, i) => {
       var _item$id, _item$id2;
+
       const item = tagList.find(_ref4 => {
         let {
           value,
@@ -112,6 +140,7 @@ const TagList = _ref => {
       })));
     });
   };
+
   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;
@@ -122,6 +151,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, {
@@ -129,39 +159,38 @@ const TagList = _ref => {
       className: "tag-list_wrapper_hide-more",
       onClick: e => cancelDefault(e, () => setRenderAllInterceptor(false))
     });
-  };
+  }; // 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 && wrapperWidth !== -1 && staticTagsCount === -1) {
       let computedWidth = wrapperWidth;
+
       if (computedWidth === 0) {
         var _window$getComputedSt;
+
         computedWidth = parseInt(wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current ? (_window$getComputedSt = window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.width : 0);
       }
+
       if (!isNaN(computedWidth)) {
         setStaticTagsCount(getStaticTagsCount(computedWidth));
       }
     }
-  }, [tagList, wrapperWidth, wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]);
+  }, [tagList, wrapperWidth, wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]); //
 
-  //
   (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]);
@@ -184,4 +213,6 @@ const TagList = _ref => {
     onClick: onEditClick
   })));
 };
-var _default = exports.default = TagList;
+
+var _default = TagList;
+exports.default = _default;

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

@@ -25,10 +25,10 @@
     display: inline-block;
     box-sizing: border-box;
     overflow: hidden;
-    width: 100%;
+    width: auto;
 
     .tag {
-      max-width: 100%;
+      // max-width: 100%;
       box-sizing: border-box;
 
       &__label {
@@ -68,3 +68,4 @@
     color: #6B81DD;
   }
 }
+