ecomlab-components-next 0.1.28 → 0.1.29

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

@@ -0,0 +1,116 @@
+"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.ButtonColumn = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Checkbox = _interopRequireDefault(require("../../Checkbox/Checkbox/Checkbox"));
+var _column = _interopRequireDefault(require("./img/column.svg"));
+require("./ButtonColumn.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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 ButtonColumn = exports.ButtonColumn = function ButtonColumn(_ref) {
+  var _ref$headers = _ref.headers,
+    headers = _ref$headers === void 0 ? {
+      type: [],
+      header: [],
+      visibleColumn: []
+    } : _ref$headers,
+    setSelectedHeaders = _ref.setSelectedHeaders,
+    checkedHeaders = _ref.checkedHeaders,
+    setCheckedHeaders = _ref.setCheckedHeaders,
+    _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
+  var type = headers.type,
+    header = headers.header,
+    visibleColumn = headers.visibleColumn;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    headerList = _useState2[0],
+    setHeaderList = _useState2[1];
+  var translateColumn = function translateColumn() {
+    if (lang == 'ru') return 'Колонки';
+    if (lang == 'tur') return 'Sütunlar';
+    if (lang == 'eng') return 'Columns';
+    return 'Колонки';
+  };
+  var translateNoData = function translateNoData() {
+    if (lang == 'ru') return 'Нет данных';
+    if (lang == 'eng') return 'No data';
+    return 'Нет данных';
+  };
+  (0, _react.useEffect)(function () {
+    if ((header === null || header === void 0 ? void 0 : header.length) > 0) {
+      var obj = {};
+      header === null || header === void 0 || header.forEach(function (el, ind) {
+        if (Array.isArray(visibleColumn) & (visibleColumn === null || visibleColumn === void 0 ? void 0 : visibleColumn.length) > 0) {
+          return obj[el] = visibleColumn[ind];
+        }
+        return obj[el] = true;
+      });
+      setCheckedHeaders(obj);
+    }
+  }, [header]);
+  (0, _react.useEffect)(function () {
+    var _Object$keys;
+    if ((header === null || header === void 0 ? void 0 : header.length) > 0 & ((_Object$keys = Object.keys(checkedHeaders)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+      var _header$map;
+      setHeaderList(header === null || header === void 0 || (_header$map = header.map(function (el, ind) {
+        if (type[ind] === 'hidden' || type[ind] === 'contextMenu' || type[ind] === 'checkbox' || type[ind] === 'onAction') return -1;
+        var value = checkedHeaders === null || checkedHeaders === void 0 ? void 0 : checkedHeaders[el];
+        return /*#__PURE__*/_react["default"].createElement("label", {
+          className: "checbox-box",
+          key: el + ind
+        }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+          value: value ? value : false,
+          onChange: function onChange(e) {
+            return setCheckedHeaders(function (prev) {
+              return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, el, e));
+            });
+          }
+        }), /*#__PURE__*/_react["default"].createElement("p", {
+          className: "text"
+        }, el));
+      })) === null || _header$map === void 0 ? void 0 : _header$map.filter(function (el) {
+        return el !== -1;
+      }));
+      var newType = [];
+      header === null || header === void 0 || header.forEach(function (el, ind) {
+        var isFalse = checkedHeaders[el] === false;
+        newType[ind] = isFalse ? 'hidden' : type[ind];
+      });
+      setSelectedHeaders({
+        type: newType,
+        header: header
+      });
+    }
+  }, [checkedHeaders, header]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn-box_column"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn__white_column"
+  }, /*#__PURE__*/_react["default"].createElement("img", _column["default"]), translateColumn()), (header === null || header === void 0 ? void 0 : header.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-column"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-column__content"
+  }, headerList ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "checkbox-list"
+  }, headerList) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "no-data"
+  }, translateNoData()))));
+};

package/dist/components/Table/ButtonColumn/ButtonColumn.scss

@@ -0,0 +1,117 @@
+// @font-face {
+//     font-family: Rubik;
+//     src: url("../../../public/font/Rubik/Rubik-Medium.ttf");
+//     font-weight: 500;
+//     font-style: normal;
+// }
+
+.btn-box_column {
+    position: relative;
+
+    &:hover {
+        .drop-column {
+            opacity: 1;
+            visibility: visible;
+            transition: 0.3s;
+        }
+    }
+
+    .drop-column__content {
+        height: auto;
+        min-height: 50px;
+        width: 210px;
+        min-width: 210px;
+        height: auto;
+        margin-top: 4px;
+       
+
+        .no-data {
+            display: flex;
+            font-size: 14px;
+            width: 100%;
+            height: 50px;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .checkbox-list {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            background-color: #fff;
+            border: 1px solid #EDEFED;
+            overflow: hidden;
+            border-radius: 8px;
+            max-height: 350px;
+            overflow: auto;
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+    
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            .checbox-box {
+                display: flex;
+                width: 100%;
+                padding: 9px 12px;
+                align-items: center;
+                gap: 12px;
+                border-bottom: 1px solid #EDEFED;
+                cursor: pointer;
+
+                &:hover {
+                    transition: 0.3s;
+                    background-color: #FAFBFA;
+                }
+
+                &:last-child {
+                    border-bottom: none;
+                }
+
+                .text {
+                    overflow: hidden;
+                    color: #555C9E;
+                    text-overflow: ellipsis;
+                    font-family: Rubik;
+                    font-size: 12px;
+                    font-style: normal;
+                    font-weight: 500;
+                    line-height: 14px;
+                }
+            }
+        }
+    }
+
+    .drop-column {
+        position: absolute;
+        top: 100%;
+        right: -16px;
+        opacity: 0;
+        visibility: hidden;
+        z-index: 7;
+    }
+
+    .btn__white_column {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: auto;
+        background-color: inherit;
+        font-size: 14px;
+        height: 40px;
+        border: 0;
+        border-radius: 8px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #0B110B;
+        font-family: NunitoSans;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 12px;
+        border: none;
+    }
+}

package/dist/components/Table/ButtonColumn/img/column.svg

@@ -0,0 +1,7 @@
+<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_40796" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8621 2H13.7586C14.4455 2 15 2.57557 15 3.28571V12.7143C15 13.4244 14.4455 14 13.7586 14H4.24138C3.55448 14 3 13.4244 3 12.7143L3 3.28571C3 2.57557 3.55448 2 4.24138 2H7.13793H10.8621ZM7.55172 13.1429L7.55172 2.85714H10.4483V13.1429H7.55172ZM11.2759 13.1429V2.85714H13.7586C13.9862 2.85714 14.1724 3.04914 14.1724 3.28571V12.7143C14.1724 12.9509 13.9862 13.1429 13.7586 13.1429H11.2759ZM6.72414 13.1429H4.24138C4.01379 13.1429 3.82759 12.9509 3.82759 12.7143L3.82759 3.28571C3.82759 3.04914 4.01379 2.85714 4.24138 2.85714H6.72414V13.1429Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8621 2H13.7586C14.4455 2 15 2.57557 15 3.28571V12.7143C15 13.4244 14.4455 14 13.7586 14H4.24138C3.55448 14 3 13.4244 3 12.7143L3 3.28571C3 2.57557 3.55448 2 4.24138 2H7.13793H10.8621ZM7.55172 13.1429L7.55172 2.85714H10.4483V13.1429H7.55172ZM11.2759 13.1429V2.85714H13.7586C13.9862 2.85714 14.1724 3.04914 14.1724 3.28571V12.7143C14.1724 12.9509 13.9862 13.1429 13.7586 13.1429H11.2759ZM6.72414 13.1429H4.24138C4.01379 13.1429 3.82759 12.9509 3.82759 12.7143L3.82759 3.28571C3.82759 3.04914 4.01379 2.85714 4.24138 2.85714H6.72414V13.1429Z" fill="#51CA64"/>
+<path d="M7.55172 13.1429H6.05172V14.6429H7.55172V13.1429ZM7.55172 2.85714V1.35714H6.05172V2.85714H7.55172ZM10.4483 2.85714H11.9483V1.35714H10.4483V2.85714ZM10.4483 13.1429V14.6429H11.9483V13.1429H10.4483ZM11.2759 13.1429H9.77586V14.6429H11.2759V13.1429ZM11.2759 2.85714V1.35714H9.77586V2.85714H11.2759ZM6.72414 13.1429V14.6429H8.22414V13.1429H6.72414ZM6.72414 2.85714H8.22414V1.35714H6.72414V2.85714ZM10.8621 3.5H13.7586V0.5H10.8621V3.5ZM13.7586 3.5C13.6712 3.5 13.5987 3.46087 13.5574 3.41807C13.5172 3.3764 13.5 3.32644 13.5 3.28571L16.5 3.28571C16.5 1.79819 15.3241 0.5 13.7586 0.5V3.5ZM13.5 3.28571V12.7143L16.5 12.7143V3.28571L13.5 3.28571ZM13.5 12.7143C13.5 12.6736 13.5172 12.6236 13.5574 12.5819C13.5987 12.5391 13.6712 12.5 13.7586 12.5V15.5C15.3241 15.5 16.5 14.2018 16.5 12.7143L13.5 12.7143ZM13.7586 12.5H4.24138V15.5H13.7586V12.5ZM4.24138 12.5C4.3288 12.5 4.40127 12.5391 4.44257 12.5819C4.48278 12.6236 4.5 12.6736 4.5 12.7143H1.5C1.5 14.2018 2.67592 15.5 4.24138 15.5V12.5ZM4.5 12.7143V3.28571H1.5L1.5 12.7143H4.5ZM4.5 3.28571C4.5 3.32644 4.48278 3.3764 4.44257 3.41807C4.40127 3.46087 4.3288 3.5 4.24138 3.5L4.24138 0.5C2.67592 0.5 1.5 1.79819 1.5 3.28571H4.5ZM4.24138 3.5H7.13793V0.5H4.24138L4.24138 3.5ZM7.13793 3.5H10.8621V0.5H7.13793V3.5ZM9.05172 13.1429V2.85714H6.05172V13.1429H9.05172ZM7.55172 4.35714H10.4483V1.35714H7.55172L7.55172 4.35714ZM8.94828 2.85714V13.1429H11.9483V2.85714H8.94828ZM10.4483 11.6429H7.55172V14.6429H10.4483V11.6429ZM12.7759 13.1429V2.85714H9.77586V13.1429H12.7759ZM11.2759 4.35714H13.7586V1.35714H11.2759V4.35714ZM13.7586 4.35714C13.1105 4.35714 12.6724 3.82951 12.6724 3.28571L15.6724 3.28571C15.6724 2.26878 14.8619 1.35714 13.7586 1.35714V4.35714ZM12.6724 3.28571V12.7143L15.6724 12.7143V3.28571L12.6724 3.28571ZM12.6724 12.7143C12.6724 12.1705 13.1105 11.6429 13.7586 11.6429V14.6429C14.8619 14.6429 15.6724 13.7312 15.6724 12.7143L12.6724 12.7143ZM13.7586 11.6429H11.2759V14.6429H13.7586V11.6429ZM6.72414 11.6429H4.24138V14.6429H6.72414V11.6429ZM4.24138 11.6429C4.88948 11.6429 5.32759 12.1705 5.32759 12.7143H2.32759C2.32759 13.7312 3.1381 14.6429 4.24138 14.6429V11.6429ZM5.32759 12.7143V3.28571H2.32759L2.32759 12.7143H5.32759ZM5.32759 3.28571C5.32759 3.82951 4.88948 4.35714 4.24138 4.35714L4.24138 1.35714C3.13811 1.35714 2.32759 2.26878 2.32759 3.28571H5.32759ZM4.24138 4.35714H6.72414V1.35714H4.24138L4.24138 4.35714ZM5.22414 2.85714V13.1429H8.22414V2.85714H5.22414Z" fill="#51CA64" mask="url(#path-2-inside-1_12337_40796)"/>
+</svg>

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

@@ -0,0 +1,41 @@
+"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.ButtonCopy = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./ButtonCopy.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 _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 ButtonCopy = exports.ButtonCopy = function ButtonCopy(_ref) {
+  var value = _ref.value,
+    style = _ref.style;
+  var _useState = (0, _react.useState)('Скопировать'),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentText = _useState2[0],
+    setCurrentText = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "button-copy",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn-copy",
+    onBlur: function onBlur() {
+      return setCurrentText('Скопировать');
+    },
+    onClick: function onClick() {
+      navigator.clipboard.writeText(value);
+      setCurrentText('Текст скопирован');
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tooltip_black"
+  }, currentText));
+};

package/dist/components/Table/ButtonCopy/ButtonCopy.scss

@@ -0,0 +1,43 @@
+.button-copy {
+    position: absolute;
+    top: calc(50% - 8px);
+    right: 0;
+
+    .tooltip_black {
+        opacity: 0;
+        visibility: hidden;
+        background-color: #4A4A4A;
+        border-radius: 2px;
+        overflow: hidden;
+        color: white;
+        position: absolute;
+        top: 90%;
+        left: calc(30px);
+        z-index: 100;
+        width: max-content;
+        height: auto;
+        padding: 2px 4px;
+        border: 1px solid #E0E7F2;
+    }
+
+    &:hover {
+        .tooltip_black {
+            opacity: 1;
+            visibility: visible;
+            transition: 0.5s;
+        }
+    }
+
+    .btn-copy {
+        background-image: url('./img/copy.svg');
+        width: 16px;
+        height: 16px;
+        min-width: 16px;
+        border: none;
+        background-color: inherit;
+        background-repeat: no-repeat;
+        background-position: center;
+        position: absolute;
+    }
+
+}

package/dist/components/Table/ButtonCopy/img/copy.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M3.58871 0.815674C3.68233 0.720174 3.81044 0.666687 3.94348 0.666687H7.07245C8.43245 0.666687 9.53622 1.78619 9.53622 3.16669C10.8962 3.16669 12 4.28619 12 5.66669V12.1667C12 13.5472 10.8962 14.6667 9.53622 14.6667H5.59419C4.23419 14.6667 3.13042 13.5472 3.13042 12.1667C1.77042 12.1667 0.666656 11.0472 0.666656 9.66669V4.03018C0.666656 3.89868 0.715951 3.7727 0.809574 3.6792L3.58871 0.815674ZM8.55071 3.16669V9.66669C8.55071 10.4952 7.89042 11.1667 7.07245 11.1667H3.13042C2.31245 11.1667 1.65216 10.4952 1.65216 9.66669V5.16669H4.60869C4.8797 5.16669 5.10144 4.94269 5.10144 4.66669V1.66669H7.07245C7.89042 1.66669 8.55071 2.33819 8.55071 3.16669ZM4.11593 1.69968V4.16669H1.72116L4.11593 1.69968ZM5.59419 13.6667C4.77622 13.6667 4.11593 12.9952 4.11593 12.1667H7.07245C8.43245 12.1667 9.53622 11.0472 9.53622 9.66669V4.16669C10.3542 4.16669 11.0145 4.83819 11.0145 5.66669V12.1667C11.0145 12.9952 10.3542 13.6667 9.53622 13.6667H5.59419Z" fill="#9298CF"/>
+</svg>

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

@@ -0,0 +1,87 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonExport = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _headers = _interopRequireDefault(require("../../../common/headers"));
+var _export = _interopRequireDefault(require("./img/export.svg"));
+var _xlc = _interopRequireDefault(require("./img/xlc.svg"));
+var _pdf = _interopRequireDefault(require("./img/pdf.svg"));
+require("./ButtonExport.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var ButtonExport = exports.ButtonExport = function ButtonExport(_ref) {
+  var _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
+    tableUrl = _ref.tableUrl,
+    tableBody = _ref.tableBody;
+  var translateDownload = function translateDownload() {
+    if (lang == 'ru') return 'Выгрузить';
+    if (lang == 'eng') return 'Download';
+    if (lang == 'tur') return 'Konuşmacılar';
+    return 'Выгрузить';
+  };
+  var downloadXlsx = function downloadXlsx() {
+    var abortController = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new AbortController();
+    if (tableUrl && tableBody) {
+      var NikitaHttps = 'https://apps1.ecomru.ru:4440';
+      var url;
+      if (!window.location.hostname.match('localhost')) {
+        url = "".concat(NikitaHttps, "/api/v1/convert_table/?url=").concat(encodeURIComponent(tableUrl), "&convert_to=xlsx");
+      } else {
+        url = "".concat(NikitaHttps, "/api/v1/convert_table/?url=").concat(encodeURIComponent(tableUrl), "&convert_to=xlsx");
+      }
+      fetch(url, {
+        body: tableBody,
+        method: 'POST',
+        headers: _headers["default"],
+        signal: abortController.signal
+      }).then(function (res) {
+        if (res.ok) {
+          return res.json();
+        } else {
+          throw Error(JSON.stringify(res.json()));
+        }
+      }).then(function (_ref2) {
+        var url = _ref2.url;
+        if (typeof document !== 'undefined') {
+          var link = document.createElement('a');
+          link.href = url;
+          link.setAttribute('download', 'table.xlsx'); //or any other extension
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          URL.revokeObjectURL(url);
+        }
+      })["catch"](function (err) {
+        console.error(err);
+      })["finally"](function () {
+        if (abortController.signal.aborted) return;
+      });
+    } else {
+      alert('Функция временно не доступна для этой таблицы. Попробуйте позже.');
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn-box_export"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn__white_export"
+  }, /*#__PURE__*/_react["default"].createElement("img", _export["default"]), translateDownload()), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-export"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-export__content"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick(e) {
+      var abortController = new AbortController();
+      downloadXlsx(abortController);
+      return function () {
+        return abortController.abort();
+      };
+    },
+    className: "btn"
+  }, /*#__PURE__*/_react["default"].createElement("img", _xlc["default"]), "Excel"), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn"
+  }, /*#__PURE__*/_react["default"].createElement("img", _pdf["default"]), "PDF"))));
+};

package/dist/components/Table/ButtonExport/ButtonExport.scss

@@ -0,0 +1,111 @@
+.btn-box_export {
+    position: relative;
+
+    .tooltip-min {
+        height: auto;
+        min-height: 50px;
+        width: 216px;
+        margin-left: calc(0px);
+
+        .checkbox-list {
+            width: 100%;
+            padding: 12px 8px 12px 20px;
+            display: flex;
+            flex-direction: column;
+            gap: 6px;
+            align-items: flex-start;
+
+            .checbox-box {
+                display: flex;
+                align-items: flex-start;
+                gap: 12px;
+                cursor: pointer;
+            }
+        }
+    }
+
+    .drop-export {
+        top: 100%;
+        position: absolute;
+        right: -16px;
+        opacity: 0;
+        visibility: hidden;
+        z-index: 10;
+
+        &__content {
+            display: flex;
+            flex-direction: column;
+            width: 90px;
+            border-radius: 8px;
+            background-color: #fff;
+            border: 2px solid #EDEFFB;
+            overflow: hidden;
+            margin-top: 4px;
+
+            .btn {
+                display: flex;
+                gap: 10px;
+                align-items: center;
+                height: 32px;
+                width: 100%;
+                background-color: white;
+                border: none;
+                font-size: 12px;
+                position: relative;
+                z-index: 2;
+                cursor: default;
+                border-bottom: 1px solid #EDEFED;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                color: #0B110B;
+                font-family: NunitoSans;
+                font-size: 12px;
+                font-style: normal;
+                font-weight: 500;
+                line-height: 12px;
+                padding-left: 14px;
+                padding-right: 14px;
+
+                &:hover {
+                    background-color: #F8F9FE;
+                    transition: 0.5s;
+                }
+
+                &:last-child {
+                    border-bottom: none;
+                }
+            }
+        }
+    }
+
+    &:hover {
+        .drop-export  {
+            transition: 0.3s;
+            opacity: 1;
+            visibility: visible;
+        }
+    }
+
+    .btn__white_export {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: auto;
+        background-color: inherit;
+        font-size: 14px;
+        height: 40px;
+        border: 0;
+        color: #020617;
+        border-radius: 8px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #0B110B;
+        font-family: NunitoSans;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 12px;
+        border: none;
+    }
+}

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()));
+};