ecomlab-components-next 0.1.27 → 0.1.29

package/dist/components/Table/ButtonExport/img/export.svg

@@ -0,0 +1,8 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-2-inside-1_12337_24104" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1071 8C13.8903 8 13.7143 7.83709 13.7143 7.63636V5.81818C13.7143 5.21564 13.1867 4.72727 12.5357 4.72727L5.46429 4.72727C4.81332 4.72727 4.28571 5.21564 4.28571 5.81818V7.63636C4.28571 7.83709 4.10971 8 3.89286 8C3.676 8 3.5 7.83709 3.5 7.63636V5.81818C3.5 4.81418 4.37961 4 5.46429 4L12.5357 4C13.6204 4 14.5 4.81418 14.5 5.81818V7.63636C14.5 7.83709 14.324 8 14.1071 8Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1071 8C13.8903 8 13.7143 7.83709 13.7143 7.63636V5.81818C13.7143 5.21564 13.1867 4.72727 12.5357 4.72727L5.46429 4.72727C4.81332 4.72727 4.28571 5.21564 4.28571 5.81818V7.63636C4.28571 7.83709 4.10971 8 3.89286 8C3.676 8 3.5 7.83709 3.5 7.63636V5.81818C3.5 4.81418 4.37961 4 5.46429 4L12.5357 4C13.6204 4 14.5 4.81418 14.5 5.81818V7.63636C14.5 7.83709 14.324 8 14.1071 8Z" fill="#51CA64"/>
+<path d="M14.1071 6.5C14.6074 6.5 15.2143 6.9016 15.2143 7.63636H12.2143C12.2143 8.77258 13.1731 9.5 14.1071 9.5V6.5ZM15.2143 7.63636V5.81818H12.2143V7.63636H15.2143ZM15.2143 5.81818C15.2143 4.28015 13.9038 3.22727 12.5357 3.22727V6.22727C12.484 6.22727 12.4146 6.20719 12.3502 6.14758C12.2838 6.08615 12.2143 5.97035 12.2143 5.81818H15.2143ZM12.5357 3.22727L5.46429 3.22727V6.22727L12.5357 6.22727V3.22727ZM5.46429 3.22727C4.09617 3.22727 2.78571 4.28015 2.78571 5.81818L5.78571 5.81818C5.78571 5.97035 5.71619 6.08615 5.64982 6.14758C5.58542 6.20719 5.51603 6.22727 5.46429 6.22727V3.22727ZM2.78571 5.81818V7.63636L5.78571 7.63636V5.81818L2.78571 5.81818ZM2.78571 7.63636C2.78571 6.9016 3.39257 6.5 3.89286 6.5V9.5C4.82686 9.5 5.78571 8.77258 5.78571 7.63636L2.78571 7.63636ZM3.89286 6.5C4.39315 6.5 5 6.9016 5 7.63636L2 7.63636C2 8.77258 2.95885 9.5 3.89286 9.5V6.5ZM5 7.63636V5.81818H2V7.63636L5 7.63636ZM5 5.81818C5 5.76982 5.01831 5.70375 5.09432 5.6334C5.17227 5.56125 5.29936 5.5 5.46429 5.5V2.5C3.66246 2.5 2 3.87869 2 5.81818H5ZM5.46429 5.5L12.5357 5.5V2.5L5.46429 2.5V5.5ZM12.5357 5.5C12.7006 5.5 12.8277 5.56125 12.9057 5.6334C12.9817 5.70375 13 5.76982 13 5.81818H16C16 3.87869 14.3375 2.5 12.5357 2.5V5.5ZM13 5.81818V7.63636H16V5.81818H13ZM13 7.63636C13 6.9016 13.6069 6.5 14.1071 6.5V9.5C15.0411 9.5 16 8.77258 16 7.63636H13Z" fill="#51CA64" mask="url(#path-2-inside-1_12337_24104)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.74752 6.10664C8.8868 5.96445 9.1132 5.96445 9.25248 6.10664L11.3953 8.28843C11.5349 8.43025 11.5349 8.66077 11.3953 8.80259C11.256 8.94477 11.0296 8.94477 10.8903 8.80259L9.35713 7.24152V15.6364C9.35713 15.8371 9.19714 16 9 16C8.80286 16 8.64287 15.8371 8.64287 15.6364V7.24152L7.10969 8.80259C6.97041 8.94477 6.74401 8.94477 6.60473 8.80259C6.46509 8.66077 6.46509 8.43025 6.60473 8.28843L8.74752 6.10664Z" fill="#51CA64"/>
+</svg>

package/dist/components/Table/ButtonExport/img/pdf.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.38 12C3.35067 12 3.32667 11.9907 3.308 11.972C3.28933 11.9533 3.28 11.9293 3.28 11.9V9.3C3.28 9.27067 3.28933 9.24667 3.308 9.228C3.32667 9.20933 3.35067 9.2 3.38 9.2H4.5C4.72133 9.2 4.91333 9.23467 5.076 9.304C5.24133 9.37067 5.36933 9.472 5.46 9.608C5.55333 9.744 5.6 9.916 5.6 10.124C5.6 10.3293 5.55333 10.4987 5.46 10.632C5.36933 10.7653 5.24133 10.864 5.076 10.928C4.91333 10.992 4.72133 11.024 4.5 11.024H4.024V11.9C4.024 11.9293 4.01333 11.9533 3.992 11.972C3.97333 11.9907 3.94933 12 3.92 12H3.38ZM4.012 10.472H4.48C4.59467 10.472 4.68533 10.4427 4.752 10.384C4.82133 10.3253 4.856 10.236 4.856 10.116C4.856 10.0147 4.82667 9.92933 4.768 9.86C4.70933 9.79067 4.61333 9.756 4.48 9.756H4.012V10.472ZM6.08313 12C6.05379 12 6.02979 11.9907 6.01113 11.972C5.99246 11.9533 5.98313 11.9293 5.98313 11.9V9.3C5.98313 9.27067 5.99246 9.24667 6.01113 9.228C6.02979 9.20933 6.05379 9.2 6.08313 9.2H7.12313C7.38446 9.2 7.60713 9.24267 7.79113 9.328C7.97513 9.41067 8.11646 9.53333 8.21513 9.696C8.31379 9.856 8.36713 10.0547 8.37513 10.292C8.37779 10.4093 8.37913 10.512 8.37913 10.6C8.37913 10.688 8.37779 10.7893 8.37513 10.904C8.36446 11.152 8.31113 11.3573 8.21513 11.52C8.12179 11.6827 7.98446 11.804 7.80313 11.884C7.62446 11.9613 7.40446 12 7.14313 12H6.08313ZM6.69913 11.424H7.12313C7.23779 11.424 7.33246 11.4067 7.40713 11.372C7.48446 11.3347 7.54179 11.2773 7.57913 11.2C7.61913 11.1227 7.64046 11.0213 7.64313 10.896C7.64846 10.8187 7.65113 10.7493 7.65113 10.688C7.65379 10.6267 7.65379 10.5653 7.65113 10.504C7.65113 10.4427 7.64846 10.3747 7.64313 10.3C7.63779 10.1187 7.58979 9.98667 7.49913 9.904C7.41113 9.81867 7.27913 9.776 7.10313 9.776H6.69913V11.424ZM8.94641 12C8.91707 12 8.89307 11.9907 8.87441 11.972C8.85574 11.9533 8.84641 11.9293 8.84641 11.9V9.3C8.84641 9.27067 8.85574 9.24667 8.87441 9.228C8.89307 9.20933 8.91707 9.2 8.94641 9.2H10.7824C10.8117 9.2 10.8357 9.20933 10.8544 9.228C10.8757 9.24667 10.8864 9.27067 10.8864 9.3V9.704C10.8864 9.73333 10.8757 9.75733 10.8544 9.776C10.8357 9.79467 10.8117 9.804 10.7824 9.804H9.55041V10.392H10.7024C10.7317 10.392 10.7557 10.4027 10.7744 10.424C10.7957 10.4427 10.8064 10.4667 10.8064 10.496V10.896C10.8064 10.9227 10.7957 10.9467 10.7744 10.968C10.7557 10.9867 10.7317 10.996 10.7024 10.996H9.55041V11.9C9.55041 11.9293 9.54107 11.9533 9.52241 11.972C9.50374 11.9907 9.47974 12 9.45041 12H8.94641Z" fill="white"/>
+<path d="M2 1.75C2 1.33579 2.33579 1 2.75 1H9.5L14 5.5V14.25C14 14.6642 13.6642 15 13.25 15H2.75C2.33579 15 2 14.6642 2 14.25V1.75Z" fill="url(#paint0_linear_12335_24014)"/>
+<path d="M9.5 4.75V1L14 5.5H10.25C9.83579 5.5 9.5 5.16421 9.5 4.75Z" fill="#BA253D"/>
+<path d="M4.38 12C4.35067 12 4.32667 11.9907 4.308 11.972C4.28933 11.9533 4.28 11.9293 4.28 11.9V9.3C4.28 9.27067 4.28933 9.24667 4.308 9.228C4.32667 9.20933 4.35067 9.2 4.38 9.2H5.5C5.72133 9.2 5.91333 9.23467 6.076 9.304C6.24133 9.37067 6.36933 9.472 6.46 9.608C6.55333 9.744 6.6 9.916 6.6 10.124C6.6 10.3293 6.55333 10.4987 6.46 10.632C6.36933 10.7653 6.24133 10.864 6.076 10.928C5.91333 10.992 5.72133 11.024 5.5 11.024H5.024V11.9C5.024 11.9293 5.01333 11.9533 4.992 11.972C4.97333 11.9907 4.94933 12 4.92 12H4.38ZM5.012 10.472H5.48C5.59467 10.472 5.68533 10.4427 5.752 10.384C5.82133 10.3253 5.856 10.236 5.856 10.116C5.856 10.0147 5.82667 9.92933 5.768 9.86C5.70933 9.79067 5.61333 9.756 5.48 9.756H5.012V10.472ZM7.08313 12C7.05379 12 7.02979 11.9907 7.01113 11.972C6.99246 11.9533 6.98313 11.9293 6.98313 11.9V9.3C6.98313 9.27067 6.99246 9.24667 7.01113 9.228C7.02979 9.20933 7.05379 9.2 7.08313 9.2H8.12313C8.38446 9.2 8.60713 9.24267 8.79113 9.328C8.97513 9.41067 9.11646 9.53333 9.21513 9.696C9.31379 9.856 9.36713 10.0547 9.37513 10.292C9.37779 10.4093 9.37913 10.512 9.37913 10.6C9.37913 10.688 9.37779 10.7893 9.37513 10.904C9.36446 11.152 9.31113 11.3573 9.21513 11.52C9.12179 11.6827 8.98446 11.804 8.80313 11.884C8.62446 11.9613 8.40446 12 8.14313 12H7.08313ZM7.69913 11.424H8.12313C8.23779 11.424 8.33246 11.4067 8.40713 11.372C8.48446 11.3347 8.54179 11.2773 8.57913 11.2C8.61913 11.1227 8.64046 11.0213 8.64313 10.896C8.64846 10.8187 8.65113 10.7493 8.65113 10.688C8.65379 10.6267 8.65379 10.5653 8.65113 10.504C8.65113 10.4427 8.64846 10.3747 8.64313 10.3C8.63779 10.1187 8.58979 9.98667 8.49913 9.904C8.41113 9.81867 8.27913 9.776 8.10313 9.776H7.69913V11.424ZM9.94641 12C9.91707 12 9.89307 11.9907 9.87441 11.972C9.85574 11.9533 9.84641 11.9293 9.84641 11.9V9.3C9.84641 9.27067 9.85574 9.24667 9.87441 9.228C9.89307 9.20933 9.91707 9.2 9.94641 9.2H11.7824C11.8117 9.2 11.8357 9.20933 11.8544 9.228C11.8757 9.24667 11.8864 9.27067 11.8864 9.3V9.704C11.8864 9.73333 11.8757 9.75733 11.8544 9.776C11.8357 9.79467 11.8117 9.804 11.7824 9.804H10.5504V10.392H11.7024C11.7317 10.392 11.7557 10.4027 11.7744 10.424C11.7957 10.4427 11.8064 10.4667 11.8064 10.496V10.896C11.8064 10.9227 11.7957 10.9467 11.7744 10.968C11.7557 10.9867 11.7317 10.996 11.7024 10.996H10.5504V11.9C10.5504 11.9293 10.5411 11.9533 10.5224 11.972C10.5037 11.9907 10.4797 12 10.4504 12H9.94641Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_12335_24014" x1="8" y1="1" x2="8" y2="15" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FA6976"/>
+<stop offset="1" stop-color="#E44B5F"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/components/Table/ButtonExport/img/xlc.svg

@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 1.75C2 1.33579 2.33579 1 2.75 1H9.5L14 5.5V14.25C14 14.6642 13.6642 15 13.25 15H2.75C2.33579 15 2 14.6642 2 14.25V1.75Z" fill="url(#paint0_linear_12335_24015)"/>
+<path d="M9.5 4.75V1L14 5.5H10.25C9.83579 5.5 9.5 5.16421 9.5 4.75Z" fill="#21835A"/>
+<path d="M3.90023 12C3.87623 12 3.8549 11.992 3.83623 11.976C3.82023 11.9573 3.81223 11.9373 3.81223 11.916C3.81223 11.908 3.81356 11.9 3.81623 11.892C3.8189 11.884 3.8229 11.876 3.82823 11.868L4.70023 10.572L3.89223 9.332C3.88423 9.316 3.88023 9.3 3.88023 9.284C3.88023 9.26267 3.88823 9.244 3.90423 9.228C3.92023 9.20933 3.94023 9.2 3.96423 9.2H4.54423C4.58423 9.2 4.6149 9.21067 4.63623 9.232C4.65756 9.25067 4.67223 9.268 4.68023 9.284L5.16023 10.012L5.64423 9.284C5.6549 9.268 5.6709 9.25067 5.69223 9.232C5.71356 9.21067 5.74423 9.2 5.78423 9.2H6.33223C6.35623 9.2 6.37623 9.20933 6.39223 9.228C6.4109 9.244 6.42023 9.26267 6.42023 9.284C6.42023 9.30267 6.4149 9.31867 6.40423 9.332L5.59223 10.568L6.47223 11.868C6.47756 11.876 6.48023 11.884 6.48023 11.892C6.4829 11.9 6.48423 11.908 6.48423 11.916C6.48423 11.9373 6.47623 11.9573 6.46023 11.976C6.44423 11.992 6.42423 12 6.40023 12H5.80423C5.76423 12 5.73223 11.9907 5.70823 11.972C5.6869 11.9507 5.67223 11.9333 5.66423 11.92L5.13223 11.152L4.61223 11.92C4.60423 11.9333 4.58956 11.9507 4.56823 11.972C4.5469 11.9907 4.51623 12 4.47623 12H3.90023ZM6.90995 12C6.88061 12 6.85661 11.9907 6.83795 11.972C6.81928 11.9533 6.80995 11.9293 6.80995 11.9V9.3C6.80995 9.27067 6.81928 9.24667 6.83795 9.228C6.85661 9.20933 6.88061 9.2 6.90995 9.2H7.43795C7.46461 9.2 7.48728 9.20933 7.50595 9.228C7.52728 9.24667 7.53795 9.27067 7.53795 9.3V11.396H8.74595C8.77528 11.396 8.79928 11.4067 8.81795 11.428C8.83928 11.4467 8.84995 11.4707 8.84995 11.5V11.9C8.84995 11.9293 8.83928 11.9533 8.81795 11.972C8.79928 11.9907 8.77528 12 8.74595 12H6.90995ZM10.2407 12.04C9.974 12.04 9.75267 12.0027 9.57667 11.928C9.40067 11.8507 9.26733 11.7507 9.17667 11.628C9.086 11.5053 9.038 11.3747 9.03267 11.236C9.03267 11.2147 9.04067 11.196 9.05667 11.18C9.07533 11.1613 9.09667 11.152 9.12067 11.152H9.62467C9.662 11.152 9.69 11.1587 9.70867 11.172C9.73 11.1853 9.74867 11.2027 9.76467 11.224C9.786 11.264 9.81533 11.3027 9.85267 11.34C9.89267 11.3773 9.94333 11.408 10.0047 11.432C10.0687 11.4533 10.1473 11.464 10.2407 11.464C10.3953 11.464 10.5113 11.44 10.5887 11.392C10.6687 11.344 10.7087 11.2787 10.7087 11.196C10.7087 11.1373 10.6873 11.0893 10.6447 11.052C10.602 11.012 10.5327 10.9773 10.4367 10.948C10.3433 10.916 10.218 10.884 10.0607 10.852C9.858 10.8093 9.68467 10.7547 9.54067 10.688C9.39933 10.6187 9.29133 10.5293 9.21667 10.42C9.142 10.308 9.10467 10.1693 9.10467 10.004C9.10467 9.84133 9.15 9.696 9.24067 9.568C9.334 9.44 9.46333 9.34 9.62867 9.268C9.794 9.196 9.99 9.16 10.2167 9.16C10.4007 9.16 10.562 9.184 10.7007 9.232C10.842 9.28 10.9607 9.344 11.0567 9.424C11.1527 9.504 11.2247 9.58933 11.2727 9.68C11.3233 9.768 11.35 9.85467 11.3527 9.94C11.3527 9.96133 11.3447 9.98133 11.3287 10C11.3127 10.016 11.2927 10.024 11.2687 10.024H10.7407C10.7113 10.024 10.686 10.0187 10.6647 10.008C10.6433 9.99733 10.6247 9.98 10.6087 9.956C10.5927 9.89733 10.55 9.84667 10.4807 9.804C10.414 9.75867 10.326 9.736 10.2167 9.736C10.0993 9.736 10.0073 9.75733 9.94067 9.8C9.87667 9.84 9.84467 9.90267 9.84467 9.988C9.84467 10.0413 9.862 10.088 9.89667 10.128C9.934 10.168 9.994 10.2027 10.0767 10.232C10.162 10.2613 10.278 10.292 10.4247 10.324C10.6673 10.3693 10.8633 10.4267 11.0127 10.496C11.162 10.5627 11.2713 10.6507 11.3407 10.76C11.41 10.8667 11.4447 11.0013 11.4447 11.164C11.4447 11.3453 11.3927 11.5027 11.2887 11.636C11.1873 11.7667 11.046 11.8667 10.8647 11.936C10.6833 12.0053 10.4753 12.04 10.2407 12.04Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_12335_24015" x1="8" y1="1" x2="8" y2="15" gradientUnits="userSpaceOnUse">
+<stop stop-color="#33B27C"/>
+<stop offset="1" stop-color="#289B69"/>
+</linearGradient>
+</defs>
+</svg>

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

@@ -0,0 +1,27 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonUpload = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./ButtonUpload.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var ButtonUpload = exports.ButtonUpload = function ButtonUpload(_ref) {
+  var _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
+  var translateUpload = function translateUpload() {
+    if (lang == 'ru') return 'Загрузить';
+    if (lang == 'eng') return 'Upload';
+    return 'Загрузить';
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn-box_upload"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    className: "input-file",
+    type: "file"
+  }), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn__white_upload"
+  }, translateUpload()));
+};

package/dist/components/Table/ButtonUpload/ButtonUpload.scss

@@ -0,0 +1,45 @@
+.btn-box_upload {
+    position: relative;
+    cursor: pointer;
+
+    .btn__white_upload {
+        width: 108px;
+        min-width: 108px;
+        background-color: #F1F5F9;
+        font-size: 14px;
+        height: 32px;
+        border: 0;
+        color: #020617;
+        border-radius: 8px;
+        padding-left: 24px;
+        background-image: url('./img/upload_icon.svg');
+        background-position: center left 6px;
+        background-size: 16px;
+        background-repeat: no-repeat;
+        border: 1px solid var(--table-border, #E0E7F2);
+        color: var(--all-text-secondary-text, #475569);
+        /* Button link/Medium */
+        font-family: Inter;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 16px;
+        cursor: pointer;
+
+        &:hover {
+            background-color: #E0E7F2;
+            transition: 0.5s;
+        }
+    }
+
+    .input-file {
+        position: absolute;
+        opacity: 0;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 1;
+        cursor: pointer;
+    }
+}

package/dist/components/Table/ButtonUpload/img/upload_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">
+<mask id="path-1-inside-1_9164_310782" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1904 6.66699C13.9276 6.66699 13.7142 6.44978 13.7142 6.18214V3.7579C13.7142 2.95451 13.0747 2.30336 12.2857 2.30336L3.71424 2.30336C2.9252 2.30336 2.28567 2.95451 2.28567 3.7579V6.18214C2.28567 6.44978 2.07234 6.66699 1.80948 6.66699C1.54663 6.66699 1.33329 6.44978 1.33329 6.18214V3.7579C1.33329 2.41923 2.39948 1.33366 3.71424 1.33366L12.2857 1.33366C13.6004 1.33366 14.6666 2.41923 14.6666 3.7579V6.18214C14.6666 6.44978 14.4533 6.66699 14.1904 6.66699Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1904 6.66699C13.9276 6.66699 13.7142 6.44978 13.7142 6.18214V3.7579C13.7142 2.95451 13.0747 2.30336 12.2857 2.30336L3.71424 2.30336C2.9252 2.30336 2.28567 2.95451 2.28567 3.7579V6.18214C2.28567 6.44978 2.07234 6.66699 1.80948 6.66699C1.54663 6.66699 1.33329 6.44978 1.33329 6.18214V3.7579C1.33329 2.41923 2.39948 1.33366 3.71424 1.33366L12.2857 1.33366C13.6004 1.33366 14.6666 2.41923 14.6666 3.7579V6.18214C14.6666 6.44978 14.4533 6.66699 14.1904 6.66699Z" fill="#70808F"/>
+<path d="M14.1904 5.66699C14.4968 5.66699 14.7142 5.91456 14.7142 6.18214H12.7142C12.7142 6.985 13.3584 7.66699 14.1904 7.66699V5.66699ZM14.7142 6.18214V3.7579L12.7142 3.7579V6.18214H14.7142ZM14.7142 3.7579C14.7142 2.41929 13.6439 1.30336 12.2857 1.30336V3.30336C12.5055 3.30336 12.7142 3.48973 12.7142 3.7579L14.7142 3.7579ZM12.2857 1.30336L3.71424 1.30336V3.30336L12.2857 3.30336V1.30336ZM3.71424 1.30336C2.356 1.30336 1.28567 2.41929 1.28567 3.7579L3.28567 3.7579C3.28567 3.48973 3.49439 3.30336 3.71424 3.30336V1.30336ZM1.28567 3.7579V6.18214H3.28567V3.7579L1.28567 3.7579ZM1.28567 6.18214C1.28567 5.91456 1.50314 5.66699 1.80948 5.66699V7.66699C2.64153 7.66699 3.28567 6.985 3.28567 6.18214H1.28567ZM1.80948 5.66699C2.11582 5.66699 2.33329 5.91456 2.33329 6.18214H0.333292C0.333292 6.985 0.97743 7.66699 1.80948 7.66699V5.66699ZM2.33329 6.18214V3.7579L0.333292 3.7579V6.18214H2.33329ZM2.33329 3.7579C2.33329 2.95446 2.96868 2.33366 3.71424 2.33366V0.333658C1.83029 0.333658 0.333292 1.88401 0.333292 3.7579L2.33329 3.7579ZM3.71424 2.33366L12.2857 2.33366V0.333658L3.71424 0.333658V2.33366ZM12.2857 2.33366C13.0312 2.33366 13.6666 2.95446 13.6666 3.7579H15.6666C15.6666 1.88401 14.1696 0.333658 12.2857 0.333658V2.33366ZM13.6666 3.7579V6.18214H15.6666V3.7579H13.6666ZM13.6666 6.18214C13.6666 5.91456 13.8841 5.66699 14.1904 5.66699V7.66699C15.0225 7.66699 15.6666 6.985 15.6666 6.18214H13.6666Z" fill="#1890FF" mask="url(#path-1-inside-1_9164_310782)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.6634 4.1425C7.84911 3.95293 8.15097 3.95293 8.33668 4.1425L11.1937 7.05157C11.3799 7.24066 11.3799 7.54802 11.1937 7.73711C11.008 7.92668 10.7062 7.92668 10.5205 7.73711L8.47622 5.65569V14.1821C8.47622 14.4498 8.26289 14.667 8.00004 14.667C7.73719 14.667 7.52387 14.4498 7.52387 14.1821L7.52387 5.65569L5.47963 7.73711C5.29392 7.92668 4.99205 7.92668 4.80635 7.73711C4.62016 7.54802 4.62016 7.24066 4.80635 7.05157L7.6634 4.1425Z" fill="#1890FF"/>
+</svg>

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

@@ -0,0 +1,58 @@
+"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"));
+require("./CheckboxToggle.scss");
+var _excluded = ["id", "value", "onChange", "containerClassName", "inputClassName", "className", "disabled"];
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var CheckboxToggle = function CheckboxToggle(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    containerClassName = _ref.containerClassName,
+    inputClassName = _ref.inputClassName,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    _value = _useState2[0],
+    set_value = _useState2[1];
+  var _onChange = function _onChange(e) {
+    set_value(e.target.checked);
+    if (onChange) {
+      onChange(e.target.checked);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    set_value(value);
+  }, [value]);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    className: disabled ? 'checkbox-status_disabled' : "checkbox-status"
+  }, /*#__PURE__*/_react["default"].createElement("input", _extends({
+    type: "checkbox",
+    disabled: disabled,
+    id: id,
+    className: "checkbox " + (inputClassName ? inputClassName : ""),
+    checked: _value,
+    onChange: _onChange
+  }, props)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "checkbox-status-switch"
+  }));
+};
+var _default = exports["default"] = CheckboxToggle;

package/dist/components/Table/CheckboxToggle/CheckboxToggle.scss

@@ -0,0 +1,117 @@
+.checkbox-status,
+.checkbox-status_disabled {
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    font-size: 14px;
+    user-select: none;
+
+    .checkbox-status-switch {
+        position: relative;
+        display: inline-block;
+        box-sizing: border-box;
+        width: 60px;
+        height: 26px;
+        border-radius: 16px;
+        border: 2px solid #94A3B8;
+        vertical-align: top;
+        background: #F1F5F9;
+        transition: .2s;
+
+        &::after {
+            content: 'OFF';
+            position: absolute;
+            top: 4px;
+            right: 8px;
+            display: inline-block;
+            width: 20px;
+            height: 16px;
+            border-radius: 100px;
+            color: #94A3B8;
+            transition: .15s;
+            font-family: Rubik;
+            font-size: 11px;
+            font-style: normal;
+            font-weight: 500;
+            line-height: 14px;
+        }
+    }
+
+    .checkbox-status-switch:before {
+        content: '';
+        position: absolute;
+        top: 3px;
+        left: 4px;
+        display: inline-block;
+        width: 20px;
+        height: 16px;
+        border-radius: 100px;
+        background: #94A3B8;
+        transition: .15s;
+    }
+
+    input[type=checkbox] {
+        display: block;
+        width: 0;
+        height: 0;
+        position: absolute;
+        z-index: -1;
+        opacity: 0;
+    }
+
+    input[type=checkbox]:not(:disabled):active+.checkbox-status-switch:before {
+        box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
+    }
+
+    input[type=checkbox]:checked+.checkbox-status-switch {
+        border: 2px solid #22C55E;
+        background: #22C55E;
+    }
+
+    input[type=checkbox]:checked+.checkbox-status-switch::after {
+        content: 'ON';
+        position: absolute;
+        top: 4px;
+        left: 8px;
+        display: inline-block;
+        width: 20px;
+        height: 16px;
+        border-radius: 100px;
+        color: #fff;
+        transition: .15s;
+        font-family: Rubik;
+        font-size: 11px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 14px;
+    }
+
+
+    input[type=checkbox]:checked+.checkbox-status-switch:before {
+        background-color: #fff;
+        transform: translateX(28px);
+    }
+
+    /* Hover */
+    input[type="checkbox"]:not(:disabled)+.checkbox-status-switch {
+        cursor: pointer;
+        // border-color: rgba(0, 0, 0, .3);
+    }
+
+    /* Focus */
+    .focused .checkbox-status-switch:before {
+        box-shadow: inset 0px 0px 4px #ff5623;
+    }
+
+    &_disabled {
+
+        .checkbox-status-switch {
+            background: #F1F5F9;
+        }
+
+        .checkbox-status-switch:before {
+            background: #C5CCD3;
+        }
+    }
+
+}

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

@@ -0,0 +1,260 @@
+"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.usePagination = exports.PAGE_SIZES = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./Paginator.scss");
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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 PAGE_SIZES = exports.PAGE_SIZES = [10, 50, 100];
+var DEFAULT_PAGE = 1;
+var DOT_SCROLL_STEP = 5;
+var VISIBLE_ELEMENTS = 7;
+var Paginator = function Paginator(_ref) {
+  var _Array$from;
+  var pageSize = _ref.pageSize,
+    pageNumber = _ref.pageNumber,
+    setPageSize = _ref.setPageSize,
+    setPageNumber = _ref.setPageNumber,
+    total = _ref.total,
+    lang = _ref.lang;
+  var totalPages = total ? Math.ceil(total / pageSize) : 0;
+  var firstItemOnThePage = pageSize * (pageNumber - 1) + 1;
+  var lastItemOnThePage = firstItemOnThePage === 1 ? pageSize : firstItemOnThePage - 1 + pageSize;
+  if (total < lastItemOnThePage) {
+    lastItemOnThePage = total;
+  }
+  var selectRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    viewRange = _useState2[0],
+    setViewRange = _useState2[1];
+
+  //перевод
+  var translateOf = function translateOf() {
+    if (lang == 'tur') return 'üzerinden';
+    if (lang == 'eng') return 'out of';
+    return 'из';
+  };
+  var onPageNumberClick = function onPageNumberClick(e) {
+    var newNumber = parseInt(e.target.title, 10);
+    setPageNumber(newNumber);
+    if (newNumber === DEFAULT_PAGE || newNumber === totalPages) updateViewRange(newNumber);
+  };
+  var onSelectChange = function onSelectChange(e) {
+    setPageNumber(DEFAULT_PAGE);
+    setPageSize(parseInt(e.target.value));
+  };
+  var updatePageNumber = function updatePageNumber(number) {
+    setPageNumber(number);
+    updateViewRange(number);
+  };
+  (0, _react.useEffect)(function () {
+    selectRef.current.value = pageSize;
+  }, []);
+  (0, _react.useEffect)(function () {
+    updateViewRange(pageNumber);
+  }, [totalPages]);
+  var LeftDots = function LeftDots(currentNumber) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "dots",
+      onClick: function onClick() {
+        return updatePageNumber(currentNumber - DOT_SCROLL_STEP);
+      }
+    }, "...");
+  };
+  var RightDots = function RightDots(currentNumber) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "dots",
+      onClick: function onClick() {
+        return updatePageNumber(currentNumber + DOT_SCROLL_STEP);
+      }
+    }, "...");
+  };
+  var LeftArrow = function LeftArrow() {
+    return /*#__PURE__*/_react["default"].createElement(Arrow, {
+      wrapperClassName: "arrow_wrapper",
+      className: "arrow_prev",
+      scrollCallback: function scrollCallback() {
+        return updatePageNumber(pageNumber - 1);
+      },
+      disabled: pageNumber === DEFAULT_PAGE
+    });
+  };
+  var RightArrow = function RightArrow() {
+    return /*#__PURE__*/_react["default"].createElement(Arrow, {
+      wrapperClassName: "arrow_wrapper",
+      className: "arrow_next",
+      scrollCallback: function scrollCallback() {
+        return updatePageNumber(pageNumber + 1);
+      },
+      disabled: pageNumber === totalPages
+    });
+  };
+  var updateViewRange = function updateViewRange(currentNumber) {
+    var allPageNumbers = Array.from(_toConsumableArray(Array(totalPages).keys())).map(function (p) {
+      return p + 1;
+    });
+    if (!totalPages || totalPages < VISIBLE_ELEMENTS) {
+      setViewRange(allPageNumbers);
+      return;
+    }
+    if (currentNumber === DEFAULT_PAGE || currentNumber - DEFAULT_PAGE < DOT_SCROLL_STEP) {
+      setViewRange([].concat(_toConsumableArray(allPageNumbers.slice(0, DOT_SCROLL_STEP)), [RightDots, totalPages]));
+      return;
+    }
+    if (currentNumber === totalPages || totalPages - currentNumber < DOT_SCROLL_STEP) {
+      setViewRange([DEFAULT_PAGE, LeftDots].concat(_toConsumableArray(allPageNumbers.slice(-DOT_SCROLL_STEP))));
+      return;
+    }
+    setViewRange([DEFAULT_PAGE, LeftDots, currentNumber - 1, currentNumber, currentNumber + 1, RightDots, totalPages]);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "paginator"
+  }, /*#__PURE__*/_react["default"].createElement("select", {
+    ref: selectRef,
+    onChange: onSelectChange,
+    className: "select-page"
+  }, PAGE_SIZES === null || PAGE_SIZES === void 0 ? void 0 : PAGE_SIZES.map(function (size) {
+    return /*#__PURE__*/_react["default"].createElement("option", {
+      key: size
+    }, size);
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'pagination_wrapper' + (totalPages ? '' : '_disabled')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "pagination_container"
+  }, /*#__PURE__*/_react["default"].createElement(LeftArrow, null), !totalPages && ((_Array$from = Array.from(_toConsumableArray(Array(3).keys()))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (_, index) {
+    return /*#__PURE__*/_react["default"].createElement(PageNumber, {
+      itemId: index,
+      className: "page-num",
+      title: index + 1,
+      key: index
+    });
+  })), viewRange === null || viewRange === void 0 ? void 0 : viewRange.map(function (el) {
+    return typeof el === 'number' ? /*#__PURE__*/_react["default"].createElement(PageNumber, {
+      className: "page-num",
+      onClick: onPageNumberClick,
+      selected: pageNumber === el,
+      title: el,
+      key: el,
+      itemId: el
+    }) : el(pageNumber);
+  }), /*#__PURE__*/_react["default"].createElement(RightArrow, null))), total ? /*#__PURE__*/_react["default"].createElement("p", {
+    className: "total-info"
+  }, firstItemOnThePage, " \u2014 ", lastItemOnThePage, " ", translateOf(), " ", total) : /*#__PURE__*/_react["default"].createElement("p", {
+    className: "total-info",
+    style: {
+      minWidth: '60px'
+    }
+  }));
+};
+var Arrow = function Arrow(_ref2) {
+  var className = _ref2.className,
+    wrapperClassName = _ref2.wrapperClassName,
+    scrollCallback = _ref2.scrollCallback,
+    disabled = _ref2.disabled;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: wrapperClassName
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: className,
+    disabled: disabled,
+    onClick: scrollCallback
+  }));
+};
+var PageNumber = function PageNumber(_ref3) {
+  var className = _ref3.className,
+    onClick = _ref3.onClick,
+    selected = _ref3.selected,
+    title = _ref3.title;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className + (selected ? '_selected' : ''),
+    onClick: onClick,
+    title: title,
+    tabIndex: 0
+  }, title);
+};
+var usePagination = exports.usePagination = function usePagination(fetchCallback, dependencies, filters) {
+  var lang = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'ru';
+  var setParams = arguments.length > 4 ? arguments[4] : undefined;
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    total = _useState4[0],
+    setTotal = _useState4[1];
+  var _useState5 = (0, _react.useState)(DEFAULT_PAGE),
+    _useState6 = _slicedToArray(_useState5, 2),
+    page = _useState6[0],
+    setPage = _useState6[1];
+  var _useState7 = (0, _react.useState)(PAGE_SIZES[0]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    limit = _useState8[0],
+    setLimit = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    noFetch = _useState10[0],
+    setNoFetch = _useState10[1];
+  var reset = function reset() {
+    setPage(DEFAULT_PAGE);
+    if (page !== DEFAULT_PAGE) setNoFetch(true);
+    if (typeof setParams === 'function') {
+      setParams([]);
+    }
+  };
+
+  // todo - remove
+  (0, _react.useEffect)(function () {
+    if (dependencies && page !== DEFAULT_PAGE) {
+      setPage(DEFAULT_PAGE);
+      setNoFetch(true);
+    }
+  }, dependencies);
+  (0, _react.useEffect)(function () {
+    if (total === 0) {
+      return;
+    }
+    if (noFetch) {
+      setNoFetch(false);
+      return;
+    }
+    if (fetchCallback) {
+      var abortController = fetchCallback(filters) || new AbortController();
+      return function () {
+        if (abortController !== null && abortController !== void 0 && abortController.abort) {
+          console.log(abortController);
+          abortController.abort();
+        }
+      };
+    }
+  }, [page, limit, filters]);
+  var _useState11 = (0, _react.useState)(typeof localStorage !== 'undefined' ? localStorage.getItem("lang") : 'ru' || 'ru'),
+    _useState12 = _slicedToArray(_useState11, 2),
+    settings = _useState12[0],
+    setSettings = _useState12[1];
+  (0, _react.useEffect)(function () {
+    if (typeof localStorage !== 'undefined') {
+      setSettings(localStorage.getItem("lang"));
+    }
+  }, []);
+  var PaginatorComponent = /*#__PURE__*/_react["default"].createElement(Paginator, {
+    lang: settings,
+    pageSize: limit,
+    pageNumber: page,
+    setPageSize: setLimit,
+    setPageNumber: setPage,
+    total: total
+  });
+  return [page, limit, total, setTotal, PaginatorComponent, reset];
+};