ecomlab-components-next 0.1.159 → 0.1.162

package/dist/stories/Table/Table.stories.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _Table = _interopRequireDefault(require("./Table"));
+var _addonActions = require("@storybook/addon-actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var stubFetchedData = [['', [{
+  "alt": "",
+  "value": "https://apps1.ecomru.ru:9001/redactor-images/photo16983928661_1.jpeg"
+}, {
+  "alt": "",
+  "value": "https://apps1.ecomru.ru:9001/redactor-images/photo1698392866_1.jpeg"
+}, {
+  "alt": "",
+  "value": "https://apps1.ecomru.ru:9001/redactor-images/photo1698393232_1.jpeg"
+}, {
+  "alt": "Векторная иллюстрация интернет магазина FMCG",
+  "value": "https://apps1.ecomru.ru:9001/redactor-images/vektornaya-illyustraciya-internet-magazina-fmcg.png"
+}, {
+  "alt": "",
+  "value": "https://apps1.ecomru.ru:9001/redactor-images/photo16983932321_1.jpeg"
+}, {
+  "alt": "",
+  "value": "https://apps1.ecomru.ru:9001/redactor-images/photo16983932322_1.jpeg"
+}], 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [false, 9786], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasdaaskjldhaskjdhaskldjhaskjdhakljdhaskjdhakjsdhkajhsdskajh', 'some description some description some descriptionaksdmalsmd,amsd.,amsd', 'brandadmkl;mas,.dmas,.dma.s,dm.as,dmasdn,amsnd,amnda,mndamnkljasdh', 'istrade-DKT-8802102-26/27-GRİ MAVİ', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"], ['строка', 'еще строка']], ['', "https://apps1.ecomru.ru:9001/developerimages/app_static_media_gllacy-index.jpg", 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [true, 4566456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', null, 'text', ["Нет бренда", 'some-link/1234/test'], ["0", "₽"], ["0", "₽"], 0, [false, 123456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 0, 706, 767, 0, 0, 0, 0, 0, 0, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', "https://apps1.ecomru.ru:9001/developerimages/app_static_media_gllacy-index.jpg", 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [false, 9786], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasdaaskjldhaskjdhaskldjhaskjdhakljdhaskjdhakjsdhkajhsdskajh', 'some description some description some descriptionaksdmalsmd,amsd.,amsd', 'brandadmkl;mas,.dmas,.dma.s,dm.as,dmasdn,amsnd,amnda,mndamnkljasdh', 'istrade-DKT-8802102-26/27-GRİ MAVİ', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', "https://apps1.ecomru.ru:9001/developerimages/app_static_media_gllacy-index.jpg", 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [true, 4566456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', null, 'text', ["Нет бренда", 'some-link/1234/test'], ["0", "₽"], ["0", "₽"], 0, [false, 123456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 0, 706, 767, 0, 0, 0, 0, 0, 0, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', "https://apps1.ecomru.ru:9001/developerimages/app_static_media_gllacy-index.jpg", 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [false, 9786], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasdaaskjldhaskjdhaskldjhaskjdhakljdhaskjdhakjsdhkajhsdskajh', 'some description some description some descriptionaksdmalsmd,amsd.,amsd', 'brandadmkl;mas,.dmas,.dma.s,dm.as,dmasdn,amsnd,amnda,mndamnkljasdh', 'istrade-DKT-8802102-26/27-GRİ MAVİ', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', "https://apps1.ecomru.ru:9001/developerimages/app_static_media_gllacy-index.jpg", 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [true, 4566456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', null, 'text', ["Нет бренда", 'some-link/1234/test'], ["0", "₽"], ["0", "₽"], 0, [false, 123456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 0, 706, 767, 0, 0, 0, 0, 0, 0, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', "https://apps1.ecomru.ru:9001/developerimages/app_static_media_gllacy-index.jpg", 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [false, 9786], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasdaaskjldhaskjdhaskldjhaskjdhakljdhaskjdhakjsdhkajhsdskajh', 'some description some description some descriptionaksdmalsmd,amsd.,amsd', 'brandadmkl;mas,.dmas,.dma.s,dm.as,dmasdn,amsnd,amnda,mndamnkljasdh', 'istrade-DKT-8802102-26/27-GRİ MAVİ', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', "https://apps1.ecomru.ru:9001/developerimages/app_static_media_gllacy-index.jpg", 'text', ["Atlas for Women", 'some-link/1234/test'], ["1675", "₽"], ["16224", "₽"], 1, [true, 4566456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 5, 9121, 13712, 15, 21, 0, 1, 5, 1, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]], ['', null, 'text', ["Нет бренда", 'some-link/1234/test'], ["0", "₽"], ["0", "₽"], 0, [false, 123456], ['https://cdn1.ozone.ru/s3/multimedia-5/6066520445.jpg', 'Nameasdasda', 'some description some description some description', 'brand', 'offer_id-1231231231', 'offer_id-1231231231'], '', '', ['ASD', 'https://google.com'], 0, 706, 767, 0, 0, 0, 0, 0, 0, ["CAMPAIGN_STATE_RUNNING", "BBF7D0", "15803D"]]];
+var stubHeaders = {
+  "styles": [[{}, {
+    color: 'red'
+  }, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, [{
+    "color": "black",
+    "fontSize": 14,
+    "font-weight": "bold"
+  }, {
+    "color": "blue",
+    "fontSize": 12
+  }]
+  // {
+  //     "color": "red",
+  //     "fontSize": 14,
+  //     "font-weight": "bold"
+  // }
+  ]],
+  "header": ['', "Фото", 'Text', "Бренд", "Выручка тек. п-д", "Выручка пред. п-д", "Заказы тек. п-д", 'toggleStatus', 'collectInfo', 'contextMenu', 'Date', 'textWithLink', "Заказы пред. п-д", "Показы тек. п-д", "Показы пред. п-д", "Клики тек. п-д", "Клики пред. п-д", "Возвраты тек. п-д", "Возвраты пред. п-д", "Отмены тек. п-д", "Отмены пред. п-д", 'statusWithColor'],
+  "type": ["hidden", 'image', 'text', "textWithLink", "currency", "currency", "num", 'toggleStatus', 'collectInfo', 'contextMenu', 'date', "textWithLink", "num", "num", "num", "num", "num", "num", "num", "num", "num", 'statusWithColor', 'stringLayers'],
+  "tooltips": ['', "", "", '', "Выбранный бренд", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]
+};
+var stubColumnSize = ['50px', 56, '120px', "120px", "124px", "124px", "102px", "152px", "312px", "102px", "102px", "102px", "102px", "107px", "107px", "104px", "104px", "102px", "80px"];
+var stubSort = ["Выручка тек. п-д", "DESC"];
+var _default = exports["default"] = {
+  title: 'Components/Table',
+  component: _Table["default"],
+  parameters: {
+    laout: 'centered'
+  },
+  args: {
+    loading: false,
+    fetchedData: stubFetchedData,
+    headers: stubHeaders,
+    onDelete: (0, _addonActions.action)('onDelete'),
+    onEdit: (0, _addonActions.action)('onEdit'),
+    onCheck: (0, _addonActions.action)('onCheck'),
+    onToggle: (0, _addonActions.action)('onToggle'),
+    isSortable: true,
+    onBooleanCheckbox: false,
+    onAction: (0, _addonActions.action)('onAction'),
+    sortingFunc: (0, _addonActions.action)('sortingFunc'),
+    sort: stubSort,
+    isInsideTable: false,
+    fetchDataInsideFunc: (0, _addonActions.action)('fetchDataInsideFunc'),
+    nestedTable: false,
+    columnSize: stubColumnSize,
+    setParams: (0, _addonActions.action)('setParams'),
+    fileFilters: [],
+    setFileFilters: (0, _addonActions.action)('setFileFilters'),
+    date: new Date(),
+    basePath: 'main',
+    onRedirect: (0, _addonActions.action)('onRedirect')
+  }
+};
+var Default = exports.Default = {};

package/dist/stories/Table/TableChartTd/TableChartTd.js

@@ -0,0 +1,172 @@
+"use strict";
+
+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 _reactChartjs = require("react-chartjs-2");
+var _react = require("react");
+require("./TableChartTd.scss");
+var _chart = require("chart.js");
+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.createElement(React.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.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.createElement("div", null, lineChart)
+  );
+};
+var _default = exports["default"] = TableChartTd;

package/dist/stories/Table/TdDate/TdDate.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TdDate = void 0;
+var _reactRouterDom = require("react-router-dom");
+var _react = 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 _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.createElement(_reactDatepicker["default"], {
+    selected: startDate,
+    startDate: startDate,
+    onChange: function onChange(e) {
+      return setStartDate(e);
+    },
+    readOnly: edit,
+    locale: _ru["default"]
+  });
+};

package/dist/stories/Table/TdDate.js

@@ -0,0 +1,34 @@
+"use strict";
+
+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/stories/Table/TypeTdImage.js

@@ -0,0 +1,85 @@
+"use strict";
+
+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 = require("react");
+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) {
+    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.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.createElement("img", {
+    className: "img-table",
+    ref: refImg,
+    src: src ? src : imageNotFound,
+    alt: alt
+  }), src && /*#__PURE__*/React.createElement("div", {
+    className: "enlarge-photo",
+    style: _defineProperty({
+      display: isShowImg ? 'block' : 'none',
+      opacity: isShowImg ? '1' : '0'
+    }, positionHiddenImg, '0px')
+  }, /*#__PURE__*/React.createElement("img", {
+    ref: refImg,
+    src: src ? src : imageNotFound,
+    alt: alt
+  })));
+};

package/dist/stories/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/stories/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/stories/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/stories/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/stories/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/stories/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>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/stories/Table/svg_img.js

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