intelicoreact 1.4.23 → 1.4.25

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,18 +1,29 @@
 "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 _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,
@@ -31,33 +42,60 @@ const Tag = _ref => {
     testId = "test-tag",
     testIdRemove = "test-tag-remove"
   } = _ref;
+  const tagRef = (0, _react.useRef)();
   const [isTagHover, setIsTagHover] = (0, _react.useState)(false);
   const [isTagPopupOpened, setIsTagPopupOpened] = (0, _react.useState)(false);
+  const {
+    x,
+    y,
+    height,
+    width
+  } = (_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 = useMemo(() => {
+    var _tagRef$current2;
+
+    if (!isTagPopupOpened || !(tagRef !== null && tagRef !== void 0 && tagRef.current)) return {};
+    const {
+      x,
+      y,
+      height,
+      width
+    } = 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"),
+      transform: "translate(calc(-1 * calc(100% - ".concat(width / 2 + 22, "px)), ").concat(height + 10, "px)")
+    };
+  }, [isTagPopupOpened, x, y, width, height, scrollY]);
   const handle = {
     onTagClick: () => {
       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);
@@ -71,7 +109,8 @@ const Tag = _ref => {
       "tag-warn": warning
     }),
     style: style !== null && style !== void 0 ? style : {},
-    onClick: () => handle.onTagClick()
+    onClick: () => handle.onTagClick(),
+    ref: tagRef
   }, 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", {
@@ -84,10 +123,14 @@ const Tag = _ref => {
     className: "tag__button"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
     className: "color--text"
-  })), isTagPopupOpened && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("tag__popup", popupClassName)
+  })), isTagPopupOpened && createPortal( /*#__PURE__*/_react.default.createElement("div", {
+    id: "tagPopup".concat(value),
+    className: (0, _classnames.default)("tag__popup", popupClassName),
+    style: tagPopupStyles
   }, !popupInfo ? /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
-  }) : popupInfoContent));
+  }) : popupInfoContent), document.getElementById("app")));
 };
-var _default = exports.default = Tag;
+
+var _default = Tag;
+exports.default = _default;

package/dist/Atomic/UI/Tag/Tag.scss

@@ -89,14 +89,13 @@
 
 .tag__popup {
   position: absolute;
-  top: 34px;
   background: #FFFFFF;
   box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);
-  z-index: 1;
-  right: 0px;
+  z-index: 9999;
   border-radius: 4px;
   min-height: 60px;
   min-width: 200px;
+  width: fit-content;
   box-sizing: border-box;
   padding: 8px;