ecomlab-components-next 0.1.102 → 0.1.104

package/dist/components/Table/Table/Table.js

@@ -23,6 +23,9 @@ var _TableWithoutData = require("../TableWithoutData/TableWithoutData");
 var _Checkbox = _interopRequireDefault(require("../../Checkbox/Checkbox/Checkbox"));
 var _TableInput = _interopRequireDefault(require("../TableInput/TableInput"));
 var _CheckboxToggle = _interopRequireDefault(require("../CheckboxToggle/CheckboxToggle"));
+var _SliderCarousel = _interopRequireDefault(require("../../Slider/SliderCarousel/SliderCarousel"));
+var _AuthorAvatar = require("../../AuthorAvatar/AuthorAvatar");
+var _SceletonTable = require("../../Loader/SceletonTable/SceletonTable");
 require("./Table.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -50,8 +53,8 @@ var SORT_DIRECTIONS = {
   descending: 'DESC'
 };
 var DEFAULT_COL_WIDTH_PX = '150px';
-var _Table = function Table(_ref) {
-  var _headers$tooltips, _headers$tooltips2, _headers$header3, _fetchedData$;
+var Table = function Table(_ref) {
+  var _headers$tooltips, _headers$tooltips2;
   var noDataText = _ref.noDataText,
     loading = _ref.loading,
     _ref$fetchedData = _ref.fetchedData,
@@ -60,12 +63,12 @@ var _Table = function Table(_ref) {
     selectedHeaders = _ref.selectedHeaders,
     onCheck = _ref.onCheck,
     onInputHandler = _ref.onInputHandler,
+    _ref$onInputAction = _ref.onInputAction,
+    onInputAction = _ref$onInputAction === void 0 ? false : _ref$onInputAction,
     _ref$setCheckedStateE = _ref.setCheckedStateEmpty,
     setCheckedStateEmpty = _ref$setCheckedStateE === void 0 ? false : _ref$setCheckedStateE,
     _ref$setState = _ref.setState,
     setState = _ref$setState === void 0 ? false : _ref$setState,
-    _ref$isSortable = _ref.isSortable,
-    isSortable = _ref$isSortable === void 0 ? true : _ref$isSortable,
     _ref$onBooleanCheckbo = _ref.onBooleanCheckbox,
     onBooleanCheckbox = _ref$onBooleanCheckbo === void 0 ? false : _ref$onBooleanCheckbo,
     _ref$onAction = _ref.onAction,
@@ -106,17 +109,25 @@ var _Table = function Table(_ref) {
     topHeader = _ref.topHeader,
     page = _ref.page,
     contextMenuArr = _ref.contextMenuArr,
-    maxHeight = _ref.maxHeight;
+    maxHeight = _ref.maxHeight,
+    onUncheckAllDependence = _ref.onUncheckAllDependence,
+    tableBody = _ref.tableBody,
+    rowCount = _ref.rowCount,
+    setRowCount = _ref.setRowCount,
+    refBody = _ref.refBody,
+    refHeader = _ref.refHeader,
+    isEditing = _ref.isEditing,
+    tableIdCRM = _ref.tableIdCRM,
+    fetchHead = _ref.fetchHead;
   ////////////////////TRANSLATE////////////////////////
 
-  var _useState = (0, _react.useState)('ru'),
+  var _useState = (0, _react.useState)(localStorage.getItem('lang') || 'rus'),
     _useState2 = _slicedToArray(_useState, 2),
     lang = _useState2[0],
     setLang = _useState2[1];
-  // useEffect(() => {
-  //     setLang(localStorage.getItem("lang"))
-  // }, [localStorage.getItem("lang")]);
-
+  (0, _react.useEffect)(function () {
+    setLang(localStorage.getItem('lang'));
+  }, [localStorage.getItem('lang')]);
   var translateNoData = function translateNoData() {
     if (lang == 'en') return 'Select the parameters for loading table data';
     if (lang == 'th') return 'เลือกพารามิเตอร์สำหรับการโหลดข้อมูลตาราง';
@@ -134,6 +145,18 @@ var _Table = function Table(_ref) {
     if (lang == 'eng') return 'No data';
     return 'Нет данных';
   };
+  var translateCopyId = function translateCopyId() {
+    if (lang == 'en') return 'Copy ID';
+    return 'Скопировать артикул';
+  };
+  var translateCopiedId = function translateCopiedId() {
+    if (lang == 'en') return 'ID copied';
+    return 'Артикул скопирован';
+  };
+  var translateId = function translateId() {
+    if (lang == 'en') return 'ID:';
+    return 'Арт:';
+  };
   var translateContext = function translateContext(label) {
     switch (label) {
       case 'Удалить':
@@ -150,8 +173,8 @@ var _Table = function Table(_ref) {
   };
   var translateNoParametr = function translateNoParametr() {
     if (lang == 'en') return 'No data was found, try changing the parameters';
-    if (lang == 'tr') return "Makaleler Türkçe'ye çevrilme aşamasında olup, İngilizce versiyonlarını web sitesinde okuyabilirsiniz.";
-    if (lang == 'th') return "ไม่พบข้อมูล ลองเปลี่ยนพารามิเตอร์ดู";
+    if (lang == 'tr') return 'Veri bulunmadı,  filtreleri sıfırlamaya deneyin';
+    if (lang == 'th') return 'ไม่พบข้อมูล ลองเปลี่ยนพารามิเตอร์ดู';
     return 'По заданым параметрам не найдено данных, попробуйте поменять параметры';
   };
   var refTable = (0, _react.useRef)();
@@ -220,10 +243,10 @@ var _Table = function Table(_ref) {
     _useState34 = _slicedToArray(_useState33, 2),
     initialSort = _useState34[0],
     setInitialSort = _useState34[1];
-  var _useState35 = (0, _react.useState)(0),
+  var _useState35 = (0, _react.useState)({}),
     _useState36 = _slicedToArray(_useState35, 2),
-    rowCount = _useState36[0],
-    setRowCount = _useState36[1];
+    insideBody = _useState36[0],
+    setInsideBody = _useState36[1];
   var _useState37 = (0, _react.useState)({}),
     _useState38 = _slicedToArray(_useState37, 2),
     inputState = _useState38[0],
@@ -261,7 +284,6 @@ var _Table = function Table(_ref) {
     _useState54 = _slicedToArray(_useState53, 2),
     checkedAll = _useState54[0],
     _setCheckedAll = _useState54[1];
-  var refBody = (0, _react.useRef)();
   var refThead = (0, _react.useRef)();
   var typeIndexArr = selectedHeaders !== null && selectedHeaders !== void 0 && selectedHeaders.type ? selectedHeaders === null || selectedHeaders === void 0 ? void 0 : selectedHeaders.type : headers === null || headers === void 0 ? void 0 : headers.type;
   var hiddenHeaders = typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr.map(function (el, ind) {
@@ -306,7 +328,7 @@ var _Table = function Table(_ref) {
     return data === null || data === void 0 ? void 0 : data.reduce(function (result, current) {
       var valueToAdd;
       if (Array.isArray(current)) {
-        valueToAdd = _getId(current, "");
+        valueToAdd = _getId(current, '');
       } else {
         valueToAdd = _typeof(current) === 'object' ? '' : current === null || current === void 0 ? void 0 : current.toString();
       }
@@ -319,8 +341,9 @@ var _Table = function Table(_ref) {
 
   // Table row object
   var getRowObj = function getRowObj(data) {
+    var _headers$header;
     var rowObj = {};
-    headers === null || headers === void 0 || headers.header.forEach(function (el, index) {
+    headers === null || headers === void 0 || (_headers$header = headers.header) === null || _headers$header === void 0 || _headers$header.forEach(function (el, index) {
       if (_typeof(el) === 'object') {
         el = headers === null || headers === void 0 ? void 0 : headers.type[index];
         rowObj[el] = data[index];
@@ -424,8 +447,9 @@ var _Table = function Table(_ref) {
   };
 
   // Table column sort logic
-  var columnSort = function columnSort(el) {
+  var columnSort = function columnSort(element) {
     var sortActual;
+    var el = element.replace(/\n/g, '');
     if (initialSorting) {
       sortActual = [el, SORT_DIRECTIONS.descending];
       setInitialSorting(false);
@@ -444,919 +468,1245 @@ var _Table = function Table(_ref) {
       }
     }
     setSortParam(sortActual);
-    setSortDirection(sortActual);
+    // setSortDirection(sortActual);
     _sortingFunc([sortActual, filtersTable]);
     _setParams([sortActual, filtersTable]);
   };
-
-  // Formatting table data by types
+  (0, _react.useEffect)(function () {
+    setSortDirection(sort);
+  }, [sort]);
   var typesTd = function typesTd(arr, rowInd) {
-    var tdList = arr === null || arr === void 0 ? void 0 : arr.map(function (el, ind) {
-      var _ref2;
-      var currentType = typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr[ind];
-      var currentWidth = (_ref2 = (columnSize === null || columnSize === void 0 ? void 0 : columnSize.length) > 0 ? columnSize[ind] : DEFAULT_COL_WIDTH_PX) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_COL_WIDTH_PX;
-      if ((typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr.length) > 0) {
-        if (currentType === 'link') {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'link'),
-            onContextMenu: function onContextMenu(e) {
-              return e.stopPropagation();
-            }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_link"
-          }, /*#__PURE__*/_react["default"].createElement(_link3["default"], {
-            href: el,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "link__blue"
-          }, (el === null || el === void 0 ? void 0 : el.length) > 20 ? el.slice(0, 20) + '...' : el), (el === null || el === void 0 ? void 0 : el.length) > 20 && /*#__PURE__*/_react["default"].createElement(_link3["default"], {
-            href: el,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "link__blue popup-td"
-          }, el)));
-        }
-        if (currentType === 'stringLayers') {
-          if (!Array.isArray(el)) return '';
-          var stringArr = el === null || el === void 0 ? void 0 : el.map(function (item, itemInd) {
-            var styles;
-            if (Array.isArray(headers === null || headers === void 0 ? void 0 : headers.styles)) {
-              var _headers$styles, _headers$styles2;
-              styles = headers !== null && headers !== void 0 && (_headers$styles = headers.styles) !== null && _headers$styles !== void 0 && (_headers$styles = _headers$styles[rowInd]) !== null && _headers$styles !== void 0 && (_headers$styles = _headers$styles[ind]) !== null && _headers$styles !== void 0 && _headers$styles[itemInd] ? headers === null || headers === void 0 || (_headers$styles2 = headers.styles) === null || _headers$styles2 === void 0 || (_headers$styles2 = _headers$styles2[rowInd]) === null || _headers$styles2 === void 0 || (_headers$styles2 = _headers$styles2[ind]) === null || _headers$styles2 === void 0 ? void 0 : _headers$styles2[itemInd] : {};
-            }
-            if (Array.isArray(item)) {
-              return /*#__PURE__*/_react["default"].createElement("p", null, item.map(function (str, strInd) {
-                var strItemStyles;
-                if (styles) {
-                  var _styles;
-                  strItemStyles = (_styles = styles) === null || _styles === void 0 ? void 0 : _styles[strInd];
-                }
-                var checkedStyles = _typeof(strItemStyles) === 'object' && !Array.isArray(strItemStyles) ? strItemStyles : {};
-                return /*#__PURE__*/_react["default"].createElement("span", {
-                  className: 'text_grey',
-                  style: checkedStyles
-                }, str);
-              }));
-            } else {
-              return /*#__PURE__*/_react["default"].createElement("p", {
-                className: 'text_grey',
-                style: Array.isArray(styles) ? styles[itemInd] : styles
-              }, item);
-            }
-          });
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "type-td_string-layers ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'stringLayers')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_string-layers__content"
-          }, stringArr));
+    var tdList;
+    try {
+      tdList = arr === null || arr === void 0 ? void 0 : arr.map(function (el, ind) {
+        var _ref2;
+        var currentType = typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr[ind];
+        var currentWidth = (_ref2 = (columnSize === null || columnSize === void 0 ? void 0 : columnSize.length) > 0 ? columnSize[ind] : DEFAULT_COL_WIDTH_PX) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_COL_WIDTH_PX;
+        if ((typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr.length) > 0) {
+          if (isEditing && currentType === 'textEditable') {
+            var _headers$header2;
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              key: _getId([tableId, el, ind], 'input')
+            }, /*#__PURE__*/_react["default"].createElement(_TableInput["default"], {
+              props: [el],
+              getId: function getId(e) {
+                return _getId(e);
+              },
+              staticTD: staticTD,
+              ind: ind,
+              tableId: tableId,
+              rowObj: getRowObj(arr),
+              state: inputState,
+              setState: function setState(e) {
+                return setInputState(e);
+              },
+              inputRowInfo: [getRowObj(arr), String(el), headers === null || headers === void 0 || (_headers$header2 = headers.header) === null || _headers$header2 === void 0 ? void 0 : _headers$header2[ind]],
+              onInputAction: onInputAction
+            }));
+          }
         }
-        if (currentType === 'toggleStatus') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el = _slicedToArray(el, 2),
-            value = _el[0],
-            id = _el[1];
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "type-td_toggle_status ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'toggleStatus')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "text-box"
-          }, /*#__PURE__*/_react["default"].createElement(_CheckboxToggle["default"], {
-            value: value,
-            onChange: function onChange(e) {
-              if (onToggle) {
-                onToggle(getRowObj(arr));
+        if ((typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr.length) > 0) {
+          if (currentType === 'link') {
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'link'),
+              onContextMenu: function onContextMenu(e) {
+                return e.stopPropagation();
               }
-            }
-          })));
-        }
-        if (currentType === 'collectInfo') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el2 = _slicedToArray(el, 6),
-            imgLink = _el2[0],
-            name = _el2[1],
-            desc = _el2[2],
-            brand = _el2[3],
-            offerId = _el2[4],
-            count = _el2[5];
-          var isNameArr = Array.isArray(name);
-          var isDescArr = Array.isArray(desc);
-          var isBrandArr = Array.isArray(brand);
-          var isOfferArr = Array.isArray(offerId);
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "type-td_collect-info ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'collectInfo')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "collect_info_box"
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "img-box"
-          }, /*#__PURE__*/_react["default"].createElement("img", {
-            className: "collect_info_img",
-            src: imgLink.src,
-            onError: function onError(e) {
-              return e.target.src = imageNotFound;
-            },
-            alt: "table_info_img"
-          })), /*#__PURE__*/_react["default"].createElement("div", {
-            className: "text_info_box"
-          }, /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text_info_name",
-            onClick: isNameArr ? function (e) {
-              return onAction(['name', name]);
-            } : function () {},
-            style: isNameArr ? {
-              color: '#0009E8'
-            } : {}
-          }, name ? isNameArr ? name === null || name === void 0 ? void 0 : name[0] : name : '-'), /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text_info_desc",
-            onClick: isDescArr ? function (e) {
-              return onAction(['desc', desc]);
-            } : function () {},
-            style: isDescArr ? {
-              color: '#0009E8'
-            } : {}
-          }, desc ? isDescArr ? desc === null || desc === void 0 ? void 0 : desc[0] : desc : '-'), /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text_info_brand",
-            onClick: isBrandArr ? function (e) {
-              return onAction(['brand', brand]);
-            } : function () {},
-            style: isBrandArr ? {
-              color: '#0009E8'
-            } : {}
-          }, brand ? isBrandArr ? brand === null || brand === void 0 ? void 0 : brand[0] : brand : '-'), /*#__PURE__*/_react["default"].createElement("div", {
-            className: "text_info_sub_desc_box"
-          }, /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text_info_sub_desc",
-            onClick: isOfferArr ? function (e) {
-              return onAction(['offerId', offerId]);
-            } : function () {},
-            style: isOfferArr ? {
-              color: '#0009E8'
-            } : {}
-          }, "\u0410\u0440\u0442: ", /*#__PURE__*/_react["default"].createElement("span", null, offerId ? isOfferArr ? offerId === null || offerId === void 0 ? void 0 : offerId[0] : offerId : '-')), count && /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text_sum"
-          }, count, /*#__PURE__*/_react["default"].createElement("span", null, "\u0448\u0442")), /*#__PURE__*/_react["default"].createElement(_ButtonCopy.ButtonCopy, {
-            value: el === null || el === void 0 ? void 0 : el[(el === null || el === void 0 ? void 0 : el.length) - 1]
-          })))));
-        }
-        if (currentType === 'imageWithText') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el3 = _slicedToArray(el, 2),
-            link = _el3[0],
-            text = _el3[1];
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'imageWithText')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_image-with-text",
-            style: {
-              justifyContent: text ? 'flex-start' : 'center'
-            }
-          }, /*#__PURE__*/_react["default"].createElement("img", {
-            src: link,
-            alt: "table_icon",
-            onError: function onError(e) {
-              return e.target.src = imageNotFound;
-            }
-          }), /*#__PURE__*/_react["default"].createElement("p", null, text)));
-        }
-        if (currentType === 'author') {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'author')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_image-with-text",
-            style: {
-              justifyContent: el ? 'flex-start' : 'center'
-            }
-          }, /*#__PURE__*/_react["default"].createElement("p", null, lang === 'eng' ? (0, _utils.transliter)(el) : el)));
-        }
-        if (currentType === 'name') {
-          var _fullName$split$, _fullName$split$2;
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el4 = _slicedToArray(el, 2),
-            fullName = _el4[0],
-            color = _el4[1];
-          var _name = fullName === null || fullName === void 0 || (_fullName$split$ = fullName.split(' ')[0]) === null || _fullName$split$ === void 0 || (_fullName$split$ = _fullName$split$.substr(0, 1)) === null || _fullName$split$ === void 0 ? void 0 : _fullName$split$.toUpperCase();
-          var surname = fullName === null || fullName === void 0 || (_fullName$split$2 = fullName.split(' ')[1]) === null || _fullName$split$2 === void 0 || (_fullName$split$2 = _fullName$split$2.substr(0, 1)) === null || _fullName$split$2 === void 0 ? void 0 : _fullName$split$2.toUpperCase();
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'name')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_name",
-            style: {
-              justifyContent: el ? 'flex-start' : 'center'
-            }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "icon-name",
-            style: {
-              background: color
-            }
-          }, "".concat(_name ? _name : '').concat(surname ? surname : '')), /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text_name"
-          }, fullName)));
-        }
-        if (currentType === 'stringLayersWithLink') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _stringArr = el === null || el === void 0 ? void 0 : el.map(function (el, strInd) {
-            if (Array.isArray(el)) {
-              if ((el === null || el === void 0 ? void 0 : el.length) > 1) {
-                var _el5 = _slicedToArray(el, 2),
-                  _text = _el5[0],
-                  _link = _el5[1];
-                return /*#__PURE__*/_react["default"].createElement("a", {
-                  // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}} 
-                  key: _getId([tableId, el, ind], 'stringLayersWithLink'),
-                  href: _link,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "btn"
-                }, _text);
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_link"
+            }, /*#__PURE__*/_react["default"].createElement("a", {
+              href: el,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "link__blue"
+            }, (el === null || el === void 0 ? void 0 : el.length) > 20 ? el.slice(0, 20) + '...' : el), (el === null || el === void 0 ? void 0 : el.length) > 20 && /*#__PURE__*/_react["default"].createElement("a", {
+              href: el,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "link__blue popup-td"
+            }, el)));
+          }
+          if (currentType === 'stringLayers') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var stringArr = el === null || el === void 0 ? void 0 : el.map(function (item, itemInd) {
+              var styles;
+              if (Array.isArray(headers === null || headers === void 0 ? void 0 : headers.styles)) {
+                var _headers$styles, _headers$styles2;
+                styles = headers !== null && headers !== void 0 && (_headers$styles = headers.styles) !== null && _headers$styles !== void 0 && (_headers$styles = _headers$styles[rowInd]) !== null && _headers$styles !== void 0 && (_headers$styles = _headers$styles[ind]) !== null && _headers$styles !== void 0 && _headers$styles[itemInd] ? headers === null || headers === void 0 || (_headers$styles2 = headers.styles) === null || _headers$styles2 === void 0 || (_headers$styles2 = _headers$styles2[rowInd]) === null || _headers$styles2 === void 0 || (_headers$styles2 = _headers$styles2[ind]) === null || _headers$styles2 === void 0 ? void 0 : _headers$styles2[itemInd] : {};
               }
-            }
-          });
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "type-td_string-layers ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'stringLayersWithLink'),
-            onContextMenu: function onContextMenu(e) {
-              return e.stopPropagation();
-            }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "copy-box"
-          }, /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text"
-          }, el[0]), /*#__PURE__*/_react["default"].createElement(_ButtonCopy.ButtonCopy, {
-            value: el[0]
-          })), _stringArr && /*#__PURE__*/_react["default"].createElement("div", {
-            className: "text-box"
-          }, _stringArr));
-        }
-        if (currentType === 'copyText') {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'stringLayersWithLink'),
-            onContextMenu: function onContextMenu(e) {
-              return e.stopPropagation();
-            }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_copy-text"
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "copy-box"
-          }, /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text"
-          }, el), /*#__PURE__*/_react["default"].createElement(_ButtonCopy.ButtonCopy, {
-            value: el
-          }), /*#__PURE__*/_react["default"].createElement("div", {
-            className: "tooltip-box"
-          }, /*#__PURE__*/_react["default"].createElement("button", {
-            className: "btn-copy",
-            onClick: function onClick() {
-              navigator.clipboard.writeText(el[0]);
-              setActiveBuffer(el[0]);
-            }
-          }), /*#__PURE__*/_react["default"].createElement("div", {
-            className: "tooltip_black"
-          }, activeBuffer == el[0] ? translateTextСopied() : translateCopyText())))));
-        }
-        if (currentType === 'textWithLink') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el6 = _slicedToArray(el, 2),
-            _text2 = _el6[0],
-            _link2 = _el6[1];
-          var type_link = _link2 !== null && _link2 !== void 0 && _link2.includes('http') ? '_blank' : false;
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'textWithLink'),
-            onContextMenu: function onContextMenu(e) {
-              return e.stopPropagation();
-            }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_image-with-text"
-          }, /*#__PURE__*/_react["default"].createElement(_link3["default"], {
-            onClick: function onClick(e) {
-              if (typeof onRedirect === 'function') {
-                var _headers$header;
-                e.preventDefault();
-                onRedirect(onRedirectInfo ? [getRowObj(arr), el, headers === null || headers === void 0 || (_headers$header = headers.header) === null || _headers$header === void 0 ? void 0 : _headers$header[ind]] : [getRowObj(arr), _link2]);
+              if (Array.isArray(item)) {
+                return /*#__PURE__*/_react["default"].createElement("p", null, item.map(function (str, strInd) {
+                  var strItemStyles;
+                  if (styles) {
+                    var _styles;
+                    strItemStyles = (_styles = styles) === null || _styles === void 0 ? void 0 : _styles[strInd];
+                  }
+                  var checkedStyles = _typeof(strItemStyles) === 'object' && !Array.isArray(strItemStyles) ? strItemStyles : {};
+                  return /*#__PURE__*/_react["default"].createElement("span", {
+                    className: 'text_grey',
+                    style: checkedStyles
+                  }, str);
+                }));
               } else {
-                window.open(_link2, type_link);
+                return /*#__PURE__*/_react["default"].createElement("p", {
+                  className: 'text_grey',
+                  style: Array.isArray(styles) ? styles[itemInd] : styles
+                }, item);
               }
-            },
-            href: "#"
-            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
-          }, _text2)));
-        }
-        if (currentType === 'statusWithColor') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el7 = _slicedToArray(el, 3),
-            _text3 = _el7[0],
-            _color = _el7[1],
-            backgroundColor = _el7[2];
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([_text3 + ind]),
-            style: {
-              background: backgroundColor ? '#' + backgroundColor : ''
+            });
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "type-td_string-layers ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'stringLayers')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_string-layers__content"
+            }, stringArr));
+          }
+          if (currentType === 'toggleStatus') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el = _slicedToArray(el, 2),
+              value = _el[0],
+              id = _el[1];
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "type-td_toggle_status ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'toggleStatus')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "text-box"
+            }, /*#__PURE__*/_react["default"].createElement(_CheckboxToggle["default"], {
+              value: value,
+              onChange: function onChange(e) {
+                if (onToggle) {
+                  onToggle(getRowObj(arr));
+                }
+              }
+            })));
+          }
+          if (currentType === 'collectInfo') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el2 = _slicedToArray(el, 6),
+              imgLink = _el2[0],
+              name = _el2[1],
+              desc = _el2[2],
+              brand = _el2[3],
+              offerId = _el2[4],
+              count = _el2[5];
+            var isNameArr = Array.isArray(name);
+            var isDescArr = Array.isArray(desc);
+            var isBrandArr = Array.isArray(brand);
+            var isOfferArr = Array.isArray(offerId);
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "type-td_collect-info ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'collectInfo')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "collect_info_box"
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "img-box"
+            }, /*#__PURE__*/_react["default"].createElement("img", {
+              className: "collect_info_img",
+              src: imgLink,
+              onError: function onError(e) {
+                return e.target.src = imageNotFound;
+              },
+              alt: "table_info_img"
+            })), /*#__PURE__*/_react["default"].createElement("div", {
+              className: "text_info_box"
+            }, /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text_info_name",
+              onClick: isNameArr ? function (e) {
+                return onAction(['name', name]);
+              } : function () {},
+              style: isNameArr ? {
+                color: '#0009E8'
+              } : {}
+            }, name ? isNameArr ? name === null || name === void 0 ? void 0 : name[0] : name : '-'), /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text_info_desc",
+              onClick: isDescArr ? function (e) {
+                return onAction(['desc', desc]);
+              } : function () {},
+              style: isDescArr ? {
+                color: '#0009E8'
+              } : {}
+            }, desc ? isDescArr ? desc === null || desc === void 0 ? void 0 : desc[0] : desc : '-'), /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text_info_brand",
+              onClick: isBrandArr ? function (e) {
+                return onAction(['brand', brand]);
+              } : function () {},
+              style: isBrandArr ? {
+                color: '#0009E8'
+              } : {}
+            }, brand ? isBrandArr ? brand === null || brand === void 0 ? void 0 : brand[0] : brand : '-'), /*#__PURE__*/_react["default"].createElement("div", {
+              className: "text_info_sub_desc_box"
+            }, /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text_info_sub_desc",
+              onClick: isOfferArr ? function (e) {
+                return onAction(['offerId', offerId]);
+              } : function () {}
+            }, translateId(), ' ', Array.isArray(offerId) ? /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("a", {
+              style: isOfferArr ? {
+                color: '#0009E8'
+              } : {},
+              onClick: function onClick(e) {
+                return e.stopPropagation();
+              },
+              href: offerId !== null && offerId !== void 0 && offerId[1] ? offerId === null || offerId === void 0 ? void 0 : offerId[1] : '#',
+              target: "_blank"
+            }, offerId === null || offerId === void 0 ? void 0 : offerId[0])) : /*#__PURE__*/_react["default"].createElement("span", null, offerId)), count && /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text_sum"
+            }, count, /*#__PURE__*/_react["default"].createElement("span", null, "\u0448\u0442")), /*#__PURE__*/_react["default"].createElement(_ButtonCopy.ButtonCopy, {
+              value: el === null || el === void 0 ? void 0 : el[(el === null || el === void 0 ? void 0 : el.length) - 1],
+              copyText: translateCopyId(),
+              copiedText: translateCopiedId()
+            })))));
+          }
+          if (currentType === 'collectInfoArr') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _arr = el === null || el === void 0 ? void 0 : el.map(function (collectInfo) {
+              var _collectInfo = _slicedToArray(collectInfo, 6),
+                imgLink = _collectInfo[0],
+                name = _collectInfo[1],
+                desc = _collectInfo[2],
+                brand = _collectInfo[3],
+                offerId = _collectInfo[4],
+                count = _collectInfo[5];
+              var isNameArr = Array.isArray(name);
+              var isDescArr = Array.isArray(desc);
+              var isBrandArr = Array.isArray(brand);
+              var isOfferArr = Array.isArray(offerId);
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "type-td_collect-info ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, collectInfo, ind], 'collectInfo')
+              }, /*#__PURE__*/_react["default"].createElement("div", {
+                className: "collect_info_box"
+              }, /*#__PURE__*/_react["default"].createElement("div", {
+                className: "img-box"
+              }, /*#__PURE__*/_react["default"].createElement("img", {
+                className: "collect_info_img",
+                src: imgLink,
+                onError: function onError(e) {
+                  return e.target.src = imageNotFound;
+                },
+                alt: "table_info_img"
+              })), /*#__PURE__*/_react["default"].createElement("div", {
+                className: "text_info_box"
+              }, /*#__PURE__*/_react["default"].createElement("p", {
+                className: "text_info_name",
+                onClick: isNameArr ? function (e) {
+                  return onAction(['name', name]);
+                } : function () {},
+                style: isNameArr ? {
+                  color: '#0009E8'
+                } : {}
+              }, name ? isNameArr ? name === null || name === void 0 ? void 0 : name[0] : name : '-'), /*#__PURE__*/_react["default"].createElement("p", {
+                className: "text_info_desc",
+                onClick: isDescArr ? function (e) {
+                  return onAction(['desc', desc]);
+                } : function () {},
+                style: isDescArr ? {
+                  color: '#0009E8'
+                } : {}
+              }, desc ? isDescArr ? desc === null || desc === void 0 ? void 0 : desc[0] : desc : '-'), /*#__PURE__*/_react["default"].createElement("p", {
+                className: "text_info_brand",
+                onClick: isBrandArr ? function (e) {
+                  return onAction(['brand', brand]);
+                } : function () {},
+                style: isBrandArr ? {
+                  color: '#0009E8'
+                } : {}
+              }, brand ? isBrandArr ? brand === null || brand === void 0 ? void 0 : brand[0] : brand : '-'), /*#__PURE__*/_react["default"].createElement("div", {
+                className: "text_info_sub_desc_box"
+              }, /*#__PURE__*/_react["default"].createElement("p", {
+                className: "text_info_sub_desc",
+                onClick: isOfferArr ? function (e) {
+                  return onAction(['offerId', offerId]);
+                } : function () {}
+              }, translateId(), ' ', Array.isArray(offerId) ? /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("a", {
+                style: isOfferArr ? {
+                  color: '#0009E8'
+                } : {},
+                onClick: function onClick(e) {
+                  return e.stopPropagation();
+                },
+                href: offerId !== null && offerId !== void 0 && offerId[1] ? offerId === null || offerId === void 0 ? void 0 : offerId[1] : '#',
+                target: "_blank"
+              }, offerId === null || offerId === void 0 ? void 0 : offerId[0])) : /*#__PURE__*/_react["default"].createElement("span", null, offerId)), count && /*#__PURE__*/_react["default"].createElement("p", {
+                className: "text_sum"
+              }, count, /*#__PURE__*/_react["default"].createElement("span", null, "\u0448\u0442")), /*#__PURE__*/_react["default"].createElement(_ButtonCopy.ButtonCopy, {
+                value: collectInfo === null || collectInfo === void 0 ? void 0 : collectInfo[(collectInfo === null || collectInfo === void 0 ? void 0 : collectInfo.length) - 1],
+                copyText: translateCopyId(),
+                copiedText: translateCopiedId()
+              })))));
+            });
+            return /*#__PURE__*/_react["default"].createElement("div", {
+              style: {
+                display: 'flex',
+                flexDirection: 'column'
+              }
+            }, _arr);
+          }
+          if (currentType === 'imageWithText') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el3 = _slicedToArray(el, 2),
+              link = _el3[0],
+              text = _el3[1];
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'imageWithText')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_image-with-text",
+              style: {
+                justifyContent: text ? 'flex-start' : 'center'
+              }
+            }, /*#__PURE__*/_react["default"].createElement("img", {
+              src: link,
+              alt: "table_icon",
+              onError: function onError(e) {
+                return e.target.src = imageNotFound;
+              }
+            }), /*#__PURE__*/_react["default"].createElement("p", null, text)));
+          }
+          if (currentType === 'author') {
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'author')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_image-with-text",
+              style: {
+                justifyContent: el ? 'flex-start' : 'center'
+              }
+            }, /*#__PURE__*/_react["default"].createElement(_AuthorAvatar.AuthorAvatar, {
+              show_name: true,
+              size: "s",
+              author: [lang !== 'ru' ? (0, _utils.transliter)(el[0]) : el[0], el[1]]
+            })));
+          }
+          if (currentType === 'name') {
+            var _fullName$split$, _fullName$split$2;
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el4 = _slicedToArray(el, 2),
+              fullName = _el4[0],
+              color = _el4[1];
+            var _name = fullName === null || fullName === void 0 || (_fullName$split$ = fullName.split(' ')[0]) === null || _fullName$split$ === void 0 || (_fullName$split$ = _fullName$split$.substr(0, 1)) === null || _fullName$split$ === void 0 ? void 0 : _fullName$split$.toUpperCase();
+            var surname = fullName === null || fullName === void 0 || (_fullName$split$2 = fullName.split(' ')[1]) === null || _fullName$split$2 === void 0 || (_fullName$split$2 = _fullName$split$2.substr(0, 1)) === null || _fullName$split$2 === void 0 ? void 0 : _fullName$split$2.toUpperCase();
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'name')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_name",
+              style: {
+                justifyContent: el ? 'flex-start' : 'center'
+              }
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "icon-name",
+              style: {
+                background: color
+              }
+            }, "".concat(_name ? _name : '').concat(surname ? surname : '')), /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text_name"
+            }, fullName)));
+          }
+          if (currentType === 'stringLayersWithLink') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _stringArr = el === null || el === void 0 ? void 0 : el.map(function (el, strInd) {
+              if (Array.isArray(el)) {
+                if ((el === null || el === void 0 ? void 0 : el.length) > 1) {
+                  var _el5 = _slicedToArray(el, 2),
+                    _text = _el5[0],
+                    _link = _el5[1];
+                  return /*#__PURE__*/_react["default"].createElement("a", {
+                    // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+                    key: _getId([tableId, el, ind], 'stringLayersWithLink'),
+                    href: _link,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "btn"
+                  }, _text);
+                }
+              }
+            });
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "type-td_string-layers ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'stringLayersWithLink'),
+              onContextMenu: function onContextMenu(e) {
+                return e.stopPropagation();
+              }
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "copy-box"
+            }, /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text"
+            }, el[0]), /*#__PURE__*/_react["default"].createElement(_ButtonCopy.ButtonCopy, {
+              value: el[0]
+            })), _stringArr && /*#__PURE__*/_react["default"].createElement("div", {
+              className: "text-box"
+            }, _stringArr));
+          }
+          if (currentType === 'copyText') {
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'stringLayersWithLink'),
+              onContextMenu: function onContextMenu(e) {
+                return e.stopPropagation();
+              }
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_copy-text"
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "copy-box"
+            }, /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text"
+            }, el), /*#__PURE__*/_react["default"].createElement(_ButtonCopy.ButtonCopy, {
+              value: el
+            }), /*#__PURE__*/_react["default"].createElement("div", {
+              className: "tooltip-box"
+            }, /*#__PURE__*/_react["default"].createElement("button", {
+              className: "btn-copy",
+              onClick: function onClick() {
+                navigator.clipboard.writeText(el[0]);
+                setActiveBuffer(el[0]);
+              }
+            }), /*#__PURE__*/_react["default"].createElement("div", {
+              className: "tooltip_black"
+            }, activeBuffer == el[0] ? translateTextСopied() : translateCopyText())))));
+          }
+          if (currentType === 'textWithLink') {
+            if (!Array.isArray(el)) return '';
+            var _el6 = _slicedToArray(el, 2),
+              _text2 = _el6[0],
+              _link2 = _el6[1];
+            var type_link = _link2 !== null && _link2 !== void 0 && _link2.includes('http') ? '_blank' : false;
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'textWithLink'),
+              onContextMenu: function onContextMenu(e) {
+                return e.stopPropagation();
+              }
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_image-with-text"
+            }, /*#__PURE__*/_react["default"].createElement(_link3["default"], {
+              href: _link2,
+              target: '_blank',
+              onClick: function onClick(e) {
+                if (onRedirect === 'function') {
+                  var _headers$header3;
+                  e.preventDefault();
+                  onRedirect(onRedirectInfo ? [getRowObj(arr), el, headers === null || headers === void 0 || (_headers$header3 = headers.header) === null || _headers$header3 === void 0 ? void 0 : _headers$header3[ind]] : [getRowObj(arr), _link2]);
+                } else {
+                  window.open(_link2, type_link);
+                }
+              }
+              // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+            }, _text2)));
+          }
+          if (currentType === 'statusWithColor') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el7 = _slicedToArray(el, 3),
+              _text3 = _el7[0],
+              _color = _el7[1],
+              backgroundColor = _el7[2];
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([_text3 + ind]),
+              style: {
+                background: backgroundColor ? '#' + backgroundColor : ''
+              }
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_status-with-color",
+              style: {
+                justifyContent: el ? 'flex-start' : 'center'
+              }
+            }, /*#__PURE__*/_react["default"].createElement("p", {
+              className: "text",
+              style: {
+                color: _color ? '#' + _color : ''
+              }
+            }, _text3 ? _text3 : '-')));
+          }
+          if (currentType === 'image') {
+            var _el$, _el$2, _el$3, _el$4;
+            var isArray = Array.isArray(el);
+            var denominator = isArray ? el === null || el === void 0 ? void 0 : el.length : 1;
+            var imgWidthPercents = showAllImages ? 100 / denominator : 100;
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "type-td_image ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'image')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "img-box"
+            }, showAllImages && isArray ? el === null || el === void 0 ? void 0 : el.map(function (el, index) {
+              return /*#__PURE__*/_react["default"].createElement(_TypeTdImage.TypeTdImage, {
+                imgWidthPercents: imgWidthPercents,
+                src: el ? el : imageNotFound,
+                key: JSON.stringify(el) + index
+              });
+            }) : isArray ? /*#__PURE__*/_react["default"].createElement(_TypeTdImage.TypeTdImage, {
+              imgWidthPercents: imgWidthPercents,
+              key: JSON.stringify(el === null || el === void 0 ? void 0 : el[0]),
+              src: el !== null && el !== void 0 && (_el$ = el[0]) !== null && _el$ !== void 0 && _el$.value ? el === null || el === void 0 || (_el$2 = el[0]) === null || _el$2 === void 0 ? void 0 : _el$2.value : imageNotFound,
+              alt: el !== null && el !== void 0 && (_el$3 = el[0]) !== null && _el$3 !== void 0 && _el$3.alt ? el === null || el === void 0 || (_el$4 = el[0]) === null || _el$4 === void 0 ? void 0 : _el$4.alt : ''
+            }) : /*#__PURE__*/_react["default"].createElement(_TypeTdImage.TypeTdImage, {
+              imgWidthPercents: imgWidthPercents,
+              key: el,
+              src: el ? el : imageNotFound
+            })));
+          }
+          if (currentType === 'num') {
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+              className: "type-td_num ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'num')
+            }, el === null || el === void 0 ? void 0 : el.toLocaleString());
+          }
+          if (currentType === 'postDataTd') {
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              onClick: function onClick(e) {
+                e.preventDefault();
+                if (postDataTd) postDataTd(getRowObj(arr));
+              },
+              className: "type-td_num ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'num')
+            }, el === null || el === void 0 ? void 0 : el.toLocaleString());
+          }
+          if (currentType === 'bar') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el8 = _slicedToArray(el, 2),
+              _count = _el8[0],
+              out_of = _el8[1];
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'bar')
+            }, /*#__PURE__*/_react["default"].createElement("span", null, _count, " \u0438\u0437 ", out_of));
+          }
+          if (currentType === 'roundIcons') {
+            var _isArray = Array.isArray(el);
+            if (_isArray) {
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "type-td_image ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, el, ind], 'image')
+              }, /*#__PURE__*/_react["default"].createElement(RoundIcons, {
+                arrImg: el
+              }));
             }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "type-td_status-with-color",
-            style: {
-              justifyContent: el ? 'flex-start' : 'center'
+          }
+          if (currentType === 'imgSlider') {
+            var _isArray2 = Array.isArray(el);
+            if (_isArray2) {
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "type-td_image ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, el, ind], 'image')
+              }, /*#__PURE__*/_react["default"].createElement(_SliderCarousel["default"], {
+                imgArr: el
+              }));
             }
-          }, /*#__PURE__*/_react["default"].createElement("p", {
-            className: "text",
-            style: {
-              color: _color ? '#' + _color : ''
+          }
+          if (currentType === 'chart') {
+            // const { datasets, labels, label } = el
+            try {
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, el, ind], 'chart')
+              }, /*#__PURE__*/_react["default"].createElement(_TableChartTd["default"], {
+                labels_prop: el !== null && el !== void 0 && el.labels ? el === null || el === void 0 ? void 0 : el.labels : [],
+                datasets_prop: el !== null && el !== void 0 && el.datasets ? el === null || el === void 0 ? void 0 : el.datasets : [],
+                label: el !== null && el !== void 0 && el.label ? el === null || el === void 0 ? void 0 : el.label : []
+              }));
+            } catch (error) {
+              console.error(error);
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, el, ind], 'chart')
+              }, ' ');
             }
-          }, _text3 ? _text3 : '-')));
-        }
-        if (currentType === 'image') {
-          var _el$, _el$2, _el$3, _el$4;
-          var isArray = Array.isArray(el);
-          var denominator = isArray ? el === null || el === void 0 ? void 0 : el.length : 1;
-          var imgWidthPercents = showAllImages ? 100 / denominator : 100;
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "type-td_image ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'image')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "img-box"
-          }, showAllImages && isArray ? el === null || el === void 0 ? void 0 : el.map(function (el, index) {
-            return /*#__PURE__*/_react["default"].createElement(_TypeTdImage.TypeTdImage, {
-              imgWidthPercents: imgWidthPercents,
-              src: el ? el : imageNotFound,
-              key: JSON.stringify(el) + index
+          }
+          if (currentType === 'input') {
+            var _headers$header4;
+            if (!Array.isArray(el)) return 'ㅤ';
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'input')
+            }, /*#__PURE__*/_react["default"].createElement(_TableInput["default"], {
+              props: el,
+              getId: function getId(e) {
+                return _getId(e);
+              },
+              staticTD: staticTD,
+              ind: ind,
+              tableId: tableId,
+              rowObj: getRowObj(arr),
+              state: inputState,
+              setState: function setState(e) {
+                return setInputState(e);
+              },
+              inputRowInfo: [getRowObj(arr), String(el), headers === null || headers === void 0 || (_headers$header4 = headers.header) === null || _headers$header4 === void 0 ? void 0 : _headers$header4[ind]],
+              onInputAction: onInputAction
+            }));
+          }
+          if (currentType === 'inputNum') {
+            var _headers$header5;
+            if (!Array.isArray(el)) return ' ';
+            return /*#__PURE__*/_react["default"].createElement(TableInputNum, {
+              props: el,
+              getId: function getId(e) {
+                return _getId(e);
+              },
+              staticTD: staticTD,
+              ind: ind,
+              tableId: tableId,
+              rowObj: getRowObj(arr),
+              state: inputState,
+              setState: function setState(e) {
+                return setInputState(e);
+              },
+              inputRowInfo: [getRowObj(arr), String(el), headers === null || headers === void 0 || (_headers$header5 = headers.header) === null || _headers$header5 === void 0 ? void 0 : _headers$header5[ind]],
+              onInputAction: onInputAction
             });
-          }) : isArray ? /*#__PURE__*/_react["default"].createElement(_TypeTdImage.TypeTdImage, {
-            imgWidthPercents: imgWidthPercents,
-            key: JSON.stringify(el === null || el === void 0 ? void 0 : el[0]),
-            src: el !== null && el !== void 0 && (_el$ = el[0]) !== null && _el$ !== void 0 && _el$.value ? el === null || el === void 0 || (_el$2 = el[0]) === null || _el$2 === void 0 ? void 0 : _el$2.value : imageNotFound,
-            alt: el !== null && el !== void 0 && (_el$3 = el[0]) !== null && _el$3 !== void 0 && _el$3.alt ? el === null || el === void 0 || (_el$4 = el[0]) === null || _el$4 === void 0 ? void 0 : _el$4.alt : ''
-          }) : /*#__PURE__*/_react["default"].createElement(_TypeTdImage.TypeTdImage, {
-            imgWidthPercents: imgWidthPercents,
-            key: el,
-            src: el ? el : imageNotFound
-          })));
-        }
-        if (currentType === 'num') {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}} 
-            className: "type-td_num ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'num')
-          }, el === null || el === void 0 ? void 0 : el.toLocaleString());
-        }
-        if (currentType === 'postDataTd') {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            onClick: function onClick(e) {
-              e.preventDefault();
-              if (postDataTd) postDataTd(getRowObj(arr));
-            },
-            className: "type-td_num ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'num')
-          }, el === null || el === void 0 ? void 0 : el.toLocaleString());
-        }
-        if (currentType === 'bar') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el8 = _slicedToArray(el, 2),
-            _count = _el8[0],
-            out_of = _el8[1];
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'bar')
-          }, /*#__PURE__*/_react["default"].createElement("span", null, _count, " \u0438\u0437 ", out_of));
-        }
-        if (currentType === 'chart') {
-          // if(!el?.datasets) return 'ㅤ'
-          var datasets = el.datasets,
-            labels = el.labels,
-            label = el.label;
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'chart')
-          }, /*#__PURE__*/_react["default"].createElement(_TableChartTd["default"], {
-            labels_prop: labels,
-            datasets_prop: datasets,
-            label: label
-          }));
-        }
-        if (currentType === 'input') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          return /*#__PURE__*/_react["default"].createElement(_TableInput["default"], {
-            props: el,
-            getId: function getId(e) {
-              return _getId(e);
-            },
-            staticTD: staticTD,
-            ind: ind,
-            tableId: tableId,
-            state: inputState,
-            setState: function setState(e) {
-              return setInputState(e);
-            }
-          });
-        }
-        if (currentType === 'email') {
-          var regexEmail = /^((([0-9A-Za-z]{1}[-0-9A-z\.]{0,30}[0-9A-Za-z]?)|([0-9А-Яа-я]{1}[-0-9А-я\.]{0,30}[0-9А-Яа-я]?))@([-A-Za-z]{1,}\.){1,}[-A-Za-z]{2,})$/;
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'email')
-          }, /*#__PURE__*/_react["default"].createElement("input", {
-            type: "text",
-            style: !regexEmail.test(el) ? {
-              outlineColor: 'red'
-            } : {},
-            value: el
-          }));
-        }
-        if (currentType === 'editableDate') {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}} 
-            className: "type-td_date ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'editableDate')
-          }, /*#__PURE__*/_react["default"].createElement(_TdDate.TdDate, {
-            date: el
-          }));
-        }
-        if (currentType === 'date') {
-          var _Date;
-          if (!el) return 'ㅤ';
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}} 
-            className: "type-td_date ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'date')
-          }, (_Date = new Date(el)) === null || _Date === void 0 ? void 0 : _Date.toLocaleDateString('ru-RU'));
-        }
-        if (currentType === 'fullDate') {
-          var _Date2, _Date3;
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}} 
-            className: "type-td_date ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'date')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: "date-with-time"
-          }, /*#__PURE__*/_react["default"].createElement("span", null, ((_Date2 = new Date(el)) === null || _Date2 === void 0 ? void 0 : _Date2.toLocaleDateString('ru-RU')) + ' ', /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
-            style: {
-              color: '#9298CF'
-            }
-          }, ' ' + ((_Date3 = new Date(el)) === null || _Date3 === void 0 ? void 0 : _Date3.toLocaleTimeString('ru-RU', {
-            hour: '2-digit',
-            minute: '2-digit'
-          }))))));
-        }
-
-        // if (currentType === 'rating') {
-        //     let value
-        //     if (el) value = Number(el)
-        //     return <td className={`${(staticTD && ind === 0) ? 'sticky_th' : ''}`} key={getId([tableId, el, ind], 'rating')}>
-        //         <div className='type-td_rating' style={{ justifyContent: 'flex-end' }}>
-        //             {
-        //                 el ?
-        //                     <>
-        //                         <Rating
-        //                             name={`rating-comp-${ind + el}`}
-        //                             precision={0.2}
-        //                             defaultValue={Math.floor(value) * 0.2}
-        //                             max={1}
-        //                             readOnly
-        //                             emptyIcon={<StarIcon style={{ opacity: '.1' }} />}
-        //                             icon={<StarIcon style={{ fill: '#faaf00' }} />}
-        //                             size="large"
-        //                         />
-        //                         <span style={{ fontSize: '16px' }}>{el}</span>
-        //                     </>
-        //                     :
-        //                     <span>-</span>
-        //             }
-        //         </div>
-        //     </td>
-        // }
+          }
+          if (currentType === 'dictionary') {
+            // if (!Array.isArray(el)) return ' ';
 
-        if (currentType === 'checkbox') {
-          var _id = getCheckboxId(arr);
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: getCheckboxId([tableId].concat(_toConsumableArray(arr))),
-            style: {
-              textAlign: 'center',
-              padding: 0
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-            id: _id,
-            value: onCheckCheckboxData(arr),
-            onChange: function onChange(e) {
-              return onCheckboxChange(arr);
+            if (isEditing) {
+              var _headers$header6;
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, el, ind], 'dictionary')
+              }, /*#__PURE__*/_react["default"].createElement(TableInputDropDown, {
+                rowObj: getRowObj(arr),
+                selectedOption: inputState[el] || [],
+                onSelectOption: function onSelectOption(selected) {
+                  setInputState(function (prevState) {
+                    return _objectSpread(_objectSpread({}, prevState), {}, _defineProperty({}, el, selected));
+                  });
+                },
+                placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435",
+                defaultValue: [el],
+                inputRowInfo: [getRowObj(arr), el, headers === null || headers === void 0 || (_headers$header6 = headers.header) === null || _headers$header6 === void 0 ? void 0 : _headers$header6[ind]],
+                onInputAction: onInputAction,
+                tableIdCRM: tableIdCRM,
+                fetchHead: fetchHead
+              }));
+            } else {
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, el, ind])
+              }, el === null || el === void 0 ? void 0 : el.label);
             }
-          }));
-        }
-        if (currentType === 'booleanCheckbox') {
-          if (!Array.isArray(el)) return 'ㅤ';
-          var _el9 = _slicedToArray(el, 2),
-            _value = _el9[0],
-            extraValue = _el9[1];
-          if (selectedBooleanItems[extraValue] === undefined & _value) onCheckboxChange(arr, extraValue);
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'booleanCheckbox')
-          }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-            id: getCheckboxId(arr),
-            value: onCheckCheckboxData(arr, extraValue),
-            onChange: function onChange(e) {
-              if (onBooleanCheckbox) {
-                onBooleanCheckbox(selectedBooleanItems);
-                onCheckboxChange(arr, extraValue);
+          }
+          if (currentType === 'email') {
+            var regexEmail = /^((([0-9A-Za-z]{1}[-0-9A-z\.]{0,30}[0-9A-Za-z]?)|([0-9А-Яа-я]{1}[-0-9А-я\.]{0,30}[0-9А-Яа-я]?))@([-A-Za-z]{1,}\.){1,}[-A-Za-z]{2,})$/;
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'email')
+            }, /*#__PURE__*/_react["default"].createElement("input", {
+              type: "text",
+              style: !regexEmail.test(el) ? {
+                outlineColor: 'red'
+              } : {},
+              value: el
+            }));
+          }
+          if (currentType === 'editableDate') {
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+              className: "type-td_date ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'editableDate')
+            }, /*#__PURE__*/_react["default"].createElement(_TdDate.TdDate, {
+              date: el
+            }));
+          }
+          if (currentType === 'date') {
+            var _Date;
+            if (!el) return 'ㅤ';
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+              className: "type-td_date ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'date')
+            }, (_Date = new Date(el)) === null || _Date === void 0 ? void 0 : _Date.toLocaleDateString('ru-RU'));
+          }
+          if (currentType === 'fullDate') {
+            var _Date2, _Date3;
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+              className: "type-td_date ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'date')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "date-with-time"
+            }, /*#__PURE__*/_react["default"].createElement("span", null, ((_Date2 = new Date(el)) === null || _Date2 === void 0 ? void 0 : _Date2.toLocaleDateString('ru-RU')) + ' ', /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
+              style: {
+                color: '#9298CF'
               }
-            }
-          }));
-        }
-        if (currentType === 'actionBtn') {
-          if (Array.isArray(el)) return /*#__PURE__*/_react["default"].createElement("td", {
-            onClick: function onClick(e) {
-              if (onAction) {
-                onAction(getRowObj(arr));
+            }, ' ' + ((_Date3 = new Date(el)) === null || _Date3 === void 0 ? void 0 : _Date3.toLocaleTimeString('ru-RU', {
+              hour: '2-digit',
+              minute: '2-digit'
+            }))))));
+          }
+          if (currentType === 'rating') {
+            var _value;
+            if (el) _value = Number(el);
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'rating')
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "type-td_rating",
+              style: {
+                justifyContent: 'flex-end'
               }
-            }
-          }, el);
-          if ((el === null || el === void 0 ? void 0 : el.length) > 0) {
-            var render_element = '';
-            if (el !== null && el !== void 0 && el.match('https')) {
-              render_element = /*#__PURE__*/_react["default"].createElement("button", {
-                className: "btn__action",
+            }, el ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Rating, {
+              name: "rating-comp-".concat(ind + el),
+              precision: 0.2,
+              defaultValue: Math.floor(_value) * 0.2,
+              max: 1,
+              readOnly: true,
+              emptyIcon: /*#__PURE__*/_react["default"].createElement(StarIcon, {
                 style: {
-                  backgroundImage: "url(".concat(el, ")")
+                  opacity: '.1'
                 }
-              });
-            } else {
-              render_element = /*#__PURE__*/_react["default"].createElement("p", {
-                // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}} 
-                className: "text_blue"
-              }, el);
-            }
+              }),
+              icon: /*#__PURE__*/_react["default"].createElement(StarIcon, {
+                style: {
+                  fill: '#faaf00'
+                }
+              }),
+              size: "large"
+            }), /*#__PURE__*/_react["default"].createElement("span", {
+              style: {
+                fontSize: '16px'
+              }
+            }, el)) : /*#__PURE__*/_react["default"].createElement("span", null, "-")));
+          }
+          if (currentType === 'checkbox') {
+            var _id = getCheckboxId(arr);
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: getCheckboxId([tableId].concat(_toConsumableArray(arr))),
+              style: {
+                textAlign: 'center',
+                padding: 0
+              }
+            }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+              id: _id,
+              value: onCheckCheckboxData(arr),
+              onChange: function onChange(e) {
+                return onCheckboxChange(arr);
+              }
+            }));
+          }
+          if (currentType === 'booleanCheckbox') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el9 = _slicedToArray(el, 2),
+              _value2 = _el9[0],
+              extraValue = _el9[1];
+            if (selectedBooleanItems[extraValue] === undefined & _value2) onCheckboxChange(arr, extraValue);
             return /*#__PURE__*/_react["default"].createElement("td", {
               className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-              key: _getId([tableId, el, ind], 'actionBtn'),
+              key: _getId([tableId, el, ind], 'booleanCheckbox')
+            }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+              id: getCheckboxId(arr),
+              value: onCheckCheckboxData(arr, extraValue),
+              onChange: function onChange(e) {
+                if (onBooleanCheckbox) {
+                  onBooleanCheckbox(selectedBooleanItems);
+                  onCheckboxChange(arr, extraValue);
+                }
+              }
+            }));
+          }
+          if (currentType === 'actionBtn') {
+            if (Array.isArray(el)) return /*#__PURE__*/_react["default"].createElement("td", {
               onClick: function onClick(e) {
-                var _headers$header2;
-                e.stopPropagation();
-                if (onAction) onAction(onActionInfo ? [getRowObj(arr), el, headers === null || headers === void 0 || (_headers$header2 = headers.header) === null || _headers$header2 === void 0 ? void 0 : _headers$header2[ind]] : getRowObj(arr));
+                if (onAction) {
+                  var _headers$header7;
+                  onAction(onActionInfo ? [getRowObj(arr), String(el), headers === null || headers === void 0 || (_headers$header7 = headers.header) === null || _headers$header7 === void 0 ? void 0 : _headers$header7[ind]] : getRowObj(arr));
+                }
+              }
+            }, el);
+            if ((el === null || el === void 0 ? void 0 : el.length) > 0) {
+              var render_element = '';
+              if (el !== null && el !== void 0 && el.match('https')) {
+                render_element = /*#__PURE__*/_react["default"].createElement("button", {
+                  className: "btn__action",
+                  style: {
+                    backgroundImage: "url(".concat(el, ")")
+                  }
+                });
+              } else {
+                render_element = /*#__PURE__*/_react["default"].createElement("p", {
+                  // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+                  className: "text_blue"
+                }, el);
               }
+              return /*#__PURE__*/_react["default"].createElement("td", {
+                className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+                key: _getId([tableId, el, ind], 'actionBtn'),
+                onClick: function onClick(e) {
+                  var _headers$header8;
+                  e.stopPropagation();
+                  if (onAction) onAction(onActionInfo ? [getRowObj(arr), el, headers === null || headers === void 0 || (_headers$header8 = headers.header) === null || _headers$header8 === void 0 ? void 0 : _headers$header8[ind]] : getRowObj(arr));
+                }
+              }, /*#__PURE__*/_react["default"].createElement("div", {
+                className: "type-td_action-btn"
+              }, (el === null || el === void 0 ? void 0 : el.length) > 0 && render_element));
+            }
+          }
+          if (currentType === 'currency') {
+            if (!Array.isArray(el)) return 'ㅤ';
+            var _el10 = _slicedToArray(el, 2),
+              _value3 = _el10[0],
+              curr = _el10[1];
+            var currency;
+            if (typeof _value3 === 'number') {
+              var _Number;
+              _value3 = (_Number = Number(_value3)) === null || _Number === void 0 ? void 0 : _Number.toLocaleString();
+              currency = /*#__PURE__*/_react["default"].createElement("span", {
+                className: "val"
+              }, /*#__PURE__*/_react["default"].createElement("span", null, curr), " ", _value3);
+            } else {
+              currency = /*#__PURE__*/_react["default"].createElement("span", {
+                className: "curr"
+              }, /*#__PURE__*/_react["default"].createElement("span", null, _value3), " ", curr);
+            }
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+              key: _getId([tableId, el, ind], 'currency')
             }, /*#__PURE__*/_react["default"].createElement("div", {
-              className: "type-td_action-btn"
-            }, (el === null || el === void 0 ? void 0 : el.length) > 0 && render_element));
+              // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+              className: "type-td_currency"
+            }, currency));
           }
-        }
-        if (currentType === 'currency') {
-          if (!Array.isArray(el)) return '';
-          var _el10 = _slicedToArray(el, 2),
-            _value2 = _el10[0],
-            curr = _el10[1];
-          var currency;
-          if (typeof _value2 === 'number') {
-            var _Number;
-            _value2 = (_Number = Number(_value2)) === null || _Number === void 0 ? void 0 : _Number.toLocaleString();
-            currency = /*#__PURE__*/_react["default"].createElement("span", {
-              className: "val"
-            }, /*#__PURE__*/_react["default"].createElement("span", null, curr), " ", _value2);
-          } else {
-            currency = /*#__PURE__*/_react["default"].createElement("span", {
-              className: "curr"
-            }, /*#__PURE__*/_react["default"].createElement("span", null, _value2), " ", curr);
+          if (currentType === 'textWithTooltip') {
+            var _useState69 = (0, _react.useState)(false),
+              _useState70 = _slicedToArray(_useState69, 2),
+              tooltipVisible = _useState70[0],
+              setTooltipVisible = _useState70[1];
+            return /*#__PURE__*/_react["default"].createElement("td", {
+              key: _getId([tableId, el, ind], 'tooltip'),
+              style: {
+                position: 'relative'
+              },
+              onMouseEnter: function onMouseEnter() {
+                return setTooltipVisible(true);
+              },
+              onMouseLeave: function onMouseLeave() {
+                return setTooltipVisible(false);
+              }
+            }, Array.isArray(el) && el.length === 2 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("a", {
+              href: el[0][1],
+              target: "_blank",
+              style: {
+                textDecoration: 'none',
+                color: 'blue'
+              }
+            }, el[0][0]), tooltipVisible && /*#__PURE__*/_react["default"].createElement("div", {
+              style: {
+                visibility: tooltipVisible ? 'visible' : 'hidden',
+                backgroundColor: '#555',
+                color: '#fff',
+                textAlign: 'center',
+                borderRadius: '6px',
+                padding: '5px 10px',
+                position: 'absolute',
+                transform: 'translateX(-50%)',
+                marginLeft: '0',
+                width: '200px',
+                opacity: tooltipVisible ? 1 : 0,
+                transition: 'opacity 0.3s',
+                zIndex: '100'
+              },
+              className: "tooltip-text"
+            }, el[1].map(function (tooltipItem, index) {
+              return /*#__PURE__*/_react["default"].createElement("div", {
+                key: index
+              }, tooltipItem);
+            }))));
+          }
+          if (currentType === 'hidden') {
+            return;
+          }
+          if (currentType === 'contextMenu') {
+            var prefix = 'nested-table';
+            var trGetId = _getId(arr, prefix);
+            return /*#__PURE__*/_react["default"].createElement(TypeContext, {
+              el: el,
+              onContextMenu: _onContextMenu,
+              contextMenuBtn: _contextMenu["default"],
+              contextMenuArr: contextMenuArr,
+              staticTD: staticTD,
+              ind: ind,
+              contextId: contextId,
+              trGetId: trGetId,
+              getId: _getId,
+              tableId: tableId,
+              arr: arr,
+              showContext: showContext,
+              lang: lang,
+              setShowContext: setShowContext,
+              contextArr: contextArr
+            })
+            // <td
+            //   key={getId([tableId, el, ind], 'contextMenu')}
+            //   data-value={el}
+            //   className={`type-td_context-menu ${staticTD && ind === 0 ? 'sticky_th' : ''
+            //     }`}
+            //   onClick={(e) => {
+            //     e.preventDefault();
+            //     e.stopPropagation();
+            //     onContextMenu(e, arr, trGetId);
+            //   }}
+            //   onContextMenu={(e) => {
+            //     e.preventDefault();
+            //     e.stopPropagation();
+            //     onContextMenu(e, arr, trGetId);
+            //   }}
+            // >
+            //   <div
+            //     style={{
+            //       display: 'flex',
+            //       justifyContent: 'center',
+            //       alignItems: 'center',
+            //       position: 'relative',
+            //     }}
+            //   >
+            //     <img
+            //       src={contextMenuBtn}
+            //       alt="context menu button"
+            //       style={{
+            //         objectFit: 'contain',
+            //         width: '1.75em',
+            //         height: '1.75em',
+            //       }}
+            //     />
+            //     {contextId === trGetId ? (
+            //       <div
+            //         className="drop-context-menu"
+            //         style={{ display: showContext ? 'flex' : 'none' }}
+            //       >
+            //         {contextMenuArr?.map((el) => {
+            //           const { label, onClick, type } = el;
+            //           return (
+            //             <button
+            //               className={`drop-context-menu__btn ${type === 'delete' ? 'btn-delete' : ''
+            //                 }`}
+            //               onClick={(e) => {
+            //                 e.preventDefault();
+            //                 e.stopPropagation();
+            //                 setShowContext(false);
+            //                 onClick(contextArr, label);
+            //               }}
+            //             >
+            //               {lang == 'eng' ? translateContext(label) : label}
+            //             </button>
+            //           );
+            //         })}
+            //       </div>
+            //     ) : null}
+            //   </div>
+            // </td>
+            ;
           }
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            key: _getId([tableId, el, ind], 'currency')
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}} 
-            className: "type-td_currency"
-          }, currency));
-        }
-        if (currentType === 'hidden') {
-          return;
         }
-        if (currentType === 'contextMenu') {
-          var prefix = 'nested-table';
-          var trGetId = _getId(arr, prefix);
+        try {
+          if (!Array.isArray(el)) {
+            throw new Error('wrong type');
+          }
           return /*#__PURE__*/_react["default"].createElement("td", {
-            key: _getId([tableId, el, ind], 'contextMenu'),
-            "data-value": el,
-            className: "type-td_context-menu ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-            onClick: function onClick(e) {
-              e.preventDefault();
-              e.stopPropagation();
-              _onContextMenu(e, arr, trGetId);
-            },
-            onContextMenu: function onContextMenu(e) {
-              e.preventDefault();
-              e.stopPropagation();
-              _onContextMenu(e, arr, trGetId);
-            }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            style: {
-              display: 'flex',
-              justifyContent: 'center',
-              alignItems: 'center',
-              position: 'relative'
-            }
-          }, /*#__PURE__*/_react["default"].createElement("img", {
-            src: _contextMenu["default"],
-            alt: "context menu button",
+            className: "type-td_text ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+            key: _getId([tableId, el, ind], 'td'),
             style: {
-              objectFit: 'contain',
-              width: '1.75em',
-              height: '1.75em'
+              textAlign: 'left',
+              width: currentWidth ? currentWidth : ''
             }
-          }), contextId === trGetId ? /*#__PURE__*/_react["default"].createElement("div", {
-            className: "drop-context-menu",
+          }, /*#__PURE__*/_react["default"].createElement("p", {
+            className: "text"
+            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+          }, Array.isArray(el) ? el.join(', ') : _typeof(el) !== 'object' ? el : el));
+        } catch (error) {
+          // console.error(error);
+          if (!Array.isArray(el)) {
+            // console.log(el);
+          }
+          return /*#__PURE__*/_react["default"].createElement("td", {
+            className: "type-td_text ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+            key: _getId([tableId, el, ind], 'td'),
             style: {
-              display: showContext ? 'flex' : 'none'
+              textAlign: 'left',
+              width: currentWidth ? currentWidth : ''
             }
-          }, contextMenuArr === null || contextMenuArr === void 0 ? void 0 : contextMenuArr.map(function (el) {
-            var label = el.label,
-              _onClick = el.onClick,
-              type = el.type;
-            return /*#__PURE__*/_react["default"].createElement("button", {
-              className: "drop-context-menu__btn ".concat(type === 'delete' ? 'btn-delete' : ''),
-              onClick: function onClick(e) {
-                e.preventDefault();
-                e.stopPropagation();
-                setShowContext(false);
-                _onClick(contextArr, label);
-              }
-            }, translateContext(label));
-          })) : null));
-        }
-      }
-      return /*#__PURE__*/_react["default"].createElement("td", {
-        className: "type-td_text ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-        key: _getId([tableId, el, ind], 'td'),
-        style: {
-          textAlign: 'left',
-          width: currentWidth ? currentWidth : ''
+          }, /*#__PURE__*/_react["default"].createElement("p", {
+            className: "text"
+            // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
+          }, Array.isArray(el) ? el.join(', ') : _typeof(el) === 'object' ? el : el));
         }
-      }, /*#__PURE__*/_react["default"].createElement("p", {
-        className: "text"
-        // style={headers?.styles?.[rowInd]?.[ind]  ? headers?.styles?.[rowInd]?.[ind] : {}}
-      }, Array.isArray(el) ? el.join(', ') : el));
-    });
+      });
+    } catch (error) {
+      console.error(error);
+    }
     return tdList;
   };
 
-  // Nested table request template
-  var fetchDataInsideFunc = function fetchDataInsideFunc(params) {
-    // let sort;
-    // let filtersParam;
-
-    // if (params) {
-    //     [sort, filtersParam] = params
-    // }
-    // setLoadingInside(true)
-
-    // let url
-    // if (!window.location.hostname.match('localhost')) {
-    //     url = `${OlegHttps}/api/v1/account/all_account${sort?.length > 0 ? '?order_param=' + sort[0] + '&order_param_direction=' + sort[1] : ''}`
-    // } else {
-    //     url = `${OlegHttp}/api/v1/account/all_account${sort?.length > 0 ? '?order_param=' + sort[0] + '&order_param_direction=' + sort[1] : ''}`
-    // }
-
-    // const body = JSON.stringify({
-    //     page: 1,
-    //     limit: 25,
-    //     filters: filtersParam
-    // })
-
-    // fetch(url, { body, method: 'POST', headers })
-    //     .then(res => res.json())
-    //     .then(json => {
-    //         const { data, labels, total, sort } = json
-    //         if (sort) setSortInside(sort)
-    //         if (labels) setHeadersInside(labels)
-    //         setFetchedDataInside(data.length > 0 ? data : [[]])
-    //         setLoadingInside(false)
-    //     })
-    //     .catch(err => {
-    //         setLoadingInside(false)
-    //         console.error(err)
-    //     })
-  };
-
   // Table body row logic
-  var bodyRowsList = _toConsumableArray(fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.map(function (arr, ind) {
-    if (Array !== null && Array !== void 0 && Array.isArray(arr)) {
-      var prefix = 'nested-table';
-      var tdList = typesTd(arr, ind);
-      var trGetId = _getId(arr, prefix);
+  var bodyRowsList;
+  try {
+    bodyRowsList = _toConsumableArray(fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.map(function (arr, ind) {
+      if (Array !== null && Array !== void 0 && Array.isArray(arr)) {
+        var prefix = 'nested-table';
+        var tdList = typesTd(arr, ind);
+        var trGetId = _getId(arr, prefix);
 
-      // buttonTd(tdList, arr)
+        // buttonTd(tdList, arr)
 
-      return indTr !== trGetId ? /*#__PURE__*/_react["default"].createElement("tr", {
-        key: _getId([tableId].concat(_toConsumableArray(arr), [ind]), 'tr'),
-        style: {
-          backgroundColor: nestedTable ? 'rgb(70, 231, 240, 0.1)' : '',
-          cursor: 'pointer'
-        },
-        onClick: function onClick(e) {
-          var productId = arr[hiddenHeaders[ind]];
-          setShowContext(false);
-          if (setState) {
-            setState(productId);
-          }
-          if (isInsideTable) {
-            fetchDataInsideFunc();
-            if (ind === indTr) {
-              setIndTr(null);
-            } else {
-              setIndTr(trGetId);
+        return indTr !== trGetId ? /*#__PURE__*/_react["default"].createElement("tr", {
+          key: _getId([tableId].concat(_toConsumableArray(arr), [ind]), 'tr'),
+          style: {
+            backgroundColor: nestedTable ? 'rgb(70, 231, 240, 0.1)' : '',
+            cursor: 'pointer'
+          },
+          onClick: function onClick(e) {
+            var productId = arr === null || arr === void 0 ? void 0 : arr[hiddenHeaders === null || hiddenHeaders === void 0 ? void 0 : hiddenHeaders[ind]];
+            setShowContext(false);
+            if (setState) {
+              setState(productId);
             }
+            if (isInsideTable) {
+              if (ind === indTr) {
+                setIndTr(null);
+              } else {
+                if (arr) {
+                  var _getRowObj;
+                  setInsideBody((_getRowObj = getRowObj(arr)) === null || _getRowObj === void 0 ? void 0 : _getRowObj.nestedTable);
+                }
+                setIndTr(trGetId);
+              }
+            }
+          },
+          onContextMenu: function onContextMenu(e) {
+            e.preventDefault();
+            _onContextMenu(e, arr, trGetId, true);
           }
-        },
-        onContextMenu: function onContextMenu(e) {
-          e.preventDefault();
-          _onContextMenu(e, arr, trGetId, true);
-        }
-      }, tdList) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("tr", {
-        id: ind + tableId,
-        key: _getId([tableId].concat(_toConsumableArray(arr), [ind]), 'tr'),
-        style: {
-          backgroundColor: 'rgb(70, 231, 240, 0.1)',
-          outline: '3px solid rgb(70, 231, 240, 0.4)'
-        },
-        onClick: function onClick(e) {
-          var productId = arr[hiddenHeaders[ind]];
-          if (setState) {
-            setState(productId);
+        }, tdList) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("tr", {
+          id: ind + tableId,
+          key: _getId([tableId].concat(_toConsumableArray(arr), [ind]), 'tr'),
+          style: {
+            backgroundColor: 'rgb(70, 231, 240, 0.1)',
+            outline: '3px solid rgb(70, 231, 240, 0.4)'
+          },
+          onClick: function onClick(e) {
+            var productId = arr[hiddenHeaders[ind]];
+            if (setState) {
+              setState(productId);
+            }
+            setIndTr(null);
           }
-          setIndTr(null);
-        }
-      }, tdList), /*#__PURE__*/_react["default"].createElement(_Table, {
-        loading: loadingInside,
-        isSortable: isSortable,
-        fetchedData: fetchedDataInside,
-        headers: headersInside,
-        sort: sortInside,
-        paginator: false,
-        sortingFunc: function sortingFunc(e) {
-          return fetchDataInsideFunc(e);
-        },
-        nestedTable: true,
-        paginatorDependepcies: []
-      }));
-    }
-  }));
+        }, tdList), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement(InsideTableContainer, {
+          _url: headers === null || headers === void 0 ? void 0 : headers.next_table_url,
+          body: insideBody
+        })));
+      }
+    }));
+  } catch (error) {
+    console.error(error);
+  }
 
   // Table header row logic
-  var headerRowList = headers === null || headers === void 0 || (_headers$header3 = headers.header) === null || _headers$header3 === void 0 ? void 0 : _headers$header3.map(function (el, ind) {
-    var classPostfix = activeSortColumn.current === el ? " ".concat(sortDirection) : '';
-    var currentWidth = (columnSize === null || columnSize === void 0 ? void 0 : columnSize.length) > 0 ? columnSize[ind] : DEFAULT_COL_WIDTH_PX;
-    if (hiddenHeaders !== null && hiddenHeaders !== void 0 && hiddenHeaders.includes(ind)) return null;
-    if ((typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr[ind]) === 'image') {
-      return /*#__PURE__*/_react["default"].createElement("th", {
-        key: _getId([tableId, el, ind], 'th'),
-        style: {
-          padding: '9px 12px'
-        },
-        className: "col col".concat(ind + classPostfix, "  \n                    ").concat(staticTD && ind == 0 ? 'sticky_th' : '')
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "text-and-icon"
-      }, /*#__PURE__*/_react["default"].createElement("p", {
-        className: "td-text-table"
-      }, el)), tooltips && tooltips[ind] ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: "tooltip_black"
-      }, tooltips[ind]) : null);
-    }
-    if (typeIndexArr[ind] === 'contextMenu') {
-      return /*#__PURE__*/_react["default"].createElement("th", {
-        className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
-        key: _getId([tableId, el, ind], 'contextMenu th')
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "col-th-border col-th-border_context",
-        style: {
-          resize: 'none',
-          borderRight: staticTD && ind == 0 ? 'none' : ''
+  var headerRowList;
+  try {
+    var _headers$header9;
+    headerRowList = headers === null || headers === void 0 || (_headers$header9 = headers.header) === null || _headers$header9 === void 0 ? void 0 : _headers$header9.map(function (el, ind) {
+      var classPostfix = activeSortColumn.current === el ? " ".concat(sortDirection) : '';
+      var currentWidth = (columnSize === null || columnSize === void 0 ? void 0 : columnSize.length) > 0 ? columnSize[ind] : DEFAULT_COL_WIDTH_PX;
+      if (hiddenHeaders !== null && hiddenHeaders !== void 0 && hiddenHeaders.includes(ind)) return null;
+      if ((typeIndexArr === null || typeIndexArr === void 0 ? void 0 : typeIndexArr[ind]) === 'image') {
+        try {
+          return /*#__PURE__*/_react["default"].createElement("th", {
+            key: _getId([tableId, el, ind], 'th'),
+            style: {
+              padding: '9px 12px',
+              zIndex: staticTD && ind == 0 ? 3 : ''
+            },
+            className: "col col".concat(ind + classPostfix, "  \n                            ").concat(staticTD && ind == 0 ? 'sticky_th' : '')
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "text-and-icon"
+          }, /*#__PURE__*/_react["default"].createElement("p", {
+            className: "td-text-table"
+          }, el)), tooltips && tooltips[ind] ? /*#__PURE__*/_react["default"].createElement("div", {
+            className: "tooltip_black"
+          }, tooltips[ind]) : null);
+        } catch (error) {
+          console.error(error);
+          /*#__PURE__*/_react["default"].createElement("th", {
+            key: _getId([tableId, el, ind], 'th'),
+            style: {
+              padding: '9px 12px',
+              zIndex: staticTD && ind == 0 ? 3 : ''
+            },
+            className: "col col".concat(ind + classPostfix, "  \n                        ").concat(staticTD && ind == 0 ? 'sticky_th' : '')
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "text-and-icon"
+          }, /*#__PURE__*/_react["default"].createElement("p", {
+            className: "td-text-table"
+          }, "'-'")));
         }
-      }));
-    }
-    if (typeIndexArr[ind] === 'checkbox') {
-      return /*#__PURE__*/_react["default"].createElement("th", {
-        key: "check-".concat(tableId),
-        className: "th-check col".concat(ind, " ").concat(staticTD && ind === 0 ? 'sticky_th' : '')
-      }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-        id: getCheckboxId(fetchedData),
-        value: checkedAll,
-        onChange: function onChange(e) {
-          if (checkedAll) {
-            _onUncheckAll();
-          } else {
-            onCheckAll();
+      }
+      if (typeIndexArr[ind] === 'contextMenu') {
+        return /*#__PURE__*/_react["default"].createElement("th", {
+          className: "".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+          key: _getId([tableId, el, ind], 'contextMenu th')
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "col-th-border col-th-border_context",
+          style: {
+            resize: 'none',
+            borderRight: staticTD && ind == 0 ? 'none' : ''
           }
-        }
-      }));
-    }
-    return /*#__PURE__*/_react["default"].createElement("th", {
-      key: _getId([tableId, el, ind], 'th'),
-      className: "col col".concat(ind + classPostfix, "  ").concat(staticTD && ind == 0 ? 'sticky_th' : '')
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "col-th-border",
-      style: {
-        borderRight: staticTD && ind == 0 ? 'none' : '',
-        resize: 'horizontal',
-        overflow: 'hidden',
-        width: currentWidth
+        }));
       }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "text-and-icon",
-      onClick: function onClick() {
-        return columnSort(el);
+      if (typeIndexArr[ind] === 'checkbox') {
+        try {
+          return /*#__PURE__*/_react["default"].createElement("th", {
+            key: "check-".concat(tableId),
+            style: {
+              zIndex: staticTD && ind == 0 ? 3 : ''
+            },
+            className: "th-check col".concat(ind, " ").concat(staticTD && ind === 0 ? 'sticky_th' : '')
+          }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+            id: getCheckboxId(fetchedData),
+            value: checkedAll,
+            onChange: function onChange(e) {
+              if (checkedAll) {
+                _onUncheckAll();
+              } else {
+                onCheckAll();
+              }
+            }
+          }));
+        } catch (error) {
+          return /*#__PURE__*/_react["default"].createElement("th", {
+            key: "check-".concat(tableId),
+            style: {
+              zIndex: staticTD && ind == 0 ? 3 : ''
+            },
+            className: "th-check col".concat(ind, " ").concat(staticTD && ind === 0 ? 'sticky_th' : '')
+          }, "-");
+        }
       }
-    }, /*#__PURE__*/_react["default"].createElement("p", {
-      className: "td-text-table"
-    }, el !== null && el !== void 0 && el.includes('http') ? /*#__PURE__*/_react["default"].createElement("img", {
-      className: "header-img",
-      src: el
-    }) : !Array.isArray(el) ? el : null, (el === null || el === void 0 ? void 0 : el.length) > 10 & !(el !== null && el !== void 0 && el.includes('http')) & !Array.isArray(el) ? /*#__PURE__*/_react["default"].createElement("span", {
-      className: "popup-th"
-    }, el) : null, Array.isArray(el) ? el === null || el === void 0 ? void 0 : el.map(function (item) {
-      if (el !== null && el !== void 0 && el.includes('http')) {
-        return /*#__PURE__*/_react["default"].createElement("img", {
+      try {
+        return /*#__PURE__*/_react["default"].createElement("th", {
+          key: _getId([tableId, el, ind], 'th'),
+          style: {
+            zIndex: staticTD && ind == 0 ? 3 : ''
+          },
+          className: "col col".concat(ind + classPostfix, "  ").concat(staticTD && ind == 0 ? 'sticky_th' : '')
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "col-th-border",
+          style: {
+            borderRight: staticTD && ind == 0 ? 'none' : '',
+            resize: 'horizontal',
+            overflow: 'hidden',
+            width: currentWidth
+          }
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "text-and-icon",
+          onClick: function onClick() {
+            return columnSort(el);
+          }
+        }, /*#__PURE__*/_react["default"].createElement("p", {
+          className: "td-text-table"
+        }, el !== null && el !== void 0 && el.includes('http') ? /*#__PURE__*/_react["default"].createElement("img", {
           className: "header-img",
-          src: item
-        });
-      } else {
-        return /*#__PURE__*/_react["default"].createElement("p", null, item);
+          src: el
+        }) : !Array.isArray(el) ? el : null, (el === null || el === void 0 ? void 0 : el.length) > 10 & !(el !== null && el !== void 0 && el.includes('http')) & !Array.isArray(el) ? /*#__PURE__*/_react["default"].createElement("span", {
+          className: "popup-th"
+        }, el) : null, Array.isArray(el) ? el === null || el === void 0 ? void 0 : el.map(function (item) {
+          if (el !== null && el !== void 0 && el.includes('http')) {
+            return /*#__PURE__*/_react["default"].createElement("img", {
+              className: "header-img",
+              src: item
+            });
+          } else {
+            return /*#__PURE__*/_react["default"].createElement("p", null, item);
+          }
+        }) : null), !hideSorting && /*#__PURE__*/_react["default"].createElement("img", {
+          style: {
+            width: '13px',
+            height: '13px'
+          },
+          src: (sortDirection === null || sortDirection === void 0 ? void 0 : sortDirection.length) > 1 && sortDirection[0] === (el === null || el === void 0 ? void 0 : el.replace(/\n/g, '')) & typeof sortDirection[1] === 'string' ? (sortDirection === null || sortDirection === void 0 ? void 0 : sortDirection.length) > 1 && sortDirection[1] === SORT_DIRECTIONS.ascending ? _sort_arrow_up["default"] : _sort_arrow_down["default"] : _sort_table["default"]
+        }))), tooltips && tooltips[ind] ? /*#__PURE__*/_react["default"].createElement("div", {
+          className: "tooltip_black"
+        }, tooltips[ind]) : null);
+      } catch (error) {
+        console.error(error);
+        return 'Что-то пошло не так';
       }
-    }) : null), !hideSorting && /*#__PURE__*/_react["default"].createElement("img", {
-      style: {
-        width: '13px',
-        height: '13px'
-      },
-      src: (sortDirection === null || sortDirection === void 0 ? void 0 : sortDirection.length) > 1 && sortDirection[0] === el & typeof sortDirection[1] === 'string' ? (sortDirection === null || sortDirection === void 0 ? void 0 : sortDirection.length) > 1 && sortDirection[1] === SORT_DIRECTIONS.ascending ? _sort_arrow_up["default"] : _sort_arrow_down["default"] : _sort_table["default"]
-    }))), tooltips && tooltips[ind] ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: "tooltip_black"
-    }, tooltips[ind]) : null);
-  });
+    });
+  } catch (error) {
+    console.error(error);
+  }
 
   // Formatting table headers and column filters logic
-  var tableHeaders = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("tr", {
-    className: "tr-col-headers"
-  }, headerRowList), !hideFilters && /*#__PURE__*/_react["default"].createElement("tr", {
-    className: "tr-col-filters"
-  }, /*#__PURE__*/_react["default"].createElement(_RenderFiltersTh.RenderFiltersTh, {
-    onUncheckAll: function onUncheckAll(e) {
-      return _onUncheckAll(e);
-    },
-    setCheckedAll: function setCheckedAll(e) {
-      return _setCheckedAll(e);
-    },
-    lang: lang,
-    staticTD: staticTD,
-    fetchedData: fetchedData,
-    onCheck: onCheck,
-    activeItem: activeItem,
-    headers: selectedHeaders !== null && selectedHeaders !== void 0 && selectedHeaders.type ? selectedHeaders : headers,
-    showOption: showOption,
-    setShowOption: function setShowOption(e) {
-      return _setShowOption(e);
-    },
-    filters: filters,
-    filterTypes: headers === null || headers === void 0 ? void 0 : headers.filterTypes,
-    filterList: headers === null || headers === void 0 ? void 0 : headers.filterList,
-    setFilters: function setFilters(e) {
-      return _setFilters(e);
-    },
-    sort: sort,
-    setFiltersTable: function setFiltersTable(e) {
-      return _setFiltersTable(e);
-    },
-    sortingFunc: function sortingFunc(e) {
-      return _sortingFunc(e);
-    },
-    sortParam: sortParam,
-    setActiveItem: function setActiveItem(e) {
-      return _setActiveItem(e);
-    },
-    filtersTable: filtersTable,
-    params: params,
-    setParams: function setParams(e) {
-      return _setParams(e);
-    },
-    fileFilters: fileFilters,
-    setFileFilters: function setFileFilters(e) {
-      return _setFileFilters(e);
-    },
-    showAllImages: showAllImages,
-    setShowAllImages: function setShowAllImages(e) {
-      return _setShowAllImages(e);
-    }
-  })));
+  var tableHeaders;
+  try {
+    tableHeaders = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("tr", {
+      className: "tr-col-headers"
+    }, headerRowList), !hideFilters && /*#__PURE__*/_react["default"].createElement("tr", {
+      className: "tr-col-filters"
+    }, /*#__PURE__*/_react["default"].createElement(_RenderFiltersTh.RenderFiltersTh, {
+      onUncheckAll: function onUncheckAll(e) {
+        return _onUncheckAll(e);
+      },
+      setCheckedAll: function setCheckedAll(e) {
+        return _setCheckedAll(e);
+      },
+      lang: lang,
+      staticTD: staticTD,
+      fetchedData: fetchedData,
+      onCheck: onCheck,
+      activeItem: activeItem,
+      headers: selectedHeaders !== null && selectedHeaders !== void 0 && selectedHeaders.type ? selectedHeaders : headers,
+      showOption: showOption,
+      setShowOption: function setShowOption(e) {
+        return _setShowOption(e);
+      },
+      filters: filters,
+      filterTypes: headers === null || headers === void 0 ? void 0 : headers.filterTypes,
+      filterList: headers === null || headers === void 0 ? void 0 : headers.filterList,
+      setFilters: function setFilters(e) {
+        return _setFilters(e);
+      },
+      sort: sort,
+      setFiltersTable: function setFiltersTable(e) {
+        return _setFiltersTable(e);
+      },
+      sortingFunc: function sortingFunc(e) {
+        return _sortingFunc(e);
+      },
+      sortParam: sortParam,
+      setActiveItem: function setActiveItem(e) {
+        return _setActiveItem(e);
+      },
+      filtersTable: filtersTable,
+      params: params,
+      setParams: function setParams(e) {
+        return _setParams(e);
+      },
+      fileFilters: fileFilters,
+      setFileFilters: function setFileFilters(e) {
+        return _setFileFilters(e);
+      },
+      showAllImages: showAllImages,
+      setShowAllImages: function setShowAllImages(e) {
+        return _setShowAllImages(e);
+      }
+    })));
+  } catch (error) {
+    console.error(error);
+    tableHeaders = 'Что-то пошло не так';
+  }
 
-  // onScroll handler 
+  // onScroll handler
   var scroll = function scroll() {
-    var _refBody$current;
+    var _refHeader$current, _refBody$current;
     scrollBottom();
+    var height_panel = refHeader === null || refHeader === void 0 || (_refHeader$current = refHeader.current) === null || _refHeader$current === void 0 || (_refHeader$current = _refHeader$current.getBoundingClientRect()) === null || _refHeader$current === void 0 ? void 0 : _refHeader$current.height;
     var tbody = refBody === null || refBody === void 0 || (_refBody$current = refBody.current) === null || _refBody$current === void 0 ? void 0 : _refBody$current.getBoundingClientRect();
     var thead = refThead === null || refThead === void 0 ? void 0 : refThead.current;
     var top = tbody === null || tbody === void 0 ? void 0 : tbody.top;
     var height = thead === null || thead === void 0 ? void 0 : thead.getBoundingClientRect().height;
-    if (top <= height) {
-      setRowCount(-top + height);
+    if (top <= height + height_panel) {
+      setRowCount(height - top + height_panel);
     } else {
       setRowCount(0);
     }
@@ -1369,7 +1719,7 @@ var _Table = function Table(_ref) {
 
   // Attach the scroll listener to the div
   (0, _react.useEffect)(function () {
-    window.addEventListener("scroll", scroll);
+    window.addEventListener('scroll', scroll);
     return function () {
       return window.removeEventListener('scroll', scroll);
     };
@@ -1388,76 +1738,84 @@ var _Table = function Table(_ref) {
 
   // Обработчик на клик вне элемента,для закрытия блока с options
   (0, _react.useEffect)(function () {
-    if (typeof document !== 'undefined') {
-      var showFilterOptions = function showFilterOptions(e) {
-        var el = e.target;
-        if (!el.closest('.filter-btn-box') && !el.closest('.date-box-filter-table')) {
-          _setActiveItem(null);
-          _setShowOption(false);
-        }
-      };
+    var showFilterOptions = function showFilterOptions(e) {
+      var el = e.target;
+      if (!el.closest('.filter-btn-box') && !el.closest('.date-box-filter-table')) {
+        _setActiveItem(null);
+        _setShowOption(false);
+      }
+    };
+    document.addEventListener('click', showFilterOptions);
+    return function () {
       document.addEventListener('click', showFilterOptions);
-      return function () {
-        document.addEventListener('click', showFilterOptions);
-      };
-    }
+    };
   }, []);
 
   // Horizontal scroll resize handler
-  // const observer = new ResizeObserver((entries) => {
-  //     const { width } = entries[0].contentRect;
-  //     setWidthTable(width);
-  // })
-
-  // useEffect(() => {
-  //     if (refTable?.current) {
-  //         // observer.observe(refTable?.current);
-  //     }
-  // }, [refTable]);
+  var observer = new ResizeObserver(function (entries) {
+    var width = entries[0].contentRect.width;
+    setWidthTable(width);
+  });
+  (0, _react.useEffect)(function () {
+    if (refTable !== null && refTable !== void 0 && refTable.current) {
+      observer.observe(refTable === null || refTable === void 0 ? void 0 : refTable.current);
+    }
+  }, [refTable, observer]);
 
   // Horizontal onScroll handler
   var scrollBottom = function scrollBottom() {
-    if (typeof document !== 'undefined') {
-      var _paginatorBoxRef$curr, _paginatorBoxRef$curr2, _paginatorBoxRef$curr3, _paginatorBoxRef$curr4, _refTable$current, _refContainer$current;
-      positionScroll();
-      var top = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr = paginatorBoxRef.current) === null || _paginatorBoxRef$curr === void 0 ? void 0 : _paginatorBoxRef$curr.getBoundingClientRect().top;
-      var left = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr2 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr2 === void 0 ? void 0 : _paginatorBoxRef$curr2.getBoundingClientRect().left;
-      var width = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr3 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr3 === void 0 ? void 0 : _paginatorBoxRef$curr3.getBoundingClientRect().width;
-      var _scrollWidth = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr4 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr4 === void 0 ? void 0 : _paginatorBoxRef$curr4.scrollWidth;
+    var _paginatorBoxRef$curr, _paginatorBoxRef$curr2, _paginatorBoxRef$curr3, _paginatorBoxRef$curr4, _refTable$current, _refContainer$current;
+    positionScroll();
+    var top = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr = paginatorBoxRef.current) === null || _paginatorBoxRef$curr === void 0 ? void 0 : _paginatorBoxRef$curr.getBoundingClientRect().top;
+    var left = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr2 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr2 === void 0 ? void 0 : _paginatorBoxRef$curr2.getBoundingClientRect().left;
+    var width = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr3 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr3 === void 0 ? void 0 : _paginatorBoxRef$curr3.getBoundingClientRect().width;
+    var scrollWidth = paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr4 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr4 === void 0 ? void 0 : _paginatorBoxRef$curr4.scrollWidth;
 
-      // Ширина таблицы
-      var _widthTable = refTable === null || refTable === void 0 || (_refTable$current = refTable.current) === null || _refTable$current === void 0 ? void 0 : _refTable$current.getBoundingClientRect().width;
-      setWidthTable(_widthTable);
-      setLeftPosition(left); //left
-      setWidtContainer(width); //right
-      setScrollWidth(_scrollWidth); //width
+    // Ширина таблицы
+    var widthTable = refTable === null || refTable === void 0 || (_refTable$current = refTable.current) === null || _refTable$current === void 0 ? void 0 : _refTable$current.getBoundingClientRect().width;
+    setWidthTable(widthTable);
+    setLeftPosition(left); //left
+    setWidtContainer(width); //right
+    setScrollWidth(scrollWidth); //width
 
-      // Видимость скроллбара
-      var heightDocument = document.documentElement.clientHeight;
-      setBottom(refContainer === null || refContainer === void 0 || (_refContainer$current = refContainer.current) === null || _refContainer$current === void 0 ? void 0 : _refContainer$current.getBoundingClientRect().bottom);
-      if (heightDocument) {
-        var _refContainer$current2;
-        var pointBottom = (refContainer === null || refContainer === void 0 || (_refContainer$current2 = refContainer.current) === null || _refContainer$current2 === void 0 ? void 0 : _refContainer$current2.getBoundingClientRect().bottom) > document.documentElement.clientHeight;
-        var pointTop = (refContainer === null || refContainer === void 0 ? void 0 : refContainer.top) > 0;
-        setIsFixed(pointBottom || pointTop ? true : false);
-      }
+    // Видимость скроллбара
+    var heightDocument = document.documentElement.clientHeight;
+    setBottom(refContainer === null || refContainer === void 0 || (_refContainer$current = refContainer.current) === null || _refContainer$current === void 0 ? void 0 : _refContainer$current.getBoundingClientRect().bottom);
+    if (heightDocument) {
+      var _refContainer$current2;
+      var pointBottom = (refContainer === null || refContainer === void 0 || (_refContainer$current2 = refContainer.current) === null || _refContainer$current2 === void 0 ? void 0 : _refContainer$current2.getBoundingClientRect().bottom) > document.documentElement.clientHeight;
+      var pointTop = (refContainer === null || refContainer === void 0 ? void 0 : refContainer.top) > 0;
+      setIsFixed(pointBottom || pointTop ? true : false);
+    }
 
-      //верхняя точка скроллбара
-      if (heightDocument) {
-        var _refContainer$current3;
-        var _pointTop = (refContainer === null || refContainer === void 0 || (_refContainer$current3 = refContainer.current) === null || _refContainer$current3 === void 0 ? void 0 : _refContainer$current3.getBoundingClientRect().top) > document.documentElement.clientHeight;
-        setIsVisible(_pointTop ? false : true);
-      }
+    //верхняя точка скроллбара
+    if (heightDocument) {
+      var _refContainer$current3;
+      var _pointTop = (refContainer === null || refContainer === void 0 || (_refContainer$current3 = refContainer.current) === null || _refContainer$current3 === void 0 ? void 0 : _refContainer$current3.getBoundingClientRect().top) > document.documentElement.clientHeight;
+      setIsVisible(_pointTop ? false : true);
     }
   };
+  var _useState71 = (0, _react.useState)(false),
+    _useState72 = _slicedToArray(_useState71, 2),
+    initialScroll = _useState72[0],
+    setInitialScroll = _useState72[1];
 
   // Синхронизируем скролл
   var positionScroll = function positionScroll() {
     if (paginatorBoxRef !== null && paginatorBoxRef !== void 0 && paginatorBoxRef.current && refDiv !== null && refDiv !== void 0 && refDiv.current) {
-      var _refTable$current2;
-      paginatorBoxRef.current.scrollLeft = refDiv.current.scrollLeft;
-      var _widthTable2 = (_refTable$current2 = refTable.current) === null || _refTable$current2 === void 0 ? void 0 : _refTable$current2.getBoundingClientRect().width;
-      setWidthTable(_widthTable2);
+      if (!initialScroll) {
+        var _refTable$current2;
+        paginatorBoxRef.current.scrollLeft = refDiv.current.scrollLeft;
+        var _widthTable = (_refTable$current2 = refTable.current) === null || _refTable$current2 === void 0 ? void 0 : _refTable$current2.getBoundingClientRect().width;
+        setWidthTable(_widthTable);
+      } else {
+        var savedScrollPosition = sessionStorage.getItem('scrollPosition');
+        console.log('save save save', savedScrollPosition);
+        if (savedScrollPosition) {
+          refDiv.current.scrollLeft = savedScrollPosition;
+          setInitialScroll(false);
+        }
+      }
     }
   };
 
@@ -1468,16 +1826,27 @@ var _Table = function Table(_ref) {
       refDiv.current.scrollLeft = paginatorBoxRef.current.scrollLeft;
     }
   };
+
+  // сброс чекбоксов
+  (0, _react.useEffect)(function () {
+    if (onUncheckAllDependence && onCheck) {
+      _onUncheckAll();
+    }
+  }, onUncheckAllDependence);
   (0, _react.useEffect)(function () {
     var _paginatorBoxRef$curr5;
-    window.addEventListener("scroll", scrollBottom);
-    window.addEventListener("resize", scrollBottom);
-    paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr5 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr5 === void 0 || _paginatorBoxRef$curr5.addEventListener('wheel', scrollWheel);
+    window.addEventListener('scroll', scrollBottom);
+    window.addEventListener('resize', scrollBottom);
+    paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr5 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr5 === void 0 || _paginatorBoxRef$curr5.addEventListener('wheel', scrollWheel, {
+      passive: true
+    });
     return function () {
       var _paginatorBoxRef$curr6;
       window.removeEventListener('scroll', scrollBottom);
-      window.removeEventListener("resize", scrollBottom);
-      paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr6 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr6 === void 0 || _paginatorBoxRef$curr6.removeEventListener('wheel', scrollWheel);
+      window.removeEventListener('resize', scrollBottom);
+      paginatorBoxRef === null || paginatorBoxRef === void 0 || (_paginatorBoxRef$curr6 = paginatorBoxRef.current) === null || _paginatorBoxRef$curr6 === void 0 || _paginatorBoxRef$curr6.removeEventListener('wheel', scrollWheel, {
+        passive: true
+      });
     };
   }, []);
   (0, _react.useEffect)(function () {
@@ -1487,6 +1856,39 @@ var _Table = function Table(_ref) {
   (0, _react.useEffect)(function () {
     scrollBottom();
   }, [total, page]);
+  var handleScrollBar = function handleScrollBar() {
+    if (refDiv !== null && refDiv !== void 0 && refDiv.current) {
+      sessionStorage.setItem('scrollPosition', refDiv.current.scrollLeft);
+      console.log('save', refDiv.current.scrollLeft);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    positionScroll();
+  }, [initialScroll]);
+  (0, _react.useEffect)(function () {
+    setInitialScroll(true);
+  }, [sort, page, filters]);
+
+  // useEffect(() => {
+  //     if (refScrollbar?.current) {
+  //         const savedScrollPosition = localStorage.getItem('scrollPosition');
+  //         console.log(savedScrollPosition, refScrollbar?.current)
+
+  //         refScrollbar.current.scrollLeft = 900
+  //         if (savedScrollPosition && refScrollbar.current) {
+  //             refScrollbar.current.scrollLeft = savedScrollPosition;
+  //         }
+
+  //         // const container = refScrollbar.current;
+  //         // container?.addEventListener('scroll', handleScrollBar);
+
+  //         return () => {
+  //             // localStorage.setItem('scrollPosition', refScrollbar.current.scrollLeft);
+  //             // container?.removeEventListener('scroll', handleScrollBar);
+  //         };
+  //     }
+
+  // }, [widthTaskList]);
 
   // Attach the scroll listener to the div
   (0, _react.useEffect)(function () {
@@ -1496,76 +1898,103 @@ var _Table = function Table(_ref) {
     setWidtContainer(right);
     setLeftPosition(left);
   }, [selectedHeaders, widthTable]);
+
+  // useEffect(() => {
+  //   if (paginatorBoxRef?.current && refDiv?.current) {
+  //     paginatorBoxRef.current.scrollLeft = 0;
+  //     refDiv.current.scrollLeft = 0;
+  //   }
+  // }, [selectedHeaders]);
+
   (0, _react.useEffect)(function () {
-    if (paginatorBoxRef !== null && paginatorBoxRef !== void 0 && paginatorBoxRef.current && refDiv !== null && refDiv !== void 0 && refDiv.current) {
-      paginatorBoxRef.current.scrollLeft = 0;
-      refDiv.current.scrollLeft = 0;
-    }
-  }, [selectedHeaders]);
-  return loading && !(headers !== null && headers !== void 0 && headers.header) ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "loader-table"
-  }, /*#__PURE__*/_react["default"].createElement(_reactSpinners.MoonLoader, {
-    color: "#1890FF",
-    speedMultiplier: 0.5
-  })) : headers !== null && headers !== void 0 && headers.header ? !nestedTable ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("table", {
-    className: "table-ver-3",
-    ref: refTable
-  }, /*#__PURE__*/_react["default"].createElement("thead", {
-    ref: refThead,
-    className: "thead",
-    style: {
-      backgroundColor: 'white',
-      transform: "translateY(".concat(rowCount + (topHeader ? topHeader : 0), "px)"),
-      transition: '.3s'
-    }
-  }, tableHeaders), /*#__PURE__*/_react["default"].createElement("tbody", {
-    ref: refBody,
-    className: "tbody",
-    style: {
-      position: 'relative'
-    }
-  }, ((_fetchedData$ = fetchedData[0]) === null || _fetchedData$ === void 0 ? void 0 : _fetchedData$.length) > 0 ? bodyRowsList : /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
-    className: "loader-box-tr",
-    colSpan: "88",
-    style: {
-      padding: '24px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("p", {
-    className: "text_grey"
-  }, translateNoParametr()))))), isVisible && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "scrollbar",
-    ref: refDiv,
-    onScroll: function onScroll(e) {
-      scrollBottom();
-      positionScroll();
-    },
-    style: {
-      height: '16px',
-      position: "fixed",
-      bottom: isFixed ? 0 : '',
-      top: !isFixed ? bottom : '',
-      left: leftPosition + 'px',
-      maxWidth: widtContainer + 'px',
-      width: '100%',
-      overflowX: 'scroll',
-      overflowY: 'hidden'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      minWidth: widthTable,
-      maxWidth: widthTable
-    }
-  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tableHeaders, fetchedData[0].length > 0 ? bodyRowsList : /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
-    className: "loader-box-tr",
-    colSpan: "88",
-    style: {
-      padding: '24px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("p", {
-    className: "text_grey"
-  }, translateNoParametr())))) : /*#__PURE__*/_react["default"].createElement(_TableWithoutData.TableWithoutData, {
-    maxHeight: maxHeight,
-    text: noDataText ? noDataText : textTable
-  });
+    _setFilters([]);
+  }, [headers]);
+  {
+    loading && (headers === null || headers === void 0 ? void 0 : headers.header) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "loader-table-background"
+    }, /*#__PURE__*/_react["default"].createElement(_reactSpinners.MoonLoader, {
+      color: "#1890FF",
+      speedMultiplier: 0.5
+    }));
+  }
+  try {
+    var _fetchedData$;
+    return loading && !(headers !== null && headers !== void 0 && headers.header) ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "loader-table"
+    }, /*#__PURE__*/_react["default"].createElement(_SceletonTable.SceletonTable, {
+      height: 400
+    })) : headers !== null && headers !== void 0 && headers.header ? !nestedTable ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("table", {
+      className: "table-ver-3",
+      style: {
+        height: headers !== null && headers !== void 0 && headers.header && loading ? '100%' : ''
+      },
+      ref: refTable
+    }, /*#__PURE__*/_react["default"].createElement("thead", {
+      ref: refThead,
+      className: "thead",
+      style: {
+        backgroundColor: 'white',
+        transform: "translateY(".concat(rowCount + (topHeader ? topHeader : 0), "px)"),
+        transition: '.3s'
+      }
+    }, tableHeaders), /*#__PURE__*/_react["default"].createElement("tbody", {
+      ref: refBody,
+      className: "tbody"
+      //style={{ position: 'relative' }}
+    }, headers !== null && headers !== void 0 && headers.header && loading ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "loader-table"
+    }, /*#__PURE__*/_react["default"].createElement(_SceletonTable.SceletonTable, {
+      height: 400
+    })) : ((_fetchedData$ = fetchedData[0]) === null || _fetchedData$ === void 0 ? void 0 : _fetchedData$.length) > 0 ? bodyRowsList : /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
+      className: "loader-box-tr",
+      colSpan: "88",
+      style: {
+        padding: '24px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "text_grey"
+    }, translateNoParametr()))))), isVisible && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "scrollbar",
+      ref: refDiv,
+      onScroll: function onScroll(e) {
+        scrollBottom();
+        positionScroll();
+        handleScrollBar();
+      },
+      style: {
+        height: '16px',
+        position: 'fixed',
+        bottom: isFixed ? 0 : '',
+        top: !isFixed ? bottom : '',
+        left: leftPosition + 'px',
+        maxWidth: widtContainer + 'px',
+        width: '100%',
+        overflowX: 'scroll',
+        overflowY: 'hidden'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        minWidth: widthTable,
+        maxWidth: widthTable
+      }
+    }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tableHeaders, fetchedData[0].length > 0 ? bodyRowsList : /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
+      className: "loader-box-tr",
+      colSpan: "88",
+      style: {
+        padding: '24px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "text_grey"
+    }, translateNoParametr())))) : /*#__PURE__*/_react["default"].createElement(_TableWithoutData.TableWithoutData, {
+      maxHeight: maxHeight,
+      text: noDataText ? noDataText : textTable
+    });
+  } catch (error) {
+    console.error(error);
+    return /*#__PURE__*/_react["default"].createElement(_TableWithoutData.TableWithoutData, {
+      maxHeight: maxHeight,
+      text: 'Что-то пошло не так'
+    });
+  }
 };
-var _default = exports["default"] = _Table;
+var _default = exports["default"] = Table;