ecomlab-components-next 0.1.102 → 0.1.104

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

@@ -26,8 +26,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef) {
   var _headers$header, _headers$header2;
-  var paginatorEl = _ref.paginatorEl,
-    noDataText = _ref.noDataText,
+  var noDataText = _ref.noDataText,
     _ref$hideColumn = _ref.hideColumn,
     hideColumn = _ref$hideColumn === void 0 ? false : _ref$hideColumn,
     _ref$hideUpload = _ref.hideUpload,
@@ -43,6 +42,7 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
     paginatorDependencies = _ref.paginatorDependencies,
     onCheck = _ref.onCheck,
     onInputHandler = _ref.onInputHandler,
+    _onInputAction = _ref.onInputAction,
     _ref$setCheckedStateE = _ref.setCheckedStateEmpty,
     setCheckedStateEmpty = _ref$setCheckedStateE === void 0 ? false : _ref$setCheckedStateE,
     sortableColumns = _ref.sortableColumns,
@@ -55,7 +55,8 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
     onAddAcc = _ref$onAddAcc === void 0 ? false : _ref$onAddAcc,
     _ref$onBooleanCheckbo = _ref.onBooleanCheckbox,
     onBooleanCheckbox = _ref$onBooleanCheckbo === void 0 ? false : _ref$onBooleanCheckbo,
-    sort = _ref.sort,
+    _ref$sort = _ref.sort,
+    sort = _ref$sort === void 0 ? false : _ref$sort,
     isSortable = _ref.isSortable,
     _onAction = _ref.onAction,
     _ref$onActionInfo = _ref.onActionInfo,
@@ -74,6 +75,8 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
     date = _ref.date,
     _ref$statistic = _ref.statistic,
     statistic = _ref$statistic === void 0 ? false : _ref$statistic,
+    _ref$metrics = _ref.metrics,
+    metrics = _ref$metrics === void 0 ? false : _ref$metrics,
     child = _ref.child,
     _ref$hideExport = _ref.hideExport,
     hideExport = _ref$hideExport === void 0 ? false : _ref$hideExport,
@@ -90,8 +93,15 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
     contextMenuArr = _ref.contextMenuArr,
     tableBody = _ref.tableBody,
     tableUrl = _ref.tableUrl,
-    _ref$lang = _ref.lang,
-    lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
+    tableQuery = _ref.tableQuery,
+    tableHeaders = _ref.tableHeaders,
+    onUncheckAllDependence = _ref.onUncheckAllDependence,
+    showFilter = _ref.showFilter,
+    maxSelectedCount = _ref.maxSelectedCount,
+    isEditing = _ref.isEditing,
+    tableIdCRM = _ref.tableIdCRM,
+    fetchHead = _ref.fetchHead;
+  var lang = localStorage.getItem('lang');
   var _useState = (0, _react.useState)(headers === null || headers === void 0 ? void 0 : headers.filters),
     _useState2 = _slicedToArray(_useState, 2),
     fileFilters = _useState2[0],
@@ -108,6 +118,10 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
     _useState8 = _slicedToArray(_useState7, 2),
     checkedHeaders = _useState8[0],
     _setCheckedHeaders = _useState8[1];
+  var _useState9 = (0, _react.useState)(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    rowCount = _useState10[0],
+    _setRowCount = _useState10[1];
   var _usePagination = (0, _Paginator.usePagination)(function (e) {
       return fetchCallback(e);
     }, paginatorDependencies, params, lang, _setParams),
@@ -127,47 +141,80 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
       reset: reset
     };
   });
-  var _useState9 = (0, _react.useState)(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    width = _useState10[0],
-    setWidth = _useState10[1];
-  var _useState11 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    width = _useState12[0],
+    setWidth = _useState12[1];
+  var _useState13 = (0, _react.useState)({
       name: 'Обычные',
       value: 1
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectedColumnWidth = _useState12[0],
-    setSelectedColumnWidth = _useState12[1];
-  var _useState13 = (0, _react.useState)(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    positionPaginator = _useState14[0],
-    setPositionPaginator = _useState14[1];
+    selectedColumnWidth = _useState14[0],
+    setSelectedColumnWidth = _useState14[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    positionPaginator = _useState16[0],
+    setPositionPaginator = _useState16[1];
   var refContainer = (0, _react.useRef)();
   var paginatorBoxRef = (0, _react.useRef)();
   var refDiv = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    if (typeof document !== 'undefined') {
-      var event = function event() {
-        var _document$querySelect;
-        var tableWidth = (_document$querySelect = document.querySelector('.table-box-component')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.offsetWidth;
-        setWidth(tableWidth);
-      };
-      event();
-      window.addEventListener('resize', event);
-      return function () {
-        window.removeEventListener('resize', event);
-      };
-    }
+    var event = function event() {
+      var _document$querySelect;
+      var tableWidth = (_document$querySelect = document.querySelector('.table-box-component')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.offsetWidth;
+      setWidth(tableWidth);
+    };
+    event();
+    window.addEventListener('resize', event);
+    return function () {
+      window.removeEventListener('resize', event);
+    };
   }, []);
   var scroll = function scroll() {
     var _paginatorBoxRef$curr;
     setPositionPaginator((_paginatorBoxRef$curr = paginatorBoxRef.current) === null || _paginatorBoxRef$curr === void 0 ? void 0 : _paginatorBoxRef$curr.scrollLeft);
   };
+  var refHeader = (0, _react.useRef)();
+  var refTableContainer = (0, _react.useRef)();
+  var refBody = (0, _react.useRef)();
+  // const [rowCountHeader, setRowCountHeader] = useState(0)
+
+  // const scrollHeader = () => {
+
+  //   const tbody = refTableContainer?.current?.getBoundingClientRect();
+  //   const thead = refHeader?.current;
+
+  //   const top = tbody?.top;
+  //   const height = thead?.getBoundingClientRect().height;
+  //      console.log((-top + height))
+  //   if (true) {
+  //     setRowCountHeader(-top + height);
+  //   } else {
+  //     setRowCountHeader(0);
+  //   }
+  // };
+
+  // useEffect(() => {
+  //   window.addEventListener('scroll', scrollHeader);
+
+  //   return () => window.removeEventListener('scroll', scrollHeader);
+  // }, []);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "table-box-component ".concat((headers === null || headers === void 0 || (_headers$header = headers.header) === null || _headers$header === void 0 ? void 0 : _headers$header.length) > 0 ? '' : 'table-box-component_no-data'),
-    ref: refContainer
+    style: {
+      maxWidth: loading ? '100%' : ''
+    }
   }, !hideHeader && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "table-box-component__header"
+    className: "table-box-component__header",
+    ref: refHeader
+    // style={{
+    //   backgroundColor: 'white',
+    //   transform: `translateY(${rowCountHeader + (topHeader ? topHeader : 0)
+    //     }px)`,
+    //   transition: '.3s',
+    // }}
   }, selectRange && /*#__PURE__*/_react["default"].createElement(_DownSelector["default"], {
     options_prop: [],
     setState: function setState(e) {
@@ -193,15 +240,31 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
     disabled: true
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "child-box"
-  }, statistic && /*#__PURE__*/_react["default"].createElement("div", {
+  }, child, statistic && /*#__PURE__*/_react["default"].createElement("div", {
     className: "statistic-items"
-  }, statistic.map(function (_ref2) {
+  }, statistic === null || statistic === void 0 ? void 0 : statistic.map(function (_ref2, ind) {
     var label = _ref2.label,
       sum = _ref2.sum;
     return /*#__PURE__*/_react["default"].createElement("p", {
-      className: "text_violet"
+      className: "text_violet",
+      key: label + ind
     }, label + ' ', " ", /*#__PURE__*/_react["default"].createElement("span", null, sum));
-  })), child), (!hideExport || !hideUpload || !hideColumn) && /*#__PURE__*/_react["default"].createElement("div", {
+  })), metrics && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metrics-items"
+  }, metrics === null || metrics === void 0 ? void 0 : metrics.map(function (_ref3, ind) {
+    var label = _ref3.label,
+      value = _ref3.value,
+      unit = _ref3.unit,
+      color = _ref3.color;
+    return /*#__PURE__*/_react["default"].createElement("p", {
+      className: "metrics-items__text",
+      key: label + ind
+    }, label + ' ', ' ', /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: color ? color : ''
+      }
+    }, value === null || value === void 0 ? void 0 : value.toLocaleString()), /*#__PURE__*/_react["default"].createElement("span", null, " ", unit ? ' ' + unit : ''));
+  }))), (!hideExport || !hideUpload || !hideColumn) && /*#__PURE__*/_react["default"].createElement("div", {
     className: "panel-with-buttons-right"
   }, !hideColumn && /*#__PURE__*/_react["default"].createElement(_ButtonColumn.ButtonColumn, {
     lang: lang,
@@ -216,7 +279,10 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
   }), !hideExport && /*#__PURE__*/_react["default"].createElement(_ButtonExport.ButtonExport, {
     lang: lang,
     tableBody: tableBody,
-    tableUrl: tableUrl
+    tableUrl: tableUrl,
+    tableQuery: tableQuery,
+    tableHeaders: tableHeaders,
+    showFilter: showFilter
   }), !hideUpload && /*#__PURE__*/_react["default"].createElement(_ButtonUpload.ButtonUpload, {
     lang: lang
   }))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -233,14 +299,19 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
       minHeight: maxHeight ? maxHeight : ''
     }
   }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
+    maxSelectedCount: maxSelectedCount,
     noDataText: noDataText,
     selectedColumnWidth: selectedColumnWidth === null || selectedColumnWidth === void 0 ? void 0 : selectedColumnWidth.value,
+    onUncheckAllDependence: onUncheckAllDependence,
     loading: loading,
     fetchedData: fetchedData,
     headers: headers,
     selectedHeaders: selectedHeaders,
     onCheck: onCheck,
     onInputHandler: onInputHandler,
+    onInputAction: function onInputAction(e) {
+      return _onInputAction(e);
+    },
     sortableColumns: sortableColumns,
     setActiveSortColumn: setActiveSortColumn,
     isSortable: isSortable,
@@ -300,12 +371,17 @@ var TableBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, paginatorRef)
     hideFilters: hideFilters,
     hideSorting: hideSorting,
     contextMenuArr: contextMenuArr,
-    maxHeight: maxHeight
-  })), 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
-  }))), paginatorEl ? paginatorEl : paginator && Paginator);
+    maxHeight: maxHeight,
+    tableBody: tableBody,
+    rowCount: rowCount,
+    setRowCount: function setRowCount(e) {
+      return _setRowCount(e);
+    },
+    refBody: refBody,
+    refHeader: refHeader,
+    isEditing: isEditing,
+    tableIdCRM: tableIdCRM,
+    fetchHead: fetchHead
+  }))), paginator && Paginator);
 });
 var _default = exports["default"] = TableBox;

package/dist/components/Table/TableBox/TableBox.scss

@@ -1,5 +1,3 @@
-// @import 'src/common/styles/svg_img.scss';
-
 .table-box-component,
 .table-box-component_no-data {
     display: flex;
@@ -155,7 +153,7 @@
         height: 100%;
         border: none;
         background-color: white;
-        opacity: 0.6;
+        // opacity: 0.6;
         z-index: 10;
     }
 
@@ -166,6 +164,12 @@
         width: 100%;
         gap: 12px;
         margin-bottom: 12px;
+        transition: 0.3s;
+        position: sticky;
+        background-color: #F6F7F6;
+        border-radius: 8px;
+        z-index: 5;
+        top: 0;
 
         .name-box {
             display: flex;
@@ -174,7 +178,7 @@
             font-weight: 400;
             width: auto;
             background-color: #ffffff;
-            font-size: 14px;
+            font-size: 13px;
             height: 32px;
             border-radius: 8px;
             padding-left: 16px;
@@ -204,7 +208,7 @@
                 color: #636D65;
                 text-align: center;
                 font-family: NunitoSans;
-                font-size: 12px;
+                font-size: 11px;
                 font-style: normal;
                 font-weight: 600;
                 line-height: 14px;
@@ -216,6 +220,35 @@
                 }
             }
         }
+
+        .metrics-items {
+            display: flex;
+            width: fit-content;
+            align-items: center;
+            height: 100%;
+            justify-content: flex-start;
+            column-gap: 24px;
+            row-gap: 16px;
+            flex-wrap: wrap;
+            padding: 8px;
+
+            &__text {
+                color: #0C2037;
+                font-family: "Golos Text";
+                font-size: 10px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: 24px;
+
+                span {
+                    color: #0C2037;
+                    font-size: 12px;
+                    font-weight: 500;
+                    line-height: 24px;
+                    /* 184.615% */
+                }
+            }
+        }
     }
 
     .extra_wrapper {
@@ -230,11 +263,11 @@
         display: flex;
         flex-direction: column;
         border-radius: 8px;
-        border: 2px solid rgba(170, 178, 246, 0.12);
         overflow-x: auto;
         overflow-y: hidden;
         background-color: white;
-        // position: relative;
+        position: relative;
+        border: 1px solid #EDEFED;
 
         &::-webkit-scrollbar {
             width: 0;

package/dist/components/Table/TableBox/TableBox.stories.js

@@ -11,236 +11,11 @@ var parse = require('html-react-parser');
 var stubColumnSize = ["150px", "150px", "20px", "150px", "150px", "150px"];
 var stubSort = ["Дата", "DESC"];
 var stubHeaders = {
-  header: ["Идентификатор", "Имя бота", "", "Автор", "Файлы", "Дата"],
-  type: ["stringLayers", "stringLayers", "contextMenu", "stringLayers", "stringLayers", "stringLayers"],
-  tooltips: ["Идентификатор бота", "Имя бота", "", "Автор", "Список файлов", "Дата создания"],
-  filterTypes: ["text", "text", "", "text", "text", "date"],
-  filterList: ["", "", "", "", "", ""],
-  styles: [[[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[{
-    "color": "blue",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }], [[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]], [[{
-    "color": "black",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }], [], [{
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "black",
-    "fontSize": 12
-  }, {
-    "color": "red",
-    "fontSize": 12
-  }], [[[{
-    "color": "blue",
-    "fontSize": 12
-  }], [{
-    "color": "black",
-    "fontSize": 12
-  }]]], [{
-    "color": "black",
-    "fontSize": 12
-  }]]]
+  "header": ["id", "active", "Фото", "Название", "Аннотация", "Дата публикации", "Автор", "Время чтения", "Количество просмотров", "Статус", "total"],
+  "sort": "date",
+  "type": ["hidden", "hidden", "imgSlider", "textWithLink", "text", "text", "author", "num", "num", "imageWithText", "hidden"]
 };
-var stubFetchedData = [[["83778e05-c9dd-4da8-aec9-48ddd1f27b63"], ["Anton"], "", [642, "Anton Gorbenko", "a.gorbenko@gtcom.io"], [], ["2024-12-27T13:04:28+03:00"]], [["ae01d93f-c754-46b9-ab82-21bbe9bf4ef9"], ["Test Name"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [["fastapi59.pdf", "processing"], [["fastapi58.pdf"], ["processing"]], [["fastapi58.pdf"], ["processing"]], [["fastapi58.pdf"], ["processing"]], [["fastapi60.pdf"], ["processing"]]], ["2024-12-26T12:42:07+03:00"]], [["7b73442b-5e89-4ad7-8f83-055aabefc1af"], ["No named"], "", [642, "Anton Gorbenko", "a.gorbenko@gtcom.io"], [[["896f51281d6a75266ad0c0193165542ad952c913.pdf"], ["ready"]]], ["2024-12-25T16:49:37+03:00"]], [["779c4b47-2ba9-40da-ac3b-4107fc70a2c0"], ["No named"], "", [642, "Anton Gorbenko", "a.gorbenko@gtcom.io"], [[["r_04.pdf"], ["ready"]]], ["2024-12-25T16:32:18+03:00"]], [["21808063-9118-42d1-9699-fa872ccef858"], ["No named"], "", [258, "Evgenii Shirokov", "e.shirokov@gtcom.io"], [], ["2024-12-25T14:58:33+03:00"]], [["db970733-622b-4aee-9918-8691acfd18dd"], ["No named"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [[["fastapi44.pdf"], ["ready"]]], ["2024-12-23T18:10:25+03:00"]], [["f3cdf697-e403-4670-b5b8-c196ff38ac01"], ["No named"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [[["fastapi53.pdf"], ["ready"]], [["fastapi61.pdf"], ["processing"]]], ["2024-12-18T15:57:56+03:00"]], [["0cc9dae1-56d7-4ee7-abe4-c15875c80956"], ["No named"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [], ["2024-12-17T15:51:50+03:00"]]];
+var stubFetchedData = [[4640, true, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "https://file.ecomru.ru:4453/api/v1/file/download/385b4276-7dea-4ae8-bca6-0ccf4cc296b4"], ["Automated Data Scraping from thailand-property.com", "/article/automated_data_scraping_from_thailand-propertycom/4640"], "<b>Track real estate prices, monitor listings, analyze agents, and stay ahead of the property market in Southeast Asia.</b><!-- notionvc: 4b1879b8-6433-4a07-b88d-43132f3b1560 -->", "25.04.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 64, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5], [4135, true, ["https://dl.ecomru.ru:9001/images/842/amazon-logo_842.png"], ["Amazon web scraping", "/article/amazon_web_scraping/4135"], "<p data-start=\"148\" data-end=\"426\" class=\"\" style=\"font-style: normal; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);\">Need up-to-date info from Amazon? We’ve got you. Whether it’s tracking competitors, monitoring prices and product availability, keeping an eye on reviews, or digging into keyword data — we handle it all through regular automated scraping.</p><p data-start=\"428\" data-end=\"608\" class=\"\" style=\"font-style: normal; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);\">You’ll get the data in the format that works best for you — whether that’s via API, Excel/CSV files, JSON, Google Drive or straight into a custom analytics dashboard.</p><p data-start=\"610\" data-end=\"759\" class=\"\" style=\"font-style: normal; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);\">Just drop us a request on our website, and we’ll take care of the rest — pulling the data you need from one of the biggest marketplaces in the world.</p>", "07.04.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 108, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5], [4745, true, ["https://file.ecomru.ru:4453/api/v1/file/download/67392faf-a0e4-4697-8c5e-14816236ee54"], ["Getting Business Data from Google Maps — The Practical Way", "/article/getting_business_data_from_google_maps_—_the_practical_way/4745"], "If your work depends on knowing what businesses operate in a certain area — and how they’re performing — Google Maps is one of the most reliable places to start. We’ve built a custom scraping system that helps you collect that data at scale, automatically, and in a format you can work with right away.<!-- notionvc: 4d9f2c7b-d455-4b19-9d0c-266f8360f3b0 -->", "02.05.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 15, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5], [4082, true, ["https://file.ecomru.ru:4453/api/v1/file/download/b4f684b1-0ab7-4edb-8510-9bf22a53ca71"], ["Regular web scraping from One2Car", "/article/regular_web_scraping_from_one2car/4082"], "<b>Across-the-board Data Collection from One2Car</b>", "01.04.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 198, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5]];
 var _default = exports["default"] = {
   title: 'TableBox',
   component: _TableBox["default"],
@@ -295,15 +70,6 @@ var _default = exports["default"] = {
     }, {
       label: 'Товаров',
       sum: 50
-    }, {
-      label: 'Заказов',
-      sum: 50
-    }, {
-      label: 'Товаров',
-      sum: 50
-    }, {
-      label: 'Заказов',
-      sum: 50
     }],
     metrics: [
     // {
@@ -325,9 +91,6 @@ var _default = exports["default"] = {
     }, {
       label: 'Процент отмен, %',
       value: '6'
-    }, {
-      label: 'Возвраты, шт.',
-      value: '16'
     }],
     panelBtn: true
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.102",
+  "version": "0.1.104",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [