ecomlab-components-next 0.1.102 → 0.1.103
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AuthorAvatar/AuthorAvatar.js +36 -0
- package/dist/components/AuthorAvatar/AuthorAvatar.scss +53 -0
- package/dist/components/Table/Paginator/Paginator.scss +1 -1
- package/dist/components/Table/Table/Table.js +1433 -1007
- package/dist/components/Table/Table/Table.scss +1230 -1300
- package/dist/components/Table/TableBox/TableBox.stories.js +4 -229
- package/package.json +1 -1
|
@@ -11,236 +11,11 @@ var parse = require('html-react-parser');
|
|
|
11
11
|
var stubColumnSize = ["150px", "150px", "20px", "150px", "150px", "150px"];
|
|
12
12
|
var stubSort = ["Дата", "DESC"];
|
|
13
13
|
var stubHeaders = {
|
|
14
|
-
header: ["
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
filterTypes: ["text", "text", "", "text", "text", "date"],
|
|
18
|
-
filterList: ["", "", "", "", "", ""],
|
|
19
|
-
styles: [[[{
|
|
20
|
-
"color": "black",
|
|
21
|
-
"fontSize": 12
|
|
22
|
-
}], [{
|
|
23
|
-
"color": "black",
|
|
24
|
-
"fontSize": 12
|
|
25
|
-
}], [], [{
|
|
26
|
-
"color": "black",
|
|
27
|
-
"fontSize": 12
|
|
28
|
-
}, {
|
|
29
|
-
"color": "black",
|
|
30
|
-
"fontSize": 12
|
|
31
|
-
}, {
|
|
32
|
-
"color": "red",
|
|
33
|
-
"fontSize": 12
|
|
34
|
-
}], [[[{
|
|
35
|
-
"color": "blue",
|
|
36
|
-
"fontSize": 12
|
|
37
|
-
}], [{
|
|
38
|
-
"color": "black",
|
|
39
|
-
"fontSize": 12
|
|
40
|
-
}]]], [{
|
|
41
|
-
"color": "black",
|
|
42
|
-
"fontSize": 12
|
|
43
|
-
}]], [[{
|
|
44
|
-
"color": "black",
|
|
45
|
-
"fontSize": 12
|
|
46
|
-
}], [{
|
|
47
|
-
"color": "black",
|
|
48
|
-
"fontSize": 12
|
|
49
|
-
}], [], [{
|
|
50
|
-
"color": "black",
|
|
51
|
-
"fontSize": 12
|
|
52
|
-
}, {
|
|
53
|
-
"color": "black",
|
|
54
|
-
"fontSize": 12
|
|
55
|
-
}, {
|
|
56
|
-
"color": "red",
|
|
57
|
-
"fontSize": 12
|
|
58
|
-
}], [[{
|
|
59
|
-
"color": "blue",
|
|
60
|
-
"fontSize": 12
|
|
61
|
-
}, {
|
|
62
|
-
"color": "black",
|
|
63
|
-
"fontSize": 12
|
|
64
|
-
}], [[{
|
|
65
|
-
"color": "blue",
|
|
66
|
-
"fontSize": 12
|
|
67
|
-
}], [{
|
|
68
|
-
"color": "black",
|
|
69
|
-
"fontSize": 12
|
|
70
|
-
}]], [[{
|
|
71
|
-
"color": "blue",
|
|
72
|
-
"fontSize": 12
|
|
73
|
-
}], [{
|
|
74
|
-
"color": "black",
|
|
75
|
-
"fontSize": 12
|
|
76
|
-
}]], [[{
|
|
77
|
-
"color": "blue",
|
|
78
|
-
"fontSize": 12
|
|
79
|
-
}], [{
|
|
80
|
-
"color": "black",
|
|
81
|
-
"fontSize": 12
|
|
82
|
-
}]], [[{
|
|
83
|
-
"color": "blue",
|
|
84
|
-
"fontSize": 12
|
|
85
|
-
}], [{
|
|
86
|
-
"color": "black",
|
|
87
|
-
"fontSize": 12
|
|
88
|
-
}]]], [{
|
|
89
|
-
"color": "black",
|
|
90
|
-
"fontSize": 12
|
|
91
|
-
}]], [[{
|
|
92
|
-
"color": "black",
|
|
93
|
-
"fontSize": 12
|
|
94
|
-
}], [{
|
|
95
|
-
"color": "black",
|
|
96
|
-
"fontSize": 12
|
|
97
|
-
}], [], [{
|
|
98
|
-
"color": "black",
|
|
99
|
-
"fontSize": 12
|
|
100
|
-
}, {
|
|
101
|
-
"color": "black",
|
|
102
|
-
"fontSize": 12
|
|
103
|
-
}, {
|
|
104
|
-
"color": "red",
|
|
105
|
-
"fontSize": 12
|
|
106
|
-
}], [[[{
|
|
107
|
-
"color": "blue",
|
|
108
|
-
"fontSize": 12
|
|
109
|
-
}], [{
|
|
110
|
-
"color": "black",
|
|
111
|
-
"fontSize": 12
|
|
112
|
-
}]]], [{
|
|
113
|
-
"color": "black",
|
|
114
|
-
"fontSize": 12
|
|
115
|
-
}]], [[{
|
|
116
|
-
"color": "black",
|
|
117
|
-
"fontSize": 12
|
|
118
|
-
}], [{
|
|
119
|
-
"color": "black",
|
|
120
|
-
"fontSize": 12
|
|
121
|
-
}], [], [{
|
|
122
|
-
"color": "black",
|
|
123
|
-
"fontSize": 12
|
|
124
|
-
}, {
|
|
125
|
-
"color": "black",
|
|
126
|
-
"fontSize": 12
|
|
127
|
-
}, {
|
|
128
|
-
"color": "red",
|
|
129
|
-
"fontSize": 12
|
|
130
|
-
}], [[[{
|
|
131
|
-
"color": "blue",
|
|
132
|
-
"fontSize": 12
|
|
133
|
-
}], [{
|
|
134
|
-
"color": "black",
|
|
135
|
-
"fontSize": 12
|
|
136
|
-
}]]], [{
|
|
137
|
-
"color": "black",
|
|
138
|
-
"fontSize": 12
|
|
139
|
-
}]], [[{
|
|
140
|
-
"color": "black",
|
|
141
|
-
"fontSize": 12
|
|
142
|
-
}], [{
|
|
143
|
-
"color": "black",
|
|
144
|
-
"fontSize": 12
|
|
145
|
-
}], [], [{
|
|
146
|
-
"color": "black",
|
|
147
|
-
"fontSize": 12
|
|
148
|
-
}, {
|
|
149
|
-
"color": "black",
|
|
150
|
-
"fontSize": 12
|
|
151
|
-
}, {
|
|
152
|
-
"color": "red",
|
|
153
|
-
"fontSize": 12
|
|
154
|
-
}], [[[{
|
|
155
|
-
"color": "blue",
|
|
156
|
-
"fontSize": 12
|
|
157
|
-
}], [{
|
|
158
|
-
"color": "black",
|
|
159
|
-
"fontSize": 12
|
|
160
|
-
}]]], [{
|
|
161
|
-
"color": "black",
|
|
162
|
-
"fontSize": 12
|
|
163
|
-
}]], [[{
|
|
164
|
-
"color": "black",
|
|
165
|
-
"fontSize": 12
|
|
166
|
-
}], [{
|
|
167
|
-
"color": "black",
|
|
168
|
-
"fontSize": 12
|
|
169
|
-
}], [], [{
|
|
170
|
-
"color": "black",
|
|
171
|
-
"fontSize": 12
|
|
172
|
-
}, {
|
|
173
|
-
"color": "black",
|
|
174
|
-
"fontSize": 12
|
|
175
|
-
}, {
|
|
176
|
-
"color": "red",
|
|
177
|
-
"fontSize": 12
|
|
178
|
-
}], [[[{
|
|
179
|
-
"color": "blue",
|
|
180
|
-
"fontSize": 12
|
|
181
|
-
}], [{
|
|
182
|
-
"color": "black",
|
|
183
|
-
"fontSize": 12
|
|
184
|
-
}]]], [{
|
|
185
|
-
"color": "black",
|
|
186
|
-
"fontSize": 12
|
|
187
|
-
}]], [[{
|
|
188
|
-
"color": "black",
|
|
189
|
-
"fontSize": 12
|
|
190
|
-
}], [{
|
|
191
|
-
"color": "black",
|
|
192
|
-
"fontSize": 12
|
|
193
|
-
}], [], [{
|
|
194
|
-
"color": "black",
|
|
195
|
-
"fontSize": 12
|
|
196
|
-
}, {
|
|
197
|
-
"color": "black",
|
|
198
|
-
"fontSize": 12
|
|
199
|
-
}, {
|
|
200
|
-
"color": "red",
|
|
201
|
-
"fontSize": 12
|
|
202
|
-
}], [[[{
|
|
203
|
-
"color": "blue",
|
|
204
|
-
"fontSize": 12
|
|
205
|
-
}], [{
|
|
206
|
-
"color": "black",
|
|
207
|
-
"fontSize": 12
|
|
208
|
-
}]], [[{
|
|
209
|
-
"color": "blue",
|
|
210
|
-
"fontSize": 12
|
|
211
|
-
}], [{
|
|
212
|
-
"color": "black",
|
|
213
|
-
"fontSize": 12
|
|
214
|
-
}]]], [{
|
|
215
|
-
"color": "black",
|
|
216
|
-
"fontSize": 12
|
|
217
|
-
}]], [[{
|
|
218
|
-
"color": "black",
|
|
219
|
-
"fontSize": 12
|
|
220
|
-
}], [{
|
|
221
|
-
"color": "black",
|
|
222
|
-
"fontSize": 12
|
|
223
|
-
}], [], [{
|
|
224
|
-
"color": "black",
|
|
225
|
-
"fontSize": 12
|
|
226
|
-
}, {
|
|
227
|
-
"color": "black",
|
|
228
|
-
"fontSize": 12
|
|
229
|
-
}, {
|
|
230
|
-
"color": "red",
|
|
231
|
-
"fontSize": 12
|
|
232
|
-
}], [[[{
|
|
233
|
-
"color": "blue",
|
|
234
|
-
"fontSize": 12
|
|
235
|
-
}], [{
|
|
236
|
-
"color": "black",
|
|
237
|
-
"fontSize": 12
|
|
238
|
-
}]]], [{
|
|
239
|
-
"color": "black",
|
|
240
|
-
"fontSize": 12
|
|
241
|
-
}]]]
|
|
14
|
+
"header": ["id", "active", "Фото", "Название", "Аннотация", "Дата публикации", "Автор", "Время чтения", "Количество просмотров", "Статус", "total"],
|
|
15
|
+
"sort": "date",
|
|
16
|
+
"type": ["hidden", "hidden", "imgSlider", "textWithLink", "text", "text", "author", "num", "num", "imageWithText", "hidden"]
|
|
242
17
|
};
|
|
243
|
-
var stubFetchedData = [[["
|
|
18
|
+
var stubFetchedData = [[4640, true, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "https://file.ecomru.ru:4453/api/v1/file/download/385b4276-7dea-4ae8-bca6-0ccf4cc296b4"], ["Automated Data Scraping from thailand-property.com", "/article/automated_data_scraping_from_thailand-propertycom/4640"], "<b>Track real estate prices, monitor listings, analyze agents, and stay ahead of the property market in Southeast Asia.</b><!-- notionvc: 4b1879b8-6433-4a07-b88d-43132f3b1560 -->", "25.04.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 64, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5], [4135, true, ["https://dl.ecomru.ru:9001/images/842/amazon-logo_842.png"], ["Amazon web scraping", "/article/amazon_web_scraping/4135"], "<p data-start=\"148\" data-end=\"426\" class=\"\" style=\"font-style: normal; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);\">Need up-to-date info from Amazon? We’ve got you. Whether it’s tracking competitors, monitoring prices and product availability, keeping an eye on reviews, or digging into keyword data — we handle it all through regular automated scraping.</p><p data-start=\"428\" data-end=\"608\" class=\"\" style=\"font-style: normal; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);\">You’ll get the data in the format that works best for you — whether that’s via API, Excel/CSV files, JSON, Google Drive or straight into a custom analytics dashboard.</p><p data-start=\"610\" data-end=\"759\" class=\"\" style=\"font-style: normal; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);\">Just drop us a request on our website, and we’ll take care of the rest — pulling the data you need from one of the biggest marketplaces in the world.</p>", "07.04.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 108, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5], [4745, true, ["https://file.ecomru.ru:4453/api/v1/file/download/67392faf-a0e4-4697-8c5e-14816236ee54"], ["Getting Business Data from Google Maps — The Practical Way", "/article/getting_business_data_from_google_maps_—_the_practical_way/4745"], "If your work depends on knowing what businesses operate in a certain area — and how they’re performing — Google Maps is one of the most reliable places to start. We’ve built a custom scraping system that helps you collect that data at scale, automatically, and in a format you can work with right away.<!-- notionvc: 4d9f2c7b-d455-4b19-9d0c-266f8360f3b0 -->", "02.05.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 15, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5], [4082, true, ["https://file.ecomru.ru:4453/api/v1/file/download/b4f684b1-0ab7-4edb-8510-9bf22a53ca71"], ["Regular web scraping from One2Car", "/article/regular_web_scraping_from_one2car/4082"], "<b>Across-the-board Data Collection from One2Car</b>", "01.04.2025", ["Ivan Asanov", "rgb(214, 90, 90)"], 4, 198, ["https://dl.ecomru.ru/service-files/account_status_ok.png", "Active"], 5]];
|
|
244
19
|
var _default = exports["default"] = {
|
|
245
20
|
title: 'TableBox',
|
|
246
21
|
component: _TableBox["default"],
|