ecomlab-components-next 0.1.28 → 0.1.29

package/dist/components/Table/Table/img/delete_icon.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="trash">
+<path id="Vector" d="M2 4H3.33333H14" stroke="#70808F" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M5.33337 3.99967V2.66634C5.33337 2.31272 5.47385 1.97358 5.7239 1.72353C5.97395 1.47348 6.31309 1.33301 6.66671 1.33301H9.33337C9.687 1.33301 10.0261 1.47348 10.2762 1.72353C10.5262 1.97358 10.6667 2.31272 10.6667 2.66634V3.99967M12.6667 3.99967V13.333C12.6667 13.6866 12.5262 14.0258 12.2762 14.2758C12.0261 14.5259 11.687 14.6663 11.3334 14.6663H4.66671C4.31309 14.6663 3.97395 14.5259 3.7239 14.2758C3.47385 14.0258 3.33337 13.6866 3.33337 13.333V3.99967H12.6667Z" stroke="#70808F" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M6.66663 7.33301V11.333" stroke="#70808F" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M9.33337 7.33301V11.333" stroke="#70808F" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/dist/components/Table/Table/img/filter_blue.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 1H1L5.8 6.78111V10.7778L8.2 12V6.78111L13 1Z" stroke="#BDBCDB" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/Table/Table/img/filter_blue_background.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke="#FF7374" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 6L6 10" stroke="#FF7374" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 6L10 10" stroke="#FF7374" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/Table/Table/img/imageNotFound.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40 2.02L37.98 0L0 37.98L2.02 40L4.87714 37.1429H34.2857C35.0431 37.1417 35.7692 36.8403 36.3048 36.3048C36.8403 35.7692 37.1417 35.0431 37.1429 34.2857V4.87714L40 2.02ZM34.2857 34.2857H7.73429L18.8671 23.1529L22.2657 26.5514C22.8015 27.0871 23.5281 27.388 24.2857 27.388C25.0433 27.388 25.7699 27.0871 26.3057 26.5514L28.5714 24.2857L34.2857 29.9957V34.2857ZM34.2857 25.9543L30.5914 22.26C30.0556 21.7244 29.329 21.4235 28.5714 21.4235C27.8138 21.4235 27.0872 21.7244 26.5514 22.26L24.2857 24.5257L20.89 21.13L34.2857 7.73429V25.9543ZM5.71429 28.5714V24.2857L12.8571 17.1471L14.8186 19.11L16.8414 17.0871L14.8771 15.1229C14.3413 14.5872 13.6148 14.2863 12.8571 14.2863C12.0995 14.2863 11.3729 14.5872 10.8371 15.1229L5.71429 20.2457V5.71429H28.5714V2.85714H5.71429C4.95676 2.8579 4.23047 3.15916 3.69482 3.69482C3.15916 4.23047 2.8579 4.95676 2.85714 5.71429V28.5714H5.71429Z" fill="#DCD8E0"/>
+</svg>

package/dist/components/Table/Table/img/location.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.36364 1.38636H2.02273C1.31982 1.38636 0.75 1.95618 0.75 2.65909V9.97727C0.75 10.6802 1.31982 11.25 2.02273 11.25H9.34091C10.0438 11.25 10.6136 10.6802 10.6136 9.97727V6.63636M11.25 0.75L6.63636 5.36364M11.25 0.75H9.02273M11.25 0.75V2.97727" stroke="#1890FF" stroke-opacity="0.59" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/Table/Table/img/sort_arrow_down.svg

@@ -0,0 +1,6 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Basic icons ">
+<path id="Vector" d="M4.375 10.5L7 13.125L9.625 10.5" stroke="#0B110B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M7 12.25L7 0.875" stroke="#0B110B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/dist/components/Table/Table/img/sort_arrow_up.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.625 4.375L7 1.75L4.375 4.375" stroke="#0B110B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 1.75L7 13.125" stroke="#0B110B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/Table/Table/img/sort_table.svg

@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Basic icons ">
+<path id="Vector" d="M6.125 3.5L3.5 0.875L0.875 3.5" stroke="#B2BBB2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M7 10.5L9.625 13.125L12.25 10.5" stroke="#B2BBB2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M3.5 0.875L3.5 12.25" stroke="#B2BBB2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M9.625 12.25L9.625 0.875" stroke="#B2BBB2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

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

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.glass = exports.banner_table = void 0;
+var glass = exports.glass = 'https://dl.ecomru.ru/svg-storage/glass.svg';
+var banner_table = exports.banner_table = 'https://dl.ecomru.ru/svg-storage/table-banner.svg';

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

@@ -0,0 +1,310 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Table = _interopRequireDefault(require("../Table/Table"));
+var _DownSelector = _interopRequireDefault(require("../../Inputs/DropDownSelector/DownSelector"));
+var _ButtonExport = require("../ButtonExport/ButtonExport");
+var _ButtonUpload = require("../ButtonUpload/ButtonUpload");
+var _Paginator = require("../Paginator/Paginator");
+var _ButtonColumn = require("../ButtonColumn/ButtonColumn");
+var _reactSpinners = require("react-spinners");
+require("./TableBox.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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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,
+    _ref$hideColumn = _ref.hideColumn,
+    hideColumn = _ref$hideColumn === void 0 ? false : _ref$hideColumn,
+    _ref$hideUpload = _ref.hideUpload,
+    hideUpload = _ref$hideUpload === void 0 ? true : _ref$hideUpload,
+    headers = _ref.headers,
+    fetchedData = _ref.fetchedData,
+    loading = _ref.loading,
+    _ref$setState = _ref.setState,
+    setState = _ref$setState === void 0 ? false : _ref$setState,
+    _ref$paginator = _ref.paginator,
+    paginator = _ref$paginator === void 0 ? false : _ref$paginator,
+    fetchCallback = _ref.fetchCallback,
+    paginatorDependencies = _ref.paginatorDependencies,
+    onCheck = _ref.onCheck,
+    onInputHandler = _ref.onInputHandler,
+    _ref$setCheckedStateE = _ref.setCheckedStateEmpty,
+    setCheckedStateEmpty = _ref$setCheckedStateE === void 0 ? false : _ref$setCheckedStateE,
+    sortableColumns = _ref.sortableColumns,
+    setActiveSortColumn = _ref.setActiveSortColumn,
+    _ref$onDelete = _ref.onDelete,
+    onDelete = _ref$onDelete === void 0 ? false : _ref$onDelete,
+    _ref$onEdit = _ref.onEdit,
+    onEdit = _ref$onEdit === void 0 ? false : _ref$onEdit,
+    _ref$onAddAcc = _ref.onAddAcc,
+    onAddAcc = _ref$onAddAcc === void 0 ? false : _ref$onAddAcc,
+    _ref$onBooleanCheckbo = _ref.onBooleanCheckbox,
+    onBooleanCheckbox = _ref$onBooleanCheckbo === void 0 ? false : _ref$onBooleanCheckbo,
+    sort = _ref.sort,
+    isSortable = _ref.isSortable,
+    _onAction = _ref.onAction,
+    _ref$onActionInfo = _ref.onActionInfo,
+    onActionInfo = _ref$onActionInfo === void 0 ? false : _ref$onActionInfo,
+    _ref$onRedirect = _ref.onRedirect,
+    _onRedirect = _ref$onRedirect === void 0 ? false : _ref$onRedirect,
+    _ref$onRedirectInfo = _ref.onRedirectInfo,
+    onRedirectInfo = _ref$onRedirectInfo === void 0 ? false : _ref$onRedirectInfo,
+    _onToggle = _ref.onToggle,
+    _postDataTd = _ref.postDataTd,
+    _ref$isInsideTable = _ref.isInsideTable,
+    isInsideTable = _ref$isInsideTable === void 0 ? false : _ref$isInsideTable,
+    _ref$selectRange = _ref.selectRange,
+    selectRange = _ref$selectRange === void 0 ? false : _ref$selectRange,
+    columnSize = _ref.columnSize,
+    date = _ref.date,
+    _ref$statistic = _ref.statistic,
+    statistic = _ref$statistic === void 0 ? false : _ref$statistic,
+    child = _ref.child,
+    _ref$hideExport = _ref.hideExport,
+    hideExport = _ref$hideExport === void 0 ? false : _ref$hideExport,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? false : _ref$maxHeight,
+    _ref$panelBtn = _ref.panelBtn,
+    panelBtn = _ref$panelBtn === void 0 ? false : _ref$panelBtn,
+    _ref$hideHeader = _ref.hideHeader,
+    hideHeader = _ref$hideHeader === void 0 ? false : _ref$hideHeader,
+    topHeader = _ref.topHeader,
+    _ref$hideFilters = _ref.hideFilters,
+    hideFilters = _ref$hideFilters === void 0 ? false : _ref$hideFilters,
+    hideSorting = _ref.hideSorting,
+    contextMenuArr = _ref.contextMenuArr,
+    tableBody = _ref.tableBody,
+    tableUrl = _ref.tableUrl;
+  var lang = 'ru';
+  var _useState = (0, _react.useState)(headers === null || headers === void 0 ? void 0 : headers.filters),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileFilters = _useState2[0],
+    _setFileFilters = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    params = _useState4[0],
+    _setParams = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedHeaders = _useState6[0],
+    _setSelectedHeaders = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    checkedHeaders = _useState8[0],
+    _setCheckedHeaders = _useState8[1];
+  var _usePagination = (0, _Paginator.usePagination)(function (e) {
+      return fetchCallback(e);
+    }, paginatorDependencies, params, lang, _setParams),
+    _usePagination2 = _slicedToArray(_usePagination, 6),
+    page = _usePagination2[0],
+    limit = _usePagination2[1],
+    total = _usePagination2[2],
+    setTotal = _usePagination2[3],
+    Paginator = _usePagination2[4],
+    reset = _usePagination2[5];
+  (0, _react.useImperativeHandle)(paginatorRef, function () {
+    return {
+      page: page,
+      limit: limit,
+      total: total,
+      setTotal: setTotal,
+      reset: reset
+    };
+  });
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    width = _useState10[0],
+    setWidth = _useState10[1];
+  var _useState11 = (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];
+  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 scroll = function scroll() {
+    var _paginatorBoxRef$curr;
+    setPositionPaginator((_paginatorBoxRef$curr = paginatorBoxRef.current) === null || _paginatorBoxRef$curr === void 0 ? void 0 : _paginatorBoxRef$curr.scrollLeft);
+  };
+  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
+  }, !hideHeader && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "table-box-component__header"
+  }, selectRange && /*#__PURE__*/_react["default"].createElement(_DownSelector["default"], {
+    options_prop: [],
+    setState: function setState(e) {
+      return e;
+    },
+    placeholder: "\u0437\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 30 \u0434\u043D\u0435\u0439",
+    fetchCallback: function fetchCallback(e) {
+      return e;
+    },
+    setInputChange: function setInputChange(e) {
+      return e;
+    }
+  }), panelBtn && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "panel-with-buttons-left"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn btn-delete",
+    disabled: true
+  }), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn btn-forward",
+    disabled: true
+  }), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn btn-more",
+    disabled: true
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "child-box"
+  }, statistic && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statistic-items"
+  }, statistic.map(function (_ref2) {
+    var label = _ref2.label,
+      sum = _ref2.sum;
+    return /*#__PURE__*/_react["default"].createElement("p", {
+      className: "text_violet"
+    }, label + ' ', " ", /*#__PURE__*/_react["default"].createElement("span", null, sum));
+  })), child), (!hideExport || !hideUpload || !hideColumn) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "panel-with-buttons-right"
+  }, !hideColumn && /*#__PURE__*/_react["default"].createElement(_ButtonColumn.ButtonColumn, {
+    lang: lang,
+    headers: headers,
+    setSelectedHeaders: function setSelectedHeaders(e) {
+      return _setSelectedHeaders(e);
+    },
+    checkedHeaders: checkedHeaders,
+    setCheckedHeaders: function setCheckedHeaders(e) {
+      return _setCheckedHeaders(e);
+    }
+  }), !hideExport && /*#__PURE__*/_react["default"].createElement(_ButtonExport.ButtonExport, {
+    lang: lang,
+    tableBody: tableBody,
+    tableUrl: tableUrl
+  }), !hideUpload && /*#__PURE__*/_react["default"].createElement(_ButtonUpload.ButtonUpload, {
+    lang: lang
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "table-paginator-box",
+    ref: paginatorBoxRef,
+    style: {
+      width: (headers === null || headers === void 0 || (_headers$header2 = headers.header) === null || _headers$header2 === void 0 ? void 0 : _headers$header2.length) > 0 ? 'min-content' : '100%'
+    },
+    onScroll: scroll
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "table-box-component__content",
+    style: {
+      maxHeight: maxHeight ? maxHeight : '',
+      minHeight: maxHeight ? maxHeight : ''
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
+    noDataText: noDataText,
+    selectedColumnWidth: selectedColumnWidth === null || selectedColumnWidth === void 0 ? void 0 : selectedColumnWidth.value,
+    loading: loading,
+    fetchedData: fetchedData,
+    headers: headers,
+    selectedHeaders: selectedHeaders,
+    onCheck: onCheck,
+    onInputHandler: onInputHandler,
+    sortableColumns: sortableColumns,
+    setActiveSortColumn: setActiveSortColumn,
+    isSortable: isSortable,
+    setState: setState ? function (e) {
+      return setState(e);
+    } : false,
+    setCheckedStateEmpty: typeof setCheckedStateEmpty === 'function' ? function (e) {
+      return setCheckedStateEmpty(e);
+    } : false,
+    onDelete: typeof onDelete === 'function' ? function (e) {
+      return onDelete(e);
+    } : false,
+    onEdit: typeof onEdit === 'function' ? function (e) {
+      return onEdit(e);
+    } : false,
+    onAddAcc: typeof onAddAcc === 'function' ? function (e) {
+      return onAddAcc(e);
+    } : false,
+    onBooleanCheckbox: typeof onBooleanCheckbox === 'function' ? function (e) {
+      return onBooleanCheckbox(e);
+    } : false,
+    sortingFunc: typeof fetchCallback === 'function' ? function (e) {
+      return fetchCallback(e);
+    } : false,
+    sort: sort ? sort : false,
+    onAction: function onAction(e) {
+      return _onAction(e);
+    },
+    onActionInfo: onActionInfo,
+    onRedirect: function onRedirect(e) {
+      return _onRedirect(e);
+    },
+    onRedirectInfo: onRedirectInfo,
+    onToggle: function onToggle(e) {
+      return _onToggle(e);
+    },
+    postDataTd: function postDataTd(e) {
+      return _postDataTd(e);
+    },
+    isInsideTable: isInsideTable,
+    params: params,
+    setParams: function setParams(e) {
+      return _setParams(e);
+    },
+    columnSize: columnSize,
+    fileFilters: fileFilters,
+    setFileFilters: function setFileFilters(e) {
+      return _setFileFilters(e);
+    },
+    date: date,
+    paginatorBoxRef: paginatorBoxRef,
+    refDiv: refDiv,
+    refContainer: refContainer,
+    total: limit,
+    page: page,
+    topHeader: topHeader,
+    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);
+});
+var _default = exports["default"] = TableBox;