@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,11 +5,11 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
var material_1 = require("@mui/material");
|
|
6
6
|
var DialogTitle = function (_a) {
|
|
7
7
|
var _b = _a.bordered, bordered = _b === void 0 ? false : _b, props = tslib_1.__rest(_a, ["bordered"]);
|
|
8
|
-
return (react_1["default"].createElement(material_1.DialogTitle, tslib_1.__assign({}, props, { sx: tslib_1.__assign(tslib_1.__assign({},
|
|
8
|
+
return (react_1["default"].createElement(material_1.DialogTitle, tslib_1.__assign({}, props, { sx: tslib_1.__assign(tslib_1.__assign({}, (bordered && {
|
|
9
9
|
borderBottom: '1px solid #e0e0e0 !important',
|
|
10
10
|
pb: 4.5,
|
|
11
11
|
mb: 4.5
|
|
12
|
-
})) })));
|
|
12
|
+
})), props.sx) })));
|
|
13
13
|
};
|
|
14
14
|
exports["default"] = DialogTitle;
|
|
15
15
|
//# sourceMappingURL=DialogTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogTitle.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DialogTitle/DialogTitle.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,0CAGuB;AAMvB,IAAM,WAAW,GAAG,UAAC,EAAgD;IAA9C,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,KAAK,sBAA5B,YAA8B,CAAF;IAAyB,OAAA,CACxE,iCAAC,sBAAc,uBACT,KAAK,IACT,EAAE,wCACG,
|
|
1
|
+
{"version":3,"file":"DialogTitle.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DialogTitle/DialogTitle.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,0CAGuB;AAMvB,IAAM,WAAW,GAAG,UAAC,EAAgD;IAA9C,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,KAAK,sBAA5B,YAA8B,CAAF;IAAyB,OAAA,CACxE,iCAAC,sBAAc,uBACT,KAAK,IACT,EAAE,wCACG,CAAC,QAAQ,IAAI;YACd,YAAY,EAAE,8BAA8B;YAC5C,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;SACR,CAAC,GACC,KAAK,CAAC,EAAE,KAEb,CACH,CAAA;CAAA,CAAC;AAEF,qBAAe,WAAW,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
+
import { SxProps } from '@mui/material';
|
|
2
3
|
export interface RecordsLimits {
|
|
3
4
|
limit: number;
|
|
4
5
|
offset: number;
|
|
@@ -8,6 +9,10 @@ export interface SortProps {
|
|
|
8
9
|
sortField: string;
|
|
9
10
|
sortBy: SortBy;
|
|
10
11
|
}
|
|
12
|
+
interface RecordPriorityChange {
|
|
13
|
+
id: string;
|
|
14
|
+
priority?: number;
|
|
15
|
+
}
|
|
11
16
|
export interface TableProps<T> {
|
|
12
17
|
name: string;
|
|
13
18
|
page?: number;
|
|
@@ -22,7 +27,8 @@ export interface TableProps<T> {
|
|
|
22
27
|
loading?: boolean;
|
|
23
28
|
error?: any;
|
|
24
29
|
size?: 'small' | 'medium';
|
|
25
|
-
|
|
30
|
+
rerowing?: boolean;
|
|
31
|
+
sx?: SxProps;
|
|
26
32
|
children?: ReactNode;
|
|
27
33
|
onRefetch?: () => void;
|
|
28
34
|
handleRowClick?: (data: T, index: number) => void;
|
|
@@ -30,6 +36,7 @@ export interface TableProps<T> {
|
|
|
30
36
|
handlePageChange?: (page: number) => void;
|
|
31
37
|
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
32
38
|
handleSortChange?: (sort: SortProps) => void;
|
|
39
|
+
onReorderRows?: (newRows: RecordPriorityChange[]) => void;
|
|
33
40
|
}
|
|
34
|
-
declare const Table: <T>({ page, recordsOnPage, limit, sx, checkboxes, disableSummary, disablePaginate, children, dataSource, recordsCount, sort, loading, error, onRefetch, handleRowClick, handlePageChange, handleRecordsOnPageChange, handleSortChange, ...props }: TableProps<T>) => React.JSX.Element;
|
|
41
|
+
declare const Table: <T extends RecordPriorityChange>({ page, recordsOnPage, limit, sx, checkboxes, disableSummary, disablePaginate, children, dataSource, recordsCount, sort, loading, error, rerowing, onRefetch, handleRowClick, handlePageChange, handleRecordsOnPageChange, handleSortChange, onReorderRows, ...props }: TableProps<T>) => React.JSX.Element;
|
|
35
42
|
export default Table;
|
|
@@ -3,50 +3,83 @@ exports.__esModule = true;
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var react_intl_1 = require("react-intl");
|
|
6
|
+
var core_1 = require("@dnd-kit/core");
|
|
7
|
+
var sortable_1 = require("@dnd-kit/sortable");
|
|
8
|
+
var modifiers_1 = require("@dnd-kit/modifiers");
|
|
9
|
+
var utilities_1 = require("@dnd-kit/utilities");
|
|
10
|
+
var DragIndicator_1 = tslib_1.__importDefault(require("@mui/icons-material/DragIndicator"));
|
|
6
11
|
var material_1 = require("@mui/material");
|
|
7
|
-
// import { selectGridRecords } from 'stores/selectors';
|
|
8
|
-
// import { changeGridRecords } from 'stores/actions';
|
|
9
|
-
// import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
|
|
10
|
-
var Paginate_1 = tslib_1.__importDefault(require("../Paginate"));
|
|
11
12
|
var Column_1 = tslib_1.__importDefault(require("./components/Column"));
|
|
12
13
|
var Actions_1 = tslib_1.__importDefault(require("./components/Actions"));
|
|
13
14
|
var Header_1 = tslib_1.__importDefault(require("./components/Header"));
|
|
15
|
+
var TableReorderCell_1 = tslib_1.__importDefault(require("./components/TableReorderCell"));
|
|
14
16
|
var Data_1 = tslib_1.__importDefault(require("./components/Data"));
|
|
15
|
-
var Error_1 = tslib_1.__importDefault(require("./components/Error"));
|
|
16
|
-
var Checkbox_1 = tslib_1.__importDefault(require("../Checkbox"));
|
|
17
|
-
var RecordsOnTable_1 = tslib_1.__importDefault(require("../RecordsOnTable"));
|
|
18
|
-
var Loader_1 = tslib_1.__importDefault(require("../Loader"));
|
|
19
17
|
var Box_1 = tslib_1.__importDefault(require("../Box"));
|
|
20
|
-
var
|
|
18
|
+
var Loader_1 = tslib_1.__importDefault(require("../Loader"));
|
|
19
|
+
var TableFooter_1 = tslib_1.__importDefault(require("./components/TableFooter"));
|
|
20
|
+
var helpers_1 = require("./helpers");
|
|
21
21
|
var DefaultLimit = { limit: 10, offset: 0 };
|
|
22
|
+
var SortableRow = function (_a) {
|
|
23
|
+
var _b = _a.rerowing, rerowing = _b === void 0 ? false : _b, id = _a.id, children = _a.children;
|
|
24
|
+
var _c = (0, sortable_1.useSortable)({ id: id }), attributes = _c.attributes, listeners = _c.listeners, setNodeRef = _c.setNodeRef, transform = _c.transform, transition = _c.transition, isDragging = _c.isDragging;
|
|
25
|
+
var style = {
|
|
26
|
+
transform: utilities_1.CSS.Transform.toString(transform),
|
|
27
|
+
transition: transition,
|
|
28
|
+
background: isDragging ? '#f5f5f5' : undefined
|
|
29
|
+
};
|
|
30
|
+
return (react_1["default"].createElement(material_1.TableRow, { ref: setNodeRef, style: style },
|
|
31
|
+
rerowing && (react_1["default"].createElement(material_1.TableCell, { width: 20, sx: { pl: 2, pr: 1 } },
|
|
32
|
+
react_1["default"].createElement(material_1.IconButton, tslib_1.__assign({}, attributes, listeners, { size: "small", sx: { cursor: 'grab' } }),
|
|
33
|
+
react_1["default"].createElement(DragIndicator_1["default"], { fontSize: "small" })))),
|
|
34
|
+
children));
|
|
35
|
+
};
|
|
22
36
|
var Table = function (_a) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
if (children instanceof Array) {
|
|
39
|
-
children.forEach(function (child) {
|
|
40
|
-
if (child instanceof Array) {
|
|
41
|
-
child.forEach(function (subChild) {
|
|
42
|
-
columns.push(subChild);
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
columns.push(child);
|
|
37
|
+
var _b;
|
|
38
|
+
var page = _a.page, recordsOnPage = _a.recordsOnPage, _c = _a.limit, limit = _c === void 0 ? DefaultLimit : _c, _d = _a.sx, sx = _d === void 0 ? {} : _d, _e = _a.checkboxes, checkboxes = _e === void 0 ? false : _e, _f = _a.disableSummary, disableSummary = _f === void 0 ? false : _f, _g = _a.disablePaginate, disablePaginate = _g === void 0 ? false : _g, children = _a.children, _h = _a.dataSource, dataSource = _h === void 0 ? [] : _h, _j = _a.recordsCount, recordsCount = _j === void 0 ? 0 : _j, sort = _a.sort, _k = _a.loading, loading = _k === void 0 ? false : _k, _l = _a.error, error = _l === void 0 ? false : _l, _m = _a.rerowing, rerowing = _m === void 0 ? false : _m, onRefetch = _a.onRefetch, handleRowClick = _a.handleRowClick, handlePageChange = _a.handlePageChange, handleRecordsOnPageChange = _a.handleRecordsOnPageChange, handleSortChange = _a.handleSortChange, onReorderRows = _a.onReorderRows, props = tslib_1.__rest(_a, ["page", "recordsOnPage", "limit", "sx", "checkboxes", "disableSummary", "disablePaginate", "children", "dataSource", "recordsCount", "sort", "loading", "error", "rerowing", "onRefetch", "handleRowClick", "handlePageChange", "handleRecordsOnPageChange", "handleSortChange", "onReorderRows"]);
|
|
39
|
+
var tbodyRef = (0, react_1.useRef)(null);
|
|
40
|
+
var tableRef = (0, react_1.useRef)(null);
|
|
41
|
+
var _o = (0, react_1.useState)(null), activeId = _o[0], setActiveId = _o[1];
|
|
42
|
+
var _p = (0, react_1.useState)(null), overId = _p[0], setOverId = _p[1];
|
|
43
|
+
var lastValidOverId = (0, react_1.useRef)(null);
|
|
44
|
+
var _q = (0, react_1.useState)([]), dataSourceCached = _q[0], setDataSourceCached = _q[1];
|
|
45
|
+
var _r = (0, react_1.useState)(0), recordsCountCached = _r[0], setRecordsCountCached = _r[1];
|
|
46
|
+
var columns = (0, react_1.useMemo)(function () {
|
|
47
|
+
var ret = [];
|
|
48
|
+
if (!Array.isArray(children)) {
|
|
49
|
+
if (children.type === Column_1["default"] ||
|
|
50
|
+
children.type === Actions_1["default"]) {
|
|
51
|
+
ret.push(children);
|
|
47
52
|
}
|
|
48
|
-
}
|
|
49
|
-
|
|
53
|
+
}
|
|
54
|
+
if (children instanceof Array) {
|
|
55
|
+
children.forEach(function (child) {
|
|
56
|
+
if (child instanceof Array) {
|
|
57
|
+
child.forEach(function (subChild) {
|
|
58
|
+
ret.push(subChild);
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
ret.push(child);
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
return ret;
|
|
67
|
+
}, [children]);
|
|
68
|
+
var restrictedToTbody = function (args) {
|
|
69
|
+
var pointerCoordinates = args.pointerCoordinates;
|
|
70
|
+
if (!pointerCoordinates || !tableRef.current) {
|
|
71
|
+
return [];
|
|
72
|
+
}
|
|
73
|
+
var rect = tableRef.current.getBoundingClientRect();
|
|
74
|
+
var isInside = pointerCoordinates.x >= rect.left &&
|
|
75
|
+
pointerCoordinates.x <= rect.right &&
|
|
76
|
+
pointerCoordinates.y >= rect.top &&
|
|
77
|
+
pointerCoordinates.y <= rect.bottom;
|
|
78
|
+
if (!isInside) {
|
|
79
|
+
return [];
|
|
80
|
+
}
|
|
81
|
+
return (0, core_1.closestCenter)(args);
|
|
82
|
+
};
|
|
50
83
|
var innerHandleRowClick = function (data, index) {
|
|
51
84
|
if (handleRowClick) {
|
|
52
85
|
handleRowClick(data, index);
|
|
@@ -57,37 +90,67 @@ var Table = function (_a) {
|
|
|
57
90
|
props.handleRowDoubleClick(data);
|
|
58
91
|
}
|
|
59
92
|
};
|
|
93
|
+
var handleDragStart = function (event) {
|
|
94
|
+
setActiveId(event.active.id);
|
|
95
|
+
};
|
|
96
|
+
var handleDragOver = function (event) {
|
|
97
|
+
if (event.over) {
|
|
98
|
+
setOverId(event.over.id);
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
var finalOverId = overId !== null && overId !== void 0 ? overId : lastValidOverId.current;
|
|
102
|
+
if (finalOverId && activeId !== finalOverId) {
|
|
103
|
+
setDataSourceCached(function (items) {
|
|
104
|
+
var oldIndex = items.findIndex(function (i) { return i.id === event.active.id; });
|
|
105
|
+
var newIndex = items.findIndex(function (i) { return i.id === overId; });
|
|
106
|
+
return (0, sortable_1.arrayMove)(items, oldIndex, newIndex);
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
var handleDragEnd = function (event) {
|
|
112
|
+
var _a, _b;
|
|
113
|
+
var finalOverId = (_b = (_a = event.over) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : lastValidOverId.current;
|
|
114
|
+
if (finalOverId && activeId !== finalOverId) {
|
|
115
|
+
setDataSourceCached(function (items) {
|
|
116
|
+
var oldIndex = items.findIndex(function (i) { return i.id === event.active.id; });
|
|
117
|
+
var newIndex = items.findIndex(function (i) { return i.id === event.over.id; });
|
|
118
|
+
var reprioritized = (0, helpers_1.reorderPriority)(items, oldIndex, newIndex);
|
|
119
|
+
var newItems = (0, sortable_1.arrayMove)(reprioritized, oldIndex, newIndex);
|
|
120
|
+
if (onReorderRows) {
|
|
121
|
+
var newPriorityRows = reprioritized.filter(function (item) {
|
|
122
|
+
var oldItem = items.find(function (i) { return i.id === item.id; });
|
|
123
|
+
if (!oldItem) {
|
|
124
|
+
return true;
|
|
125
|
+
}
|
|
126
|
+
return item.priority !== oldItem.priority;
|
|
127
|
+
});
|
|
128
|
+
if (newPriorityRows.length > 0) {
|
|
129
|
+
onReorderRows(newPriorityRows.map(function (r) { return ({ id: r.id, priority: r.priority }); }));
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
return newItems;
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
setActiveId(null);
|
|
136
|
+
setOverId(null);
|
|
137
|
+
lastValidOverId.current = null;
|
|
138
|
+
};
|
|
60
139
|
var isError = (0, react_1.useMemo)(function () { return !!error; }, [error]);
|
|
61
140
|
(0, react_1.useEffect)(function () {
|
|
62
141
|
if (!loading && !isError && dataSource !== null) {
|
|
63
142
|
setDataSourceCached(dataSource);
|
|
64
143
|
setRecordsCountCached(recordsCount);
|
|
65
|
-
// dispatch(
|
|
66
|
-
// changeGridRecords({
|
|
67
|
-
// name: props.name,
|
|
68
|
-
// records: {
|
|
69
|
-
// records: dataSource,
|
|
70
|
-
// recordsCount,
|
|
71
|
-
// },
|
|
72
|
-
// })
|
|
73
|
-
// );
|
|
74
144
|
}
|
|
75
|
-
}, [
|
|
76
|
-
// useEffect(() => {
|
|
77
|
-
// console.log('loading', loading);
|
|
78
|
-
// console.log('dataSource', dataSource);
|
|
79
|
-
// if (!loading && dataSource && dataSource.length === 0 && page && page > 1) {
|
|
80
|
-
// handlePageChange && handlePageChange(page - 1);
|
|
81
|
-
// }
|
|
82
|
-
// }, [loading, dataSource, page]);
|
|
145
|
+
}, [loading, isError, dataSource, recordsCount]);
|
|
83
146
|
var displayRecordsOnPage = recordsCountCached > 0 &&
|
|
84
147
|
disablePaginate !== true &&
|
|
85
148
|
!!handleRecordsOnPageChange;
|
|
86
|
-
var displayPagination = recordsCountCached > 0 &&
|
|
149
|
+
var displayPagination = !!(recordsCountCached > 0 &&
|
|
87
150
|
disablePaginate !== true &&
|
|
88
151
|
page &&
|
|
89
152
|
recordsOnPage &&
|
|
90
|
-
|
|
153
|
+
handlePageChange);
|
|
91
154
|
return (react_1["default"].createElement(Box_1["default"], { sx: { position: 'relative' } },
|
|
92
155
|
loading && ((_b = (dataSourceCached || [])) === null || _b === void 0 ? void 0 : _b.length) > 0 && !isError && (react_1["default"].createElement(Loader_1["default"], { sx: {
|
|
93
156
|
position: 'absolute',
|
|
@@ -97,72 +160,36 @@ var Table = function (_a) {
|
|
|
97
160
|
top: 0,
|
|
98
161
|
zIndex: function (theme) { return theme.zIndex.drawer + 1; }
|
|
99
162
|
} })),
|
|
100
|
-
react_1["default"].createElement(material_1.
|
|
101
|
-
react_1["default"].createElement(
|
|
102
|
-
react_1["default"].createElement(
|
|
103
|
-
|
|
104
|
-
react_1["default"].createElement(
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
isError ||
|
|
131
|
-
(loading && (dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.length) === 0)) && (react_1["default"].createElement(material_1.TableFooter, null,
|
|
132
|
-
react_1["default"].createElement(material_1.TableRow, null,
|
|
133
|
-
react_1["default"].createElement(material_1.TableCell, { colSpan: columns.length },
|
|
134
|
-
react_1["default"].createElement(material_1.Grid, { container: true, sx: { my: { xs: 2, sm: 0 } } },
|
|
135
|
-
react_1["default"].createElement(material_1.Grid, { size: { xs: 6, sm: 4 }, sx: {
|
|
136
|
-
display: 'flex',
|
|
137
|
-
alignItems: 'center',
|
|
138
|
-
p: 0,
|
|
139
|
-
color: 'text.primary'
|
|
140
|
-
} },
|
|
141
|
-
react_1["default"].createElement(Box_1["default"], null,
|
|
142
|
-
react_1["default"].createElement(react_intl_1.FormattedMessage, { id: "table.records", values: {
|
|
143
|
-
recordsCount: react_1["default"].createElement("strong", null, recordsCountCached)
|
|
144
|
-
} }))),
|
|
145
|
-
react_1["default"].createElement(material_1.Grid, { size: { xs: 6, sm: 8 }, sx: {
|
|
146
|
-
display: 'flex',
|
|
147
|
-
flexDirection: {
|
|
148
|
-
xs: 'column',
|
|
149
|
-
sm: 'row'
|
|
150
|
-
},
|
|
151
|
-
alignItems: { xs: 'end', sm: 'center' },
|
|
152
|
-
justifyContent: 'flex-end'
|
|
153
|
-
} },
|
|
154
|
-
displayRecordsOnPage && handleRecordsOnPageChange && (react_1["default"].createElement(RecordsOnTable_1["default"], { value: recordsOnPage || 10, handleChange: handleRecordsOnPageChange })),
|
|
155
|
-
displayRecordsOnPage && displayPagination && (react_1["default"].createElement(material_1.Divider, { orientation: "vertical", sx: {
|
|
156
|
-
display: { xs: 'none', sm: 'block' },
|
|
157
|
-
mx: 5,
|
|
158
|
-
height: '50%'
|
|
159
|
-
} })),
|
|
160
|
-
displayPagination && (react_1["default"].createElement(Box_1["default"], { sx: { display: { xs: 'none', sm: 'block' } } },
|
|
161
|
-
react_1["default"].createElement(Paginate_1["default"], { page: page, recordsOnPage: recordsOnPage, recordsCount: recordsCountCached, handlePageChange: handlePageChange }))))),
|
|
162
|
-
displayPagination && (react_1["default"].createElement(material_1.Grid, { container: true, sx: { display: { xs: 'block', sm: 'none' }, mb: 3 } },
|
|
163
|
-
react_1["default"].createElement(material_1.Grid, { size: 12 },
|
|
164
|
-
react_1["default"].createElement(Flex_1["default"], { justifyContent: "center" },
|
|
165
|
-
react_1["default"].createElement(Paginate_1["default"], { page: page, recordsOnPage: recordsOnPage, recordsCount: recordsCountCached, handlePageChange: handlePageChange }))))))))))));
|
|
163
|
+
react_1["default"].createElement(material_1.TableContainer, { component: material_1.Paper },
|
|
164
|
+
react_1["default"].createElement(core_1.DndContext, { autoScroll: false, collisionDetection: restrictedToTbody, modifiers: [modifiers_1.restrictToParentElement], onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd },
|
|
165
|
+
react_1["default"].createElement(sortable_1.SortableContext, { items: dataSourceCached.map(function (r) { return r.id; }), strategy: sortable_1.verticalListSortingStrategy },
|
|
166
|
+
react_1["default"].createElement(material_1.Table, { ref: tableRef, sx: { overflowY: 'hidden' } },
|
|
167
|
+
react_1["default"].createElement(material_1.TableHead, null,
|
|
168
|
+
react_1["default"].createElement(material_1.TableRow, null,
|
|
169
|
+
rerowing && react_1["default"].createElement(TableReorderCell_1["default"], null),
|
|
170
|
+
columns.map(function (column, index) {
|
|
171
|
+
var columnProps = column.props;
|
|
172
|
+
return (react_1["default"].createElement(Header_1["default"], { key: index, column: column, sortable: columnProps.sortable, sortField: columnProps.dataIndex, currentSort: sort, defaultSortBy: columnProps.defaultSortBy, width: columnProps.width, align: columnProps.align, sx: columnProps.sx, handleSortChange: handleSortChange }, columnProps.label));
|
|
173
|
+
}))),
|
|
174
|
+
react_1["default"].createElement(material_1.TableBody, { ref: tbodyRef, sx: { overflowY: 'hidden' } },
|
|
175
|
+
dataSourceCached.map(function (row) { return (react_1["default"].createElement(SortableRow, { key: row.id, id: row.id, rerowing: rerowing }, !isError &&
|
|
176
|
+
columns.map(function (column, index) {
|
|
177
|
+
var columnProps = column.props;
|
|
178
|
+
return (react_1["default"].createElement(Data_1["default"], { key: index, column: column, data: row, index: index, sx: columnProps.sx &&
|
|
179
|
+
typeof columnProps.sx === 'function'
|
|
180
|
+
? columnProps.sx(row)
|
|
181
|
+
: columnProps.sx, onClick: function (data) {
|
|
182
|
+
return innerHandleRowClick(data, index);
|
|
183
|
+
}, onDoubleClick: function () { return handleRowDoubleClick(row); } }));
|
|
184
|
+
}))); }),
|
|
185
|
+
!loading && !isError && (dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.length) === 0 && (react_1["default"].createElement(material_1.TableRow, null,
|
|
186
|
+
react_1["default"].createElement(material_1.TableCell, { colSpan: columns.length },
|
|
187
|
+
react_1["default"].createElement(react_intl_1.FormattedMessage, { id: "table.noRecordsFound" }))))),
|
|
188
|
+
!(disableSummary ||
|
|
189
|
+
isError ||
|
|
190
|
+
(loading && (dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.length) === 0) ||
|
|
191
|
+
!page ||
|
|
192
|
+
!recordsOnPage) && (react_1["default"].createElement(TableFooter_1["default"], { columns: columns, page: page, recordsCount: recordsCountCached, recordsOnPage: recordsOnPage, displayRecordsOnPage: displayRecordsOnPage, displayPagination: displayPagination, handlePageChange: handlePageChange, handleRecordsOnPageChange: handleRecordsOnPageChange }))))))));
|
|
166
193
|
};
|
|
167
194
|
exports["default"] = Table;
|
|
168
195
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { TableProps } from './Table';
|
|
3
3
|
interface IOrder {
|
|
4
|
+
id: string;
|
|
4
5
|
number: string;
|
|
5
6
|
lastName: string;
|
|
6
7
|
firstName: string;
|
|
7
8
|
price: number;
|
|
8
9
|
currency: string;
|
|
10
|
+
priority: number;
|
|
9
11
|
}
|
|
10
12
|
declare const meta: Meta<TableProps<IOrder>>;
|
|
11
13
|
type Story = StoryObj<TableProps<IOrder>>;
|
|
12
14
|
export default meta;
|
|
13
15
|
export declare const Basic: Story;
|
|
14
16
|
export declare const Small: Story;
|
|
17
|
+
export declare const Rerowing: Story;
|