@shopito/design-system 2.0.35 → 2.0.36
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
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { FormattedMessage } from 'react-intl';
|
|
4
|
+
import { Table as MuiTable, TableHead, TableRow as MuiTableRow, TableCell, TableBody, Grid, Divider, TableFooter, } from '@mui/material';
|
|
5
|
+
import { arrayMove } from '@dnd-kit/sortable';
|
|
6
|
+
// import { selectGridRecords } from 'stores/selectors';
|
|
7
|
+
// import { changeGridRecords } from 'stores/actions';
|
|
8
|
+
import Paginate from '../Paginate';
|
|
9
|
+
import Column from './components/Column';
|
|
10
|
+
import Actions from './components/Actions';
|
|
11
|
+
import Header from './components/Header';
|
|
12
|
+
import Data from './components/Data';
|
|
13
|
+
import Checkbox from '../Checkbox';
|
|
14
|
+
import RecordsOnTable from '../RecordsOnTable';
|
|
15
|
+
import Loader from '../Loader';
|
|
16
|
+
import Box from '../Box';
|
|
17
|
+
import Flex from '../Flex';
|
|
18
|
+
import TableReorderCell from './components/TableReorderCell';
|
|
19
|
+
import TableContextWrapper from './components/TableContextWrapper';
|
|
20
|
+
import TableDataRow from './components/TableFinalRow';
|
|
21
|
+
var DefaultLimit = { limit: 10, offset: 0 };
|
|
22
|
+
var Table = function (_a) {
|
|
23
|
+
// const dispatch = useDispatch();
|
|
24
|
+
// const cacheRecords = useSelector(selectGridRecords(props.name));
|
|
25
|
+
var _b;
|
|
26
|
+
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, props = __rest(_a, ["page", "recordsOnPage", "limit", "sx", "checkboxes", "disableSummary", "disablePaginate", "children", "dataSource", "recordsCount", "sort", "loading", "error", "rerowing", "onRefetch", "handleRowClick", "handlePageChange", "handleRecordsOnPageChange", "handleSortChange"]);
|
|
27
|
+
// const dataSourceCached = cacheRecords?.records;
|
|
28
|
+
// const recordsCountCached = cacheRecords?.recordsCount;
|
|
29
|
+
var _o = useState([]), dataSourceCached = _o[0], setDataSourceCached = _o[1];
|
|
30
|
+
var _p = useState(0), recordsCountCached = _p[0], setRecordsCountCached = _p[1];
|
|
31
|
+
var columns = [];
|
|
32
|
+
if (!Array.isArray(children)) {
|
|
33
|
+
if (children.type === Column ||
|
|
34
|
+
children.type === Actions) {
|
|
35
|
+
columns.push(children);
|
|
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);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
var innerHandleRowClick = function (data, index) {
|
|
51
|
+
console.log('innerHandleRowClick', event);
|
|
52
|
+
if (handleRowClick) {
|
|
53
|
+
handleRowClick(data, index);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
var handleRowDoubleClick = function (data) {
|
|
57
|
+
if (props.handleRowDoubleClick) {
|
|
58
|
+
props.handleRowDoubleClick(data);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
var handleDragEnd = function (event) {
|
|
62
|
+
var active = event.active, over = event.over;
|
|
63
|
+
console.log('handleDragEnd', event);
|
|
64
|
+
if (active.id !== over.id) {
|
|
65
|
+
var oldIndex = dataSourceCached.findIndex(function (i) { return i.id === active.id; });
|
|
66
|
+
var newIndex = dataSourceCached.findIndex(function (i) { return i.id === over.id; });
|
|
67
|
+
var newRows = arrayMove(dataSourceCached, oldIndex, newIndex);
|
|
68
|
+
console.log('newRows', newRows);
|
|
69
|
+
setDataSourceCached(newRows);
|
|
70
|
+
// setDataSourceCached((items) => {
|
|
71
|
+
// const oldIndex = items.findIndex((i) => i.id === active.id);
|
|
72
|
+
// const newIndex = items.findIndex((i) => i.id === over.id);
|
|
73
|
+
// return arrayMove(items, oldIndex, newIndex);
|
|
74
|
+
// });
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
var isError = useMemo(function () { return !!error; }, [error]);
|
|
78
|
+
useEffect(function () {
|
|
79
|
+
console.log('reset dataSource');
|
|
80
|
+
if (!loading && !isError && dataSource !== null) {
|
|
81
|
+
setDataSourceCached(dataSource);
|
|
82
|
+
setRecordsCountCached(recordsCount);
|
|
83
|
+
// dispatch(
|
|
84
|
+
// changeGridRecords({
|
|
85
|
+
// name: props.name,
|
|
86
|
+
// records: {
|
|
87
|
+
// records: dataSource,
|
|
88
|
+
// recordsCount,
|
|
89
|
+
// },
|
|
90
|
+
// })
|
|
91
|
+
// );
|
|
92
|
+
}
|
|
93
|
+
}, [/*dispatch, props.name,*/ isError, loading, dataSource, recordsCount]);
|
|
94
|
+
// useEffect(() => {
|
|
95
|
+
// console.log('loading', loading);
|
|
96
|
+
// console.log('dataSource', dataSource);
|
|
97
|
+
// if (!loading && dataSource && dataSource.length === 0 && page && page > 1) {
|
|
98
|
+
// handlePageChange && handlePageChange(page - 1);
|
|
99
|
+
// }
|
|
100
|
+
// }, [loading, dataSource, page]);
|
|
101
|
+
var displayRecordsOnPage = recordsCountCached > 0 &&
|
|
102
|
+
disablePaginate !== true &&
|
|
103
|
+
!!handleRecordsOnPageChange;
|
|
104
|
+
var displayPagination = recordsCountCached > 0 &&
|
|
105
|
+
disablePaginate !== true &&
|
|
106
|
+
page &&
|
|
107
|
+
recordsOnPage &&
|
|
108
|
+
!!handlePageChange;
|
|
109
|
+
return (React.createElement(Box, { sx: { position: 'relative' } },
|
|
110
|
+
loading && ((_b = (dataSourceCached || [])) === null || _b === void 0 ? void 0 : _b.length) > 0 && !isError && (React.createElement(Loader, { sx: {
|
|
111
|
+
position: 'absolute',
|
|
112
|
+
left: 0,
|
|
113
|
+
right: 0,
|
|
114
|
+
bottom: 0,
|
|
115
|
+
top: 0,
|
|
116
|
+
zIndex: function (theme) { return theme.zIndex.drawer + 1; }
|
|
117
|
+
} })),
|
|
118
|
+
React.createElement(TableContextWrapper, { rerowing: rerowing, dataSource: dataSourceCached, onDragEnd: handleDragEnd },
|
|
119
|
+
React.createElement(MuiTable, __assign({ sx: __assign({}, sx) }, props),
|
|
120
|
+
React.createElement(TableHead, null,
|
|
121
|
+
React.createElement(MuiTableRow, null,
|
|
122
|
+
rerowing && React.createElement(TableReorderCell, null),
|
|
123
|
+
checkboxes === true && (React.createElement(TableCell, null,
|
|
124
|
+
React.createElement(Checkbox, null))),
|
|
125
|
+
columns.map(function (column, index) {
|
|
126
|
+
var columnProps = column.props;
|
|
127
|
+
return (React.createElement(Header, { 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));
|
|
128
|
+
}))),
|
|
129
|
+
React.createElement(TableBody, null, !isError &&
|
|
130
|
+
(dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.map(function (data, index) { return (React.createElement(TableDataRow, { hover: true, rerowing: rerowing, id: data.id, key: index },
|
|
131
|
+
checkboxes === true && (React.createElement(TableCell, null,
|
|
132
|
+
React.createElement(Checkbox, null))),
|
|
133
|
+
columns.map(function (column, cIndex) {
|
|
134
|
+
var columnProps = column.props;
|
|
135
|
+
return (React.createElement(Data, { key: cIndex, column: column, data: data, index: index, sx: columnProps.sx &&
|
|
136
|
+
typeof columnProps.sx === 'function'
|
|
137
|
+
? columnProps.sx(data)
|
|
138
|
+
: columnProps.sx, onClick: function (data) {
|
|
139
|
+
return innerHandleRowClick(data, index);
|
|
140
|
+
}, onDoubleClick: function () { return handleRowDoubleClick(data); } }));
|
|
141
|
+
}))); }))),
|
|
142
|
+
!(disableSummary ||
|
|
143
|
+
isError ||
|
|
144
|
+
(loading && (dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.length) === 0)) && (React.createElement(TableFooter, null,
|
|
145
|
+
React.createElement(MuiTableRow, null,
|
|
146
|
+
React.createElement(TableCell, { colSpan: columns.length },
|
|
147
|
+
React.createElement(Grid, { container: true, sx: { my: { xs: 2, sm: 0 } } },
|
|
148
|
+
React.createElement(Grid, { size: { xs: 6, sm: 4 }, sx: {
|
|
149
|
+
display: 'flex',
|
|
150
|
+
alignItems: 'center',
|
|
151
|
+
p: 0,
|
|
152
|
+
color: 'text.primary'
|
|
153
|
+
} },
|
|
154
|
+
React.createElement(Box, null,
|
|
155
|
+
React.createElement(FormattedMessage, { id: "table.records", values: {
|
|
156
|
+
recordsCount: React.createElement("strong", null, recordsCountCached)
|
|
157
|
+
} }))),
|
|
158
|
+
React.createElement(Grid, { size: { xs: 6, sm: 8 }, sx: {
|
|
159
|
+
display: 'flex',
|
|
160
|
+
flexDirection: {
|
|
161
|
+
xs: 'column',
|
|
162
|
+
sm: 'row'
|
|
163
|
+
},
|
|
164
|
+
alignItems: { xs: 'end', sm: 'center' },
|
|
165
|
+
justifyContent: 'flex-end'
|
|
166
|
+
} },
|
|
167
|
+
displayRecordsOnPage && handleRecordsOnPageChange && (React.createElement(RecordsOnTable, { value: recordsOnPage || 10, handleChange: handleRecordsOnPageChange })),
|
|
168
|
+
displayRecordsOnPage && displayPagination && (React.createElement(Divider, { orientation: "vertical", sx: {
|
|
169
|
+
display: { xs: 'none', sm: 'block' },
|
|
170
|
+
mx: 5,
|
|
171
|
+
height: '50%'
|
|
172
|
+
} })),
|
|
173
|
+
displayPagination && (React.createElement(Box, { sx: { display: { xs: 'none', sm: 'block' } } },
|
|
174
|
+
React.createElement(Paginate, { page: page, recordsOnPage: recordsOnPage, recordsCount: recordsCountCached, handlePageChange: handlePageChange }))))),
|
|
175
|
+
displayPagination && (React.createElement(Grid, { container: true, sx: { display: { xs: 'block', sm: 'none' }, mb: 3 } },
|
|
176
|
+
React.createElement(Grid, { size: 12 },
|
|
177
|
+
React.createElement(Flex, { justifyContent: "center" },
|
|
178
|
+
React.createElement(Paginate, { page: page, recordsOnPage: recordsOnPage, recordsCount: recordsCountCached, handlePageChange: handlePageChange })))))))))))));
|
|
179
|
+
};
|
|
180
|
+
export default Table;
|
|
181
|
+
//# sourceMappingURL=TableOld.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableOld.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/TableOld.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
interface TableContextWrapperProps {
|
|
3
|
+
rerowing: boolean;
|
|
4
|
+
dataSource: any[];
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
onDragEnd: (event: any) => void;
|
|
7
|
+
}
|
|
8
|
+
declare const TableContextWrapper: ({ rerowing, dataSource, children, onDragEnd, }: TableContextWrapperProps) => React.JSX.Element;
|
|
9
|
+
export default TableContextWrapper;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { Fragment } from 'react';
|
|
2
|
+
import { DndContext, closestCenter } from '@dnd-kit/core';
|
|
3
|
+
import { SortableContext, verticalListSortingStrategy, } from '@dnd-kit/sortable';
|
|
4
|
+
var TableContextWrapper = function (_a) {
|
|
5
|
+
var rerowing = _a.rerowing, dataSource = _a.dataSource, children = _a.children, onDragEnd = _a.onDragEnd;
|
|
6
|
+
if (rerowing) {
|
|
7
|
+
return (React.createElement(DndContext, { collisionDetection: closestCenter, onDragEnd: onDragEnd },
|
|
8
|
+
React.createElement(SortableContext, { items: dataSource.map(function (r) { return r.id; }), strategy: verticalListSortingStrategy }, children)));
|
|
9
|
+
}
|
|
10
|
+
return React.createElement(Fragment, null, children);
|
|
11
|
+
};
|
|
12
|
+
export default TableContextWrapper;
|
|
13
|
+
//# sourceMappingURL=TableContextWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableContextWrapper.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/components/TableContextWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EACL,eAAe,EACf,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAQ3B,IAAM,mBAAmB,GAAG,UAAC,EAKF;QAJzB,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,UAAU,IAAC,kBAAkB,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS;YACjE,oBAAC,eAAe,IACd,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,EAAJ,CAAI,CAAC,EAClC,QAAQ,EAAE,2BAA2B,IAEpC,QAAQ,CACO,CACP,CACd,CAAC;KACH;IAED,OAAO,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
interface TableDataRowProps {
|
|
3
|
+
id: string;
|
|
4
|
+
hover: boolean;
|
|
5
|
+
rerowing?: boolean;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
declare const TableDataRow: ({ id, hover, rerowing, children }: TableDataRowProps) => React.JSX.Element;
|
|
9
|
+
export default TableDataRow;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSortable } from '@dnd-kit/sortable';
|
|
4
|
+
import { CSS } from '@dnd-kit/utilities';
|
|
5
|
+
import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
|
|
6
|
+
var TableDataRow = function (_a) {
|
|
7
|
+
var id = _a.id, hover = _a.hover, rerowing = _a.rerowing, children = _a.children;
|
|
8
|
+
var _b = useSortable({ id: id }), attributes = _b.attributes, listeners = _b.listeners, setNodeRef = _b.setNodeRef, transform = _b.transform, transition = _b.transition;
|
|
9
|
+
var style = {
|
|
10
|
+
transform: CSS.Transform.toString(transform),
|
|
11
|
+
transition: transition
|
|
12
|
+
};
|
|
13
|
+
// if (!rerowing) {
|
|
14
|
+
// return <TableRow hover={hover}>{children}</TableRow>;
|
|
15
|
+
// }
|
|
16
|
+
return (React.createElement("tr", { ref: setNodeRef, style: style },
|
|
17
|
+
React.createElement("td", __assign({}, attributes, listeners, { style: { cursor: 'grab', width: '34px' } }),
|
|
18
|
+
React.createElement(DragIndicatorIcon, null)),
|
|
19
|
+
children));
|
|
20
|
+
};
|
|
21
|
+
export default TableDataRow;
|
|
22
|
+
//# sourceMappingURL=TableFinalRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableFinalRow.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/components/TableFinalRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAUlE,IAAM,YAAY,GAAG,UAAC,EAAoD;QAAlD,EAAE,QAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC7C,IAAA,KACJ,WAAW,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,EADb,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAC3C,CAAC;IAEtB,IAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,YAAA;KACX,CAAC;IAEF,mBAAmB;IACnB,0DAA0D;IAC1D,IAAI;IAEJ,OAAO,CACL,4BAAI,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK;QAC/B,uCACM,UAAU,EACV,SAAS,IACb,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAExC,oBAAC,iBAAiB,OAAG,CAClB;QACJ,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ColumnProps } from './Column';
|
|
3
|
+
interface TableFooterProps {
|
|
4
|
+
columns: Array<React.Component<ColumnProps>>;
|
|
5
|
+
page: number;
|
|
6
|
+
recordsCount: number;
|
|
7
|
+
recordsOnPage: number;
|
|
8
|
+
displayRecordsOnPage: boolean;
|
|
9
|
+
displayPagination: boolean;
|
|
10
|
+
handlePageChange?: (page: number) => void;
|
|
11
|
+
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
12
|
+
}
|
|
13
|
+
declare const TableFooter: ({ columns, page, recordsCount, recordsOnPage, displayRecordsOnPage, displayPagination, handlePageChange, handleRecordsOnPageChange, }: TableFooterProps) => React.JSX.Element;
|
|
14
|
+
export default TableFooter;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableRow as MuiTableRow, TableCell, Grid, Divider, TableFooter as MuiTableFooter, } from '@mui/material';
|
|
3
|
+
import Box from '../../Box';
|
|
4
|
+
import { FormattedMessage } from 'react-intl';
|
|
5
|
+
import RecordsOnTable from '../../RecordsOnTable';
|
|
6
|
+
import Paginate from '../../Paginate';
|
|
7
|
+
import Flex from '../../Flex';
|
|
8
|
+
var TableFooter = function (_a) {
|
|
9
|
+
var columns = _a.columns, page = _a.page, recordsCount = _a.recordsCount, recordsOnPage = _a.recordsOnPage, displayRecordsOnPage = _a.displayRecordsOnPage, displayPagination = _a.displayPagination, handlePageChange = _a.handlePageChange, handleRecordsOnPageChange = _a.handleRecordsOnPageChange;
|
|
10
|
+
return (React.createElement(MuiTableFooter, null,
|
|
11
|
+
React.createElement(MuiTableRow, null,
|
|
12
|
+
React.createElement(TableCell, { colSpan: columns.length },
|
|
13
|
+
React.createElement(Grid, { container: true, sx: { my: { xs: 2, sm: 0 } } },
|
|
14
|
+
React.createElement(Grid, { size: { xs: 6, sm: 4 }, sx: {
|
|
15
|
+
display: 'flex',
|
|
16
|
+
alignItems: 'center',
|
|
17
|
+
p: 0,
|
|
18
|
+
color: 'text.primary'
|
|
19
|
+
} },
|
|
20
|
+
React.createElement(Box, null,
|
|
21
|
+
React.createElement(FormattedMessage, { id: "table.records", values: {
|
|
22
|
+
recordsCount: React.createElement("strong", null, recordsCount)
|
|
23
|
+
} }))),
|
|
24
|
+
React.createElement(Grid, { size: { xs: 6, sm: 8 }, sx: {
|
|
25
|
+
display: 'flex',
|
|
26
|
+
flexDirection: {
|
|
27
|
+
xs: 'column',
|
|
28
|
+
sm: 'row'
|
|
29
|
+
},
|
|
30
|
+
alignItems: { xs: 'end', sm: 'center' },
|
|
31
|
+
justifyContent: 'flex-end'
|
|
32
|
+
} },
|
|
33
|
+
displayRecordsOnPage && handleRecordsOnPageChange && (React.createElement(RecordsOnTable, { value: recordsOnPage || 10, handleChange: handleRecordsOnPageChange })),
|
|
34
|
+
displayRecordsOnPage && displayPagination && (React.createElement(Divider, { orientation: "vertical", sx: {
|
|
35
|
+
display: { xs: 'none', sm: 'block' },
|
|
36
|
+
mx: 5,
|
|
37
|
+
height: '50%'
|
|
38
|
+
} })),
|
|
39
|
+
displayPagination && handlePageChange && (React.createElement(Box, { sx: { display: { xs: 'none', sm: 'block' } } },
|
|
40
|
+
React.createElement(Paginate, { page: page, recordsOnPage: recordsOnPage, recordsCount: recordsCount, handlePageChange: handlePageChange }))))),
|
|
41
|
+
displayPagination && handlePageChange && (React.createElement(Grid, { container: true, sx: { display: { xs: 'block', sm: 'none' }, mb: 3 } },
|
|
42
|
+
React.createElement(Grid, { size: 12 },
|
|
43
|
+
React.createElement(Flex, { justifyContent: "center" },
|
|
44
|
+
React.createElement(Paginate, { page: page, recordsOnPage: recordsOnPage, recordsCount: recordsCount, handlePageChange: handlePageChange })))))))));
|
|
45
|
+
};
|
|
46
|
+
export default TableFooter;
|
|
47
|
+
//# sourceMappingURL=TableFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableFooter.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/components/TableFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { TableCell } from '@mui/material';
|
|
4
|
+
var TableReorderCell = function (_a) {
|
|
5
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
6
|
+
return (React.createElement(TableCell, __assign({}, props, { sx: { width: '34px', cursor: !!children ? 'grab' : 'default' } }), children));
|
|
7
|
+
};
|
|
8
|
+
export default TableReorderCell;
|
|
9
|
+
//# sourceMappingURL=TableReorderCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableReorderCell.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/components/TableReorderCell.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,IAAM,gBAAgB,GAAG,UAAC,EAA6C;IAA3C,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC5C,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KAE7D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './reorderPriority';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __assign, __spreadArray } from "tslib";
|
|
2
|
+
// TODO: dodělat testy !!!!
|
|
3
|
+
export var reorderPriority = function (items, oldIndex, newIndex) {
|
|
4
|
+
var movedItem = items[oldIndex];
|
|
5
|
+
var targetItem = items[newIndex];
|
|
6
|
+
var oldPriority = movedItem.priority;
|
|
7
|
+
var newPriority = targetItem.priority;
|
|
8
|
+
if (!oldPriority || !newPriority) {
|
|
9
|
+
return items;
|
|
10
|
+
}
|
|
11
|
+
var updatedItems = __spreadArray([], items, true);
|
|
12
|
+
if (oldPriority < newPriority) {
|
|
13
|
+
updatedItems = updatedItems.map(function (item) {
|
|
14
|
+
if (item.priority &&
|
|
15
|
+
item.priority > oldPriority &&
|
|
16
|
+
item.priority <= newPriority) {
|
|
17
|
+
return __assign(__assign({}, item), { priority: item.priority - 1 });
|
|
18
|
+
}
|
|
19
|
+
return item;
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
updatedItems = updatedItems.map(function (item) {
|
|
24
|
+
if (item.priority &&
|
|
25
|
+
item.priority >= newPriority &&
|
|
26
|
+
item.priority < oldPriority) {
|
|
27
|
+
return __assign(__assign({}, item), { priority: item.priority + 1 });
|
|
28
|
+
}
|
|
29
|
+
return item;
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
updatedItems = updatedItems.map(function (item) {
|
|
33
|
+
return item.id === movedItem.id ? __assign(__assign({}, item), { priority: newPriority }) : item;
|
|
34
|
+
});
|
|
35
|
+
return updatedItems;
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=reorderPriority.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reorderPriority.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/helpers/reorderPriority.ts"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,KAAU,EACV,QAAgB,EAChB,QAAgB;IAEhB,IAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnC,IAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC;IACvC,IAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC;IAExC,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE;QAChC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,YAAY,qBAAO,KAAK,OAAC,CAAC;IAE9B,IAAI,WAAW,GAAG,WAAW,EAAE;QAC7B,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI;YACnC,IACE,IAAI,CAAC,QAAQ;gBACb,IAAI,CAAC,QAAQ,GAAG,WAAW;gBAC3B,IAAI,CAAC,QAAQ,IAAI,WAAW,EAC5B;gBACA,6BAAY,IAAI,KAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAG;aACjD;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI;YACnC,IACE,IAAI,CAAC,QAAQ;gBACb,IAAI,CAAC,QAAQ,IAAI,WAAW;gBAC5B,IAAI,CAAC,QAAQ,GAAG,WAAW,EAC3B;gBACA,6BAAY,IAAI,KAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAG;aACjD;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;KACJ;IAED,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI;QACnC,OAAA,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC,CAAC,uBAAM,IAAI,KAAE,QAAQ,EAAE,WAAW,IAAG,CAAC,CAAC,IAAI;IAApE,CAAoE,CACrE,CAAC;IAEF,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shopito/design-system",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.36",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -26,6 +26,10 @@
|
|
|
26
26
|
"author": "Ondřej Janáček <janacek@centrum.cz>",
|
|
27
27
|
"license": "UNLICENSED",
|
|
28
28
|
"dependencies": {
|
|
29
|
+
"@dnd-kit/core": "^6.3.1",
|
|
30
|
+
"@dnd-kit/modifiers": "^9.0.0",
|
|
31
|
+
"@dnd-kit/sortable": "^10.0.0",
|
|
32
|
+
"@dnd-kit/utilities": "^3.2.2",
|
|
29
33
|
"@emotion/react": "^11.11.4",
|
|
30
34
|
"@emotion/styled": "^11.11.5",
|
|
31
35
|
"@mui/icons-material": "^7.3.5",
|
|
@@ -46,10 +50,10 @@
|
|
|
46
50
|
"@fontsource/material-icons": "^5.2.5",
|
|
47
51
|
"@fontsource/poppins": "^5.2.5",
|
|
48
52
|
"@fontsource/roboto": "^5.2.5",
|
|
49
|
-
"@mui/styled-engine": "^7.3.5",
|
|
50
53
|
"@mui/icons-material": "^7.3.5",
|
|
51
54
|
"@mui/lab": "^7.0.1-beta.19",
|
|
52
55
|
"@mui/material": "^7.3.5",
|
|
56
|
+
"@mui/styled-engine": "^7.3.5",
|
|
53
57
|
"@mui/system": "^7.3.5",
|
|
54
58
|
"@mui/x-date-pickers": "^8.17.0",
|
|
55
59
|
"@storybook/addon-essentials": "^8.6.4",
|