@qoretechnologies/reqore 0.19.1 → 0.19.2
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/__tests__/table.test.tsx +177 -111
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js +26 -1
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/Table/index.d.ts +5 -4
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +36 -3
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tag/index.d.ts +3 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +9 -5
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/TimeAgo/index.d.ts +4 -0
- package/dist/components/TimeAgo/index.d.ts.map +1 -0
- package/dist/components/TimeAgo/index.js +20 -0
- package/dist/components/TimeAgo/index.js.map +1 -0
- package/dist/helpers/time.d.ts +2 -0
- package/dist/helpers/time.d.ts.map +1 -0
- package/dist/helpers/time.js +19 -0
- package/dist/helpers/time.js.map +1 -0
- package/package.json +2 -1
package/__tests__/table.test.tsx
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { fireEvent, render } from
|
|
2
|
-
import React from
|
|
3
|
-
import { ReqoreLayoutContent, ReqoreTable, ReqoreUIProvider } from
|
|
4
|
-
import { IReqoreTableColumn, IReqoreTableSort } from
|
|
5
|
-
import tableData from
|
|
1
|
+
import { fireEvent, render } from '@testing-library/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ReqoreLayoutContent, ReqoreTable, ReqoreUIProvider } from '../src';
|
|
4
|
+
import { IReqoreTableColumn, IReqoreTableSort } from '../src/components/Table';
|
|
5
|
+
import tableData from '../src/mock/tableData';
|
|
6
6
|
|
|
7
|
-
test(
|
|
7
|
+
test('Renders basic <Table /> properly', () => {
|
|
8
8
|
render(
|
|
9
9
|
<ReqoreUIProvider>
|
|
10
10
|
<ReqoreLayoutContent>
|
|
@@ -13,38 +13,38 @@ test("Renders basic <Table /> properly", () => {
|
|
|
13
13
|
</ReqoreUIProvider>
|
|
14
14
|
);
|
|
15
15
|
|
|
16
|
-
expect(document.querySelectorAll(
|
|
17
|
-
expect(document.querySelectorAll(
|
|
16
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(8);
|
|
17
|
+
expect(document.querySelectorAll('.reqore-table-row').length).toBe(10);
|
|
18
18
|
});
|
|
19
19
|
|
|
20
|
-
test(
|
|
20
|
+
test('Renders <Table /> with grouped columns properly', () => {
|
|
21
21
|
const data = {
|
|
22
22
|
...tableData,
|
|
23
23
|
columns: [
|
|
24
24
|
{
|
|
25
|
-
dataId:
|
|
26
|
-
header:
|
|
25
|
+
dataId: 'id',
|
|
26
|
+
header: 'ID',
|
|
27
27
|
width: 50,
|
|
28
|
-
align:
|
|
28
|
+
align: 'center',
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
|
-
header:
|
|
32
|
-
dataId:
|
|
31
|
+
header: 'Name',
|
|
32
|
+
dataId: 'name',
|
|
33
33
|
grow: 3,
|
|
34
34
|
columns: [
|
|
35
|
-
{ dataId:
|
|
36
|
-
{ dataId:
|
|
35
|
+
{ dataId: 'firstName', header: 'First Name', width: 150, grow: 2 },
|
|
36
|
+
{ dataId: 'lastName', header: 'Last Name', width: 150, grow: 1 },
|
|
37
37
|
],
|
|
38
38
|
},
|
|
39
|
-
{ dataId:
|
|
39
|
+
{ dataId: 'address', header: 'Address', width: 300, grow: 2 },
|
|
40
40
|
{
|
|
41
|
-
dataId:
|
|
42
|
-
header:
|
|
41
|
+
dataId: 'age',
|
|
42
|
+
header: 'Really long age header',
|
|
43
43
|
width: 50,
|
|
44
|
-
align:
|
|
44
|
+
align: 'center',
|
|
45
45
|
},
|
|
46
|
-
{ dataId:
|
|
47
|
-
{ dataId:
|
|
46
|
+
{ dataId: 'occupation', header: 'Ocuppation', width: 200 },
|
|
47
|
+
{ dataId: 'group', header: 'Group', width: 150 },
|
|
48
48
|
] as IReqoreTableColumn[],
|
|
49
49
|
};
|
|
50
50
|
|
|
@@ -56,41 +56,98 @@ test("Renders <Table /> with grouped columns properly", () => {
|
|
|
56
56
|
</ReqoreUIProvider>
|
|
57
57
|
);
|
|
58
58
|
|
|
59
|
-
expect(document.querySelectorAll(
|
|
60
|
-
|
|
61
|
-
);
|
|
62
|
-
expect(document.querySelectorAll(".reqore-table-header-cell").length).toBe(7);
|
|
59
|
+
expect(document.querySelectorAll('.reqore-table-column-group').length).toBe(1);
|
|
60
|
+
expect(document.querySelectorAll('.reqore-table-header-cell').length).toBe(7);
|
|
63
61
|
});
|
|
64
62
|
|
|
65
|
-
test(
|
|
63
|
+
test('Renders <Table /> with custom content', () => {
|
|
66
64
|
const data = {
|
|
67
65
|
...tableData,
|
|
68
66
|
columns: [
|
|
69
67
|
{
|
|
70
|
-
dataId:
|
|
71
|
-
header:
|
|
68
|
+
dataId: 'id',
|
|
69
|
+
header: 'ID',
|
|
72
70
|
width: 50,
|
|
73
|
-
align:
|
|
71
|
+
align: 'center',
|
|
74
72
|
content: ({ id }) => <span>ID {id}</span>,
|
|
75
73
|
},
|
|
76
74
|
{
|
|
77
|
-
header:
|
|
78
|
-
dataId:
|
|
75
|
+
header: 'Name',
|
|
76
|
+
dataId: 'name',
|
|
77
|
+
grow: 3,
|
|
78
|
+
columns: [
|
|
79
|
+
{ dataId: 'firstName', header: 'First Name', width: 150, grow: 2 },
|
|
80
|
+
{ dataId: 'lastName', header: 'Last Name', width: 150, grow: 1 },
|
|
81
|
+
],
|
|
82
|
+
},
|
|
83
|
+
{ dataId: 'address', header: 'Address', width: 300, grow: 2 },
|
|
84
|
+
{
|
|
85
|
+
dataId: 'age',
|
|
86
|
+
header: 'Really long age header',
|
|
87
|
+
width: 50,
|
|
88
|
+
align: 'center',
|
|
89
|
+
},
|
|
90
|
+
{ dataId: 'occupation', header: 'Ocuppation', width: 200 },
|
|
91
|
+
{ dataId: 'group', header: 'Group', width: 150 },
|
|
92
|
+
] as IReqoreTableColumn[],
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
render(
|
|
96
|
+
<ReqoreUIProvider>
|
|
97
|
+
<ReqoreLayoutContent>
|
|
98
|
+
<ReqoreTable {...data} />
|
|
99
|
+
</ReqoreLayoutContent>
|
|
100
|
+
</ReqoreUIProvider>
|
|
101
|
+
);
|
|
102
|
+
|
|
103
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
104
|
+
const idCell = firstRow.querySelector('.reqore-table-cell');
|
|
105
|
+
|
|
106
|
+
expect(idCell.textContent).toBe('ID 0');
|
|
107
|
+
});
|
|
108
|
+
|
|
109
|
+
test('Renders <Table /> with predefined content', () => {
|
|
110
|
+
const data = {
|
|
111
|
+
...tableData,
|
|
112
|
+
columns: [
|
|
113
|
+
{
|
|
114
|
+
dataId: 'id',
|
|
115
|
+
header: 'ID',
|
|
116
|
+
width: 50,
|
|
117
|
+
align: 'center',
|
|
118
|
+
content: 'tag:info',
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
header: 'Name',
|
|
122
|
+
dataId: 'name',
|
|
79
123
|
grow: 3,
|
|
80
124
|
columns: [
|
|
81
|
-
{
|
|
82
|
-
|
|
125
|
+
{
|
|
126
|
+
dataId: 'firstName',
|
|
127
|
+
header: 'First Name',
|
|
128
|
+
width: 150,
|
|
129
|
+
grow: 2,
|
|
130
|
+
content: 'tag:#000000',
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
dataId: 'lastName',
|
|
134
|
+
header: 'Last Name',
|
|
135
|
+
width: 150,
|
|
136
|
+
grow: 1,
|
|
137
|
+
content: 'title:success',
|
|
138
|
+
},
|
|
83
139
|
],
|
|
84
140
|
},
|
|
85
|
-
{ dataId:
|
|
141
|
+
{ dataId: 'address', header: 'Address', width: 300, grow: 2, content: 'text:warning' },
|
|
86
142
|
{
|
|
87
|
-
dataId:
|
|
88
|
-
header:
|
|
143
|
+
dataId: 'age',
|
|
144
|
+
header: 'Really long age header',
|
|
89
145
|
width: 50,
|
|
90
|
-
align:
|
|
146
|
+
align: 'center',
|
|
91
147
|
},
|
|
92
|
-
{ dataId:
|
|
93
|
-
{ dataId:
|
|
148
|
+
{ dataId: 'occupation', header: 'Ocuppation', width: 200 },
|
|
149
|
+
{ dataId: 'group', header: 'Group', width: 150 },
|
|
150
|
+
{ dataId: 'date', header: 'Date', content: 'time-ago' },
|
|
94
151
|
] as IReqoreTableColumn[],
|
|
95
152
|
};
|
|
96
153
|
|
|
@@ -102,39 +159,48 @@ test("Renders <Table /> with custom content", () => {
|
|
|
102
159
|
</ReqoreUIProvider>
|
|
103
160
|
);
|
|
104
161
|
|
|
105
|
-
const firstRow = document.querySelector(
|
|
106
|
-
|
|
162
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
163
|
+
|
|
164
|
+
const idCell = firstRow.querySelectorAll('.reqore-table-cell')[0];
|
|
165
|
+
const firstNameCell = firstRow.querySelectorAll('.reqore-table-cell')[1];
|
|
166
|
+
const lastNameCell = firstRow.querySelectorAll('.reqore-table-cell')[2];
|
|
167
|
+
const addressCell = firstRow.querySelectorAll('.reqore-table-cell')[3];
|
|
168
|
+
const dateCell = firstRow.querySelectorAll('.reqore-table-cell')[7];
|
|
107
169
|
|
|
108
|
-
expect(idCell.
|
|
170
|
+
expect(idCell.querySelector('.reqore-tag')).toBeTruthy();
|
|
171
|
+
expect(firstNameCell.querySelector('.reqore-tag')).toBeTruthy();
|
|
172
|
+
expect(lastNameCell.querySelector('h3')).toBeTruthy();
|
|
173
|
+
expect(addressCell.querySelector('p.reqore-paragraph-warning')).toBeTruthy();
|
|
174
|
+
expect(dateCell.textContent).toBe('just now');
|
|
109
175
|
});
|
|
110
176
|
|
|
111
|
-
test(
|
|
177
|
+
test('Sorting on <Table /> works properly', () => {
|
|
112
178
|
const data = {
|
|
113
179
|
...tableData,
|
|
114
180
|
columns: [
|
|
115
181
|
{
|
|
116
|
-
dataId:
|
|
117
|
-
header:
|
|
182
|
+
dataId: 'id',
|
|
183
|
+
header: 'ID',
|
|
118
184
|
width: 50,
|
|
119
|
-
align:
|
|
185
|
+
align: 'center',
|
|
120
186
|
sortable: true,
|
|
121
187
|
},
|
|
122
|
-
{ dataId:
|
|
123
|
-
{ dataId:
|
|
124
|
-
{ dataId:
|
|
188
|
+
{ dataId: 'firstName', header: 'First Name', width: 150 },
|
|
189
|
+
{ dataId: 'lastName', header: 'Last Name', width: 150 },
|
|
190
|
+
{ dataId: 'address', header: 'Address', width: 300, grow: 2 },
|
|
125
191
|
{
|
|
126
|
-
dataId:
|
|
127
|
-
header:
|
|
192
|
+
dataId: 'age',
|
|
193
|
+
header: 'Really long age header',
|
|
128
194
|
width: 50,
|
|
129
|
-
align:
|
|
195
|
+
align: 'center',
|
|
130
196
|
sortable: true,
|
|
131
197
|
},
|
|
132
|
-
{ dataId:
|
|
133
|
-
{ dataId:
|
|
198
|
+
{ dataId: 'occupation', header: 'Ocuppation', width: 200 },
|
|
199
|
+
{ dataId: 'group', header: 'Group', width: 150 },
|
|
134
200
|
] as IReqoreTableColumn[],
|
|
135
201
|
sort: {
|
|
136
|
-
by:
|
|
137
|
-
direction:
|
|
202
|
+
by: 'id',
|
|
203
|
+
direction: 'desc',
|
|
138
204
|
} as IReqoreTableSort,
|
|
139
205
|
};
|
|
140
206
|
|
|
@@ -148,26 +214,26 @@ test("Sorting on <Table /> works properly", () => {
|
|
|
148
214
|
</ReqoreUIProvider>
|
|
149
215
|
);
|
|
150
216
|
|
|
151
|
-
const firstRow = document.querySelector(
|
|
152
|
-
const idCell = firstRow.querySelector(
|
|
217
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
218
|
+
const idCell = firstRow.querySelector('.reqore-table-cell');
|
|
153
219
|
|
|
154
|
-
expect(idCell.textContent).toBe(
|
|
220
|
+
expect(idCell.textContent).toBe('99');
|
|
155
221
|
|
|
156
|
-
fireEvent.click(document.querySelectorAll(
|
|
222
|
+
fireEvent.click(document.querySelectorAll('.reqore-table-header-cell')[4]);
|
|
157
223
|
|
|
158
|
-
const ageCell = firstRow.querySelectorAll(
|
|
224
|
+
const ageCell = firstRow.querySelectorAll('.reqore-table-cell')[4];
|
|
159
225
|
|
|
160
|
-
expect(fn).toHaveBeenCalledWith({ by:
|
|
161
|
-
expect(ageCell.textContent).toBe(
|
|
226
|
+
expect(fn).toHaveBeenCalledWith({ by: 'age', direction: 'desc' });
|
|
227
|
+
expect(ageCell.textContent).toBe('99');
|
|
162
228
|
|
|
163
|
-
fireEvent.click(document.querySelectorAll(
|
|
229
|
+
fireEvent.click(document.querySelectorAll('.reqore-table-header-cell')[4]);
|
|
164
230
|
|
|
165
|
-
expect(fn).toHaveBeenLastCalledWith({ by:
|
|
166
|
-
expect(ageCell.textContent).toBe(
|
|
167
|
-
expect(idCell.textContent).toBe(
|
|
231
|
+
expect(fn).toHaveBeenLastCalledWith({ by: 'age', direction: 'asc' });
|
|
232
|
+
expect(ageCell.textContent).toBe('0');
|
|
233
|
+
expect(idCell.textContent).toBe('99');
|
|
168
234
|
});
|
|
169
235
|
|
|
170
|
-
test(
|
|
236
|
+
test('Rows on <Table /> can be selected', () => {
|
|
171
237
|
const data = {
|
|
172
238
|
...tableData,
|
|
173
239
|
selectable: true,
|
|
@@ -183,22 +249,22 @@ test("Rows on <Table /> can be selected", () => {
|
|
|
183
249
|
</ReqoreUIProvider>
|
|
184
250
|
);
|
|
185
251
|
|
|
186
|
-
const firstRow = document.querySelector(
|
|
187
|
-
const firstCheckCell = firstRow.querySelector(
|
|
252
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
253
|
+
const firstCheckCell = firstRow.querySelector('.reqore-table-cell');
|
|
188
254
|
|
|
189
255
|
fireEvent.click(firstCheckCell);
|
|
190
256
|
|
|
191
|
-
expect(fn).toHaveBeenCalledWith([
|
|
257
|
+
expect(fn).toHaveBeenCalledWith(['Row-0']);
|
|
192
258
|
|
|
193
|
-
const secondRow = document.querySelectorAll(
|
|
194
|
-
const secondCheckCell = secondRow.querySelector(
|
|
259
|
+
const secondRow = document.querySelectorAll('.reqore-table-row')[1];
|
|
260
|
+
const secondCheckCell = secondRow.querySelector('.reqore-table-cell');
|
|
195
261
|
|
|
196
262
|
fireEvent.click(secondCheckCell);
|
|
197
263
|
|
|
198
|
-
expect(fn).toHaveBeenLastCalledWith([
|
|
264
|
+
expect(fn).toHaveBeenLastCalledWith(['Row-0', 'Row-1']);
|
|
199
265
|
});
|
|
200
266
|
|
|
201
|
-
test(
|
|
267
|
+
test('Rows on <Table /> cannot be selected if _selectId is missing', () => {
|
|
202
268
|
const data = {
|
|
203
269
|
...tableData,
|
|
204
270
|
selectable: true,
|
|
@@ -214,20 +280,20 @@ test("Rows on <Table /> cannot be selected if _selectId is missing", () => {
|
|
|
214
280
|
</ReqoreUIProvider>
|
|
215
281
|
);
|
|
216
282
|
|
|
217
|
-
const firstRow = document.querySelector(
|
|
218
|
-
const firstCheckCell = firstRow.querySelector(
|
|
283
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
284
|
+
const firstCheckCell = firstRow.querySelector('.reqore-table-cell');
|
|
219
285
|
|
|
220
286
|
fireEvent.click(firstCheckCell);
|
|
221
287
|
|
|
222
|
-
const fourthRow = document.querySelectorAll(
|
|
223
|
-
const fourthCheckCell = fourthRow.querySelector(
|
|
288
|
+
const fourthRow = document.querySelectorAll('.reqore-table-row')[3];
|
|
289
|
+
const fourthCheckCell = fourthRow.querySelector('.reqore-table-cell');
|
|
224
290
|
|
|
225
291
|
fireEvent.click(fourthCheckCell);
|
|
226
292
|
|
|
227
293
|
expect(fn).toHaveBeenCalledTimes(1);
|
|
228
294
|
});
|
|
229
295
|
|
|
230
|
-
test(
|
|
296
|
+
test('Rows on <Table /> are all selected/deselected when clicking on header', () => {
|
|
231
297
|
const data = {
|
|
232
298
|
...tableData,
|
|
233
299
|
selectable: true,
|
|
@@ -243,8 +309,8 @@ test("Rows on <Table /> are all selected/deselected when clicking on header", ()
|
|
|
243
309
|
</ReqoreUIProvider>
|
|
244
310
|
);
|
|
245
311
|
|
|
246
|
-
const header = document.querySelector(
|
|
247
|
-
const firstHeaderCell = header.querySelector(
|
|
312
|
+
const header = document.querySelector('.reqore-table-header-wrapper');
|
|
313
|
+
const firstHeaderCell = header.querySelector('.reqore-table-header-cell');
|
|
248
314
|
|
|
249
315
|
fireEvent.click(firstHeaderCell);
|
|
250
316
|
|
|
@@ -258,8 +324,8 @@ test("Rows on <Table /> are all selected/deselected when clicking on header", ()
|
|
|
258
324
|
|
|
259
325
|
expect(fn).toHaveBeenLastCalledWith([]);
|
|
260
326
|
|
|
261
|
-
const firstRow = document.querySelector(
|
|
262
|
-
const firstCheckCell = firstRow.querySelector(
|
|
327
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
328
|
+
const firstCheckCell = firstRow.querySelector('.reqore-table-cell');
|
|
263
329
|
|
|
264
330
|
fireEvent.click(firstCheckCell);
|
|
265
331
|
fireEvent.click(firstHeaderCell);
|
|
@@ -267,38 +333,38 @@ test("Rows on <Table /> are all selected/deselected when clicking on header", ()
|
|
|
267
333
|
expect(fn).toHaveBeenLastCalledWith(selectableData);
|
|
268
334
|
});
|
|
269
335
|
|
|
270
|
-
test(
|
|
336
|
+
test('Cells on <Table /> are interactive', () => {
|
|
271
337
|
const fn = jest.fn();
|
|
272
338
|
const data = {
|
|
273
339
|
...tableData,
|
|
274
340
|
columns: [
|
|
275
341
|
{
|
|
276
|
-
dataId:
|
|
277
|
-
header:
|
|
342
|
+
dataId: 'id',
|
|
343
|
+
header: 'ID',
|
|
278
344
|
width: 50,
|
|
279
|
-
align:
|
|
345
|
+
align: 'center',
|
|
280
346
|
sortable: true,
|
|
281
|
-
tooltip:
|
|
347
|
+
tooltip: 'Custom ID tooltip nice',
|
|
282
348
|
onCellClick: ({ id }) => {
|
|
283
349
|
fn(id);
|
|
284
350
|
},
|
|
285
351
|
},
|
|
286
352
|
{
|
|
287
|
-
header:
|
|
288
|
-
dataId:
|
|
353
|
+
header: 'Name',
|
|
354
|
+
dataId: 'name',
|
|
289
355
|
grow: 3,
|
|
290
356
|
columns: [
|
|
291
357
|
{
|
|
292
|
-
icon:
|
|
293
|
-
dataId:
|
|
294
|
-
header:
|
|
358
|
+
icon: 'SlideshowLine',
|
|
359
|
+
dataId: 'firstName',
|
|
360
|
+
header: 'First Name',
|
|
295
361
|
width: 150,
|
|
296
362
|
grow: 2,
|
|
297
363
|
},
|
|
298
364
|
{
|
|
299
|
-
icon:
|
|
300
|
-
dataId:
|
|
301
|
-
header:
|
|
365
|
+
icon: 'SlideshowLine',
|
|
366
|
+
dataId: 'lastName',
|
|
367
|
+
header: 'Last Name',
|
|
302
368
|
width: 150,
|
|
303
369
|
grow: 1,
|
|
304
370
|
sortable: true,
|
|
@@ -306,26 +372,26 @@ test("Cells on <Table /> are interactive", () => {
|
|
|
306
372
|
],
|
|
307
373
|
},
|
|
308
374
|
{
|
|
309
|
-
dataId:
|
|
310
|
-
header:
|
|
375
|
+
dataId: 'address',
|
|
376
|
+
header: 'Address',
|
|
311
377
|
width: 300,
|
|
312
378
|
grow: 2,
|
|
313
|
-
onClick: () => alert(
|
|
379
|
+
onClick: () => alert('clicked address'),
|
|
314
380
|
},
|
|
315
381
|
{
|
|
316
|
-
icon:
|
|
317
|
-
dataId:
|
|
318
|
-
header:
|
|
382
|
+
icon: 'User4Line',
|
|
383
|
+
dataId: 'age',
|
|
384
|
+
header: 'Really long age header',
|
|
319
385
|
width: 50,
|
|
320
|
-
align:
|
|
386
|
+
align: 'center',
|
|
321
387
|
sortable: true,
|
|
322
388
|
},
|
|
323
389
|
{
|
|
324
|
-
header:
|
|
325
|
-
dataId:
|
|
390
|
+
header: 'Data',
|
|
391
|
+
dataId: 'data',
|
|
326
392
|
columns: [
|
|
327
|
-
{ dataId:
|
|
328
|
-
{ dataId:
|
|
393
|
+
{ dataId: 'occupation', header: 'Ocuppation', width: 200 },
|
|
394
|
+
{ dataId: 'group', header: 'Group', width: 150 },
|
|
329
395
|
],
|
|
330
396
|
},
|
|
331
397
|
] as IReqoreTableColumn[],
|
|
@@ -339,8 +405,8 @@ test("Cells on <Table /> are interactive", () => {
|
|
|
339
405
|
</ReqoreUIProvider>
|
|
340
406
|
);
|
|
341
407
|
|
|
342
|
-
const firstRow = document.querySelector(
|
|
343
|
-
const firstCheckCell = firstRow.querySelector(
|
|
408
|
+
const firstRow = document.querySelector('.reqore-table-row');
|
|
409
|
+
const firstCheckCell = firstRow.querySelector('.reqore-table-cell');
|
|
344
410
|
|
|
345
411
|
fireEvent.click(firstCheckCell);
|
|
346
412
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACrF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACrF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CASlE,CAAC"}
|
|
@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
6
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
18
|
if (k2 === undefined) k2 = k;
|
|
8
19
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -22,6 +33,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
33
|
__setModuleDefault(result, mod);
|
|
23
34
|
return result;
|
|
24
35
|
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
25
47
|
exports.__esModule = true;
|
|
26
48
|
exports.ReqoreP = void 0;
|
|
27
49
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
@@ -30,6 +52,9 @@ var style = function (_a) {
|
|
|
30
52
|
var theme = _a.theme, intent = _a.intent;
|
|
31
53
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
|
|
32
54
|
};
|
|
33
|
-
exports.ReqoreP = styled_components_1["default"].p(
|
|
55
|
+
exports.ReqoreP = styled_components_1["default"].p.attrs(function (_a) {
|
|
56
|
+
var className = _a.className, rest = __rest(_a, ["className"]);
|
|
57
|
+
return (__assign(__assign({}, (rest || {})), { className: className + " " + ((rest === null || rest === void 0 ? void 0 : rest.intent) ? "reqore-paragraph-" + rest.intent + " " : "") + " reqore-paragraph" }));
|
|
58
|
+
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
|
|
34
59
|
var templateObject_1, templateObject_2;
|
|
35
60
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA8B,WAAA,uBAAG,wFAAA,aACpD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AADnC,CAE3D,CAAC;AAEW,QAAA,OAAO,GAAmD,8BAAM,CAAC,CAAC,CAAC,KAAK,CACnF,UAAC,EAA6C;IAA3C,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAA8B,OAAA,uBAC9C,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,SAAS,EAAK,SAAS,UACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,sBAAoB,IAAI,CAAC,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE,uBACrC,IACnB,CAAA;CAAA,CACH,gFAAuB,MACpB,EAA8C,KACjD,KADG,UAAC,KAA4B,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EAChD"}
|
|
@@ -2,15 +2,16 @@ import React from 'react';
|
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
4
4
|
import { IReqoreIconName } from '../../types/icons';
|
|
5
|
+
export declare type TReqoreTableColumnContent = React.FC<{
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
_selectId?: string;
|
|
8
|
+
}> | 'time-ago' | 'tag' | `tag:${IReqoreIntent}` | `tag:#${string}` | 'title' | `title:${IReqoreIntent}` | 'text' | `text:${IReqoreIntent}`;
|
|
5
9
|
export interface IReqoreTableColumn {
|
|
6
10
|
dataId: string;
|
|
7
11
|
header?: string | JSX.Element;
|
|
8
12
|
grow?: 1 | 2 | 3 | 4;
|
|
9
13
|
width?: number;
|
|
10
|
-
content?:
|
|
11
|
-
[key: string]: any;
|
|
12
|
-
_selectId?: string;
|
|
13
|
-
}>;
|
|
14
|
+
content?: TReqoreTableColumnContent;
|
|
14
15
|
props?: React.HTMLAttributes<HTMLDivElement>;
|
|
15
16
|
align?: 'center' | 'left' | 'right';
|
|
16
17
|
columns?: IReqoreTableColumn[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,iCAAuC;AACvC,+BAAwC;AACxC,uCAA4C;AAC5C,qEAAgD;AAChD,+CAAiE;AAEjE,iFAAiE;AACjE,+CAAyE;AACzE,iDAAsD;AAEtD,gDAAqC;AACrC,iDAAsE;AACtE,2CAA0E;AAC1E,qCAAsE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EAErB,MAAM,GAAG,CAAC;AAEX,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQpE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACrF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,KAK1B,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,eAAe,KA+F3B,CAAC;AAEF,QAAA,MAAM,cAAc,yIAejB,oBAAoB,gBA8JtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -47,7 +47,11 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
47
47
|
var __1 = require("../..");
|
|
48
48
|
var sizes_1 = require("../../constants/sizes");
|
|
49
49
|
var colors_1 = require("../../helpers/colors");
|
|
50
|
+
var Header_1 = require("../Header");
|
|
50
51
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
52
|
+
var Paragraph_1 = require("../Paragraph");
|
|
53
|
+
var Tag_1 = __importDefault(require("../Tag"));
|
|
54
|
+
var TimeAgo_1 = require("../TimeAgo");
|
|
51
55
|
exports.StyledTableRow = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
52
56
|
var size = _a.size;
|
|
53
57
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n height: ", "px;\n "], ["\n display: flex;\n height: ", "px;\n "])), sizes_1.SIZE_TO_PX[size]);
|
|
@@ -80,7 +84,7 @@ exports.StyledTableCell = styled_components_1["default"].div(templateObject_6 ||
|
|
|
80
84
|
}
|
|
81
85
|
// Is this row hovered
|
|
82
86
|
if (hovered) {
|
|
83
|
-
opacity += 0.
|
|
87
|
+
opacity += 0.08;
|
|
84
88
|
}
|
|
85
89
|
// Set the color as transparent if opacity is 0
|
|
86
90
|
if (opacity === 0) {
|
|
@@ -97,9 +101,38 @@ var ReqoreTableRow = function (_a) {
|
|
|
97
101
|
var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, onRowClick = _b.onRowClick, striped = _b.striped, size = _b.size, _c = _b.selectedRowIntent, selectedRowIntent = _c === void 0 ? 'info' : _c, flat = _b.flat, style = _a.style, index = _a.index;
|
|
98
102
|
var _d = (0, react_1.useState)(false), isHovered = _d[0], setIsHovered = _d[1];
|
|
99
103
|
var isSelected = selected.find(function (selectId) { return selectId === data[index]._selectId; });
|
|
104
|
+
var renderContent = function (content, data, dataId) {
|
|
105
|
+
if ((0, lodash_1.isFunction)(content)) {
|
|
106
|
+
var Content = content;
|
|
107
|
+
return (0, jsx_runtime_1.jsx)(Content, __assign({}, data), void 0);
|
|
108
|
+
}
|
|
109
|
+
if ((0, lodash_1.isString)(content)) {
|
|
110
|
+
// Separate the content string by colon
|
|
111
|
+
var _a = content.split(':'), type = _a[0], intentOrColor = _a[1];
|
|
112
|
+
// Check if the intent starts with hash for tags
|
|
113
|
+
var intent = (intentOrColor === null || intentOrColor === void 0 ? void 0 : intentOrColor.startsWith('#'))
|
|
114
|
+
? undefined
|
|
115
|
+
: intentOrColor;
|
|
116
|
+
var color = (intentOrColor === null || intentOrColor === void 0 ? void 0 : intentOrColor.startsWith('#')) && type === 'tag' ? intentOrColor : undefined;
|
|
117
|
+
// Render content based on the type
|
|
118
|
+
switch (type) {
|
|
119
|
+
case 'time-ago':
|
|
120
|
+
return (0, jsx_runtime_1.jsx)(TimeAgo_1.TimeAgo, { time: data[dataId] }, void 0);
|
|
121
|
+
case 'tag':
|
|
122
|
+
return ((0, jsx_runtime_1.jsx)(Tag_1["default"], { label: data[dataId], size: size, intent: intent, color: color }, void 0));
|
|
123
|
+
case 'title':
|
|
124
|
+
return (0, jsx_runtime_1.jsx)(Header_1.ReqoreH3, __assign({ intent: intent }, { children: data[dataId] }), void 0);
|
|
125
|
+
case 'text':
|
|
126
|
+
return ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text', intent: intent }, { children: data[dataId] }), void 0));
|
|
127
|
+
default:
|
|
128
|
+
return (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text' }, { children: data[dataId] }), void 0);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
return (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text' }, { children: data[dataId] }), void 0);
|
|
132
|
+
};
|
|
100
133
|
var renderCells = function (columns, data) {
|
|
101
134
|
return columns.map(function (_a) {
|
|
102
|
-
var width = _a.width, grow = _a.grow, dataId = _a.dataId,
|
|
135
|
+
var width = _a.width, grow = _a.grow, dataId = _a.dataId, content = _a.content, columns = _a.columns, align = _a.align, onCellClick = _a.onCellClick, cellTooltip = _a.cellTooltip, intent = _a.intent;
|
|
103
136
|
return columns ? (renderCells(columns, data)) : ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: exports.StyledTableCell, isReqoreComponent: true, componentProps: {
|
|
104
137
|
width: width,
|
|
105
138
|
grow: grow,
|
|
@@ -130,7 +163,7 @@ var ReqoreTableRow = function (_a) {
|
|
|
130
163
|
}
|
|
131
164
|
},
|
|
132
165
|
className: 'reqore-table-cell'
|
|
133
|
-
}, content: cellTooltip ? cellTooltip(data[index]) : undefined }, { children: (
|
|
166
|
+
}, content: cellTooltip ? cellTooltip(data[index]) : undefined }, { children: renderContent(content, data[index], dataId) }), dataId));
|
|
134
167
|
});
|
|
135
168
|
};
|
|
136
169
|
return ((0, jsx_runtime_1.jsxs)(exports.StyledTableRow, __assign({ style: style, className: 'reqore-table-row', interactive: !!onRowClick, onMouseEnter: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,
|
|
1
|
+
{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import { IReqoreTheme } from '../../constants/theme';
|
|
3
|
+
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
4
4
|
import { IReqoreTooltip } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
export interface IReqoreTagAction {
|
|
@@ -8,6 +8,7 @@ export interface IReqoreTagAction {
|
|
|
8
8
|
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
tooltip?: IReqoreTooltip;
|
|
11
|
+
intent?: IReqoreIntent;
|
|
11
12
|
}
|
|
12
13
|
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
13
14
|
size?: TSizes;
|
|
@@ -22,6 +23,7 @@ export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanEleme
|
|
|
22
23
|
actions?: IReqoreTagAction[];
|
|
23
24
|
width?: string;
|
|
24
25
|
badge?: boolean;
|
|
26
|
+
intent?: IReqoreIntent;
|
|
25
27
|
}
|
|
26
28
|
export interface IReqoreTagStyle extends IReqoreTagProps {
|
|
27
29
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,KAyCrB,CAAC;AA8CF,QAAA,MAAM,SAAS,iFAiGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -55,6 +55,7 @@ var react_1 = require("react");
|
|
|
55
55
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
56
56
|
var __1 = require("../..");
|
|
57
57
|
var sizes_1 = require("../../constants/sizes");
|
|
58
|
+
var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
|
|
58
59
|
var colors_1 = require("../../helpers/colors");
|
|
59
60
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
60
61
|
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
@@ -86,7 +87,7 @@ exports.StyledTag = styled_components_1["default"].div(templateObject_4 || (temp
|
|
|
86
87
|
var disabled = _a.disabled;
|
|
87
88
|
return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n "], ["\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n "])));
|
|
88
89
|
});
|
|
89
|
-
var StyledTagContentWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 0 ", "px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n flex: 1;\n overflow: hidden;\n"], ["\n padding: 0 ", "px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n flex: 1;\n overflow: hidden;\n"])), function (_a) {
|
|
90
|
+
var StyledTagContentWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 0 ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n flex: 1;\n overflow: hidden;\n"], ["\n padding: 0 ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n flex: 1;\n overflow: hidden;\n"])), function (_a) {
|
|
90
91
|
var size = _a.size;
|
|
91
92
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
92
93
|
});
|
|
@@ -105,20 +106,23 @@ var StyledButtonWrapper = styled_components_1["default"].div(templateObject_8 ||
|
|
|
105
106
|
return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), (0, colors_1.changeLightness)(color || theme.main, color ? 0.09 : 0.19));
|
|
106
107
|
});
|
|
107
108
|
var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
|
|
108
|
-
var tooltip = _a.tooltip, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, badge = _a.badge, rest = __rest(_a, ["tooltip", "label", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "badge"]);
|
|
109
|
+
var tooltip = _a.tooltip, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, badge = _a.badge, intent = _a.intent, color = _a.color, rest = __rest(_a, ["tooltip", "label", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "badge", "intent", "color"]);
|
|
109
110
|
var innerRef = (0, react_1.useRef)(null);
|
|
110
111
|
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
112
|
+
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
111
113
|
(0, usePopover_1["default"])(__assign(__assign({}, tooltip), { targetElement: combinedRef.current, show: !!(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content) }));
|
|
112
|
-
|
|
114
|
+
// If color or intent was specified, set the color
|
|
115
|
+
var customColor = intent ? theme.intents[intent] : color;
|
|
116
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { color: customColor, className: (className || '') + " reqore-tag", size: size, ref: combinedRef, badge: badge, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled }, { children: [(0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: onClick }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label || rightIcon ? 'right' : undefined }, void 0)), label && (0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size }, { children: label }), void 0), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label ? 'left' : undefined }, void 0))] }), void 0), (0, size_1["default"])(actions)
|
|
113
117
|
? actions.map(function (action) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, action.tooltip, { component: StyledButtonWrapper, componentProps: {
|
|
114
118
|
size: size,
|
|
115
|
-
color:
|
|
119
|
+
color: customColor,
|
|
116
120
|
className: 'reqore-tag-action',
|
|
117
121
|
onClick: action.onClick
|
|
118
122
|
}, noWrapper: true }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: action.icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0) }, void 0)); })
|
|
119
123
|
: null, onRemoveClick && !rest.disabled ? ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: {
|
|
120
124
|
size: size,
|
|
121
|
-
color:
|
|
125
|
+
color: customColor,
|
|
122
126
|
className: 'reqore-tag-remove',
|
|
123
127
|
onClick: onRemoveClick
|
|
124
128
|
}, noWrapper: true, content: 'Remove' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)) : null] }), void 0));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgC;AAChC,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgC;AAChC,+BAA8D;AAC9D,qEAAgD;AAChD,2BAAsC;AACtC,+CAM+B;AAE/B,4EAAsD;AACtD,+CAA+F;AAC/F,+DAA8D;AAC9D,sEAAgD;AAGhD,iDAAiC;AAgCpB,QAAA,SAAS,GAAG,8BAAM,CAAC,GAAG,qXAAiB,sLAQrC,EAAkC,iBACrC,EAA8B,oBAC3B,EAA8B,wBAC1B,EAA0D,gBAClE,EAAiC,SAExC,EAKC,QAED,EAUC,UAGD,EAMC,IACJ,KAjCc,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EACrC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC3B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC1B,UAAC,EAAe;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,CAAC;AAArC,CAAqC,EAClE,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAExC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACf,WAAA,uBAAG,wIAAA,4BACmB,EAAyC,kBACpD,EAAmF,kBAE7F,KAHqB,KAAK,IAAI,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,EACpD,KAAK,CAAC,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;AAF9F,CAIC,EAED,UAAC,EAA6B;QAA3B,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA;IAC5B,OAAA,WAAW,QACX,uBAAG,qLAAA,uEAGqB,EAAyD,oBACpE,EAEwC,kBAEpD,KALuB,IAAA,wBAAe,EAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACpE,KAAK;QACZ,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC;QAC7B,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,CAEpD;AATD,CASC,EAGD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,0JAAA,sFAIF,IAAA;AALD,CAKC,EACH;AAEF,IAAM,uBAAuB,GAAG,8BAAM,CAAC,GAAG,uNAAkB,iBAC7C,EAAqC,iIAOnD,KAPc,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAOnD,CAAC;AAEF,IAAM,gBAAgB,GAAG,8BAAM,CAAC,IAAI,yLAAkB,sHAMrD,IAAA,CAAC;AAEF,IAAM,mBAAmB,GAAG,8BAAM,CAAC,GAAG,oRAAiB,oCAExC,EAAkC,iBACrC,EAA8B,gBAC/B,EAA8B,gIAMrC,EAaC,IACJ,KAtBc,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EACrC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC/B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAMrC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACf,WAAA,uBAAG,sSAAA,yIAMqB,EAAyD,uFAMhF,KANuB,IAAA,wBAAe,EAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AANjF,CAYC,CACJ,CAAC;AAEF,IAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,UACE,EAckB,EAClB,GAAG;IAdD,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,KAAK,WAAA,EACF,IAAI,cAbT,iIAcC,CADQ;IAIT,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACnD,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IAEnE,IAAA,uBAAU,wBACL,OAAO,KACV,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,IAAI,EAAE,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,IACxB,CAAC;IAEH,kDAAkD;IAClD,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3D,OAAO,CACL,wBAAC,iBAAS,eACJ,IAAI,IACR,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,iBAAa,EAC1C,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,CAAC,aAAa,EAC1B,WAAW,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,iBAExC,wBAAC,uBAAuB,aAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,iBACjF,IAAI,IAAI,CACP,uBAAC,iBAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,EACjC,MAAM,EAAE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,WAChD,CACH,EACA,KAAK,IAAI,uBAAC,gBAAgB,aAAC,IAAI,EAAE,IAAI,gBAAG,KAAK,YAAoB,EACjE,SAAS,IAAI,CACZ,uBAAC,iBAAU,IACT,IAAI,EAAE,SAAS,EACf,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,EACjC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,WAClC,CACH,aACuB,EACzB,IAAA,iBAAK,EAAC,OAAO,CAAC;gBACb,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACtB,2DACE,uBAAC,iBAAa,eACR,MAAM,CAAC,OAAO,IAClB,SAAS,EAAE,mBAAmB,EAC9B,cAAc,EAAE;4BACd,IAAI,MAAA;4BACJ,KAAK,EAAE,WAAW;4BAClB,SAAS,EAAE,mBAAmB;4BAC9B,OAAO,EAAE,MAAM,CAAC,OAAO;yBACxB,EACD,SAAS,sBAET,uBAAC,iBAAU,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WAAI,YACtD,WACf,CACJ,EAhBuB,CAgBvB,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,uBAAC,iBAAa,aACZ,SAAS,EAAE,mBAAmB,EAC9B,cAAc,EAAE;oBACd,IAAI,MAAA;oBACJ,KAAK,EAAE,WAAW;oBAClB,SAAS,EAAE,mBAAmB;oBAC9B,OAAO,EAAE,aAAa;iBACvB,EACD,SAAS,QACT,OAAO,EAAC,QAAQ,gBAEhB,uBAAC,iBAAU,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WAAI,YACpD,CACjB,CAAC,CAAC,CAAC,IAAI,aACE,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeAgo/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;UAAsB,MAAM;SAQ/C,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.TimeAgo = void 0;
|
|
7
|
+
var epoch_timeago_1 = __importDefault(require("epoch-timeago"));
|
|
8
|
+
var react_1 = require("react");
|
|
9
|
+
var react_use_1 = require("react-use");
|
|
10
|
+
var time_1 = require("../../helpers/time");
|
|
11
|
+
var TimeAgo = function (_a) {
|
|
12
|
+
var time = _a.time;
|
|
13
|
+
var _b = (0, react_1.useState)(Date.now()), _lastUpdate = _b[0], _setLastUpdate = _b[1];
|
|
14
|
+
(0, react_use_1.useInterval)(function () {
|
|
15
|
+
_setLastUpdate(Date.now());
|
|
16
|
+
}, (0, time_1.getTimeAgoIntervalDelay)(time));
|
|
17
|
+
return (0, epoch_timeago_1["default"])(time);
|
|
18
|
+
};
|
|
19
|
+
exports.TimeAgo = TimeAgo;
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeAgo/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAoC;AACpC,+BAAiC;AACjC,uCAAwC;AACxC,2CAA6D;AAEtD,IAAM,OAAO,GAAG,UAAC,EAA0B;QAAxB,IAAI,UAAA;IACtB,IAAA,KAAgC,IAAA,gBAAQ,EAAS,IAAI,CAAC,GAAG,EAAE,CAAC,EAA3D,WAAW,QAAA,EAAE,cAAc,QAAgC,CAAC;IAEnE,IAAA,uBAAW,EAAC;QACV,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,CAAC,EAAE,IAAA,8BAAuB,EAAC,IAAI,CAAC,CAAC,CAAC;IAElC,OAAO,IAAA,0BAAO,EAAC,IAAI,CAAC,CAAC;AACvB,CAAC,CAAC;AARW,QAAA,OAAO,WAQlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/helpers/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,SAAU,MAAM,KAAG,MActD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.getTimeAgoIntervalDelay = void 0;
|
|
4
|
+
var getTimeAgoIntervalDelay = function (time) {
|
|
5
|
+
// If the time is larger than one day
|
|
6
|
+
if (Date.now() - time > 60000 * 60 * 24) {
|
|
7
|
+
// update once a day
|
|
8
|
+
return 60000 * 60 * 24;
|
|
9
|
+
}
|
|
10
|
+
// If the time is larger than one hour
|
|
11
|
+
if (Date.now() - time > 60000 * 60) {
|
|
12
|
+
// update once an hour
|
|
13
|
+
return 60000 * 60;
|
|
14
|
+
}
|
|
15
|
+
// Otherwise update every 5 seconds
|
|
16
|
+
return 5000;
|
|
17
|
+
};
|
|
18
|
+
exports.getTimeAgoIntervalDelay = getTimeAgoIntervalDelay;
|
|
19
|
+
//# sourceMappingURL=time.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/helpers/time.ts"],"names":[],"mappings":";;;AAAO,IAAM,uBAAuB,GAAG,UAAC,IAAY;IAClD,qCAAqC;IACrC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE;QACvC,oBAAoB;QACpB,OAAO,KAAK,GAAG,EAAE,GAAG,EAAE,CAAC;KACxB;IACD,sCAAsC;IACtC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,EAAE;QAClC,sBAAsB;QACtB,OAAO,KAAK,GAAG,EAAE,CAAC;KACnB;IAED,mCAAmC;IACnC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAdW,QAAA,uBAAuB,2BAclC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qoretechnologies/reqore",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.2",
|
|
4
4
|
"description": "ReQore is a UI library of components for Qorus connected apps",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
"@reactpreview/config": "^0.2.3",
|
|
69
69
|
"@types/lodash": "^4.14.166",
|
|
70
70
|
"classnames": "^2.2.6",
|
|
71
|
+
"epoch-timeago": "^1.1.9",
|
|
71
72
|
"lodash": "^4.17.20",
|
|
72
73
|
"polished": "^4.1.3",
|
|
73
74
|
"re-resizable": "^6.9.0",
|