@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.
Files changed (53) hide show
  1. package/dist/cjs/components/DialogTitle/DialogTitle.js +2 -2
  2. package/dist/cjs/components/DialogTitle/DialogTitle.js.map +1 -1
  3. package/dist/cjs/components/Table/Table.d.ts +9 -2
  4. package/dist/cjs/components/Table/Table.js +147 -120
  5. package/dist/cjs/components/Table/Table.js.map +1 -1
  6. package/dist/cjs/components/Table/Table.stories.d.ts +3 -0
  7. package/dist/cjs/components/Table/Table.stories.js +104 -27
  8. package/dist/cjs/components/Table/Table.stories.js.map +1 -1
  9. package/dist/cjs/components/Table/components/TableFooter.d.ts +14 -0
  10. package/dist/cjs/components/Table/components/TableFooter.js +50 -0
  11. package/dist/cjs/components/Table/components/TableFooter.js.map +1 -0
  12. package/dist/cjs/components/Table/components/TableReorderCell.d.ts +6 -0
  13. package/dist/cjs/components/Table/components/TableReorderCell.js +11 -0
  14. package/dist/cjs/components/Table/components/TableReorderCell.js.map +1 -0
  15. package/dist/cjs/components/Table/helpers/index.d.ts +1 -0
  16. package/dist/cjs/components/Table/helpers/index.js +5 -0
  17. package/dist/cjs/components/Table/helpers/index.js.map +1 -0
  18. package/dist/cjs/components/Table/helpers/reorderPriority.d.ts +4 -0
  19. package/dist/cjs/components/Table/helpers/reorderPriority.js +41 -0
  20. package/dist/cjs/components/Table/helpers/reorderPriority.js.map +1 -0
  21. package/dist/esm/components/DialogTitle/DialogTitle.js +2 -2
  22. package/dist/esm/components/DialogTitle/DialogTitle.js.map +1 -1
  23. package/dist/esm/components/Table/Table.d.ts +9 -2
  24. package/dist/esm/components/Table/Table.js +149 -122
  25. package/dist/esm/components/Table/Table.js.map +1 -1
  26. package/dist/esm/components/Table/Table.stories.d.ts +3 -0
  27. package/dist/esm/components/Table/Table.stories.js +103 -26
  28. package/dist/esm/components/Table/Table.stories.js.map +1 -1
  29. package/dist/esm/components/Table/Table.v3.d.ts +39 -0
  30. package/dist/esm/components/Table/Table.v3.js +101 -0
  31. package/dist/esm/components/Table/Table.v3.js.map +1 -0
  32. package/dist/esm/components/Table/TableOld.d.ts +39 -0
  33. package/dist/esm/components/Table/TableOld.js +181 -0
  34. package/dist/esm/components/Table/TableOld.js.map +1 -0
  35. package/dist/esm/components/Table/components/TableContextWrapper.d.ts +9 -0
  36. package/dist/esm/components/Table/components/TableContextWrapper.js +13 -0
  37. package/dist/esm/components/Table/components/TableContextWrapper.js.map +1 -0
  38. package/dist/esm/components/Table/components/TableFinalRow.d.ts +9 -0
  39. package/dist/esm/components/Table/components/TableFinalRow.js +22 -0
  40. package/dist/esm/components/Table/components/TableFinalRow.js.map +1 -0
  41. package/dist/esm/components/Table/components/TableFooter.d.ts +14 -0
  42. package/dist/esm/components/Table/components/TableFooter.js +47 -0
  43. package/dist/esm/components/Table/components/TableFooter.js.map +1 -0
  44. package/dist/esm/components/Table/components/TableReorderCell.d.ts +6 -0
  45. package/dist/esm/components/Table/components/TableReorderCell.js +9 -0
  46. package/dist/esm/components/Table/components/TableReorderCell.js.map +1 -0
  47. package/dist/esm/components/Table/helpers/index.d.ts +1 -0
  48. package/dist/esm/components/Table/helpers/index.js +2 -0
  49. package/dist/esm/components/Table/helpers/index.js.map +1 -0
  50. package/dist/esm/components/Table/helpers/reorderPriority.d.ts +4 -0
  51. package/dist/esm/components/Table/helpers/reorderPriority.js +37 -0
  52. package/dist/esm/components/Table/helpers/reorderPriority.js.map +1 -0
  53. 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":"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"}
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;