@ltht-react/table 1.0.43 → 1.0.46
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/lib/molecules/table-methods.d.ts +1 -1
- package/lib/molecules/table-methods.js +3 -3
- package/lib/molecules/table-methods.js.map +1 -1
- package/lib/molecules/table-styled-components.d.ts +2 -0
- package/lib/molecules/table-styled-components.js +4 -3
- package/lib/molecules/table-styled-components.js.map +1 -1
- package/lib/molecules/table.d.ts +9 -2
- package/lib/molecules/table.js +13 -13
- package/lib/molecules/table.js.map +1 -1
- package/lib/organisms/generic-table.d.ts +3 -9
- package/lib/organisms/generic-table.js +2 -2
- package/lib/organisms/generic-table.js.map +1 -1
- package/lib/organisms/questionnaire-table.d.ts +2 -7
- package/lib/organisms/questionnaire-table.js +2 -2
- package/lib/organisms/questionnaire-table.js.map +1 -1
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
# Select
|
|
2
|
-
|
|
3
|
-
<!-- STORY -->
|
|
4
|
-
|
|
5
|
-
### Import
|
|
6
|
-
|
|
7
|
-
```js
|
|
8
|
-
import Select from '@ltht-react/table'
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
### Usage
|
|
12
|
-
|
|
13
|
-
```jsx
|
|
14
|
-
<Table />
|
|
15
|
-
```
|
|
1
|
+
# Select
|
|
2
|
+
|
|
3
|
+
<!-- STORY -->
|
|
4
|
+
|
|
5
|
+
### Import
|
|
6
|
+
|
|
7
|
+
```js
|
|
8
|
+
import Select from '@ltht-react/table'
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
### Usage
|
|
12
|
+
|
|
13
|
+
```jsx
|
|
14
|
+
<Table />
|
|
15
|
+
```
|
|
@@ -8,5 +8,5 @@ declare const calculateStaticColumnOffset: (cellIdx: number, staticColumns: numb
|
|
|
8
8
|
declare const handleScrollEvent: (table: Table<DataEntity>, headerAxis: Axis, scrollState: ScrollState) => void;
|
|
9
9
|
declare const handleScrollEventManual: (getCanNextPage: () => boolean, nextPage: () => void, headerAxis: Axis, scrollState: ScrollState) => void;
|
|
10
10
|
declare const handleDataUpdate: (tableData: TableData, pageIndex: number, pageSize: number, headerAxis: Axis, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void, setPageCount: (value: React.SetStateAction<number>) => void) => void;
|
|
11
|
-
declare const handleDataUpdateForManualPagination: (tableData: TableData, headerAxis: Axis, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void) => void;
|
|
11
|
+
declare const handleDataUpdateForManualPagination: (tableData: TableData, headerAxis: Axis, keepPreviousData: boolean, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void) => void;
|
|
12
12
|
export { createColumns, calculateStaticColumnOffset, handleScrollEvent, handleScrollEventManual, handleDataUpdate, handleDataUpdateForManualPagination, };
|
|
@@ -178,10 +178,10 @@ var calculateSliceStartPoint = function (oldLength, usingExpanderColumn) {
|
|
|
178
178
|
}
|
|
179
179
|
return 0;
|
|
180
180
|
};
|
|
181
|
-
var handleDataUpdateForManualPagination = function (tableData, headerAxis, setColumns, setData) {
|
|
181
|
+
var handleDataUpdateForManualPagination = function (tableData, headerAxis, keepPreviousData, setColumns, setData) {
|
|
182
182
|
if (headerAxis === 'x') {
|
|
183
183
|
setData(function (old) {
|
|
184
|
-
var newData = __spreadArray(__spreadArray([], old), tableData.rows);
|
|
184
|
+
var newData = keepPreviousData ? __spreadArray(__spreadArray([], old), tableData.rows) : tableData.rows;
|
|
185
185
|
setColumns(createColumns({ headers: tableData.headers, rows: newData }));
|
|
186
186
|
return newData;
|
|
187
187
|
});
|
|
@@ -190,7 +190,7 @@ var handleDataUpdateForManualPagination = function (tableData, headerAxis, setCo
|
|
|
190
190
|
setColumns(function (old) {
|
|
191
191
|
var newColumns = createColumns(tableData);
|
|
192
192
|
var sliceStartPoint = calculateSliceStartPoint(old.length, tableData.rows.some(function (x) { return x.subRows; }));
|
|
193
|
-
return __spreadArray(__spreadArray([], old), newColumns.slice(sliceStartPoint, newColumns.length));
|
|
193
|
+
return keepPreviousData ? __spreadArray(__spreadArray([], old), newColumns.slice(sliceStartPoint, newColumns.length)) : newColumns;
|
|
194
194
|
});
|
|
195
195
|
setData(tableData.rows);
|
|
196
196
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-methods.js","sourceRoot":"","sources":["../../src/molecules/table-methods.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAyG;AAKzG,4DAAmD;AAGnD,IAAM,aAAa,GAAG,UAAC,SAAoB;IACzC,IAAM,YAAY,GAAG,gCAAkB,EAAc,CAAA;IAErD,IAAI,OAAO,GAAG,wBAAwB,CAAC,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAEvE,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,EAAE;QAC7C,OAAO,GAAG,kCAAkC,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;KACpE;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"table-methods.js","sourceRoot":"","sources":["../../src/molecules/table-methods.tsx"],"names":[],"mappings":"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"}
|
|
@@ -75,5 +75,7 @@ interface IStyledNextPageButtonContainer {
|
|
|
75
75
|
}
|
|
76
76
|
interface IScrollableContainer {
|
|
77
77
|
tableHeaderAxis: Axis;
|
|
78
|
+
maxHeight?: string;
|
|
79
|
+
maxWidth?: string;
|
|
78
80
|
}
|
|
79
81
|
export { StyledTable, StyledTableHeader, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };
|
|
@@ -11,9 +11,10 @@ exports.StyledSpinnerContainer = exports.StyledTHead = exports.StyledNextPageBut
|
|
|
11
11
|
var styles_1 = require("@ltht-react/styles");
|
|
12
12
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
13
13
|
var icon_1 = require("@ltht-react/icon");
|
|
14
|
-
var ScrollableContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n background-color: white;\n
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
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 ",
|
|
15
|
+
"\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) {
|
|
16
|
+
var tableHeaderAxis = _a.tableHeaderAxis, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
|
|
17
|
+
return "\n display: " + (tableHeaderAxis === 'y' ? 'inline-flex' : 'inline-block') + ";\n max-width: " + (maxWidth !== null && maxWidth !== void 0 ? maxWidth : '100%') + ";\n max-height: " + (maxHeight !== null && maxHeight !== void 0 ? maxHeight : '100%') + ";\n ";
|
|
17
18
|
}, styles_1.SCROLLBAR);
|
|
18
19
|
exports.ScrollableContainer = ScrollableContainer;
|
|
19
20
|
var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: white;\n border-collapse: separate;\n border-spacing: 0px;\n border-radius: 6px;\n"], ["\n background-color: white;\n border-collapse: separate;\n border-spacing: 0px;\n border-radius: 6px;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-styled-components.js","sourceRoot":"","sources":["../../src/molecules/table-styled-components.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,6CAO2B;AAC3B,2DAAoC;AACpC,yCAAmD;AAGnD,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,
|
|
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
CHANGED
|
@@ -2,16 +2,23 @@ import { FC } from 'react';
|
|
|
2
2
|
import { Axis } from '@ltht-react/types';
|
|
3
3
|
import { CellProps } from './table-cell';
|
|
4
4
|
declare const Table: FC<IProps>;
|
|
5
|
-
interface IProps {
|
|
5
|
+
interface IProps extends IPaginationProps, ITableDimensionProps {
|
|
6
6
|
tableData: TableData;
|
|
7
7
|
staticColumns?: 0 | 1 | 2;
|
|
8
|
+
headerAxis?: Axis;
|
|
9
|
+
}
|
|
10
|
+
export interface IPaginationProps {
|
|
8
11
|
currentPage?: number;
|
|
9
12
|
pageSize?: number;
|
|
10
|
-
headerAxis?: Axis;
|
|
11
13
|
manualPagination?: boolean;
|
|
12
14
|
nextPage?: () => void;
|
|
13
15
|
getCanNextPage?: () => boolean;
|
|
14
16
|
isFetching?: boolean;
|
|
17
|
+
keepPreviousData?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface ITableDimensionProps {
|
|
20
|
+
maxWidth?: string;
|
|
21
|
+
maxHeight?: string;
|
|
15
22
|
}
|
|
16
23
|
declare type DataEntity = Record<string, CellProps | DataEntity[]> & {
|
|
17
24
|
subRows?: DataEntity[];
|
package/lib/molecules/table.js
CHANGED
|
@@ -41,19 +41,19 @@ var useScrollRef_1 = __importDefault(require("./useScrollRef"));
|
|
|
41
41
|
var table_methods_1 = require("./table-methods");
|
|
42
42
|
var table_component_1 = __importStar(require("./table-component"));
|
|
43
43
|
var Table = function (_a) {
|
|
44
|
-
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.getCanNextPage, getCanNextPage = _g === void 0 ? function () { return false; } : _g, _h = _a.nextPage, nextPage = _h === void 0 ? function () { return null; } : _h, _j = _a.isFetching, isFetching = _j === void 0 ? false : _j;
|
|
44
|
+
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.getCanNextPage, getCanNextPage = _g === void 0 ? function () { return false; } : _g, _h = _a.nextPage, nextPage = _h === void 0 ? function () { return null; } : _h, _j = _a.isFetching, isFetching = _j === void 0 ? false : _j, _k = _a.keepPreviousData, keepPreviousData = _k === void 0 ? false : _k, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth;
|
|
45
45
|
var scrollableDivElement = react_1.useRef(null);
|
|
46
46
|
var scrollState = useScrollRef_1.default(scrollableDivElement);
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
47
|
+
var _l = react_1.useState({}), expanded = _l[0], setExpanded = _l[1];
|
|
48
|
+
var _m = react_1.useState([]), sorting = _m[0], setSorting = _m[1];
|
|
49
|
+
var _o = react_1.useState({
|
|
50
50
|
pageIndex: currentPage - 1,
|
|
51
51
|
pageSize: pageSizeParam,
|
|
52
|
-
}),
|
|
52
|
+
}), _p = _o[0], pageIndex = _p.pageIndex, pageSize = _p.pageSize, setPagination = _o[1];
|
|
53
53
|
var pagination = react_1.useMemo(function () { return ({ pageIndex: pageIndex, pageSize: pageSize }); }, [pageIndex, pageSize]);
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
54
|
+
var _q = react_1.useState([]), data = _q[0], setData = _q[1];
|
|
55
|
+
var _r = react_1.useState([]), columns = _r[0], setColumns = _r[1];
|
|
56
|
+
var _s = react_1.useState(-1), pageCount = _s[0], setPageCount = _s[1];
|
|
57
57
|
react_1.useEffect(function () {
|
|
58
58
|
if (!manualPagination) {
|
|
59
59
|
table_methods_1.handleDataUpdate(tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount);
|
|
@@ -61,9 +61,9 @@ var Table = function (_a) {
|
|
|
61
61
|
}, [pageIndex, pageSize, headerAxis, tableData, manualPagination]);
|
|
62
62
|
react_1.useEffect(function () {
|
|
63
63
|
if (manualPagination) {
|
|
64
|
-
table_methods_1.handleDataUpdateForManualPagination(tableData, headerAxis, setColumns, setData);
|
|
64
|
+
table_methods_1.handleDataUpdateForManualPagination(tableData, headerAxis, keepPreviousData, setColumns, setData);
|
|
65
65
|
}
|
|
66
|
-
}, [headerAxis, tableData, manualPagination]);
|
|
66
|
+
}, [headerAxis, tableData, manualPagination, keepPreviousData]);
|
|
67
67
|
var table = react_table_1.useReactTable(__assign(__assign(__assign({ data: data,
|
|
68
68
|
columns: columns }, (!manualPagination ? { pageCount: pageCount } : {})), { state: __assign({ expanded: expanded,
|
|
69
69
|
sorting: sorting }, (!manualPagination ? { pagination: pagination } : {})), manualPagination: true, onExpandedChange: setExpanded, onSortingChange: setSorting, getSubRows: function (row) { return row.subRows; }, getCoreRowModel: react_table_1.getCoreRowModel(), getExpandedRowModel: react_table_1.getExpandedRowModel(), getSortedRowModel: react_table_1.getSortedRowModel() }), (!manualPagination ? { onPaginationChange: setPagination } : {})));
|
|
@@ -91,9 +91,9 @@ var Table = function (_a) {
|
|
|
91
91
|
table.nextPage();
|
|
92
92
|
}
|
|
93
93
|
};
|
|
94
|
-
return (jsx_runtime_1.
|
|
95
|
-
|
|
96
|
-
|
|
94
|
+
return (jsx_runtime_1.jsxs(table_styled_components_1.ScrollableContainer, __assign({ ref: scrollableDivElement, tableHeaderAxis: headerAxis }, { maxHeight: maxHeight, maxWidth: maxWidth }, { children: [jsx_runtime_1.jsx(table_component_1.default, { table: table, staticColumns: staticColumns }, void 0),
|
|
95
|
+
manualPagination ? (jsx_runtime_1.jsx(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching }, void 0)) : null,
|
|
96
|
+
jsx_runtime_1.jsx(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage }, void 0)] }), void 0));
|
|
97
97
|
};
|
|
98
98
|
exports.default = Table;
|
|
99
99
|
//# sourceMappingURL=table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgE;AAChE,qDAS8B;AAE9B,qEAA+D;AAC/D,gEAAyC;AACzC,iDAKwB;AACxB,mEAAuF;AAGvF,IAAM,KAAK,GAAe,UAAC,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Axis } from '@ltht-react/types';
|
|
3
|
-
import { TableData } from '../molecules/table';
|
|
4
|
-
declare const GenericTable: <TColumn, TRow>({ columnData, rowData, mapToTableData, headerAxis, pageSize, currentPage, ...props }: IProps<TColumn, TRow>) => JSX.Element;
|
|
5
|
-
interface IProps<TColumn, TRow> {
|
|
3
|
+
import { IPaginationProps, ITableDimensionProps, TableData } from '../molecules/table';
|
|
4
|
+
declare const GenericTable: <TColumn, TRow>({ columnData, rowData, mapToTableData, headerAxis, pageSize, currentPage, keepPreviousData, ...props }: IProps<TColumn, TRow>) => JSX.Element;
|
|
5
|
+
interface IProps<TColumn, TRow> extends IPaginationProps, ITableDimensionProps {
|
|
6
6
|
columnData: TColumn;
|
|
7
7
|
rowData: TRow;
|
|
8
8
|
mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
|
|
9
9
|
headerAxis?: Axis;
|
|
10
|
-
currentPage?: number;
|
|
11
|
-
pageSize?: number;
|
|
12
|
-
manualPagination?: boolean;
|
|
13
|
-
nextPage?: () => void;
|
|
14
|
-
getCanNextPage?: () => boolean;
|
|
15
|
-
isFetching?: boolean;
|
|
16
10
|
}
|
|
17
11
|
export default GenericTable;
|
|
@@ -28,9 +28,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
29
|
var table_1 = __importDefault(require("../molecules/table"));
|
|
30
30
|
var GenericTable = function (_a) {
|
|
31
|
-
var columnData = _a.columnData, rowData = _a.rowData, mapToTableData = _a.mapToTableData, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'x' : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 10 : _c, _d = _a.currentPage, currentPage = _d === void 0 ? 1 : _d, props = __rest(_a, ["columnData", "rowData", "mapToTableData", "headerAxis", "pageSize", "currentPage"]);
|
|
31
|
+
var columnData = _a.columnData, rowData = _a.rowData, mapToTableData = _a.mapToTableData, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'x' : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 10 : _c, _d = _a.currentPage, currentPage = _d === void 0 ? 1 : _d, _e = _a.keepPreviousData, keepPreviousData = _e === void 0 ? true : _e, props = __rest(_a, ["columnData", "rowData", "mapToTableData", "headerAxis", "pageSize", "currentPage", "keepPreviousData"]);
|
|
32
32
|
var tableData = mapToTableData(columnData, rowData);
|
|
33
|
-
return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage }, props), void 0));
|
|
33
|
+
return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage, keepPreviousData: keepPreviousData }, props), void 0));
|
|
34
34
|
};
|
|
35
35
|
exports.default = GenericTable;
|
|
36
36
|
//# sourceMappingURL=generic-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6DAA6F;AAE7F,IAAM,YAAY,GAAG,UAAgB,EASb;IARtB,IAAA,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACpB,KAAK,cAR2B,wGASpC,CADS;IAER,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,CACL,kBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,UACT,CACH,CAAA;AACH,CAAC,CAAA;AASD,kBAAe,YAAY,CAAA"}
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import { QuestionnaireResponse, Axis, Questionnaire } from '@ltht-react/types';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
import { IPaginationProps, ITableDimensionProps } from '../molecules/table';
|
|
3
4
|
import { AdminActionsForQuestionnaire } from './questionnaire-table-methods';
|
|
4
5
|
declare const QuestionnaireTable: FC<IProps>;
|
|
5
|
-
interface IProps {
|
|
6
|
+
interface IProps extends IPaginationProps, ITableDimensionProps {
|
|
6
7
|
definition: Questionnaire;
|
|
7
8
|
records: QuestionnaireResponse[];
|
|
8
9
|
headerAxis?: Axis;
|
|
9
10
|
adminActions?: AdminActionsForQuestionnaire[];
|
|
10
11
|
staticColumns?: 0 | 1 | 2;
|
|
11
|
-
currentPage?: number;
|
|
12
|
-
pageSize?: number;
|
|
13
|
-
manualPagination?: boolean;
|
|
14
|
-
nextPage?: () => void;
|
|
15
|
-
getCanNextPage?: () => boolean;
|
|
16
|
-
isFetching?: boolean;
|
|
17
12
|
}
|
|
18
13
|
export default QuestionnaireTable;
|
|
@@ -31,7 +31,7 @@ var icon_1 = require("@ltht-react/icon");
|
|
|
31
31
|
var table_1 = __importDefault(require("../molecules/table"));
|
|
32
32
|
var questionnaire_table_methods_1 = __importDefault(require("./questionnaire-table-methods"));
|
|
33
33
|
var QuestionnaireTable = function (_a) {
|
|
34
|
-
var definition = _a.definition, records = _a.records, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'y' : _b, _c = _a.staticColumns, staticColumns = _c === void 0 ? 0 : _c, adminActions = _a.adminActions, _d = _a.pageSize, pageSize = _d === void 0 ? 10 : _d, _e = _a.currentPage, currentPage = _e === void 0 ? 1 : _e, props = __rest(_a, ["definition", "records", "headerAxis", "staticColumns", "adminActions", "pageSize", "currentPage"]);
|
|
34
|
+
var definition = _a.definition, records = _a.records, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'y' : _b, _c = _a.staticColumns, staticColumns = _c === void 0 ? 0 : _c, adminActions = _a.adminActions, _d = _a.pageSize, pageSize = _d === void 0 ? 10 : _d, _e = _a.currentPage, currentPage = _e === void 0 ? 1 : _e, _f = _a.keepPreviousData, keepPreviousData = _f === void 0 ? true : _f, props = __rest(_a, ["definition", "records", "headerAxis", "staticColumns", "adminActions", "pageSize", "currentPage", "keepPreviousData"]);
|
|
35
35
|
var tableData = react_1.useMemo(function () { return questionnaire_table_methods_1.default(definition, records, headerAxis, adminActions); }, [headerAxis, definition, records, adminActions]);
|
|
36
36
|
// TODO: Replace this fragment with a properly styled error component.
|
|
37
37
|
// Maybe this could be a re-usable atom?
|
|
@@ -39,7 +39,7 @@ var QuestionnaireTable = function (_a) {
|
|
|
39
39
|
return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(icon_1.Icon, { type: "exclamation", size: "large", status: "red" }, void 0),
|
|
40
40
|
jsx_runtime_1.jsx("div", { children: "An error occurred whilst loading this table." }, void 0)] }, void 0));
|
|
41
41
|
}
|
|
42
|
-
return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, staticColumns: staticColumns, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage }, props), void 0));
|
|
42
|
+
return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, staticColumns: staticColumns, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage, keepPreviousData: keepPreviousData }, props), void 0));
|
|
43
43
|
};
|
|
44
44
|
exports.default = QuestionnaireTable;
|
|
45
45
|
//# sourceMappingURL=questionnaire-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAmC;AACnC,yCAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAmC;AACnC,yCAAuC;AACvC,6DAAkF;AAClF,8FAEsC;AAEtC,IAAM,kBAAkB,GAAe,UAAC,EAUvC;IATC,IAAA,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA,EACjB,YAAY,kBAAA,EACZ,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACpB,KAAK,cAT8B,uHAUvC,CADS;IAER,IAAM,SAAS,GAAG,eAAO,CACvB,cAAM,OAAA,qCAAiD,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,EAAhG,CAAgG,EACtG,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,CAChD,CAAA;IAED,sEAAsE;IACtE,wCAAwC;IACxC,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CACL,wDACE,kBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,WAAG;gBACrD,8FAAuD,YACtD,CACJ,CAAA;KACF;IAED,OAAO,CACL,kBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,UACT,CACH,CAAA;AACH,CAAC,CAAA;AAUD,kBAAe,kBAAkB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/table",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.46",
|
|
4
4
|
"description": "ltht-react Table component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@emotion/react": "^11.0.0",
|
|
29
29
|
"@emotion/styled": "^11.0.0",
|
|
30
|
-
"@ltht-react/button": "^1.3.
|
|
31
|
-
"@ltht-react/icon": "^1.3.
|
|
32
|
-
"@ltht-react/menu": "^1.0.
|
|
33
|
-
"@ltht-react/styles": "^1.3.
|
|
34
|
-
"@ltht-react/types": "^1.0.
|
|
35
|
-
"@ltht-react/utils": "^1.1.
|
|
30
|
+
"@ltht-react/button": "^1.3.171",
|
|
31
|
+
"@ltht-react/icon": "^1.3.171",
|
|
32
|
+
"@ltht-react/menu": "^1.0.13",
|
|
33
|
+
"@ltht-react/styles": "^1.3.163",
|
|
34
|
+
"@ltht-react/types": "^1.0.167",
|
|
35
|
+
"@ltht-react/utils": "^1.1.169",
|
|
36
36
|
"@tanstack/react-table": "^8.5.22",
|
|
37
37
|
"react": "^17.0.0",
|
|
38
38
|
"react-uuid": "^2.0.0"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "ff6efd34ce7cfa8842ca402148a41185bb71fa68",
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@types/react-table": "^7.7.12"
|
|
43
43
|
}
|