@shopito/design-system 2.0.35 → 2.0.37
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/cjs/components/DialogTitle/DialogTitle.js +2 -2
- package/dist/cjs/components/DialogTitle/DialogTitle.js.map +1 -1
- package/dist/cjs/components/Table/Table.d.ts +9 -2
- package/dist/cjs/components/Table/Table.js +147 -120
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Table/Table.stories.d.ts +3 -0
- package/dist/cjs/components/Table/Table.stories.js +104 -27
- package/dist/cjs/components/Table/Table.stories.js.map +1 -1
- package/dist/cjs/components/Table/components/TableFooter.d.ts +14 -0
- package/dist/cjs/components/Table/components/TableFooter.js +50 -0
- package/dist/cjs/components/Table/components/TableFooter.js.map +1 -0
- package/dist/cjs/components/Table/components/TableReorderCell.d.ts +6 -0
- package/dist/cjs/components/Table/components/TableReorderCell.js +11 -0
- package/dist/cjs/components/Table/components/TableReorderCell.js.map +1 -0
- package/dist/cjs/components/Table/helpers/index.d.ts +1 -0
- package/dist/cjs/components/Table/helpers/index.js +5 -0
- package/dist/cjs/components/Table/helpers/index.js.map +1 -0
- package/dist/cjs/components/Table/helpers/reorderPriority.d.ts +4 -0
- package/dist/cjs/components/Table/helpers/reorderPriority.js +41 -0
- package/dist/cjs/components/Table/helpers/reorderPriority.js.map +1 -0
- package/dist/esm/components/DialogTitle/DialogTitle.js +2 -2
- package/dist/esm/components/DialogTitle/DialogTitle.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +9 -2
- package/dist/esm/components/Table/Table.js +149 -122
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/Table.stories.d.ts +3 -0
- package/dist/esm/components/Table/Table.stories.js +103 -26
- package/dist/esm/components/Table/Table.stories.js.map +1 -1
- package/dist/esm/components/Table/Table.v3.d.ts +39 -0
- package/dist/esm/components/Table/Table.v3.js +101 -0
- package/dist/esm/components/Table/Table.v3.js.map +1 -0
- package/dist/esm/components/Table/TableOld.d.ts +39 -0
- package/dist/esm/components/Table/TableOld.js +181 -0
- package/dist/esm/components/Table/TableOld.js.map +1 -0
- package/dist/esm/components/Table/components/TableContextWrapper.d.ts +9 -0
- package/dist/esm/components/Table/components/TableContextWrapper.js +13 -0
- package/dist/esm/components/Table/components/TableContextWrapper.js.map +1 -0
- package/dist/esm/components/Table/components/TableFinalRow.d.ts +9 -0
- package/dist/esm/components/Table/components/TableFinalRow.js +22 -0
- package/dist/esm/components/Table/components/TableFinalRow.js.map +1 -0
- package/dist/esm/components/Table/components/TableFooter.d.ts +14 -0
- package/dist/esm/components/Table/components/TableFooter.js +47 -0
- package/dist/esm/components/Table/components/TableFooter.js.map +1 -0
- package/dist/esm/components/Table/components/TableReorderCell.d.ts +6 -0
- package/dist/esm/components/Table/components/TableReorderCell.js +9 -0
- package/dist/esm/components/Table/components/TableReorderCell.js.map +1 -0
- package/dist/esm/components/Table/helpers/index.d.ts +1 -0
- package/dist/esm/components/Table/helpers/index.js +2 -0
- package/dist/esm/components/Table/helpers/index.js.map +1 -0
- package/dist/esm/components/Table/helpers/reorderPriority.d.ts +4 -0
- package/dist/esm/components/Table/helpers/reorderPriority.js +37 -0
- package/dist/esm/components/Table/helpers/reorderPriority.js.map +1 -0
- package/package.json +6 -2
|
@@ -5,186 +5,238 @@ import TableColumn from './components/Column';
|
|
|
5
5
|
import { ButtonDelete, Card, TableActions, Typography } from '../..';
|
|
6
6
|
var dataSource = [
|
|
7
7
|
{
|
|
8
|
+
id: '1',
|
|
8
9
|
number: '25020111',
|
|
9
10
|
lastName: 'Crist',
|
|
10
11
|
firstName: 'Ortiz',
|
|
11
12
|
price: 795,
|
|
12
|
-
currency: 'BMD'
|
|
13
|
+
currency: 'BMD',
|
|
14
|
+
priority: 3
|
|
13
15
|
},
|
|
14
16
|
{
|
|
17
|
+
id: '2',
|
|
15
18
|
number: '25020112',
|
|
16
19
|
lastName: 'Klocko',
|
|
17
20
|
firstName: 'Kassulke',
|
|
18
21
|
price: 962,
|
|
19
|
-
currency: 'MOP'
|
|
22
|
+
currency: 'MOP',
|
|
23
|
+
priority: 5
|
|
20
24
|
},
|
|
21
25
|
{
|
|
26
|
+
id: '3',
|
|
22
27
|
number: '25020113',
|
|
23
28
|
lastName: 'Towne',
|
|
24
29
|
firstName: 'Kilback',
|
|
25
30
|
price: 463,
|
|
26
|
-
currency: 'ZMK'
|
|
31
|
+
currency: 'ZMK',
|
|
32
|
+
priority: 8
|
|
27
33
|
},
|
|
28
34
|
{
|
|
35
|
+
id: '4',
|
|
29
36
|
number: '25020114',
|
|
30
37
|
lastName: 'Bahringer',
|
|
31
38
|
firstName: 'Herman',
|
|
32
39
|
price: 808,
|
|
33
|
-
currency: 'GMD'
|
|
40
|
+
currency: 'GMD',
|
|
41
|
+
priority: 11
|
|
34
42
|
},
|
|
35
43
|
{
|
|
44
|
+
id: '5',
|
|
36
45
|
number: '25020115',
|
|
37
46
|
lastName: 'Boyle',
|
|
38
47
|
firstName: 'Olson',
|
|
39
48
|
price: 357,
|
|
40
|
-
currency: 'UZS'
|
|
49
|
+
currency: 'UZS',
|
|
50
|
+
priority: 15
|
|
41
51
|
},
|
|
42
52
|
{
|
|
53
|
+
id: '6',
|
|
43
54
|
number: '25020116',
|
|
44
55
|
lastName: 'Hyatt',
|
|
45
56
|
firstName: 'Marvin',
|
|
46
57
|
price: 933,
|
|
47
|
-
currency: 'ETB'
|
|
58
|
+
currency: 'ETB',
|
|
59
|
+
priority: 16
|
|
48
60
|
},
|
|
49
61
|
{
|
|
62
|
+
id: '7',
|
|
50
63
|
number: '25020117',
|
|
51
64
|
lastName: 'Fritsch',
|
|
52
65
|
firstName: 'Mosciski',
|
|
53
66
|
price: 807,
|
|
54
|
-
currency: 'IQD'
|
|
67
|
+
currency: 'IQD',
|
|
68
|
+
priority: 17
|
|
55
69
|
},
|
|
56
70
|
{
|
|
71
|
+
id: '8',
|
|
57
72
|
number: '25020118',
|
|
58
73
|
lastName: 'Runte',
|
|
59
74
|
firstName: 'Haag',
|
|
60
75
|
price: 280,
|
|
61
|
-
currency: 'AMD'
|
|
76
|
+
currency: 'AMD',
|
|
77
|
+
priority: 18
|
|
62
78
|
},
|
|
63
79
|
{
|
|
80
|
+
id: '9',
|
|
64
81
|
number: '25020119',
|
|
65
82
|
lastName: 'MacGyver',
|
|
66
83
|
firstName: 'Marks',
|
|
67
84
|
price: 768,
|
|
68
|
-
currency: 'EUR'
|
|
85
|
+
currency: 'EUR',
|
|
86
|
+
priority: 29
|
|
69
87
|
},
|
|
70
88
|
{
|
|
89
|
+
id: '10',
|
|
71
90
|
number: '25020120',
|
|
72
91
|
lastName: 'Bernier',
|
|
73
92
|
firstName: 'Schmidt',
|
|
74
93
|
price: 689,
|
|
75
|
-
currency: 'CDF'
|
|
94
|
+
currency: 'CDF',
|
|
95
|
+
priority: 20
|
|
76
96
|
},
|
|
77
97
|
{
|
|
98
|
+
id: '11',
|
|
78
99
|
number: '25020121',
|
|
79
100
|
lastName: 'Stark',
|
|
80
101
|
firstName: 'Flatley',
|
|
81
102
|
price: 474,
|
|
82
|
-
currency: 'AUD'
|
|
103
|
+
currency: 'AUD',
|
|
104
|
+
priority: 21
|
|
83
105
|
},
|
|
84
106
|
{
|
|
107
|
+
id: '12',
|
|
85
108
|
number: '25020122',
|
|
86
109
|
lastName: 'Harber',
|
|
87
110
|
firstName: 'Armstrong',
|
|
88
111
|
price: 667,
|
|
89
|
-
currency: 'MRO'
|
|
112
|
+
currency: 'MRO',
|
|
113
|
+
priority: 22
|
|
90
114
|
},
|
|
91
115
|
{
|
|
116
|
+
id: '13',
|
|
92
117
|
number: '25020123',
|
|
93
118
|
lastName: 'Padberg',
|
|
94
119
|
firstName: 'Schaefer',
|
|
95
120
|
price: 823,
|
|
96
|
-
currency: 'XAU'
|
|
121
|
+
currency: 'XAU',
|
|
122
|
+
priority: 23
|
|
97
123
|
},
|
|
98
124
|
{
|
|
125
|
+
id: '14',
|
|
99
126
|
number: '25020124',
|
|
100
127
|
lastName: 'Little',
|
|
101
128
|
firstName: 'Wolf',
|
|
102
129
|
price: 702,
|
|
103
|
-
currency: 'ANG'
|
|
130
|
+
currency: 'ANG',
|
|
131
|
+
priority: 24
|
|
104
132
|
},
|
|
105
133
|
{
|
|
134
|
+
id: '15',
|
|
106
135
|
number: '25020125',
|
|
107
136
|
lastName: 'Abbott',
|
|
108
137
|
firstName: 'Howe',
|
|
109
138
|
price: 891,
|
|
110
|
-
currency: 'DOP'
|
|
139
|
+
currency: 'DOP',
|
|
140
|
+
priority: 25
|
|
111
141
|
},
|
|
112
142
|
{
|
|
143
|
+
id: '16',
|
|
113
144
|
number: '25020126',
|
|
114
145
|
lastName: 'Abbott',
|
|
115
146
|
firstName: 'Howe',
|
|
116
147
|
price: 891,
|
|
117
|
-
currency: 'DOP'
|
|
148
|
+
currency: 'DOP',
|
|
149
|
+
priority: 26
|
|
118
150
|
},
|
|
119
151
|
{
|
|
152
|
+
id: '17',
|
|
120
153
|
number: '25020128',
|
|
121
154
|
lastName: 'Mills',
|
|
122
155
|
firstName: 'Grimes',
|
|
123
156
|
price: 760,
|
|
124
|
-
currency: 'KRW'
|
|
157
|
+
currency: 'KRW',
|
|
158
|
+
priority: 27
|
|
125
159
|
},
|
|
126
160
|
{
|
|
161
|
+
id: '18',
|
|
127
162
|
number: '25020129',
|
|
128
163
|
lastName: 'Balistreri',
|
|
129
164
|
firstName: 'Kassulke',
|
|
130
165
|
price: 546,
|
|
131
|
-
currency: 'HKD'
|
|
166
|
+
currency: 'HKD',
|
|
167
|
+
priority: 28
|
|
132
168
|
},
|
|
133
169
|
{
|
|
170
|
+
id: '19',
|
|
134
171
|
number: '25020130',
|
|
135
172
|
lastName: 'Crona',
|
|
136
173
|
firstName: 'Stoltenberg',
|
|
137
174
|
price: 301,
|
|
138
|
-
currency: 'RON'
|
|
175
|
+
currency: 'RON',
|
|
176
|
+
priority: 29
|
|
139
177
|
},
|
|
140
178
|
{
|
|
179
|
+
id: '20',
|
|
141
180
|
number: '25020131',
|
|
142
181
|
lastName: 'Crona',
|
|
143
182
|
firstName: 'Dach',
|
|
144
183
|
price: 960,
|
|
145
|
-
currency: 'QAR'
|
|
184
|
+
currency: 'QAR',
|
|
185
|
+
priority: 30
|
|
146
186
|
},
|
|
147
187
|
{
|
|
188
|
+
id: '21',
|
|
148
189
|
number: '25020132',
|
|
149
190
|
lastName: 'Simonis',
|
|
150
191
|
firstName: 'Hane',
|
|
151
192
|
price: 548,
|
|
152
|
-
currency: 'MNT'
|
|
193
|
+
currency: 'MNT',
|
|
194
|
+
priority: 31
|
|
153
195
|
},
|
|
154
196
|
{
|
|
197
|
+
id: '22',
|
|
155
198
|
number: '25020133',
|
|
156
199
|
lastName: 'Thompson',
|
|
157
200
|
firstName: 'Considine',
|
|
158
201
|
price: 367,
|
|
159
|
-
currency: 'SGD'
|
|
202
|
+
currency: 'SGD',
|
|
203
|
+
priority: 32
|
|
160
204
|
},
|
|
161
205
|
{
|
|
206
|
+
id: '23',
|
|
162
207
|
number: '25020134',
|
|
163
208
|
lastName: 'Breitenberg',
|
|
164
209
|
firstName: 'Conn',
|
|
165
210
|
price: 785,
|
|
166
|
-
currency: 'HNL'
|
|
211
|
+
currency: 'HNL',
|
|
212
|
+
priority: 33
|
|
167
213
|
},
|
|
168
214
|
{
|
|
215
|
+
id: '24',
|
|
169
216
|
number: '25020135',
|
|
170
217
|
lastName: 'Halvorson',
|
|
171
218
|
firstName: 'Breitenberg',
|
|
172
219
|
price: 475,
|
|
173
|
-
currency: 'KES'
|
|
220
|
+
currency: 'KES',
|
|
221
|
+
priority: 34
|
|
174
222
|
},
|
|
175
223
|
{
|
|
224
|
+
id: '25',
|
|
176
225
|
number: '25020136',
|
|
177
226
|
lastName: 'Stracke',
|
|
178
227
|
firstName: 'Hoeger',
|
|
179
228
|
price: 51,
|
|
180
|
-
currency: 'XAG'
|
|
229
|
+
currency: 'XAG',
|
|
230
|
+
priority: 35
|
|
181
231
|
},
|
|
182
232
|
{
|
|
233
|
+
id: '26',
|
|
183
234
|
number: '25020154',
|
|
184
235
|
lastName: 'Johns',
|
|
185
236
|
firstName: 'Antonetta',
|
|
186
237
|
price: 6128,
|
|
187
|
-
currency: 'CZK'
|
|
238
|
+
currency: 'CZK',
|
|
239
|
+
priority: 36
|
|
188
240
|
},
|
|
189
241
|
];
|
|
190
242
|
var meta = {
|
|
@@ -240,4 +292,29 @@ export var Small = {
|
|
|
240
292
|
]
|
|
241
293
|
}
|
|
242
294
|
};
|
|
295
|
+
export var Rerowing = {
|
|
296
|
+
args: {
|
|
297
|
+
name: 'order',
|
|
298
|
+
size: 'small',
|
|
299
|
+
page: 1,
|
|
300
|
+
recordsOnPage: 10,
|
|
301
|
+
handlePageChange: fn(),
|
|
302
|
+
handleRecordsOnPageChange: fn(),
|
|
303
|
+
dataSource: dataSource.filter(function (_, i) { return i >= 0 && i < 10; }),
|
|
304
|
+
recordsCount: dataSource.length,
|
|
305
|
+
rerowing: true,
|
|
306
|
+
onReorderRows: fn(function (d) {
|
|
307
|
+
console.log('onReorderRows', d);
|
|
308
|
+
}),
|
|
309
|
+
children: [
|
|
310
|
+
React.createElement(TableColumn, { label: "Number", dataIndex: "number", render: function (data) { return "".concat(data.number, " (").concat(data.priority, ")"); } }),
|
|
311
|
+
React.createElement(TableColumn, { label: "Customer", render: function (data) { return "".concat(data.lastName, " ").concat(data.firstName); } }),
|
|
312
|
+
React.createElement(TableColumn, { label: "Price with Vat", align: "right", dataIndex: "price", render: function (data) { return (React.createElement(Typography, { component: "strong" },
|
|
313
|
+
data.price,
|
|
314
|
+
" ",
|
|
315
|
+
data.currency)); } }),
|
|
316
|
+
React.createElement(TableActions, { render: function () { return React.createElement(ButtonDelete, null); } }),
|
|
317
|
+
]
|
|
318
|
+
}
|
|
319
|
+
};
|
|
243
320
|
//# sourceMappingURL=Table.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC,OAAO,KAAqB,MAAM,SAAS,CAAC;AAC5C,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export interface RecordsLimits {
|
|
3
|
+
limit: number;
|
|
4
|
+
offset: number;
|
|
5
|
+
}
|
|
6
|
+
export type SortBy = 'asc' | 'desc';
|
|
7
|
+
export interface SortProps {
|
|
8
|
+
sortField: string;
|
|
9
|
+
sortBy: SortBy;
|
|
10
|
+
}
|
|
11
|
+
export interface TableProps<T> {
|
|
12
|
+
name: string;
|
|
13
|
+
page?: number;
|
|
14
|
+
recordsOnPage?: number;
|
|
15
|
+
limit?: RecordsLimits;
|
|
16
|
+
checkboxes?: boolean;
|
|
17
|
+
disableSummary?: boolean;
|
|
18
|
+
disablePaginate?: boolean;
|
|
19
|
+
dataSource: T[] | undefined;
|
|
20
|
+
recordsCount?: number;
|
|
21
|
+
sort?: SortProps;
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
error?: any;
|
|
24
|
+
size?: 'small' | 'medium';
|
|
25
|
+
rerowing?: boolean;
|
|
26
|
+
sx?: any;
|
|
27
|
+
children?: ReactNode;
|
|
28
|
+
onRefetch?: () => void;
|
|
29
|
+
handleRowClick?: (data: T, index: number) => void;
|
|
30
|
+
handleRowDoubleClick?: (data: T) => void;
|
|
31
|
+
handlePageChange?: (page: number) => void;
|
|
32
|
+
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
33
|
+
handleSortChange?: (sort: SortProps) => void;
|
|
34
|
+
}
|
|
35
|
+
declare const Table: <T extends {
|
|
36
|
+
id: string;
|
|
37
|
+
priority?: number | undefined;
|
|
38
|
+
}>({ page, recordsOnPage, limit, sx, checkboxes, disableSummary, disablePaginate, children, dataSource, recordsCount, sort, loading, error, rerowing, onRefetch, handleRowClick, handlePageChange, handleRecordsOnPageChange, handleSortChange, ...props }: TableProps<T>) => React.JSX.Element;
|
|
39
|
+
export default Table;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { __assign, __rest, __spreadArray } from "tslib";
|
|
2
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { DndContext, closestCenter } from '@dnd-kit/core';
|
|
4
|
+
import { SortableContext, useSortable, verticalListSortingStrategy, arrayMove, } from '@dnd-kit/sortable';
|
|
5
|
+
import { CSS } from '@dnd-kit/utilities';
|
|
6
|
+
import { Table as MuiTable, TableHead, TableRow as MuiTableRow, } from '@mui/material';
|
|
7
|
+
import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
|
|
8
|
+
import Column from './components/Column';
|
|
9
|
+
import Actions from './components/Actions';
|
|
10
|
+
import TableReorderCell from './components/TableReorderCell';
|
|
11
|
+
var DefaultLimit = { limit: 10, offset: 0 };
|
|
12
|
+
function SortableRow(_a) {
|
|
13
|
+
var id = _a.id, children = _a.children;
|
|
14
|
+
var _b = useSortable({ id: id }), attributes = _b.attributes, listeners = _b.listeners, setNodeRef = _b.setNodeRef, transform = _b.transform, transition = _b.transition;
|
|
15
|
+
var style = {
|
|
16
|
+
transform: CSS.Transform.toString(transform),
|
|
17
|
+
transition: transition
|
|
18
|
+
};
|
|
19
|
+
return (React.createElement("tr", { ref: setNodeRef, style: style },
|
|
20
|
+
React.createElement("td", __assign({}, attributes, listeners, { style: { cursor: 'grab', width: '34px' } }),
|
|
21
|
+
React.createElement(DragIndicatorIcon, null)),
|
|
22
|
+
children));
|
|
23
|
+
}
|
|
24
|
+
var Table = function (_a) {
|
|
25
|
+
var page = _a.page, recordsOnPage = _a.recordsOnPage, _b = _a.limit, limit = _b === void 0 ? DefaultLimit : _b, _c = _a.sx, sx = _c === void 0 ? {} : _c, _d = _a.checkboxes, checkboxes = _d === void 0 ? false : _d, _e = _a.disableSummary, disableSummary = _e === void 0 ? false : _e, _f = _a.disablePaginate, disablePaginate = _f === void 0 ? false : _f, children = _a.children, _g = _a.dataSource, dataSource = _g === void 0 ? [] : _g, _h = _a.recordsCount, recordsCount = _h === void 0 ? 0 : _h, sort = _a.sort, _j = _a.loading, loading = _j === void 0 ? false : _j, _k = _a.error, error = _k === void 0 ? false : _k, _l = _a.rerowing, rerowing = _l === void 0 ? false : _l, onRefetch = _a.onRefetch, handleRowClick = _a.handleRowClick, handlePageChange = _a.handlePageChange, handleRecordsOnPageChange = _a.handleRecordsOnPageChange, handleSortChange = _a.handleSortChange, props = __rest(_a, ["page", "recordsOnPage", "limit", "sx", "checkboxes", "disableSummary", "disablePaginate", "children", "dataSource", "recordsCount", "sort", "loading", "error", "rerowing", "onRefetch", "handleRowClick", "handlePageChange", "handleRecordsOnPageChange", "handleSortChange"]);
|
|
26
|
+
var _m = useState(__spreadArray([], dataSource, true)), rows = _m[0], setRows = _m[1];
|
|
27
|
+
var _o = useState([]), dataSourceCached = _o[0], setDataSourceCached = _o[1];
|
|
28
|
+
var _p = useState(0), recordsCountCached = _p[0], setRecordsCountCached = _p[1];
|
|
29
|
+
var columns = useMemo(function () {
|
|
30
|
+
var ret = [];
|
|
31
|
+
if (!Array.isArray(children)) {
|
|
32
|
+
if (children.type === Column ||
|
|
33
|
+
children.type === Actions) {
|
|
34
|
+
ret.push(children);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
if (children instanceof Array) {
|
|
38
|
+
children.forEach(function (child) {
|
|
39
|
+
if (child instanceof Array) {
|
|
40
|
+
child.forEach(function (subChild) {
|
|
41
|
+
ret.push(subChild);
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
ret.push(child);
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
return ret;
|
|
50
|
+
}, [children]);
|
|
51
|
+
var handleDragEnd = function (event) {
|
|
52
|
+
var active = event.active, over = event.over;
|
|
53
|
+
console.log('handleDragEnd', event);
|
|
54
|
+
if (active.id !== over.id) {
|
|
55
|
+
var oldIndex = rows.findIndex(function (i) { return i.id === active.id; });
|
|
56
|
+
var newIndex = rows.findIndex(function (i) { return i.id === over.id; });
|
|
57
|
+
var newRows = arrayMove(rows, oldIndex, newIndex);
|
|
58
|
+
console.log('newRows', newRows);
|
|
59
|
+
setRows(newRows);
|
|
60
|
+
// setDataSourceCached((items) => {
|
|
61
|
+
// const oldIndex = items.findIndex((i) => i.id === active.id);
|
|
62
|
+
// const newIndex = items.findIndex((i) => i.id === over.id);
|
|
63
|
+
// return arrayMove(items, oldIndex, newIndex);
|
|
64
|
+
// });
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
var isError = useMemo(function () { return !!error; }, [error]);
|
|
68
|
+
useEffect(function () {
|
|
69
|
+
console.log('reset dataSource');
|
|
70
|
+
if (!loading && !isError && dataSource !== null) {
|
|
71
|
+
setDataSourceCached(dataSource);
|
|
72
|
+
setRecordsCountCached(recordsCount);
|
|
73
|
+
// dispatch(
|
|
74
|
+
// changeGridRecords({
|
|
75
|
+
// name: props.name,
|
|
76
|
+
// records: {
|
|
77
|
+
// records: dataSource,
|
|
78
|
+
// recordsCount,
|
|
79
|
+
// },
|
|
80
|
+
// })
|
|
81
|
+
// );
|
|
82
|
+
}
|
|
83
|
+
}, [/*dispatch, props.name,*/ isError, loading, dataSource, recordsCount]);
|
|
84
|
+
// useEffect(() => {
|
|
85
|
+
// setRows(dataSource);
|
|
86
|
+
// }, [dataSource]);
|
|
87
|
+
return (React.createElement(DndContext, { collisionDetection: closestCenter, onDragEnd: handleDragEnd },
|
|
88
|
+
React.createElement(SortableContext, { items: dataSourceCached.map(function (r) { return r.id; }), strategy: verticalListSortingStrategy },
|
|
89
|
+
React.createElement(MuiTable, __assign({ sx: __assign({}, sx) }, props),
|
|
90
|
+
React.createElement(TableHead, null,
|
|
91
|
+
React.createElement(MuiTableRow, null, rerowing && React.createElement(TableReorderCell, null))),
|
|
92
|
+
React.createElement("tbody", null, !isError &&
|
|
93
|
+
(rows === null || rows === void 0 ? void 0 : rows.map(function (data, index) { return (React.createElement(SortableRow, { key: data.id, id: data.id },
|
|
94
|
+
React.createElement("td", null,
|
|
95
|
+
data.id,
|
|
96
|
+
" (",
|
|
97
|
+
data.priority,
|
|
98
|
+
")"))); })))))));
|
|
99
|
+
};
|
|
100
|
+
export default Table;
|
|
101
|
+
//# sourceMappingURL=Table.v3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.v3.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.v3.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export interface RecordsLimits {
|
|
3
|
+
limit: number;
|
|
4
|
+
offset: number;
|
|
5
|
+
}
|
|
6
|
+
export type SortBy = 'asc' | 'desc';
|
|
7
|
+
export interface SortProps {
|
|
8
|
+
sortField: string;
|
|
9
|
+
sortBy: SortBy;
|
|
10
|
+
}
|
|
11
|
+
export interface TableProps<T> {
|
|
12
|
+
name: string;
|
|
13
|
+
page?: number;
|
|
14
|
+
recordsOnPage?: number;
|
|
15
|
+
limit?: RecordsLimits;
|
|
16
|
+
checkboxes?: boolean;
|
|
17
|
+
disableSummary?: boolean;
|
|
18
|
+
disablePaginate?: boolean;
|
|
19
|
+
dataSource: T[] | undefined;
|
|
20
|
+
recordsCount?: number;
|
|
21
|
+
sort?: SortProps;
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
error?: any;
|
|
24
|
+
size?: 'small' | 'medium';
|
|
25
|
+
rerowing?: boolean;
|
|
26
|
+
sx?: any;
|
|
27
|
+
children?: ReactNode;
|
|
28
|
+
onRefetch?: () => void;
|
|
29
|
+
handleRowClick?: (data: T, index: number) => void;
|
|
30
|
+
handleRowDoubleClick?: (data: T) => void;
|
|
31
|
+
handlePageChange?: (page: number) => void;
|
|
32
|
+
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
33
|
+
handleSortChange?: (sort: SortProps) => void;
|
|
34
|
+
}
|
|
35
|
+
declare const Table: <T extends {
|
|
36
|
+
id: string;
|
|
37
|
+
priority?: number | undefined;
|
|
38
|
+
}>({ page, recordsOnPage, limit, sx, checkboxes, disableSummary, disablePaginate, children, dataSource, recordsCount, sort, loading, error, rerowing, onRefetch, handleRowClick, handlePageChange, handleRecordsOnPageChange, handleSortChange, ...props }: TableProps<T>) => React.JSX.Element;
|
|
39
|
+
export default Table;
|