ecomlab-components-next 0.1.27 → 0.1.29

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

@@ -0,0 +1,175 @@
+"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 _reactChartjs = require("react-chartjs-2");
+require("./TableChartTd.scss");
+var _chart = require("chart.js");
+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 _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; }
+_chart.Chart.register(_chart.LinearScale, _chart.CategoryScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Title, _chart.Tooltip, _chart.Legend, _chart.LineController, _chart.BarController);
+var TableChartTd = function TableChartTd(_ref) {
+  var labels_prop = _ref.labels_prop,
+    datasets_prop = _ref.datasets_prop,
+    label = _ref.label,
+    _ref$colorArr = _ref.colorArr,
+    colorArr = _ref$colorArr === void 0 ? [] : _ref$colorArr;
+  var chartRef = (0, _react.useRef)(null);
+  var colors = ['#877CFF', '#D2CEFF', '#FFA15D', '#339933', '#3399FF', '#9966FF', '#FF9999', '#9933CC', '#FFFF99'];
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    datasetInds = _useState2[0],
+    setDatasetInds = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    labels = _useState4[0],
+    setLabels = _useState4[1];
+  var _useState5 = (0, _react.useState)([{
+      label: 'No data',
+      data: [],
+      borderColor: colorArr[0] ? colorArr[0] : colors[0],
+      fontSize: 30,
+      tension: .5,
+      yAxisID: "y"
+    }, {
+      label: 'No data',
+      data: [],
+      fontSize: 30,
+      borderColor: colorArr[1] ? colorArr[1] : colors[1],
+      tension: .5
+    }]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    datasets = _useState6[0],
+    setDatasets = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      labels: labels,
+      datasets: datasets
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    data = _useState8[0],
+    setData = _useState8[1];
+  var _useState9 = (0, _react.useState)({
+      type: 'line',
+      responsive: true,
+      maintainAspectRatio: true,
+      aspectRatio: 2,
+      borderWidth: 3,
+      pointRadius: 1,
+      grid: {
+        display: 'false'
+      },
+      interaction: {
+        intersect: false
+      },
+      plugins: {
+        legend: {
+          display: false
+        },
+        tooltip: {
+          display: false
+        },
+        title: {
+          display: false,
+          text: ''
+        }
+      },
+      scales: {
+        x: {
+          grid: {
+            display: false
+          },
+          ticks: {
+            display: false
+          }
+        },
+        y: {
+          grid: {
+            display: false
+          },
+          ticks: {
+            display: false
+          }
+        }
+      }
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    options = _useState10[0],
+    setOptions = _useState10[1];
+  var _useState11 = (0, _react.useState)(/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null)),
+    _useState12 = _slicedToArray(_useState11, 2),
+    lineChart = _useState12[0],
+    setLineChart = _useState12[1];
+  (0, _react.useEffect)(function () {
+    if ((labels_prop === null || labels_prop === void 0 ? void 0 : labels_prop.length) > 0) {
+      setLabels(_toConsumableArray(labels_prop));
+    } else {
+      if (JSON.stringify(labels_prop) !== JSON.stringify(labels)) {
+        setLabels([]);
+      }
+    }
+    if ((datasets_prop === null || datasets_prop === void 0 ? void 0 : datasets_prop.length) > 0) {
+      setDatasets(_toConsumableArray(datasets_prop.map(function (el, ind) {
+        return _objectSpread(_objectSpread({}, datasets[0]), {}, {
+          data: el,
+          borderColor: (datasetInds === null || datasetInds === void 0 ? void 0 : datasetInds.length) > 0 ? colors[datasetInds[ind]] : colors === null || colors === void 0 ? void 0 : colors[ind],
+          backgroundColor: (datasetInds === null || datasetInds === void 0 ? void 0 : datasetInds.length) > 0 ? colors[datasetInds[ind]] : colors === null || colors === void 0 ? void 0 : colors[ind],
+          label: (label === null || label === void 0 ? void 0 : label.length) > 0 ? label === null || label === void 0 ? void 0 : label[ind] : ' '
+        });
+      })));
+    } else {
+      if (JSON.stringify(datasets_prop) !== JSON.stringify(datasets)) {
+        setDatasets([]);
+      }
+    }
+  }, [labels_prop, datasets_prop, datasetInds]);
+  (0, _react.useEffect)(function () {
+    setData({
+      labels: labels,
+      datasets: datasets
+    });
+  }, [datasets, labels]);
+  (0, _react.useEffect)(function () {
+    setLineChart(/*#__PURE__*/_react["default"].createElement(_reactChartjs.Chart, {
+      height: 130,
+      width: 120,
+      options: options,
+      data: data,
+      ref: chartRef,
+      type: "line"
+    }));
+  }, [data, options]);
+  return (
+    /*#__PURE__*/
+    // loading
+    //   ?
+    //   <div className="chart_loader_wrapper" >
+    //     <MoonLoader
+    //       color="#7b7b7b"
+    //       speedMultiplier={0.5}
+    //     />
+    //   </div>
+    //   :
+    _react["default"].createElement("div", null, lineChart)
+  );
+};
+var _default = exports["default"] = TableChartTd;

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

@@ -0,0 +1,107 @@
+"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 _ButtonBasic = _interopRequireDefault(require("@/components/Buttons/ButtonBasic/ButtonBasic"));
+require("./TableInput.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 TableInput = function TableInput(_ref) {
+  var props = _ref.props,
+    getId = _ref.getId,
+    staticTD = _ref.staticTD,
+    ind = _ref.ind,
+    tableId = _ref.tableId,
+    state = _ref.state,
+    setState = _ref.setState;
+  var _props = _slicedToArray(props, 3),
+    _value = _props[0],
+    curr = _props[1],
+    id = _props[2];
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSaved = _useState4[0],
+    setIsSaved = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var stateValue = state === null || state === void 0 ? void 0 : state[id];
+    if (stateValue) {
+      if (stateValue === value) {
+        setIsSaved(true);
+      } else {
+        setIsSaved(false);
+      }
+    }
+  }, [state, value]);
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    className: "type-td_input ".concat(staticTD && ind === 0 ? 'sticky_th' : ''),
+    key: getId([tableId, props, ind], 'input')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '.5em',
+      width: '150px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "input-container",
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '.5em'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    className: "input",
+    value: value,
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    },
+    style: value === '' ? {
+      outline: '1px solid #FF3F3F',
+      border: '1px solid #FF3F3F'
+    } : isSaved ? {} : {
+      outline: '1px solid #FDBA74',
+      border: '1px solid #FDBA74'
+    }
+  }), curr), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
+    blue: true,
+    disabled: isSaved || (value === null || value === void 0 ? void 0 : value.length) === 0,
+    text: 'V',
+    style: {
+      color: 'white',
+      width: 20,
+      height: 5,
+      minWidth: 20,
+      maxWidth: 20,
+      alignItems: 'center',
+      justifyContent: 'center',
+      display: 'flex'
+    },
+    onClick: function onClick(e) {
+      return setState(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, value));
+      });
+    }
+  })));
+};
+var _default = exports["default"] = TableInput;

package/dist/components/Table/Table/TableInput/TableInput.scss

@@ -0,0 +1,35 @@
+.type-td_input {
+
+    .input-container {
+        display: flex;
+        justify-content: center;
+        width: 100%;
+        max-width: 130px;
+        min-width: 130px;
+
+        .input {
+            margin-left: auto;
+            margin-right: auto;
+            max-width: 110px;
+            min-width: 85px;
+            width: 100%;
+            height: 24px;
+            padding-left: 8px;
+            padding-right: 8px;
+            border-radius: 4px;
+            border: 1px solid #0009E8;
+            background: #ffffff;
+            text-align: left;
+            color: #11195D;
+            font-family: PTRootUI;
+            font-size: 12px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 14px;
+
+            &:focus {
+                outline: 1px solid #0009E8;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,27 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableWithoutData = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _doc_icon = _interopRequireDefault(require("./img/doc_icon.png"));
+require("./TableWithoutData.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var TableWithoutData = exports.TableWithoutData = function TableWithoutData(_ref) {
+  var text = _ref.text,
+    maxHeight = _ref.maxHeight;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "table-without-data",
+    style: {
+      minHeight: maxHeight ? maxHeight : ''
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "table-without-data__content"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _doc_icon["default"]
+  }), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text"
+  }, text)));
+};

package/dist/components/Table/Table/TableWithoutData/TableWithoutData.scss

@@ -0,0 +1,32 @@
+.table-without-data {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    min-height: 700px;
+
+    &__content {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        align-items: center;
+        padding-left: 60px;
+        padding-right: 60px;
+
+        img {
+            width: 45px;
+            height: 45px;
+        }
+
+        .text {
+            color: var(--all-text-teritary-text, #94A3B8);
+            text-align: center;
+            font-family: Inter;
+            font-size: 14px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 16px;
+        }
+    }
+}

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

@@ -0,0 +1,39 @@
+"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.TdDate = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
+var _ru = _interopRequireDefault(require("date-fns/locale/ru"));
+require("./TdDate.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 TdDate = exports.TdDate = function TdDate(_ref) {
+  var date = _ref.date,
+    _ref$edit = _ref.edit,
+    edit = _ref$edit === void 0 ? false : _ref$edit;
+  var _useState = (0, _react.useState)(new Date(date)),
+    _useState2 = _slicedToArray(_useState, 2),
+    startDate = _useState2[0],
+    setStartDate = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_reactDatepicker["default"], {
+    selected: startDate,
+    startDate: startDate,
+    onChange: function onChange(e) {
+      return setStartDate(e);
+    },
+    readOnly: edit,
+    locale: _ru["default"]
+  });
+};

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

@@ -0,0 +1,35 @@
+"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.TdDate = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
+var _ru = _interopRequireDefault(require("date-fns/locale/ru"));
+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 TdDate = exports.TdDate = function TdDate(_ref) {
+  var date = _ref.date;
+  var _useState = (0, _react.useState)(new Date(date)),
+    _useState2 = _slicedToArray(_useState, 2),
+    startDate = _useState2[0],
+    setStartDate = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_reactDatepicker["default"], {
+    selected: startDate,
+    startDate: startDate,
+    onChange: function onChange(e) {
+      return setStartDate(e);
+    },
+    locale: _ru["default"]
+  });
+};

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

@@ -0,0 +1,90 @@
+"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.TypeTdImage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 _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; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+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); }
+var imageNotFound = require('./img/imageNotFound.svg');
+var TypeTdImage = exports.TypeTdImage = function TypeTdImage(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  var src = props.src,
+    alt = props.alt,
+    key = props.key,
+    imgWidthPercents = props.imgWidthPercents;
+
+  // Узнаем позицию картинки при наведении в 
+  // и определяем с какой стороны она будет позиционироваться 
+
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isShowImg = _useState2[0],
+    setIsShowImg = _useState2[1];
+  var _useState3 = (0, _react.useState)('top'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    positionHiddenImg = _useState4[0],
+    setPositionHiddenImg = _useState4[1];
+  var refImg = (0, _react.useRef)();
+  var positionImg = function positionImg(ref, setState) {
+    if (typeof document !== 'undefined') {
+      var table = document.querySelector('.table-box-component__content');
+      if (table) {
+        var table_position_bottom = table.getBoundingClientRect().bottom;
+        var table_position_top = table.getBoundingClientRect().top;
+        var img_position_bottom = ref.current.getBoundingClientRect().bottom;
+        if (table_position_bottom > img_position_bottom + 260) {
+          setState('top');
+        } else {
+          setState('bottom');
+        }
+      }
+    }
+  };
+  if (typeof src === 'string') {
+    if ((src === null || src === void 0 ? void 0 : src.indexOf('http')) < 0) return;
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "single-img-container",
+    key: key,
+    style: {
+      width: "".concat(imgWidthPercents === 0 ? 100 : imgWidthPercents, "%")
+    },
+    onMouseOver: function onMouseOver(e) {
+      setIsShowImg(true);
+      positionImg(refImg, setPositionHiddenImg);
+    },
+    onMouseOut: function onMouseOut(e) {
+      setIsShowImg(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "img-table",
+    ref: refImg,
+    src: src ? src : imageNotFound,
+    alt: alt
+  }), src && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "enlarge-photo",
+    style: _defineProperty({
+      display: isShowImg ? 'block' : 'none',
+      opacity: isShowImg ? '1' : '0'
+    }, positionHiddenImg, '0px')
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    ref: refImg,
+    src: src ? src : imageNotFound,
+    alt: alt
+  })));
+};

package/dist/components/Table/Table/img/SortArrow.js

@@ -0,0 +1,12 @@
+// const SortArrow = () => {
+
+//     return (
+//         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+//             <path d="M5 12L8 15L11 12" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//             <path d="M8 14L8 1" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//         </svg>
+//     )
+// }
+
+// export { SortArrow }
+"use strict";

package/dist/components/Table/Table/img/SortArrowUp.js

@@ -0,0 +1,12 @@
+// const SortArrowUp = () => {
+
+//     return (
+//         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+//             <path d="M11 5L8 2L5 5" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//             <path d="M8 2L8 15" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//         </svg>
+//     )
+// }
+
+// export { SortArrowUp }
+"use strict";

package/dist/components/Table/Table/img/SortTable.js

@@ -0,0 +1,14 @@
+// const SortTable = () => {
+
+//     return (
+//         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+//             <path d="M7 4L4 1L1 4" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//             <path d="M8 12L11 15L14 12" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//             <path d="M4 1L4 14" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//             <path d="M11 14L11 1" stroke="#BDBCDB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+//         </svg>
+//     )
+// }
+
+// export { SortTable }
+"use strict";

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

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Close">
+<rect width="20" height="20" rx="4" fill="#C5CCD3"/>
+<path id="Vector" d="M15 5L5 15" stroke="#64748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M5 5L15 15" stroke="#64748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.131802 0.131802C0.307538 -0.043934 0.592462 -0.043934 0.768198 0.131802L3 2.3636L5.2318 0.131802C5.40754 -0.043934 5.69246 -0.043934 5.8682 0.131802C6.04393 0.307538 6.04393 0.592462 5.8682 0.768198L3.6364 3L5.8682 5.2318C6.04393 5.40754 6.04393 5.69246 5.8682 5.8682C5.69246 6.04393 5.40754 6.04393 5.2318 5.8682L3 3.6364L0.768198 5.8682C0.592462 6.04393 0.307538 6.04393 0.131802 5.8682C-0.043934 5.69246 -0.043934 5.40754 0.131802 5.2318L2.3636 3L0.131802 0.768198C-0.043934 0.592462 -0.043934 0.307538 0.131802 0.131802Z" fill="#F5F5F5"/>
+</svg>

package/dist/components/Table/Table/img/context-menu.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z" fill="#F1F5F9"/>
+<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" fill="#77BEFF" stroke="#70808F" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" fill="#70808F" stroke="#70808F" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" fill="#70808F" stroke="#70808F" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>