@ltht-react/table 1.0.112 → 1.0.114
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/atoms/questionnaire-withdrawn-table-cell.d.ts +6 -6
- package/lib/atoms/questionnaire-withdrawn-table-cell.js +18 -18
- package/lib/index.d.ts +6 -6
- package/lib/index.js +12 -12
- package/lib/molecules/table-cell.d.ts +16 -16
- package/lib/molecules/table-cell.js +95 -95
- package/lib/molecules/table-component.d.ts +22 -22
- package/lib/molecules/table-component.js +71 -71
- package/lib/molecules/table-methods.d.ts +11 -12
- package/lib/molecules/table-methods.js +193 -209
- package/lib/molecules/table-methods.js.map +1 -1
- package/lib/molecules/table-styled-components.d.ts +86 -86
- package/lib/molecules/table-styled-components.js +105 -105
- package/lib/molecules/table-styled-components.js.map +1 -1
- package/lib/molecules/table.d.ts +37 -37
- package/lib/molecules/table.js +90 -98
- package/lib/molecules/table.js.map +1 -1
- package/lib/molecules/useDimensionRef.d.ts +5 -5
- package/lib/molecules/useDimensionRef.js +30 -30
- package/lib/molecules/useScrollRef.d.ts +8 -8
- package/lib/molecules/useScrollRef.js +27 -27
- package/lib/organisms/generic-table.d.ts +11 -11
- package/lib/organisms/generic-table.js +35 -35
- package/lib/organisms/questionnaire-table-methods.d.ts +9 -9
- package/lib/organisms/questionnaire-table-methods.js +231 -231
- package/lib/organisms/questionnaire-table.d.ts +13 -13
- package/lib/organisms/questionnaire-table.js +44 -44
- package/package.json +8 -8
- package/lib/atoms/horizontal.d.ts +0 -8
- package/lib/atoms/horizontal.js +0 -130
- package/lib/atoms/horizontal.js.map +0 -1
- package/lib/atoms/table.d.ts +0 -36
- package/lib/atoms/table.js +0 -106
- package/lib/atoms/table.js.map +0 -1
- package/lib/atoms/vertical.d.ts +0 -8
- package/lib/atoms/vertical.js +0 -89
- package/lib/atoms/vertical.js.map +0 -1
- package/lib/molecules/generic-table.d.ts +0 -11
- package/lib/molecules/generic-table.js +0 -36
- package/lib/molecules/generic-table.js.map +0 -1
- package/lib/molecules/questionnaire-table.d.ts +0 -12
- package/lib/molecules/questionnaire-table.js +0 -131
- package/lib/molecules/questionnaire-table.js.map +0 -1
- package/lib/types.d.ts +0 -3
- package/lib/types.js +0 -3
- package/lib/types.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
declare const useScrollRef: (elementRef: React.RefObject<HTMLElement>) => ScrollState | undefined;
|
|
2
|
-
export interface ScrollState {
|
|
3
|
-
scrollWidth: number;
|
|
4
|
-
scrollHeight: number;
|
|
5
|
-
currentXScroll: number;
|
|
6
|
-
currentYScroll: number;
|
|
7
|
-
}
|
|
8
|
-
export default useScrollRef;
|
|
1
|
+
declare const useScrollRef: (elementRef: React.RefObject<HTMLElement>) => ScrollState | undefined;
|
|
2
|
+
export interface ScrollState {
|
|
3
|
+
scrollWidth: number;
|
|
4
|
+
scrollHeight: number;
|
|
5
|
+
currentXScroll: number;
|
|
6
|
+
currentYScroll: number;
|
|
7
|
+
}
|
|
8
|
+
export default useScrollRef;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var react_1 = require("react");
|
|
4
|
-
var useScrollRef = function (elementRef) {
|
|
5
|
-
var _a = react_1.useState(), scrollState = _a[0], setScrollState = _a[1];
|
|
6
|
-
var element = elementRef.current;
|
|
7
|
-
react_1.useEffect(function () {
|
|
8
|
-
var getScrollState = function () {
|
|
9
|
-
var _a, _b, _c, _d, _e, _f;
|
|
10
|
-
return ({
|
|
11
|
-
scrollWidth: (_a = element === null || element === void 0 ? void 0 : element.scrollWidth) !== null && _a !== void 0 ? _a : 0,
|
|
12
|
-
scrollHeight: (_b = element === null || element === void 0 ? void 0 : element.scrollHeight) !== null && _b !== void 0 ? _b : 0,
|
|
13
|
-
currentXScroll: ((_c = element === null || element === void 0 ? void 0 : element.scrollLeft) !== null && _c !== void 0 ? _c : 0) + ((_d = element === null || element === void 0 ? void 0 : element.clientWidth) !== null && _d !== void 0 ? _d : 0),
|
|
14
|
-
currentYScroll: ((_e = element === null || element === void 0 ? void 0 : element.scrollTop) !== null && _e !== void 0 ? _e : 0) + ((_f = element === null || element === void 0 ? void 0 : element.clientHeight) !== null && _f !== void 0 ? _f : 0),
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
var handleScroll = function () {
|
|
18
|
-
setScrollState(getScrollState());
|
|
19
|
-
};
|
|
20
|
-
element === null || element === void 0 ? void 0 : element.addEventListener('scroll', handleScroll);
|
|
21
|
-
return function () {
|
|
22
|
-
element === null || element === void 0 ? void 0 : element.removeEventListener('scroll', handleScroll);
|
|
23
|
-
};
|
|
24
|
-
}, [element]);
|
|
25
|
-
return scrollState;
|
|
26
|
-
};
|
|
27
|
-
exports.default = useScrollRef;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var react_1 = require("react");
|
|
4
|
+
var useScrollRef = function (elementRef) {
|
|
5
|
+
var _a = react_1.useState(), scrollState = _a[0], setScrollState = _a[1];
|
|
6
|
+
var element = elementRef.current;
|
|
7
|
+
react_1.useEffect(function () {
|
|
8
|
+
var getScrollState = function () {
|
|
9
|
+
var _a, _b, _c, _d, _e, _f;
|
|
10
|
+
return ({
|
|
11
|
+
scrollWidth: (_a = element === null || element === void 0 ? void 0 : element.scrollWidth) !== null && _a !== void 0 ? _a : 0,
|
|
12
|
+
scrollHeight: (_b = element === null || element === void 0 ? void 0 : element.scrollHeight) !== null && _b !== void 0 ? _b : 0,
|
|
13
|
+
currentXScroll: ((_c = element === null || element === void 0 ? void 0 : element.scrollLeft) !== null && _c !== void 0 ? _c : 0) + ((_d = element === null || element === void 0 ? void 0 : element.clientWidth) !== null && _d !== void 0 ? _d : 0),
|
|
14
|
+
currentYScroll: ((_e = element === null || element === void 0 ? void 0 : element.scrollTop) !== null && _e !== void 0 ? _e : 0) + ((_f = element === null || element === void 0 ? void 0 : element.clientHeight) !== null && _f !== void 0 ? _f : 0),
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
var handleScroll = function () {
|
|
18
|
+
setScrollState(getScrollState());
|
|
19
|
+
};
|
|
20
|
+
element === null || element === void 0 ? void 0 : element.addEventListener('scroll', handleScroll);
|
|
21
|
+
return function () {
|
|
22
|
+
element === null || element === void 0 ? void 0 : element.removeEventListener('scroll', handleScroll);
|
|
23
|
+
};
|
|
24
|
+
}, [element]);
|
|
25
|
+
return scrollState;
|
|
26
|
+
};
|
|
27
|
+
exports.default = useScrollRef;
|
|
28
28
|
//# sourceMappingURL=useScrollRef.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Axis } from '@ltht-react/types';
|
|
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
|
-
columnData: TColumn;
|
|
7
|
-
rowData: TRow;
|
|
8
|
-
mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
|
|
9
|
-
headerAxis?: Axis;
|
|
10
|
-
}
|
|
11
|
-
export default GenericTable;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Axis } from '@ltht-react/types';
|
|
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
|
+
columnData: TColumn;
|
|
7
|
+
rowData: TRow;
|
|
8
|
+
mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
|
|
9
|
+
headerAxis?: Axis;
|
|
10
|
+
}
|
|
11
|
+
export default GenericTable;
|
|
@@ -1,36 +1,36 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
-
var table_1 = __importDefault(require("../molecules/table"));
|
|
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, _e = _a.keepPreviousData, keepPreviousData = _e === void 0 ? true : _e, props = __rest(_a, ["columnData", "rowData", "mapToTableData", "headerAxis", "pageSize", "currentPage", "keepPreviousData"]);
|
|
32
|
-
var tableData = mapToTableData(columnData, rowData);
|
|
33
|
-
return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage, keepPreviousData: keepPreviousData }, props), void 0));
|
|
34
|
-
};
|
|
35
|
-
exports.default = GenericTable;
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
+
var table_1 = __importDefault(require("../molecules/table"));
|
|
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, _e = _a.keepPreviousData, keepPreviousData = _e === void 0 ? true : _e, props = __rest(_a, ["columnData", "rowData", "mapToTableData", "headerAxis", "pageSize", "currentPage", "keepPreviousData"]);
|
|
32
|
+
var tableData = mapToTableData(columnData, rowData);
|
|
33
|
+
return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage, keepPreviousData: keepPreviousData }, props), void 0));
|
|
34
|
+
};
|
|
35
|
+
exports.default = GenericTable;
|
|
36
36
|
//# sourceMappingURL=generic-table.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ActionMenuOption } from '@ltht-react/menu';
|
|
2
|
-
import { Axis, Questionnaire, QuestionnaireResponse } from '@ltht-react/types';
|
|
3
|
-
import { TableData } from '../molecules/table';
|
|
4
|
-
declare const mapQuestionnaireDefinitionAndResponsesToTableData: (definition: Questionnaire, questionnaireResponses: QuestionnaireResponse[], axis: Axis, adminActions?: AdminActionsForQuestionnaire[] | undefined) => TableData | undefined;
|
|
5
|
-
export interface AdminActionsForQuestionnaire {
|
|
6
|
-
questionnaire: string;
|
|
7
|
-
adminActions: ActionMenuOption[];
|
|
8
|
-
}
|
|
9
|
-
export default mapQuestionnaireDefinitionAndResponsesToTableData;
|
|
1
|
+
import { ActionMenuOption } from '@ltht-react/menu';
|
|
2
|
+
import { Axis, Questionnaire, QuestionnaireResponse } from '@ltht-react/types';
|
|
3
|
+
import { TableData } from '../molecules/table';
|
|
4
|
+
declare const mapQuestionnaireDefinitionAndResponsesToTableData: (definition: Questionnaire, questionnaireResponses: QuestionnaireResponse[], axis: Axis, adminActions?: AdminActionsForQuestionnaire[] | undefined) => TableData | undefined;
|
|
5
|
+
export interface AdminActionsForQuestionnaire {
|
|
6
|
+
questionnaire: string;
|
|
7
|
+
adminActions: ActionMenuOption[];
|
|
8
|
+
}
|
|
9
|
+
export default mapQuestionnaireDefinitionAndResponsesToTableData;
|