@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.
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
@@ -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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,WAAW,IAAI,cAAc,GAC9B,MAAM,eAAe,CAAC;AAEvB,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,IAAI,MAAM,YAAY,CAAC;AAa9B,IAAM,WAAW,GAAG,UAAC,EASF;QARjB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,yBAAyB,+BAAA;IAEzB,OAAO,CACL,oBAAC,cAAc;QACb,oBAAC,WAAW;YACV,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,CAAC,MAAM;gBAChC,oBAAC,IAAI,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE;oBAC1C,oBAAC,IAAI,IACH,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EACtB,EAAE,EAAE;4BACF,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,CAAC,EAAE,CAAC;4BACJ,KAAK,EAAE,cAAc;yBACtB;wBAED,oBAAC,GAAG;4BACF,oBAAC,gBAAgB,IACf,EAAE,EAAC,eAAe,EAClB,MAAM,EAAE;oCACN,YAAY,EAAE,oCAAS,YAAY,CAAU;iCAC9C,GACD,CACE,CACD;oBACP,oBAAC,IAAI,IACH,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EACtB,EAAE,EAAE;4BACF,OAAO,EAAE,MAAM;4BACf,aAAa,EAAE;gCACb,EAAE,EAAE,QAAQ;gCACZ,EAAE,EAAE,KAAK;6BACV;4BACD,UAAU,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE;4BACvC,cAAc,EAAE,UAAU;yBAC3B;wBAEA,oBAAoB,IAAI,yBAAyB,IAAI,CACpD,oBAAC,cAAc,IACb,KAAK,EAAE,aAAa,IAAI,EAAE,EAC1B,YAAY,EAAE,yBAAyB,GACvC,CACH;wBACA,oBAAoB,IAAI,iBAAiB,IAAI,CAC5C,oBAAC,OAAO,IACN,WAAW,EAAC,UAAU,EACtB,EAAE,EAAE;gCACF,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;gCACpC,EAAE,EAAE,CAAC;gCACL,MAAM,EAAE,KAAK;6BACd,GACD,CACH;wBACA,iBAAiB,IAAI,gBAAgB,IAAI,CACxC,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;4BAC/C,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,GAClC,CACE,CACP,CACI,CACF;gBACN,iBAAiB,IAAI,gBAAgB,IAAI,CACxC,oBAAC,IAAI,IACH,SAAS,QACT,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;oBAEnD,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE;wBACZ,oBAAC,IAAI,IAAC,cAAc,EAAC,QAAQ;4BAC3B,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,GAClC,CACG,CACF,CACF,CACR,CACS,CACA,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React, { ReactNode } from 'react';
2
+ interface TableReorderCellProps {
3
+ children?: ReactNode;
4
+ }
5
+ declare const TableReorderCell: ({ children, ...props }: TableReorderCellProps) => React.JSX.Element;
6
+ export default TableReorderCell;
@@ -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,2 @@
1
+ export * from './reorderPriority';
2
+ //# sourceMappingURL=index.js.map
@@ -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,4 @@
1
+ export declare const reorderPriority: <T extends {
2
+ id: string;
3
+ priority?: number | undefined;
4
+ }>(items: T[], oldIndex: number, newIndex: number) => T[];
@@ -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.35",
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",