@shopito/design-system 2.0.36 → 2.0.38
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/Table/Table.d.ts +12 -4
- package/dist/cjs/components/Table/Table.js +5 -19
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Table/Table.stories.d.ts +7 -4
- package/dist/cjs/components/Table/Table.stories.js +31 -8
- package/dist/cjs/components/Table/Table.stories.js.map +1 -1
- package/dist/cjs/components/Table/components/SortableRow.d.ts +8 -0
- package/dist/cjs/components/Table/components/SortableRow.js +24 -0
- package/dist/cjs/components/Table/components/SortableRow.js.map +1 -0
- package/dist/cjs/components/Table/components/TableFooter.d.ts +2 -3
- package/dist/cjs/components/Table/components/TableFooter.js +2 -2
- package/dist/cjs/components/Table/components/TableFooter.js.map +1 -1
- package/dist/cjs/components/Table/helpers/reorderPriority.d.ts +1 -1
- package/dist/esm/components/Table/Table.d.ts +12 -4
- package/dist/esm/components/Table/Table.js +7 -21
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/Table.stories.d.ts +7 -4
- package/dist/esm/components/Table/Table.stories.js +31 -8
- package/dist/esm/components/Table/Table.stories.js.map +1 -1
- package/dist/esm/components/Table/components/SortableRow.d.ts +8 -0
- package/dist/esm/components/Table/components/SortableRow.js +22 -0
- package/dist/esm/components/Table/components/SortableRow.js.map +1 -0
- package/dist/esm/components/Table/components/TableFooter.d.ts +2 -3
- package/dist/esm/components/Table/components/TableFooter.js +2 -2
- package/dist/esm/components/Table/components/TableFooter.js.map +1 -1
- package/dist/esm/components/Table/helpers/reorderPriority.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { SxProps } from '@mui/material';
|
|
3
|
+
import SortableRow from './components/SortableRow';
|
|
3
4
|
export interface RecordsLimits {
|
|
4
5
|
limit: number;
|
|
5
6
|
offset: number;
|
|
@@ -9,11 +10,11 @@ export interface SortProps {
|
|
|
9
10
|
sortField: string;
|
|
10
11
|
sortBy: SortBy;
|
|
11
12
|
}
|
|
12
|
-
interface
|
|
13
|
+
interface SortableRow {
|
|
13
14
|
id: string;
|
|
14
15
|
priority: number;
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
+
interface TableBaseProps<T> {
|
|
17
18
|
name: string;
|
|
18
19
|
page?: number;
|
|
19
20
|
recordsOnPage?: number;
|
|
@@ -36,7 +37,14 @@ export interface TableProps<T> {
|
|
|
36
37
|
handlePageChange?: (page: number) => void;
|
|
37
38
|
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
38
39
|
handleSortChange?: (sort: SortProps) => void;
|
|
39
|
-
onReorderRows?: (newRows:
|
|
40
|
+
onReorderRows?: (newRows: SortableRow[]) => void;
|
|
40
41
|
}
|
|
41
|
-
|
|
42
|
+
interface TablePropsSortable<T extends SortableRow> extends TableBaseProps<T> {
|
|
43
|
+
rerowing: true;
|
|
44
|
+
}
|
|
45
|
+
interface TablePropsNormal<T> extends TableBaseProps<T> {
|
|
46
|
+
rerowing?: false;
|
|
47
|
+
}
|
|
48
|
+
export type TableProps<T> = TablePropsSortable<T & SortableRow> | TablePropsNormal<T>;
|
|
49
|
+
declare const Table: <T extends SortableRow>({ 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;
|
|
42
50
|
export default Table;
|
|
@@ -6,8 +6,6 @@ var react_intl_1 = require("react-intl");
|
|
|
6
6
|
var core_1 = require("@dnd-kit/core");
|
|
7
7
|
var sortable_1 = require("@dnd-kit/sortable");
|
|
8
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"));
|
|
11
9
|
var material_1 = require("@mui/material");
|
|
12
10
|
var Column_1 = tslib_1.__importDefault(require("./components/Column"));
|
|
13
11
|
var Actions_1 = tslib_1.__importDefault(require("./components/Actions"));
|
|
@@ -18,21 +16,8 @@ var Box_1 = tslib_1.__importDefault(require("../Box"));
|
|
|
18
16
|
var Loader_1 = tslib_1.__importDefault(require("../Loader"));
|
|
19
17
|
var TableFooter_1 = tslib_1.__importDefault(require("./components/TableFooter"));
|
|
20
18
|
var helpers_1 = require("./helpers");
|
|
19
|
+
var SortableRow_1 = tslib_1.__importDefault(require("./components/SortableRow"));
|
|
21
20
|
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
|
-
};
|
|
36
21
|
var Table = function (_a) {
|
|
37
22
|
var _b;
|
|
38
23
|
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"]);
|
|
@@ -151,6 +136,7 @@ var Table = function (_a) {
|
|
|
151
136
|
page &&
|
|
152
137
|
recordsOnPage &&
|
|
153
138
|
handlePageChange);
|
|
139
|
+
var columnsCount = columns.length + (rerowing ? 1 : 0);
|
|
154
140
|
return (react_1["default"].createElement(Box_1["default"], { sx: { position: 'relative' } },
|
|
155
141
|
loading && ((_b = (dataSourceCached || [])) === null || _b === void 0 ? void 0 : _b.length) > 0 && !isError && (react_1["default"].createElement(Loader_1["default"], { sx: {
|
|
156
142
|
position: 'absolute',
|
|
@@ -172,7 +158,7 @@ var Table = function (_a) {
|
|
|
172
158
|
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
159
|
}))),
|
|
174
160
|
react_1["default"].createElement(material_1.TableBody, { ref: tbodyRef, sx: { overflowY: 'hidden' } },
|
|
175
|
-
dataSourceCached.map(function (row) { return (react_1["default"].createElement(
|
|
161
|
+
dataSourceCached.map(function (row) { return (react_1["default"].createElement(SortableRow_1["default"], { key: row.id, id: row.id, rerowing: rerowing }, !isError &&
|
|
176
162
|
columns.map(function (column, index) {
|
|
177
163
|
var columnProps = column.props;
|
|
178
164
|
return (react_1["default"].createElement(Data_1["default"], { key: index, column: column, data: row, index: index, sx: columnProps.sx &&
|
|
@@ -183,13 +169,13 @@ var Table = function (_a) {
|
|
|
183
169
|
}, onDoubleClick: function () { return handleRowDoubleClick(row); } }));
|
|
184
170
|
}))); }),
|
|
185
171
|
!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:
|
|
172
|
+
react_1["default"].createElement(material_1.TableCell, { colSpan: columnsCount },
|
|
187
173
|
react_1["default"].createElement(react_intl_1.FormattedMessage, { id: "table.noRecordsFound" }))))),
|
|
188
174
|
!(disableSummary ||
|
|
189
175
|
isError ||
|
|
190
176
|
(loading && (dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.length) === 0) ||
|
|
191
177
|
!page ||
|
|
192
|
-
!recordsOnPage) && (react_1["default"].createElement(TableFooter_1["default"], {
|
|
178
|
+
!recordsOnPage) && (react_1["default"].createElement(TableFooter_1["default"], { columnsCount: columnsCount, page: page, recordsCount: recordsCountCached, recordsOnPage: recordsOnPage, displayRecordsOnPage: displayRecordsOnPage, displayPagination: displayPagination, handlePageChange: handlePageChange, handleRecordsOnPageChange: handleRecordsOnPageChange }))))))));
|
|
193
179
|
};
|
|
194
180
|
exports["default"] = Table;
|
|
195
181
|
//# 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,qDAA+E;AAC/E,yCAA8C;AAC9C,sCAA8E;AAC9E,
|
|
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,17 +1,20 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { TableProps } from './Table';
|
|
3
|
-
interface
|
|
4
|
-
id: string;
|
|
3
|
+
interface IOrderBase {
|
|
5
4
|
number: string;
|
|
6
5
|
lastName: string;
|
|
7
6
|
firstName: string;
|
|
8
7
|
price: number;
|
|
9
8
|
currency: string;
|
|
9
|
+
}
|
|
10
|
+
interface IOrder extends IOrderBase {
|
|
11
|
+
id: string;
|
|
10
12
|
priority: number;
|
|
11
13
|
}
|
|
12
14
|
declare const meta: Meta<TableProps<IOrder>>;
|
|
15
|
+
type StoryBase = StoryObj<TableProps<IOrderBase>>;
|
|
13
16
|
type Story = StoryObj<TableProps<IOrder>>;
|
|
14
17
|
export default meta;
|
|
15
|
-
export declare const Basic:
|
|
16
|
-
export declare const Small:
|
|
18
|
+
export declare const Basic: StoryBase;
|
|
19
|
+
export declare const Small: StoryBase;
|
|
17
20
|
export declare const Rerowing: Story;
|
|
@@ -7,7 +7,30 @@ var test_1 = require("@storybook/test");
|
|
|
7
7
|
var Table_1 = tslib_1.__importDefault(require("./Table"));
|
|
8
8
|
var Column_1 = tslib_1.__importDefault(require("./components/Column"));
|
|
9
9
|
var __1 = require("../..");
|
|
10
|
-
var
|
|
10
|
+
var dataSourceSimple = [
|
|
11
|
+
{
|
|
12
|
+
number: '25020111',
|
|
13
|
+
lastName: 'Crist',
|
|
14
|
+
firstName: 'Ortiz',
|
|
15
|
+
price: 795,
|
|
16
|
+
currency: 'BMD'
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
number: '25020112',
|
|
20
|
+
lastName: 'Klocko',
|
|
21
|
+
firstName: 'Kassulke',
|
|
22
|
+
price: 962,
|
|
23
|
+
currency: 'MOP'
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
number: '25020113',
|
|
27
|
+
lastName: 'Towne',
|
|
28
|
+
firstName: 'Kilback',
|
|
29
|
+
price: 463,
|
|
30
|
+
currency: 'ZMK'
|
|
31
|
+
},
|
|
32
|
+
];
|
|
33
|
+
var dataSourceSortable = [
|
|
11
34
|
{
|
|
12
35
|
id: '1',
|
|
13
36
|
number: '25020111',
|
|
@@ -87,7 +110,7 @@ var dataSource = [
|
|
|
87
110
|
firstName: 'Marks',
|
|
88
111
|
price: 768,
|
|
89
112
|
currency: 'EUR',
|
|
90
|
-
priority:
|
|
113
|
+
priority: 19
|
|
91
114
|
},
|
|
92
115
|
{
|
|
93
116
|
id: '10',
|
|
@@ -262,8 +285,8 @@ exports.Basic = {
|
|
|
262
285
|
recordsOnPage: 10,
|
|
263
286
|
handlePageChange: (0, test_1.fn)(),
|
|
264
287
|
handleRecordsOnPageChange: (0, test_1.fn)(),
|
|
265
|
-
dataSource:
|
|
266
|
-
recordsCount:
|
|
288
|
+
dataSource: dataSourceSimple.filter(function (_, i) { return i >= 0 && i < 10; }),
|
|
289
|
+
recordsCount: dataSourceSimple.length,
|
|
267
290
|
children: [
|
|
268
291
|
react_1["default"].createElement(Column_1["default"], { label: "Number", dataIndex: "number" }),
|
|
269
292
|
react_1["default"].createElement(Column_1["default"], { label: "Customer", render: function (data) { return "".concat(data.lastName, " ").concat(data.firstName); } }),
|
|
@@ -283,8 +306,8 @@ exports.Small = {
|
|
|
283
306
|
recordsOnPage: 10,
|
|
284
307
|
handlePageChange: (0, test_1.fn)(),
|
|
285
308
|
handleRecordsOnPageChange: (0, test_1.fn)(),
|
|
286
|
-
dataSource:
|
|
287
|
-
recordsCount:
|
|
309
|
+
dataSource: dataSourceSortable.filter(function (_, i) { return i >= 0 && i < 10; }),
|
|
310
|
+
recordsCount: dataSourceSortable.length,
|
|
288
311
|
children: [
|
|
289
312
|
react_1["default"].createElement(Column_1["default"], { label: "Number", dataIndex: "number" }),
|
|
290
313
|
react_1["default"].createElement(Column_1["default"], { label: "Customer", render: function (data) { return "".concat(data.lastName, " ").concat(data.firstName); } }),
|
|
@@ -304,8 +327,8 @@ exports.Rerowing = {
|
|
|
304
327
|
recordsOnPage: 10,
|
|
305
328
|
handlePageChange: (0, test_1.fn)(),
|
|
306
329
|
handleRecordsOnPageChange: (0, test_1.fn)(),
|
|
307
|
-
dataSource:
|
|
308
|
-
recordsCount:
|
|
330
|
+
dataSource: dataSourceSortable.filter(function (_, i) { return i >= 0 && i < 10; }),
|
|
331
|
+
recordsCount: dataSourceSortable.length,
|
|
309
332
|
rerowing: true,
|
|
310
333
|
onReorderRows: (0, test_1.fn)(function (d) {
|
|
311
334
|
console.log('onReorderRows', d);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.stories.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,wCAAqC;AAGrC,0DAA4C;AAC5C,uEAA8C;AAC9C,2BAAqE;
|
|
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,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var utilities_1 = require("@dnd-kit/utilities");
|
|
6
|
+
var DragIndicator_1 = tslib_1.__importDefault(require("@mui/icons-material/DragIndicator"));
|
|
7
|
+
var sortable_1 = require("@dnd-kit/sortable");
|
|
8
|
+
var material_1 = require("@mui/material");
|
|
9
|
+
var SortableRow = function (_a) {
|
|
10
|
+
var _b = _a.rerowing, rerowing = _b === void 0 ? false : _b, id = _a.id, children = _a.children;
|
|
11
|
+
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;
|
|
12
|
+
var style = {
|
|
13
|
+
transform: utilities_1.CSS.Transform.toString(transform),
|
|
14
|
+
transition: transition,
|
|
15
|
+
background: isDragging ? '#f5f5f5' : undefined
|
|
16
|
+
};
|
|
17
|
+
return (react_1["default"].createElement(material_1.TableRow, { ref: setNodeRef, style: style },
|
|
18
|
+
rerowing && (react_1["default"].createElement(material_1.TableCell, { width: 20, sx: { pl: 2, pr: 1 } },
|
|
19
|
+
react_1["default"].createElement(material_1.IconButton, tslib_1.__assign({}, attributes, listeners, { size: "small", sx: { cursor: 'grab' } }),
|
|
20
|
+
react_1["default"].createElement(DragIndicator_1["default"], { fontSize: "small" })))),
|
|
21
|
+
children));
|
|
22
|
+
};
|
|
23
|
+
exports["default"] = SortableRow;
|
|
24
|
+
//# sourceMappingURL=SortableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortableRow.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/components/SortableRow.tsx"],"names":[],"mappings":";;;AAAA,wDAAyC;AACzC,gDAAyC;AACzC,4FAAkE;AAClE,8CAAgD;AAChD,0CAAgE;AAQhE,IAAM,WAAW,GAAG,UAAC,EAAoD;QAAlD,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,EAAE,QAAA,EAAE,QAAQ,cAAA;IAC7C,IAAA,KAOF,IAAA,sBAAW,EAAC,EAAE,EAAE,IAAA,EAAE,CAAC,EANrB,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBACW,CAAC;IAExB,IAAM,KAAK,GAAG;QACZ,SAAS,EAAE,eAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,YAAA;QACV,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KAC/C,CAAC;IAEF,OAAO,CACL,iCAAC,mBAAQ,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK;QACpC,QAAQ,IAAI,CACX,iCAAC,oBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACxC,iCAAC,qBAAU,uBACL,UAAU,EACV,SAAS,IACb,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;gBAEtB,iCAAC,0BAAiB,IAAC,QAAQ,EAAC,OAAO,GAAG,CAC3B,CACH,CACb;QAEA,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,WAAW,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ColumnProps } from './Column';
|
|
3
2
|
interface TableFooterProps {
|
|
4
|
-
|
|
3
|
+
columnsCount: number;
|
|
5
4
|
page: number;
|
|
6
5
|
recordsCount: number;
|
|
7
6
|
recordsOnPage: number;
|
|
@@ -10,5 +9,5 @@ interface TableFooterProps {
|
|
|
10
9
|
handlePageChange?: (page: number) => void;
|
|
11
10
|
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
12
11
|
}
|
|
13
|
-
declare const TableFooter: ({
|
|
12
|
+
declare const TableFooter: ({ columnsCount, page, recordsCount, recordsOnPage, displayRecordsOnPage, displayPagination, handlePageChange, handleRecordsOnPageChange, }: TableFooterProps) => React.JSX.Element;
|
|
14
13
|
export default TableFooter;
|
|
@@ -9,10 +9,10 @@ var RecordsOnTable_1 = tslib_1.__importDefault(require("../../RecordsOnTable"));
|
|
|
9
9
|
var Paginate_1 = tslib_1.__importDefault(require("../../Paginate"));
|
|
10
10
|
var Flex_1 = tslib_1.__importDefault(require("../../Flex"));
|
|
11
11
|
var TableFooter = function (_a) {
|
|
12
|
-
var
|
|
12
|
+
var columnsCount = _a.columnsCount, page = _a.page, recordsCount = _a.recordsCount, recordsOnPage = _a.recordsOnPage, displayRecordsOnPage = _a.displayRecordsOnPage, displayPagination = _a.displayPagination, handlePageChange = _a.handlePageChange, handleRecordsOnPageChange = _a.handleRecordsOnPageChange;
|
|
13
13
|
return (react_1["default"].createElement(material_1.TableFooter, null,
|
|
14
14
|
react_1["default"].createElement(material_1.TableRow, null,
|
|
15
|
-
react_1["default"].createElement(material_1.TableCell, { colSpan:
|
|
15
|
+
react_1["default"].createElement(material_1.TableCell, { colSpan: columnsCount },
|
|
16
16
|
react_1["default"].createElement(material_1.Grid, { container: true, sx: { my: { xs: 2, sm: 0 } } },
|
|
17
17
|
react_1["default"].createElement(material_1.Grid, { size: { xs: 6, sm: 4 }, sx: {
|
|
18
18
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableFooter.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/components/TableFooter.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,0CAMuB;
|
|
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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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { SxProps } from '@mui/material';
|
|
3
|
+
import SortableRow from './components/SortableRow';
|
|
3
4
|
export interface RecordsLimits {
|
|
4
5
|
limit: number;
|
|
5
6
|
offset: number;
|
|
@@ -9,11 +10,11 @@ export interface SortProps {
|
|
|
9
10
|
sortField: string;
|
|
10
11
|
sortBy: SortBy;
|
|
11
12
|
}
|
|
12
|
-
interface
|
|
13
|
+
interface SortableRow {
|
|
13
14
|
id: string;
|
|
14
15
|
priority: number;
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
+
interface TableBaseProps<T> {
|
|
17
18
|
name: string;
|
|
18
19
|
page?: number;
|
|
19
20
|
recordsOnPage?: number;
|
|
@@ -36,7 +37,14 @@ export interface TableProps<T> {
|
|
|
36
37
|
handlePageChange?: (page: number) => void;
|
|
37
38
|
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
38
39
|
handleSortChange?: (sort: SortProps) => void;
|
|
39
|
-
onReorderRows?: (newRows:
|
|
40
|
+
onReorderRows?: (newRows: SortableRow[]) => void;
|
|
40
41
|
}
|
|
41
|
-
|
|
42
|
+
interface TablePropsSortable<T extends SortableRow> extends TableBaseProps<T> {
|
|
43
|
+
rerowing: true;
|
|
44
|
+
}
|
|
45
|
+
interface TablePropsNormal<T> extends TableBaseProps<T> {
|
|
46
|
+
rerowing?: false;
|
|
47
|
+
}
|
|
48
|
+
export type TableProps<T> = TablePropsSortable<T & SortableRow> | TablePropsNormal<T>;
|
|
49
|
+
declare const Table: <T extends SortableRow>({ 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;
|
|
42
50
|
export default Table;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { FormattedMessage } from 'react-intl';
|
|
4
4
|
import { DndContext, closestCenter } from '@dnd-kit/core';
|
|
5
|
-
import { SortableContext,
|
|
5
|
+
import { SortableContext, verticalListSortingStrategy, arrayMove, } from '@dnd-kit/sortable';
|
|
6
6
|
import { restrictToParentElement } from '@dnd-kit/modifiers';
|
|
7
|
-
import {
|
|
8
|
-
import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
|
|
9
|
-
import { Table as MuiTable, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, IconButton, } from '@mui/material';
|
|
7
|
+
import { Table as MuiTable, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, } from '@mui/material';
|
|
10
8
|
import Column from './components/Column';
|
|
11
9
|
import Actions from './components/Actions';
|
|
12
10
|
import Header from './components/Header';
|
|
@@ -16,21 +14,8 @@ import Box from '../Box';
|
|
|
16
14
|
import Loader from '../Loader';
|
|
17
15
|
import TableFooter from './components/TableFooter';
|
|
18
16
|
import { reorderPriority } from './helpers';
|
|
17
|
+
import SortableRow from './components/SortableRow';
|
|
19
18
|
var DefaultLimit = { limit: 10, offset: 0 };
|
|
20
|
-
var SortableRow = function (_a) {
|
|
21
|
-
var _b = _a.rerowing, rerowing = _b === void 0 ? false : _b, id = _a.id, children = _a.children;
|
|
22
|
-
var _c = useSortable({ id: id }), attributes = _c.attributes, listeners = _c.listeners, setNodeRef = _c.setNodeRef, transform = _c.transform, transition = _c.transition, isDragging = _c.isDragging;
|
|
23
|
-
var style = {
|
|
24
|
-
transform: CSS.Transform.toString(transform),
|
|
25
|
-
transition: transition,
|
|
26
|
-
background: isDragging ? '#f5f5f5' : undefined
|
|
27
|
-
};
|
|
28
|
-
return (React.createElement(TableRow, { ref: setNodeRef, style: style },
|
|
29
|
-
rerowing && (React.createElement(TableCell, { width: 20, sx: { pl: 2, pr: 1 } },
|
|
30
|
-
React.createElement(IconButton, __assign({}, attributes, listeners, { size: "small", sx: { cursor: 'grab' } }),
|
|
31
|
-
React.createElement(DragIndicatorIcon, { fontSize: "small" })))),
|
|
32
|
-
children));
|
|
33
|
-
};
|
|
34
19
|
var Table = function (_a) {
|
|
35
20
|
var _b;
|
|
36
21
|
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 = __rest(_a, ["page", "recordsOnPage", "limit", "sx", "checkboxes", "disableSummary", "disablePaginate", "children", "dataSource", "recordsCount", "sort", "loading", "error", "rerowing", "onRefetch", "handleRowClick", "handlePageChange", "handleRecordsOnPageChange", "handleSortChange", "onReorderRows"]);
|
|
@@ -149,6 +134,7 @@ var Table = function (_a) {
|
|
|
149
134
|
page &&
|
|
150
135
|
recordsOnPage &&
|
|
151
136
|
handlePageChange);
|
|
137
|
+
var columnsCount = columns.length + (rerowing ? 1 : 0);
|
|
152
138
|
return (React.createElement(Box, { sx: { position: 'relative' } },
|
|
153
139
|
loading && ((_b = (dataSourceCached || [])) === null || _b === void 0 ? void 0 : _b.length) > 0 && !isError && (React.createElement(Loader, { sx: {
|
|
154
140
|
position: 'absolute',
|
|
@@ -181,13 +167,13 @@ var Table = function (_a) {
|
|
|
181
167
|
}, onDoubleClick: function () { return handleRowDoubleClick(row); } }));
|
|
182
168
|
}))); }),
|
|
183
169
|
!loading && !isError && (dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.length) === 0 && (React.createElement(TableRow, null,
|
|
184
|
-
React.createElement(TableCell, { colSpan:
|
|
170
|
+
React.createElement(TableCell, { colSpan: columnsCount },
|
|
185
171
|
React.createElement(FormattedMessage, { id: "table.noRecordsFound" }))))),
|
|
186
172
|
!(disableSummary ||
|
|
187
173
|
isError ||
|
|
188
174
|
(loading && (dataSourceCached === null || dataSourceCached === void 0 ? void 0 : dataSourceCached.length) === 0) ||
|
|
189
175
|
!page ||
|
|
190
|
-
!recordsOnPage) && (React.createElement(TableFooter, {
|
|
176
|
+
!recordsOnPage) && (React.createElement(TableFooter, { columnsCount: columnsCount, page: page, recordsCount: recordsCountCached, recordsOnPage: recordsOnPage, displayRecordsOnPage: displayRecordsOnPage, displayPagination: displayPagination, handlePageChange: handlePageChange, handleRecordsOnPageChange: handleRecordsOnPageChange }))))))));
|
|
191
177
|
};
|
|
192
178
|
export default Table;
|
|
193
179
|
//# 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,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAsB,MAAM,eAAe,CAAC;AAC9E,OAAO,EACL,eAAe,EACf,
|
|
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,17 +1,20 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { TableProps } from './Table';
|
|
3
|
-
interface
|
|
4
|
-
id: string;
|
|
3
|
+
interface IOrderBase {
|
|
5
4
|
number: string;
|
|
6
5
|
lastName: string;
|
|
7
6
|
firstName: string;
|
|
8
7
|
price: number;
|
|
9
8
|
currency: string;
|
|
9
|
+
}
|
|
10
|
+
interface IOrder extends IOrderBase {
|
|
11
|
+
id: string;
|
|
10
12
|
priority: number;
|
|
11
13
|
}
|
|
12
14
|
declare const meta: Meta<TableProps<IOrder>>;
|
|
15
|
+
type StoryBase = StoryObj<TableProps<IOrderBase>>;
|
|
13
16
|
type Story = StoryObj<TableProps<IOrder>>;
|
|
14
17
|
export default meta;
|
|
15
|
-
export declare const Basic:
|
|
16
|
-
export declare const Small:
|
|
18
|
+
export declare const Basic: StoryBase;
|
|
19
|
+
export declare const Small: StoryBase;
|
|
17
20
|
export declare const Rerowing: Story;
|
|
@@ -3,7 +3,30 @@ import { fn } from '@storybook/test';
|
|
|
3
3
|
import Table from './Table';
|
|
4
4
|
import TableColumn from './components/Column';
|
|
5
5
|
import { ButtonDelete, Card, TableActions, Typography } from '../..';
|
|
6
|
-
var
|
|
6
|
+
var dataSourceSimple = [
|
|
7
|
+
{
|
|
8
|
+
number: '25020111',
|
|
9
|
+
lastName: 'Crist',
|
|
10
|
+
firstName: 'Ortiz',
|
|
11
|
+
price: 795,
|
|
12
|
+
currency: 'BMD'
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
number: '25020112',
|
|
16
|
+
lastName: 'Klocko',
|
|
17
|
+
firstName: 'Kassulke',
|
|
18
|
+
price: 962,
|
|
19
|
+
currency: 'MOP'
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
number: '25020113',
|
|
23
|
+
lastName: 'Towne',
|
|
24
|
+
firstName: 'Kilback',
|
|
25
|
+
price: 463,
|
|
26
|
+
currency: 'ZMK'
|
|
27
|
+
},
|
|
28
|
+
];
|
|
29
|
+
var dataSourceSortable = [
|
|
7
30
|
{
|
|
8
31
|
id: '1',
|
|
9
32
|
number: '25020111',
|
|
@@ -83,7 +106,7 @@ var dataSource = [
|
|
|
83
106
|
firstName: 'Marks',
|
|
84
107
|
price: 768,
|
|
85
108
|
currency: 'EUR',
|
|
86
|
-
priority:
|
|
109
|
+
priority: 19
|
|
87
110
|
},
|
|
88
111
|
{
|
|
89
112
|
id: '10',
|
|
@@ -258,8 +281,8 @@ export var Basic = {
|
|
|
258
281
|
recordsOnPage: 10,
|
|
259
282
|
handlePageChange: fn(),
|
|
260
283
|
handleRecordsOnPageChange: fn(),
|
|
261
|
-
dataSource:
|
|
262
|
-
recordsCount:
|
|
284
|
+
dataSource: dataSourceSimple.filter(function (_, i) { return i >= 0 && i < 10; }),
|
|
285
|
+
recordsCount: dataSourceSimple.length,
|
|
263
286
|
children: [
|
|
264
287
|
React.createElement(TableColumn, { label: "Number", dataIndex: "number" }),
|
|
265
288
|
React.createElement(TableColumn, { label: "Customer", render: function (data) { return "".concat(data.lastName, " ").concat(data.firstName); } }),
|
|
@@ -279,8 +302,8 @@ export var Small = {
|
|
|
279
302
|
recordsOnPage: 10,
|
|
280
303
|
handlePageChange: fn(),
|
|
281
304
|
handleRecordsOnPageChange: fn(),
|
|
282
|
-
dataSource:
|
|
283
|
-
recordsCount:
|
|
305
|
+
dataSource: dataSourceSortable.filter(function (_, i) { return i >= 0 && i < 10; }),
|
|
306
|
+
recordsCount: dataSourceSortable.length,
|
|
284
307
|
children: [
|
|
285
308
|
React.createElement(TableColumn, { label: "Number", dataIndex: "number" }),
|
|
286
309
|
React.createElement(TableColumn, { label: "Customer", render: function (data) { return "".concat(data.lastName, " ").concat(data.firstName); } }),
|
|
@@ -300,8 +323,8 @@ export var Rerowing = {
|
|
|
300
323
|
recordsOnPage: 10,
|
|
301
324
|
handlePageChange: fn(),
|
|
302
325
|
handleRecordsOnPageChange: fn(),
|
|
303
|
-
dataSource:
|
|
304
|
-
recordsCount:
|
|
326
|
+
dataSource: dataSourceSortable.filter(function (_, i) { return i >= 0 && i < 10; }),
|
|
327
|
+
recordsCount: dataSourceSortable.length,
|
|
305
328
|
rerowing: true,
|
|
306
329
|
onReorderRows: fn(function (d) {
|
|
307
330
|
console.log('onReorderRows', d);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC,OAAO,KAAqB,MAAM,SAAS,CAAC;AAC5C,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/Table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { CSS } from '@dnd-kit/utilities';
|
|
4
|
+
import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
|
|
5
|
+
import { useSortable } from '@dnd-kit/sortable';
|
|
6
|
+
import { IconButton, TableCell, TableRow } from '@mui/material';
|
|
7
|
+
var SortableRow = function (_a) {
|
|
8
|
+
var _b = _a.rerowing, rerowing = _b === void 0 ? false : _b, id = _a.id, children = _a.children;
|
|
9
|
+
var _c = useSortable({ id: id }), attributes = _c.attributes, listeners = _c.listeners, setNodeRef = _c.setNodeRef, transform = _c.transform, transition = _c.transition, isDragging = _c.isDragging;
|
|
10
|
+
var style = {
|
|
11
|
+
transform: CSS.Transform.toString(transform),
|
|
12
|
+
transition: transition,
|
|
13
|
+
background: isDragging ? '#f5f5f5' : undefined
|
|
14
|
+
};
|
|
15
|
+
return (React.createElement(TableRow, { ref: setNodeRef, style: style },
|
|
16
|
+
rerowing && (React.createElement(TableCell, { width: 20, sx: { pl: 2, pr: 1 } },
|
|
17
|
+
React.createElement(IconButton, __assign({}, attributes, listeners, { size: "small", sx: { cursor: 'grab' } }),
|
|
18
|
+
React.createElement(DragIndicatorIcon, { fontSize: "small" })))),
|
|
19
|
+
children));
|
|
20
|
+
};
|
|
21
|
+
export default SortableRow;
|
|
22
|
+
//# sourceMappingURL=SortableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortableRow.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Table/components/SortableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQhE,IAAM,WAAW,GAAG,UAAC,EAAoD;QAAlD,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,EAAE,QAAA,EAAE,QAAQ,cAAA;IAC7C,IAAA,KAOF,WAAW,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,EANrB,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBACW,CAAC;IAExB,IAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,YAAA;QACV,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KAC/C,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK;QACpC,QAAQ,IAAI,CACX,oBAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACxC,oBAAC,UAAU,eACL,UAAU,EACV,SAAS,IACb,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;gBAEtB,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,OAAO,GAAG,CAC3B,CACH,CACb;QAEA,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ColumnProps } from './Column';
|
|
3
2
|
interface TableFooterProps {
|
|
4
|
-
|
|
3
|
+
columnsCount: number;
|
|
5
4
|
page: number;
|
|
6
5
|
recordsCount: number;
|
|
7
6
|
recordsOnPage: number;
|
|
@@ -10,5 +9,5 @@ interface TableFooterProps {
|
|
|
10
9
|
handlePageChange?: (page: number) => void;
|
|
11
10
|
handleRecordsOnPageChange?: (recordsOnPage: number) => void;
|
|
12
11
|
}
|
|
13
|
-
declare const TableFooter: ({
|
|
12
|
+
declare const TableFooter: ({ columnsCount, page, recordsCount, recordsOnPage, displayRecordsOnPage, displayPagination, handlePageChange, handleRecordsOnPageChange, }: TableFooterProps) => React.JSX.Element;
|
|
14
13
|
export default TableFooter;
|
|
@@ -6,10 +6,10 @@ import RecordsOnTable from '../../RecordsOnTable';
|
|
|
6
6
|
import Paginate from '../../Paginate';
|
|
7
7
|
import Flex from '../../Flex';
|
|
8
8
|
var TableFooter = function (_a) {
|
|
9
|
-
var
|
|
9
|
+
var columnsCount = _a.columnsCount, page = _a.page, recordsCount = _a.recordsCount, recordsOnPage = _a.recordsOnPage, displayRecordsOnPage = _a.displayRecordsOnPage, displayPagination = _a.displayPagination, handlePageChange = _a.handlePageChange, handleRecordsOnPageChange = _a.handleRecordsOnPageChange;
|
|
10
10
|
return (React.createElement(MuiTableFooter, null,
|
|
11
11
|
React.createElement(MuiTableRow, null,
|
|
12
|
-
React.createElement(TableCell, { colSpan:
|
|
12
|
+
React.createElement(TableCell, { colSpan: columnsCount },
|
|
13
13
|
React.createElement(Grid, { container: true, sx: { my: { xs: 2, sm: 0 } } },
|
|
14
14
|
React.createElement(Grid, { size: { xs: 6, sm: 4 }, sx: {
|
|
15
15
|
display: 'flex',
|
|
@@ -1 +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;
|
|
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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"}
|