@ltht-react/table 2.0.192 → 2.0.194
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/README.md +15 -15
- package/package.json +8 -8
- package/src/atoms/questionnaire-withdrawn-table-cell.tsx +15 -15
- package/src/index.tsx +8 -8
- package/src/molecules/table-cell.tsx +111 -111
- package/src/molecules/table-component.tsx +123 -123
- package/src/molecules/table-header.tsx +38 -38
- package/src/molecules/table-methods.tsx +238 -238
- package/src/molecules/table-styled-components.tsx +249 -249
- package/src/molecules/table.tsx +166 -166
- package/src/molecules/useDimensionRef.tsx +37 -37
- package/src/molecules/useScrollRef.tsx +40 -40
- package/src/organisms/generic-table.tsx +34 -34
- package/src/organisms/questionnaire-table-methods.tsx +351 -351
- package/src/organisms/questionnaire-table.tsx +56 -56
- package/lib/atoms/questionnaire-withdrawn-table-cell.d.ts +0 -6
- package/lib/atoms/questionnaire-withdrawn-table-cell.js +0 -19
- package/lib/atoms/questionnaire-withdrawn-table-cell.js.map +0 -1
- package/lib/index.d.ts +0 -7
- package/lib/index.js +0 -15
- package/lib/index.js.map +0 -1
- package/lib/molecules/table-cell.d.ts +0 -17
- package/lib/molecules/table-cell.js +0 -109
- package/lib/molecules/table-cell.js.map +0 -1
- package/lib/molecules/table-component.d.ts +0 -20
- package/lib/molecules/table-component.js +0 -78
- package/lib/molecules/table-component.js.map +0 -1
- package/lib/molecules/table-header.d.ts +0 -12
- package/lib/molecules/table-header.js +0 -33
- package/lib/molecules/table-header.js.map +0 -1
- package/lib/molecules/table-methods.d.ts +0 -14
- package/lib/molecules/table-methods.js +0 -198
- package/lib/molecules/table-methods.js.map +0 -1
- package/lib/molecules/table-styled-components.d.ts +0 -81
- package/lib/molecules/table-styled-components.js +0 -112
- package/lib/molecules/table-styled-components.js.map +0 -1
- package/lib/molecules/table.d.ts +0 -44
- package/lib/molecules/table.js +0 -95
- package/lib/molecules/table.js.map +0 -1
- package/lib/molecules/useDimensionRef.d.ts +0 -5
- package/lib/molecules/useDimensionRef.js +0 -31
- package/lib/molecules/useDimensionRef.js.map +0 -1
- package/lib/molecules/useScrollRef.d.ts +0 -8
- package/lib/molecules/useScrollRef.js +0 -30
- package/lib/molecules/useScrollRef.js.map +0 -1
- package/lib/organisms/generic-table.d.ts +0 -9
- package/lib/organisms/generic-table.js +0 -36
- package/lib/organisms/generic-table.js.map +0 -1
- package/lib/organisms/questionnaire-table-methods.d.ts +0 -9
- package/lib/organisms/questionnaire-table-methods.js +0 -247
- package/lib/organisms/questionnaire-table-methods.js.map +0 -1
- package/lib/organisms/questionnaire-table.d.ts +0 -12
- package/lib/organisms/questionnaire-table.js +0 -44
- package/lib/organisms/questionnaire-table.js.map +0 -1
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
-
if (ar || !(i in from)) {
|
|
16
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
-
ar[i] = from[i];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
21
|
-
};
|
|
22
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
23
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.handleDataUpdateForManualPagination = exports.handleDataUpdate = exports.handleScrollEvent = exports.calculateStaticColumnOffset = exports.createColumns = void 0;
|
|
27
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
var react_table_1 = require("@tanstack/react-table");
|
|
29
|
-
var table_cell_1 = __importDefault(require("./table-cell"));
|
|
30
|
-
var createColumns = function (tableData, headerAxis) {
|
|
31
|
-
var columnHelper = (0, react_table_1.createColumnHelper)();
|
|
32
|
-
var columns = createColumnsRecursively(tableData.headers, columnHelper, headerAxis);
|
|
33
|
-
if (tableData.rows.some(function (row) { return row.subRows; })) {
|
|
34
|
-
columns = prependColumnWithExpansionControls(columns, columnHelper, headerAxis);
|
|
35
|
-
}
|
|
36
|
-
return columns;
|
|
37
|
-
};
|
|
38
|
-
exports.createColumns = createColumns;
|
|
39
|
-
var createColumnsRecursively = function (headers, columnHelper, headerAxis) {
|
|
40
|
-
var result = headers.map(function (header) {
|
|
41
|
-
var _a, _b;
|
|
42
|
-
if (header.type === 'display') {
|
|
43
|
-
return columnHelper.display({
|
|
44
|
-
id: header.id,
|
|
45
|
-
header: function () {
|
|
46
|
-
var headerCellProps = __assign(__assign({}, header.cellProps), { headerAxis: headerAxis });
|
|
47
|
-
return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, headerCellProps));
|
|
48
|
-
},
|
|
49
|
-
cell: function (props) {
|
|
50
|
-
var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
|
|
51
|
-
return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
|
|
52
|
-
},
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
if (header.type === 'accessor') {
|
|
56
|
-
return columnHelper.accessor(header.id, {
|
|
57
|
-
header: function (props) {
|
|
58
|
-
var cellProps = __assign(__assign({}, header.cellProps), { iconProps: deriveHeaderIconProps(props), headerAxis: headerAxis });
|
|
59
|
-
return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
|
|
60
|
-
},
|
|
61
|
-
cell: function (props) {
|
|
62
|
-
var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
|
|
63
|
-
return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
|
|
64
|
-
},
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
return columnHelper.group({
|
|
68
|
-
header: (_a = header.cellProps.text) !== null && _a !== void 0 ? _a : '',
|
|
69
|
-
columns: createColumnsRecursively((_b = header.subHeaders) !== null && _b !== void 0 ? _b : [], columnHelper, headerAxis),
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
return result;
|
|
73
|
-
};
|
|
74
|
-
var deriveHeaderIconProps = function (props) {
|
|
75
|
-
if (props.column.getIsSorted() === 'asc') {
|
|
76
|
-
return {
|
|
77
|
-
type: 'chevron',
|
|
78
|
-
direction: 'up',
|
|
79
|
-
size: 'medium',
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
if (props.column.getIsSorted() === 'desc') {
|
|
83
|
-
return {
|
|
84
|
-
type: 'chevron',
|
|
85
|
-
direction: 'down',
|
|
86
|
-
size: 'medium',
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
return undefined;
|
|
90
|
-
};
|
|
91
|
-
var prependColumnWithExpansionControls = function (columns, columnHelper, headerAxis) {
|
|
92
|
-
var expanderColumn = columnHelper.display({
|
|
93
|
-
id: 'expander',
|
|
94
|
-
header: function (_a) {
|
|
95
|
-
var table = _a.table;
|
|
96
|
-
var headerCellProps = {
|
|
97
|
-
iconProps: {
|
|
98
|
-
type: 'chevron',
|
|
99
|
-
direction: table.getIsAllRowsExpanded() ? 'down' : 'right',
|
|
100
|
-
size: 'medium',
|
|
101
|
-
},
|
|
102
|
-
headerAxis: headerAxis,
|
|
103
|
-
clickHandler: table.getToggleAllRowsExpandedHandler(),
|
|
104
|
-
};
|
|
105
|
-
return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, headerCellProps));
|
|
106
|
-
},
|
|
107
|
-
cell: function (props) {
|
|
108
|
-
var cellProps = props.row.getCanExpand()
|
|
109
|
-
? {
|
|
110
|
-
iconProps: {
|
|
111
|
-
type: 'chevron',
|
|
112
|
-
direction: props.row.getIsExpanded() ? 'down' : 'right',
|
|
113
|
-
size: 'medium',
|
|
114
|
-
},
|
|
115
|
-
headerAxis: headerAxis,
|
|
116
|
-
clickHandler: props.row.getToggleExpandedHandler(),
|
|
117
|
-
}
|
|
118
|
-
: { headerAxis: headerAxis };
|
|
119
|
-
return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
|
|
120
|
-
},
|
|
121
|
-
});
|
|
122
|
-
return [expanderColumn].concat(columns);
|
|
123
|
-
};
|
|
124
|
-
var calculateStaticColumnOffset = function (cellIdx, staticColumns, firstColumnWidth, secondColumnWidth) {
|
|
125
|
-
if (staticColumns === 0) {
|
|
126
|
-
return undefined;
|
|
127
|
-
}
|
|
128
|
-
switch (cellIdx) {
|
|
129
|
-
case 0:
|
|
130
|
-
return 0;
|
|
131
|
-
case 1:
|
|
132
|
-
return cellIdx < staticColumns ? firstColumnWidth : undefined;
|
|
133
|
-
case 2:
|
|
134
|
-
return cellIdx < staticColumns ? firstColumnWidth + secondColumnWidth : undefined;
|
|
135
|
-
default:
|
|
136
|
-
return undefined;
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
exports.calculateStaticColumnOffset = calculateStaticColumnOffset;
|
|
140
|
-
var handleScrollEvent = function (pagination, headerAxis, scrollState) {
|
|
141
|
-
var scrollWidth = scrollState.scrollWidth, scrollHeight = scrollState.scrollHeight, currentXScroll = scrollState.currentXScroll, currentYScroll = scrollState.currentYScroll;
|
|
142
|
-
if (headerAxis === 'x' &&
|
|
143
|
-
currentYScroll >= scrollHeight - getPercentageOfMax(5, scrollHeight) &&
|
|
144
|
-
currentYScroll <= scrollHeight &&
|
|
145
|
-
pagination.getCanNextPage()) {
|
|
146
|
-
pagination.nextPage();
|
|
147
|
-
}
|
|
148
|
-
if (headerAxis === 'y' &&
|
|
149
|
-
currentXScroll >= scrollWidth - getPercentageOfMax(5, scrollWidth) &&
|
|
150
|
-
currentXScroll <= scrollWidth &&
|
|
151
|
-
pagination.getCanNextPage()) {
|
|
152
|
-
pagination.nextPage();
|
|
153
|
-
}
|
|
154
|
-
};
|
|
155
|
-
exports.handleScrollEvent = handleScrollEvent;
|
|
156
|
-
var getPercentageOfMax = function (percentage, max) { return max * (percentage / 100); };
|
|
157
|
-
var handleDataUpdate = function (tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount) {
|
|
158
|
-
if (tableData && tableData.headers.length > 0) {
|
|
159
|
-
if (headerAxis === 'x') {
|
|
160
|
-
setColumns(createColumns(tableData, headerAxis));
|
|
161
|
-
setData(tableData.rows.slice(0, (pageIndex + 1) * pageSize));
|
|
162
|
-
setPageCount(Math.ceil(tableData.rows.length / pageSize));
|
|
163
|
-
}
|
|
164
|
-
else {
|
|
165
|
-
var head = tableData.headers[0];
|
|
166
|
-
var tail = tableData.headers.slice(1, tableData.headers.length);
|
|
167
|
-
setColumns(createColumns({ headers: __spreadArray([head], tail.slice(0, (pageIndex + 1) * pageSize), true), rows: tableData.rows }, headerAxis));
|
|
168
|
-
setData(tableData.rows);
|
|
169
|
-
setPageCount(Math.ceil(tail.length / pageSize));
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
};
|
|
173
|
-
exports.handleDataUpdate = handleDataUpdate;
|
|
174
|
-
var calculateSliceStartPoint = function (oldLength, usingExpanderColumn) {
|
|
175
|
-
if (oldLength > 0) {
|
|
176
|
-
return usingExpanderColumn ? 2 : 1;
|
|
177
|
-
}
|
|
178
|
-
return 0;
|
|
179
|
-
};
|
|
180
|
-
var handleDataUpdateForManualPagination = function (tableData, headerAxis, keepPreviousData, setColumns, setData) {
|
|
181
|
-
if (headerAxis === 'x') {
|
|
182
|
-
setData(function (old) {
|
|
183
|
-
var newData = keepPreviousData ? __spreadArray(__spreadArray([], old, true), tableData.rows, true) : tableData.rows;
|
|
184
|
-
setColumns(createColumns({ headers: tableData.headers, rows: newData }, headerAxis));
|
|
185
|
-
return newData;
|
|
186
|
-
});
|
|
187
|
-
}
|
|
188
|
-
else if (tableData.headers.length > 0) {
|
|
189
|
-
setColumns(function (old) {
|
|
190
|
-
var newColumns = createColumns(tableData, headerAxis);
|
|
191
|
-
var sliceStartPoint = calculateSliceStartPoint(old.length, tableData.rows.some(function (x) { return x.subRows; }));
|
|
192
|
-
return keepPreviousData ? __spreadArray(__spreadArray([], old, true), newColumns.slice(sliceStartPoint, newColumns.length), true) : newColumns;
|
|
193
|
-
});
|
|
194
|
-
setData(tableData.rows);
|
|
195
|
-
}
|
|
196
|
-
};
|
|
197
|
-
exports.handleDataUpdateForManualPagination = handleDataUpdateForManualPagination;
|
|
198
|
-
//# sourceMappingURL=table-methods.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-methods.js","sourceRoot":"","sources":["../../src/molecules/table-methods.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Axis } from '@ltht-react/types';
|
|
3
|
-
declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
} & IScrollableContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
declare const StyledTable: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
|
|
11
|
-
declare const StyledTableHeader: import("@emotion/styled").StyledComponent<{
|
|
12
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
-
as?: import("react").ElementType<any> | undefined;
|
|
14
|
-
} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
|
|
15
|
-
declare const StyledTableData: import("@emotion/styled").StyledComponent<{
|
|
16
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
-
as?: import("react").ElementType<any> | undefined;
|
|
18
|
-
} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
|
|
19
|
-
declare const StyledTableRow: import("@emotion/styled").StyledComponent<{
|
|
20
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
-
as?: import("react").ElementType<any> | undefined;
|
|
22
|
-
} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
|
|
23
|
-
declare const PaginationContainer: import("@emotion/styled").StyledComponent<{
|
|
24
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
25
|
-
as?: import("react").ElementType<any> | undefined;
|
|
26
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
27
|
-
declare const StyledPaginationPageInput: import("@emotion/styled").StyledComponent<{
|
|
28
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
29
|
-
as?: import("react").ElementType<any> | undefined;
|
|
30
|
-
}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
31
|
-
declare const StyledPaginationPageSelect: import("@emotion/styled").StyledComponent<{
|
|
32
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
33
|
-
as?: import("react").ElementType<any> | undefined;
|
|
34
|
-
}, import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
|
|
35
|
-
declare const StyledHideOnMobile: import("@emotion/styled").StyledComponent<{
|
|
36
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
37
|
-
as?: import("react").ElementType<any> | undefined;
|
|
38
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
39
|
-
declare const StyledPaginationButtonDiv: import("@emotion/styled").StyledComponent<{
|
|
40
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
41
|
-
as?: import("react").ElementType<any> | undefined;
|
|
42
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
43
|
-
declare const StyledPageCountDiv: import("@emotion/styled").StyledComponent<{
|
|
44
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
45
|
-
as?: import("react").ElementType<any> | undefined;
|
|
46
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
47
|
-
declare const StyledStandardButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
|
|
48
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
49
|
-
}, {}, {}>;
|
|
50
|
-
declare const StyledPaginationButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
|
|
51
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
52
|
-
}, {}, {}>;
|
|
53
|
-
declare const StyledSpinnerIcon: import("@emotion/styled").StyledComponent<import("@ltht-react/icon").IconProps & {
|
|
54
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
55
|
-
}, {}, {}>;
|
|
56
|
-
declare const StyledNextPageButtonContainer: import("@emotion/styled").StyledComponent<{
|
|
57
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
58
|
-
as?: import("react").ElementType<any> | undefined;
|
|
59
|
-
} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
60
|
-
declare const StyledSpinnerContainer: import("@emotion/styled").StyledComponent<{
|
|
61
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
62
|
-
as?: import("react").ElementType<any> | undefined;
|
|
63
|
-
} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
64
|
-
declare const StyledTHead: import("@emotion/styled").StyledComponent<{
|
|
65
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
66
|
-
as?: import("react").ElementType<any> | undefined;
|
|
67
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
|
|
68
|
-
interface IStyledTableCell {
|
|
69
|
-
stickyWidth?: number;
|
|
70
|
-
tableHeaderAxis?: string;
|
|
71
|
-
}
|
|
72
|
-
interface IStyledNextPageButtonContainer {
|
|
73
|
-
elementPosition: 'right' | 'bottom';
|
|
74
|
-
}
|
|
75
|
-
interface IScrollableContainer {
|
|
76
|
-
tableHeaderAxis: Axis;
|
|
77
|
-
maxHeight?: string;
|
|
78
|
-
maxWidth?: string;
|
|
79
|
-
isFlex: boolean;
|
|
80
|
-
}
|
|
81
|
-
export { StyledTable, StyledTableHeader, StyledTableRow, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(o, k2, desc);
|
|
13
|
-
}) : (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
o[k2] = m[k];
|
|
16
|
-
}));
|
|
17
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
-
}) : function(o, v) {
|
|
20
|
-
o["default"] = v;
|
|
21
|
-
});
|
|
22
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
-
if (mod && mod.__esModule) return mod;
|
|
24
|
-
var result = {};
|
|
25
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
-
__setModuleDefault(result, mod);
|
|
27
|
-
return result;
|
|
28
|
-
};
|
|
29
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
-
};
|
|
32
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.StyledSpinnerContainer = exports.StyledTHead = exports.StyledNextPageButtonContainer = exports.StyledSpinnerIcon = exports.StyledStandardButton = exports.StyledPageCountDiv = exports.StyledPaginationButtonDiv = exports.ScrollableContainer = exports.StyledPaginationButton = exports.StyledHideOnMobile = exports.StyledPaginationPageSelect = exports.StyledPaginationPageInput = exports.PaginationContainer = exports.StyledTableData = exports.StyledTableRow = exports.StyledTableHeader = exports.StyledTable = void 0;
|
|
34
|
-
var styles_1 = require("@ltht-react/styles");
|
|
35
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
36
|
-
var icon_1 = __importStar(require("@ltht-react/icon"));
|
|
37
|
-
var setScrollableDisplay = function (tableHeaderAxis, isFlex) {
|
|
38
|
-
if (isFlex) {
|
|
39
|
-
return 'flex';
|
|
40
|
-
}
|
|
41
|
-
if (tableHeaderAxis === 'y') {
|
|
42
|
-
return 'inline-flex';
|
|
43
|
-
}
|
|
44
|
-
return 'inline-block';
|
|
45
|
-
};
|
|
46
|
-
var ScrollableContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n background-color: white;\n ", "\n border-radius: 6px;\n overflow: auto;\n &::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n border: 0;\n }\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 10px;\n }\n"], ["\n ", ";\n background-color: white;\n ", "\n border-radius: 6px;\n overflow: auto;\n &::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n border: 0;\n }\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 10px;\n }\n"])), styles_1.CSS_RESET, function (_a) {
|
|
47
|
-
var tableHeaderAxis = _a.tableHeaderAxis, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, isFlex = _a.isFlex;
|
|
48
|
-
return "\n display: ".concat(setScrollableDisplay(tableHeaderAxis, isFlex), ";\n ").concat(isFlex && 'flex-direction: column', ";\n max-width: ").concat(maxWidth !== null && maxWidth !== void 0 ? maxWidth : '100%', ";\n max-height: ").concat(maxHeight !== null && maxHeight !== void 0 ? maxHeight : '100%', ";\n ");
|
|
49
|
-
}, styles_1.SCROLLBAR);
|
|
50
|
-
exports.ScrollableContainer = ScrollableContainer;
|
|
51
|
-
var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-spacing: 0;\n border-radius: 6px;\n"], ["\n border-spacing: 0;\n border-radius: 6px;\n"])));
|
|
52
|
-
exports.StyledTable = StyledTable;
|
|
53
|
-
var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border: thin solid ", ";\n font-weight: bold;\n padding: 0.5rem;\n\n ", "\n"], ["\n background-color: ", ";\n border: thin solid ", ";\n font-weight: bold;\n padding: 0.5rem;\n\n ", "\n"])), styles_1.TABLE_COLOURS.HEADER, styles_1.TABLE_COLOURS.BORDER, function (_a) {
|
|
54
|
-
var stickyWidth = _a.stickyWidth;
|
|
55
|
-
return stickyWidth !== undefined &&
|
|
56
|
-
"\n position: sticky !important;\n left: ".concat(stickyWidth, "px;\n top: 0;\n z-index: ").concat((0, styles_1.getZIndex)(styles_1.StickyTableData), ";");
|
|
57
|
-
});
|
|
58
|
-
exports.StyledTableHeader = StyledTableHeader;
|
|
59
|
-
var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: thin solid ", ";\n white-space: normal;\n text-align: center;\n padding: 0.15rem;\n\n &:first-of-type {\n background-color: ", " !important;\n font-weight: bold;\n }\n\n ", "\n\n ", "\n"], ["\n border: thin solid ", ";\n white-space: normal;\n text-align: center;\n padding: 0.15rem;\n\n &:first-of-type {\n background-color: ", " !important;\n font-weight: bold;\n }\n\n ", "\n\n ", "\n"])), styles_1.TABLE_COLOURS.BORDER, styles_1.TABLE_COLOURS.HEADER, function (_a) {
|
|
60
|
-
var stickyWidth = _a.stickyWidth;
|
|
61
|
-
return stickyWidth !== undefined &&
|
|
62
|
-
"\n background-color: ".concat(styles_1.TABLE_COLOURS.STRIPE_LIGHT, ";\n position: sticky !important;\n left: ").concat(stickyWidth, "px;\n top: 0;\n z-index: ").concat((0, styles_1.getZIndex)(styles_1.StickyTableData), ";");
|
|
63
|
-
}, function (_a) {
|
|
64
|
-
var tableHeaderAxis = _a.tableHeaderAxis;
|
|
65
|
-
return tableHeaderAxis === 'y' &&
|
|
66
|
-
"\n &:nth-of-type(even) {\n background-color: ".concat(styles_1.TABLE_COLOURS.STRIPE_DARK, ";\n }");
|
|
67
|
-
});
|
|
68
|
-
exports.StyledTableData = StyledTableData;
|
|
69
|
-
var StyledTableRow = styled_1.default.tr(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
70
|
-
var tableHeaderAxis = _a.tableHeaderAxis;
|
|
71
|
-
return tableHeaderAxis === 'x' &&
|
|
72
|
-
"\n &:nth-of-type(odd) {\n background-color: ".concat(styles_1.TABLE_COLOURS.STRIPE_DARK, ";\n }");
|
|
73
|
-
});
|
|
74
|
-
exports.StyledTableRow = StyledTableRow;
|
|
75
|
-
var PaginationContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n margin-top: 5px;\n display: block;\n"], ["\n ", ";\n margin-top: 5px;\n display: block;\n"])), styles_1.CSS_RESET);
|
|
76
|
-
exports.PaginationContainer = PaginationContainer;
|
|
77
|
-
var StyledPaginationPageInput = styled_1.default.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", ";\n width: 50px;\n border: 1px solid gray;\n"], ["\n ", ";\n width: 50px;\n border: 1px solid gray;\n"])), styles_1.CSS_RESET);
|
|
78
|
-
exports.StyledPaginationPageInput = StyledPaginationPageInput;
|
|
79
|
-
var StyledPaginationPageSelect = styled_1.default.select(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", ";\n width: 45px;\n display: inline-block;\n font-size: 0.9rem;\n border: 1px solid gray;\n"], ["\n ", ";\n width: 45px;\n display: inline-block;\n font-size: 0.9rem;\n border: 1px solid gray;\n"])), styles_1.CSS_RESET);
|
|
80
|
-
exports.StyledPaginationPageSelect = StyledPaginationPageSelect;
|
|
81
|
-
var StyledHideOnMobile = styled_1.default.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: 1.1em;\n padding: 2px;\n @media (max-width: 320px) {\n display: none;\n }\n"], ["\n font-size: 1.1em;\n padding: 2px;\n @media (max-width: 320px) {\n display: none;\n }\n"])));
|
|
82
|
-
exports.StyledHideOnMobile = StyledHideOnMobile;
|
|
83
|
-
var StyledPaginationButtonDiv = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n float: right;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n"], ["\n float: right;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n"])));
|
|
84
|
-
exports.StyledPaginationButtonDiv = StyledPaginationButtonDiv;
|
|
85
|
-
var StyledPageCountDiv = styled_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin-right: 5px;\n margin-left: 5px;\n display: flex;\n font-size: 1.1em;\n padding: 1px;\n"], ["\n margin-right: 5px;\n margin-left: 5px;\n display: flex;\n font-size: 1.1em;\n padding: 1px;\n"])));
|
|
86
|
-
exports.StyledPageCountDiv = StyledPageCountDiv;
|
|
87
|
-
var StyledStandardButton = (0, styled_1.default)(icon_1.IconButton)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n color: ", ";\n background-color: ", ";\n padding: 2px 5px;\n border-radius: 5px;\n &:hover {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n }\n"], ["\n color: ", ";\n background-color: ", ";\n padding: 2px 5px;\n border-radius: 5px;\n &:hover {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n }\n"])), styles_1.BTN_COLOURS.STANDARD.TEXT, styles_1.BTN_COLOURS.STANDARD.VALUE, styles_1.BTN_COLOURS.STANDARD.HOVER, styles_1.BTN_COLOURS.STANDARD.DISABLED);
|
|
88
|
-
exports.StyledStandardButton = StyledStandardButton;
|
|
89
|
-
var StyledPaginationButton = (0, styled_1.default)(icon_1.IconButton)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n padding: 2px 5px;\n background-color: ", ";\n color: black;\n border: 1px solid ", ";\n margin: 0 2.5px;\n border-radius: 3px;\n\n &:disabled {\n background-color: inherit;\n color: gray;\n border-color: ", ";\n pointer-events: none;\n }\n"], ["\n padding: 2px 5px;\n background-color: ", ";\n color: black;\n border: 1px solid ", ";\n margin: 0 2.5px;\n border-radius: 3px;\n\n &:disabled {\n background-color: inherit;\n color: gray;\n border-color: ", ";\n pointer-events: none;\n }\n"])), styles_1.TRANSLUCENT_BRIGHT_BLUE, styles_1.TRANSLUCENT_MID_GREY, styles_1.TRANSLUCENT_MID_GREY);
|
|
90
|
-
exports.StyledPaginationButton = StyledPaginationButton;
|
|
91
|
-
var StyledSpinnerIcon = (0, styled_1.default)(icon_1.default)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n margin: 3px 0;\n font-size: 1.1em;\n padding: 1.5px;\n"], ["\n margin: 3px 0;\n font-size: 1.1em;\n padding: 1.5px;\n"])));
|
|
92
|
-
exports.StyledSpinnerIcon = StyledSpinnerIcon;
|
|
93
|
-
var StyledNextPageButtonContainer = styled_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: ", ";\n justify-content: center;\n cursor: pointer;\n align-items: center;\n padding: 10px;\n font-size: 1.3em;\n border: solid 2px #eeeeee;\n border-left: solid 1px #eeeeee;\n\n :hover {\n background-color: #f3f6f6;\n }\n"], ["\n display: ", ";\n justify-content: center;\n cursor: pointer;\n align-items: center;\n padding: 10px;\n font-size: 1.3em;\n border: solid 2px #eeeeee;\n border-left: solid 1px #eeeeee;\n\n :hover {\n background-color: #f3f6f6;\n }\n"])), function (_a) {
|
|
94
|
-
var hidden = _a.hidden, elementPosition = _a.elementPosition;
|
|
95
|
-
if (!hidden) {
|
|
96
|
-
return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
|
|
97
|
-
}
|
|
98
|
-
return 'none';
|
|
99
|
-
});
|
|
100
|
-
exports.StyledNextPageButtonContainer = StyledNextPageButtonContainer;
|
|
101
|
-
var StyledSpinnerContainer = styled_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: ", ";\n justify-content: center;\n cursor: pointer;\n align-items: center;\n padding: 5px;\n"], ["\n display: ", ";\n justify-content: center;\n cursor: pointer;\n align-items: center;\n padding: 5px;\n"])), function (_a) {
|
|
102
|
-
var hidden = _a.hidden, elementPosition = _a.elementPosition;
|
|
103
|
-
if (!hidden) {
|
|
104
|
-
return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
|
|
105
|
-
}
|
|
106
|
-
return 'none';
|
|
107
|
-
});
|
|
108
|
-
exports.StyledSpinnerContainer = StyledSpinnerContainer;
|
|
109
|
-
var StyledTHead = styled_1.default.thead(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n position: sticky;\n left: 0;\n top: 0;\n z-index: ", ";\n"], ["\n position: sticky;\n left: 0;\n top: 0;\n z-index: ", ";\n"])), (0, styles_1.getZIndex)(styles_1.StickyTableHead));
|
|
110
|
-
exports.StyledTHead = StyledTHead;
|
|
111
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
|
|
112
|
-
//# sourceMappingURL=table-styled-components.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-styled-components.js","sourceRoot":"","sources":["../../src/molecules/table-styled-components.tsx"],"names":[],"mappings":"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"}
|
package/lib/molecules/table.d.ts
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react';
|
|
2
|
-
import { SortingFn } from '@tanstack/react-table';
|
|
3
|
-
import { Axis } from '@ltht-react/types';
|
|
4
|
-
import { CellProps } from './table-cell';
|
|
5
|
-
declare const Table: FC<IProps>;
|
|
6
|
-
interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps, HTMLAttributes<HTMLTableElement> {
|
|
7
|
-
tableData: TableData;
|
|
8
|
-
}
|
|
9
|
-
export interface ITableConfig {
|
|
10
|
-
staticColumns?: 0 | 1 | 2;
|
|
11
|
-
headerAxis?: Axis;
|
|
12
|
-
enableSorting?: boolean;
|
|
13
|
-
sortingFunctions?: Record<string, SortingFn<any>> | undefined;
|
|
14
|
-
}
|
|
15
|
-
export interface IPaginationProps {
|
|
16
|
-
currentPage?: number;
|
|
17
|
-
pageSize?: number;
|
|
18
|
-
manualPagination?: boolean;
|
|
19
|
-
infiniteScrollEnabled?: boolean;
|
|
20
|
-
nextPage?: () => void;
|
|
21
|
-
getCanNextPage?: () => boolean;
|
|
22
|
-
isFetching?: boolean;
|
|
23
|
-
keepPreviousData?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export interface ITableDimensionProps {
|
|
26
|
-
maxWidth?: string;
|
|
27
|
-
maxHeight?: string;
|
|
28
|
-
isFlex?: boolean;
|
|
29
|
-
}
|
|
30
|
-
type DataEntity = Record<string, CellProps | DataEntity[]> & {
|
|
31
|
-
subRows?: DataEntity[];
|
|
32
|
-
};
|
|
33
|
-
interface Header {
|
|
34
|
-
type: 'accessor' | 'group' | 'display';
|
|
35
|
-
id: string;
|
|
36
|
-
cellProps: CellProps;
|
|
37
|
-
subHeaders?: Header[];
|
|
38
|
-
}
|
|
39
|
-
interface TableData {
|
|
40
|
-
headers: Header[];
|
|
41
|
-
rows: DataEntity[];
|
|
42
|
-
}
|
|
43
|
-
export default Table;
|
|
44
|
-
export { DataEntity, CellProps, Header, TableData };
|
package/lib/molecules/table.js
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
-
};
|
|
50
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
-
var react_1 = require("react");
|
|
53
|
-
var react_table_1 = require("@tanstack/react-table");
|
|
54
|
-
var table_styled_components_1 = require("./table-styled-components");
|
|
55
|
-
var useScrollRef_1 = __importDefault(require("./useScrollRef"));
|
|
56
|
-
var table_methods_1 = require("./table-methods");
|
|
57
|
-
var table_component_1 = __importStar(require("./table-component"));
|
|
58
|
-
var Table = function (_a) {
|
|
59
|
-
var tableData = _a.tableData, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.pageSize, pageSizeParam = _d === void 0 ? 10 : _d, _e = _a.headerAxis, headerAxis = _e === void 0 ? 'x' : _e, _f = _a.manualPagination, manualPagination = _f === void 0 ? false : _f, _g = _a.infiniteScrollEnabled, infiniteScrollEnabled = _g === void 0 ? false : _g, _h = _a.getCanNextPage, getCanNextPage = _h === void 0 ? function () { return false; } : _h, _j = _a.nextPage, nextPage = _j === void 0 ? function () { return null; } : _j, _k = _a.isFetching, isFetching = _k === void 0 ? false : _k, _l = _a.keepPreviousData, keepPreviousData = _l === void 0 ? false : _l, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _m = _a.isFlex, isFlex = _m === void 0 ? false : _m, _o = _a.enableSorting, enableSorting = _o === void 0 ? true : _o, _p = _a.sortingFunctions, sortingFunctions = _p === void 0 ? undefined : _p, rest = __rest(_a, ["tableData", "staticColumns", "currentPage", "pageSize", "headerAxis", "manualPagination", "infiniteScrollEnabled", "getCanNextPage", "nextPage", "isFetching", "keepPreviousData", "maxHeight", "maxWidth", "isFlex", "enableSorting", "sortingFunctions"]);
|
|
60
|
-
var scrollableDivElement = (0, react_1.useRef)(null);
|
|
61
|
-
var scrollState = (0, useScrollRef_1.default)(scrollableDivElement);
|
|
62
|
-
var _q = (0, react_1.useState)({}), expanded = _q[0], setExpanded = _q[1];
|
|
63
|
-
var _r = (0, react_1.useState)([]), sorting = _r[0], setSorting = _r[1];
|
|
64
|
-
var _s = (0, react_1.useState)({
|
|
65
|
-
pageIndex: currentPage - 1,
|
|
66
|
-
pageSize: pageSizeParam,
|
|
67
|
-
}), _t = _s[0], pageIndex = _t.pageIndex, pageSize = _t.pageSize, setPagination = _s[1];
|
|
68
|
-
var pagination = (0, react_1.useMemo)(function () { return ({ pageIndex: pageIndex, pageSize: pageSize }); }, [pageIndex, pageSize]);
|
|
69
|
-
var _u = (0, react_1.useState)([]), data = _u[0], setData = _u[1];
|
|
70
|
-
var _v = (0, react_1.useState)([]), columns = _v[0], setColumns = _v[1];
|
|
71
|
-
var _w = (0, react_1.useState)(-1), pageCount = _w[0], setPageCount = _w[1];
|
|
72
|
-
(0, react_1.useEffect)(function () {
|
|
73
|
-
if (!manualPagination) {
|
|
74
|
-
(0, table_methods_1.handleDataUpdate)(tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount);
|
|
75
|
-
}
|
|
76
|
-
}, [pageIndex, pageSize, headerAxis, tableData, manualPagination]);
|
|
77
|
-
(0, react_1.useEffect)(function () {
|
|
78
|
-
if (manualPagination) {
|
|
79
|
-
(0, table_methods_1.handleDataUpdateForManualPagination)(tableData, headerAxis, keepPreviousData, setColumns, setData);
|
|
80
|
-
}
|
|
81
|
-
}, [headerAxis, tableData, manualPagination, keepPreviousData]);
|
|
82
|
-
var table = (0, react_table_1.useReactTable)(__assign(__assign(__assign({ data: data, columns: columns }, (!manualPagination ? { pageCount: pageCount } : {})), { state: __assign({ expanded: expanded, sorting: sorting }, (!manualPagination ? { pagination: pagination } : {})), manualPagination: true, onExpandedChange: setExpanded, onSortingChange: setSorting, enableSorting: enableSorting, sortingFns: sortingFunctions, getSubRows: function (row) { return row.subRows; }, getCoreRowModel: (0, react_table_1.getCoreRowModel)(), getExpandedRowModel: (0, react_table_1.getExpandedRowModel)(), getSortedRowModel: (0, react_table_1.getSortedRowModel)() }), (!manualPagination ? { onPaginationChange: setPagination } : {})));
|
|
83
|
-
var getNextPage = function () { return (manualPagination ? nextPage() : table.nextPage()); };
|
|
84
|
-
var hasNextPage = function () { return (manualPagination ? getCanNextPage() : table.getCanNextPage()); };
|
|
85
|
-
(0, react_1.useEffect)(function () {
|
|
86
|
-
if (!scrollState || !infiniteScrollEnabled || isFetching) {
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
(0, table_methods_1.handleScrollEvent)({ getCanNextPage: hasNextPage, nextPage: getNextPage }, headerAxis, scrollState);
|
|
90
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
91
|
-
}, [scrollState]);
|
|
92
|
-
return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.ScrollableContainer, { ref: scrollableDivElement, tableHeaderAxis: headerAxis, maxHeight: maxHeight, maxWidth: maxWidth, isFlex: isFlex, children: [(0, jsx_runtime_1.jsx)(table_component_1.default, __assign({ table: table, staticColumns: staticColumns, headerAxis: headerAxis }, rest)), manualPagination ? ((0, jsx_runtime_1.jsx)(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching })) : null, (0, jsx_runtime_1.jsx)(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage })] }));
|
|
93
|
-
};
|
|
94
|
-
exports.default = Table;
|
|
95
|
-
//# sourceMappingURL=table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var react_1 = require("react");
|
|
4
|
-
var useDimensionsRef = function (elementRef, parentElementRef) {
|
|
5
|
-
var _a = (0, react_1.useState)({
|
|
6
|
-
width: 0,
|
|
7
|
-
height: 0,
|
|
8
|
-
}), dimensions = _a[0], setDimensions = _a[1];
|
|
9
|
-
(0, react_1.useEffect)(function () {
|
|
10
|
-
var getDimensions = function () { return ({
|
|
11
|
-
width: (elementRef && elementRef.current && elementRef.current.offsetWidth) || 0,
|
|
12
|
-
height: (elementRef && elementRef.current && elementRef.current.offsetHeight) || 0,
|
|
13
|
-
}); };
|
|
14
|
-
var handleResize = function () {
|
|
15
|
-
setDimensions(getDimensions());
|
|
16
|
-
};
|
|
17
|
-
if (elementRef.current) {
|
|
18
|
-
setDimensions(getDimensions());
|
|
19
|
-
}
|
|
20
|
-
var parentElementResizeObserver = new ResizeObserver(function (_e) { return handleResize(); });
|
|
21
|
-
if (parentElementRef === null || parentElementRef === void 0 ? void 0 : parentElementRef.current) {
|
|
22
|
-
parentElementResizeObserver.observe(parentElementRef.current);
|
|
23
|
-
}
|
|
24
|
-
return function () {
|
|
25
|
-
parentElementResizeObserver === null || parentElementResizeObserver === void 0 ? void 0 : parentElementResizeObserver.disconnect();
|
|
26
|
-
};
|
|
27
|
-
}, [elementRef, parentElementRef]);
|
|
28
|
-
return dimensions;
|
|
29
|
-
};
|
|
30
|
-
exports.default = useDimensionsRef;
|
|
31
|
-
//# sourceMappingURL=useDimensionRef.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useDimensionRef.js","sourceRoot":"","sources":["../../src/molecules/useDimensionRef.tsx"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,IAAM,gBAAgB,GAAG,UAAC,UAAwC,EAAE,gBAA8C;IAC1G,IAAA,KAA8B,IAAA,gBAAQ,EAAC;QAC3C,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAA;IAEF,IAAA,iBAAS,EAAC;QACR,IAAM,aAAa,GAAG,cAAM,OAAA,CAAC;YAC3B,KAAK,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;YAChF,MAAM,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;SACnF,CAAC,EAH0B,CAG1B,CAAA;QAEF,IAAM,YAAY,GAAG;YACnB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;QAED,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QAChC,CAAC;QAED,IAAM,2BAA2B,GAAG,IAAI,cAAc,CAAC,UAAC,EAAyB,IAAK,OAAA,YAAY,EAAE,EAAd,CAAc,CAAC,CAAA;QAErG,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,EAAE,CAAC;YAC9B,2BAA2B,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QAC/D,CAAC;QAED,OAAO;YACL,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,UAAU,EAAE,CAAA;QAC3C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAElC,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}
|