ecomlab-components-next 0.1.28 → 0.1.29

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

@@ -0,0 +1,339 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _TableBox = _interopRequireDefault(require("./TableBox"));
+var _addonActions = require("@storybook/addon-actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var parse = require('html-react-parser');
+var stubColumnSize = ["150px", "150px", "20px", "150px", "150px", "150px"];
+var stubSort = ["Дата", "DESC"];
+var stubHeaders = {
+  header: ["Идентификатор", "Имя бота", "", "Автор", "Файлы", "Дата"],
+  type: ["stringLayers", "stringLayers", "contextMenu", "stringLayers", "stringLayers", "stringLayers"],
+  tooltips: ["Идентификатор бота", "Имя бота", "", "Автор", "Список файлов", "Дата создания"],
+  filterTypes: ["text", "text", "", "text", "text", "date"],
+  filterList: ["", "", "", "", "", ""],
+  styles: [[[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[{
+    "color": "blue",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }], [[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]], [[{
+    "color": "black",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }], [], [{
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "black",
+    "fontSize": 12
+  }, {
+    "color": "red",
+    "fontSize": 12
+  }], [[[{
+    "color": "blue",
+    "fontSize": 12
+  }], [{
+    "color": "black",
+    "fontSize": 12
+  }]]], [{
+    "color": "black",
+    "fontSize": 12
+  }]]]
+};
+var stubFetchedData = [[["83778e05-c9dd-4da8-aec9-48ddd1f27b63"], ["Anton"], "", [642, "Anton Gorbenko", "a.gorbenko@gtcom.io"], [], ["2024-12-27T13:04:28+03:00"]], [["ae01d93f-c754-46b9-ab82-21bbe9bf4ef9"], ["Test Name"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [["fastapi59.pdf", "processing"], [["fastapi58.pdf"], ["processing"]], [["fastapi58.pdf"], ["processing"]], [["fastapi58.pdf"], ["processing"]], [["fastapi60.pdf"], ["processing"]]], ["2024-12-26T12:42:07+03:00"]], [["7b73442b-5e89-4ad7-8f83-055aabefc1af"], ["No named"], "", [642, "Anton Gorbenko", "a.gorbenko@gtcom.io"], [[["896f51281d6a75266ad0c0193165542ad952c913.pdf"], ["ready"]]], ["2024-12-25T16:49:37+03:00"]], [["779c4b47-2ba9-40da-ac3b-4107fc70a2c0"], ["No named"], "", [642, "Anton Gorbenko", "a.gorbenko@gtcom.io"], [[["r_04.pdf"], ["ready"]]], ["2024-12-25T16:32:18+03:00"]], [["21808063-9118-42d1-9699-fa872ccef858"], ["No named"], "", [258, "Evgenii Shirokov", "e.shirokov@gtcom.io"], [], ["2024-12-25T14:58:33+03:00"]], [["db970733-622b-4aee-9918-8691acfd18dd"], ["No named"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [[["fastapi44.pdf"], ["ready"]]], ["2024-12-23T18:10:25+03:00"]], [["f3cdf697-e403-4670-b5b8-c196ff38ac01"], ["No named"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [[["fastapi53.pdf"], ["ready"]], [["fastapi61.pdf"], ["processing"]]], ["2024-12-18T15:57:56+03:00"]], [["0cc9dae1-56d7-4ee7-abe4-c15875c80956"], ["No named"], "", [563, "Andrey Dyakonov", "a.dyakonov@gtcom.io"], [], ["2024-12-17T15:51:50+03:00"]]];
+var _default = exports["default"] = {
+  title: 'TableBox',
+  component: _TableBox["default"],
+  args: {
+    loading: false,
+    fetchedData: stubFetchedData,
+    headers: stubHeaders,
+    onDelete: (0, _addonActions.action)('onDelete'),
+    onEdit: (0, _addonActions.action)('onEdit'),
+    onCheck: (0, _addonActions.action)('onCheck'),
+    onInputHandler: (0, _addonActions.action)('onInputHandler'),
+    onAddAcc: (0, _addonActions.action)('onAddAcc'),
+    isSortable: true,
+    onBooleanCheckbox: false,
+    onAction: (0, _addonActions.action)('onAction'),
+    fetchCallback: (0, _addonActions.action)('fetchCallback'),
+    sort: stubSort,
+    isInsideTable: true,
+    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'),
+    lang: 'en',
+    paginator: true,
+    hideColumn: false,
+    hideExport: false,
+    hideSorting: false,
+    onActionInfo: true,
+    // maxSelectedCount: 1,
+    contextMenuArr: [{
+      label: 'Удалить',
+      onClick: (0, _addonActions.action)('onDelete'),
+      type: 'delete'
+    }, {
+      label: 'Редактировать',
+      onClick: (0, _addonActions.action)('onEdit')
+    }, {
+      label: 'Кнопка',
+      onClick: (0, _addonActions.action)('onClick')
+    }],
+    statistic: [{
+      label: 'Товаров',
+      sum: 50
+    }, {
+      label: 'Заказов',
+      sum: 50
+    }, {
+      label: 'Товаров',
+      sum: 50
+    }, {
+      label: 'Заказов',
+      sum: 50
+    }, {
+      label: 'Товаров',
+      sum: 50
+    }, {
+      label: 'Заказов',
+      sum: 50
+    }],
+    metrics: [
+    // {
+    //   label: 'Баланс на начало периода:',
+    //   value: 12389.0,
+    //   unit: '₽',
+    //   color: 'red',
+    // },
+    // {
+    //   label: 'Баланс на начало периода:',
+    //   value: 12389.0,
+    //   unit: '₽',
+    //   color: 'blue',
+    // },
+
+    {
+      label: 'Отмены, руб.',
+      value: '4 742 227'
+    }, {
+      label: 'Процент отмен, %',
+      value: '6'
+    }, {
+      label: 'Возвраты, шт.',
+      value: '16'
+    }],
+    panelBtn: true
+  }
+};
+var Default = exports.Default = {
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(_TableBox["default"], args);
+  }
+};

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

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon">
+<g id="Device">
+<g id="barcode_fill">
+<path id="&#229;&#189;&#162;&#231;&#138;&#182;" fill-rule="evenodd" clip-rule="evenodd" d="M20 5C21.0544 5 21.9182 5.81588 21.9945 6.85074L22 7V17C22 18.0544 21.1841 18.9182 20.1493 18.9945L20 19H4C2.94564 19 2.08183 18.1841 2.00549 17.1493L2 17V7C2 5.94564 2.81588 5.08183 3.85074 5.00549L4 5H20ZM6 8C5.44772 8 5 8.44772 5 9V15C5 15.5523 5.44772 16 6 16C6.55228 16 7 15.5523 7 15V9C7 8.44772 6.55228 8 6 8ZM12 8C11.4477 8 11 8.44772 11 9C11 8.44772 10.5523 8 10 8C9.48717 8 9.06449 8.38604 9.00673 8.88338L9 9V15C9 15.5523 9.44772 16 10 16C10.5523 16 11 15.5523 11 15C11 15.5523 11.4477 16 12 16C12.5128 16 12.9355 15.614 12.9933 15.1166L13 15V9C13 8.44772 12.5523 8 12 8ZM15 8C14.4872 8 14.0645 8.38604 14.0067 8.88338L14 9V15C14 15.5523 14.4477 16 15 16C15.5128 16 15.9355 15.614 15.9933 15.1166L16 15V9C16 8.44772 15.5523 8 15 8ZM18 8C17.4477 8 17 8.44772 17 9V15C17 15.5523 17.4477 16 18 16C18.5523 16 19 15.5523 19 15V9C19 8.44772 18.5523 8 18 8Z" fill="#15803D"/>
+</g>
+</g>
+</g>
+</svg>

package/dist/components/Table/TableBox/img/forward_icon.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon">
+<g id="File">
+<g id="archive_fill">
+<path id="&#229;&#189;&#162;&#231;&#138;&#182;" fill-rule="evenodd" clip-rule="evenodd" d="M7.41421 3C6.88378 3 6.37507 3.21071 6 3.58579L3.58579 6C3.30991 6.27588 3.12295 6.62406 3.04336 7H20.9566C20.8771 6.62406 20.6901 6.27588 20.4142 6L18 3.58579C17.6249 3.21071 17.1162 3 16.5858 3H7.41421ZM21 9H3V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V9ZM12 11C12.5523 11 13 11.4477 13 12V15.1858L13.4142 14.7715C13.8047 14.381 14.4379 14.381 14.8284 14.7715C15.219 15.1621 15.219 15.7952 14.8284 16.1858L12.7071 18.3071C12.3166 18.6976 11.6834 18.6976 11.2929 18.3071L9.17157 16.1858C8.78105 15.7952 8.78105 15.1621 9.17157 14.7715C9.5621 14.381 10.1953 14.381 10.5858 14.7715L11 15.1858V12C11 11.4477 11.4477 11 12 11Z" fill="#15803D"/>
+</g>
+</g>
+</g>
+</svg>

package/dist/components/Table/TableBox/img/more_icon.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14299_136797)">
+<path d="M16 16C16.5128 16 16.9355 16.386 16.9933 16.8834L17 17V21C17 21.5128 16.614 21.9355 16.1166 21.9933L16 22H8C7.48717 22 7.06449 21.614 7.00673 21.1166L7 21V17C7 16.4872 7.38604 16.0645 7.88338 16.0067L8 16H16ZM19 7C20.6569 7 22 8.34315 22 10V17C22 18.1046 21.1046 19 20 19H19V16C19 14.8954 18.1046 14 17 14H7C5.89543 14 5 14.8954 5 16V19H4C2.89543 19 2 18.1046 2 17V10C2 8.34315 3.34315 7 5 7H19ZM17 9H15C14.4477 9 14 9.44772 14 10C14 10.5128 14.386 10.9355 14.8834 10.9933L15 11H17C17.5523 11 18 10.5523 18 10C18 9.48717 17.614 9.06449 17.1166 9.00673L17 9ZM17 2C17.5523 2 18 2.44772 18 3V5H6V3C6 2.44772 6.44772 2 7 2H17Z" fill="#15803D"/>
+</g>
+<defs>
+<clipPath id="clip0_14299_136797">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/components/Table/TableBox/img_stories/tag_icon.svg

@@ -0,0 +1,5 @@
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="tag">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M9.79497 7.24312L6.14322 10.9672C6.00336 11.1098 5.81392 11.1903 5.61615 11.1911C5.41838 11.192 5.22827 11.1132 5.08722 10.9718L1.74972 7.63006C1.60792 7.48788 1.52731 7.29409 1.52562 7.09131C1.52394 6.88854 1.60131 6.69338 1.74072 6.54877L5.39172 2.75582C5.49636 2.64698 5.62122 2.56049 5.759 2.50141C5.89679 2.44233 6.04475 2.41183 6.19422 2.41171H9.37497C9.57389 2.41171 9.76465 2.49227 9.9053 2.63568C10.046 2.77909 10.125 2.9736 10.125 3.17641V6.43177C10.1249 6.58248 10.0958 6.73171 10.0392 6.87092C9.98254 7.01014 9.89956 7.13661 9.79497 7.24312ZM4.58847 1.95135C4.79796 1.73386 5.04785 1.56111 5.32356 1.4432C5.59926 1.32529 5.89525 1.26459 6.19422 1.26465H9.37497C9.87226 1.26465 10.3492 1.46607 10.7008 1.82459C11.0524 2.18312 11.25 2.66938 11.25 3.17641V6.43177C11.25 6.73314 11.1918 7.03156 11.0787 7.30999C10.9656 7.58842 10.7998 7.8414 10.5907 8.05447L6.93822 11.7786C6.58859 12.1348 6.11517 12.3358 5.62091 12.338C5.12666 12.3401 4.65157 12.1432 4.29897 11.7901L0.961474 8.4483C0.606764 8.09304 0.404968 7.60868 0.400468 7.10174C0.395967 6.59481 0.58913 6.1068 0.937474 5.74506L4.58847 1.95288V1.95135ZM7.87497 5.47053C7.62633 5.47053 7.38788 5.36982 7.21206 5.19056C7.03625 5.0113 6.93747 4.76816 6.93747 4.51465C6.93747 4.26113 7.03625 4.018 7.21206 3.83874C7.38788 3.65947 7.62633 3.55877 7.87497 3.55877C8.12361 3.55877 8.36207 3.65947 8.53789 3.83874C8.7137 4.018 8.81247 4.26113 8.81247 4.51465C8.81247 4.76816 8.7137 5.0113 8.53789 5.19056C8.36207 5.36982 8.12361 5.47053 7.87497 5.47053Z" fill="#B4B8B4"/>
+</g>
+</svg>

package/dist/components/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("../../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/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/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/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/index.js

@@ -117,6 +117,12 @@ Object.defineProperty(exports, "StepItems", {
     return _StepItems["default"];
   }
 });
+Object.defineProperty(exports, "TableBox", {
+  enumerable: true,
+  get: function get() {
+    return _TableBox["default"];
+  }
+});
 Object.defineProperty(exports, "TariffPlan", {
   enumerable: true,
   get: function get() {
@@ -150,4 +156,5 @@ var _Carousel = _interopRequireDefault(require("./components/ConstructorComponen
 var _PointsList = _interopRequireDefault(require("./components/ConstructorComponents/PointsList/PointsList"));
 var _Footer = _interopRequireDefault(require("./components/ConstructorComponents/Footer/Footer"));
 var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));
+var _TableBox = _interopRequireDefault(require("./components/Table/TableBox/TableBox"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [
@@ -20,9 +20,14 @@
   },
   "dependencies": {
     "@types/styled-components": "^5.1.34",
+    "chart.js": "^4.4.7",
+    "deep-equal": "^2.2.3",
     "next": "15.1.5",
     "react": "^19.0.0",
+    "react-chartjs-2": "^5.3.0",
+    "react-datepicker": "^8.0.0",
     "react-dom": "^19.0.0",
+    "react-spinners": "^0.15.0",
     "sass": "^1.55.0",
     "styled-components": "^6.1.14"
   },
@@ -31,7 +36,10 @@
     "@babel/preset-env": "^7.26.8",
     "@babel/preset-react": "^7.26.3",
     "@chromatic-com/storybook": "^3.2.4",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
     "@eslint/eslintrc": "^3",
+    "@mui/material": "6.4.4",
     "@storybook/addon-essentials": "^8.5.0",
     "@storybook/addon-interactions": "^8.5.0",
     "@storybook/addon-onboarding": "^8.5.0",
@@ -39,23 +47,20 @@
     "@storybook/nextjs": "^8.5.0",
     "@storybook/react": "^8.5.0",
     "@storybook/test": "^8.5.0",
-    "@mui/material": "6.4.4",
     "eslint": "^9",
     "eslint-config-next": "15.1.5",
     "eslint-plugin-storybook": "^0.11.2",
     "html-react-parser": "^5.2.2",
-    "sass": "^1.55.0",
-    "storybook": "^8.5.0",
-    "react-select": "^5.8.0",
     "imask": "^7.6.1",
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
     "react-fast-marquee": "^1.6.5",
-    "react-multi-carousel": "^2.8.5"
+    "react-multi-carousel": "^2.8.5",
+    "react-select": "^5.8.0",
+    "sass": "^1.55.0",
+    "storybook": "^8.5.0"
   },
   "eslintConfig": {
     "extends": [
       "plugin:storybook/recommended"
     ]
   }
-}
+}