@ltht-react/table 2.0.143 → 2.0.144

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/README.md +15 -15
  2. package/package.json +8 -8
  3. package/src/atoms/questionnaire-withdrawn-table-cell.tsx +15 -15
  4. package/src/index.tsx +8 -8
  5. package/src/molecules/table-cell.tsx +93 -93
  6. package/src/molecules/table-component.tsx +146 -146
  7. package/src/molecules/table-methods.tsx +234 -234
  8. package/src/molecules/table-styled-components.tsx +233 -233
  9. package/src/molecules/table.tsx +161 -161
  10. package/src/molecules/useDimensionRef.tsx +37 -37
  11. package/src/molecules/useScrollRef.tsx +36 -36
  12. package/src/organisms/generic-table.tsx +33 -33
  13. package/src/organisms/questionnaire-table-methods.tsx +349 -349
  14. package/src/organisms/questionnaire-table.tsx +55 -55
  15. package/lib/atoms/questionnaire-withdrawn-table-cell.d.ts +0 -6
  16. package/lib/atoms/questionnaire-withdrawn-table-cell.js +0 -19
  17. package/lib/atoms/questionnaire-withdrawn-table-cell.js.map +0 -1
  18. package/lib/index.d.ts +0 -7
  19. package/lib/index.js +0 -15
  20. package/lib/index.js.map +0 -1
  21. package/lib/molecules/table-cell.d.ts +0 -16
  22. package/lib/molecules/table-cell.js +0 -99
  23. package/lib/molecules/table-cell.js.map +0 -1
  24. package/lib/molecules/table-component.d.ts +0 -20
  25. package/lib/molecules/table-component.js +0 -68
  26. package/lib/molecules/table-component.js.map +0 -1
  27. package/lib/molecules/table-methods.d.ts +0 -11
  28. package/lib/molecules/table-methods.js +0 -198
  29. package/lib/molecules/table-methods.js.map +0 -1
  30. package/lib/molecules/table-styled-components.d.ts +0 -80
  31. package/lib/molecules/table-styled-components.js +0 -103
  32. package/lib/molecules/table-styled-components.js.map +0 -1
  33. package/lib/molecules/table.d.ts +0 -42
  34. package/lib/molecules/table.js +0 -91
  35. package/lib/molecules/table.js.map +0 -1
  36. package/lib/molecules/useDimensionRef.d.ts +0 -5
  37. package/lib/molecules/useDimensionRef.js +0 -31
  38. package/lib/molecules/useDimensionRef.js.map +0 -1
  39. package/lib/molecules/useScrollRef.d.ts +0 -8
  40. package/lib/molecules/useScrollRef.js +0 -28
  41. package/lib/molecules/useScrollRef.js.map +0 -1
  42. package/lib/organisms/generic-table.d.ts +0 -8
  43. package/lib/organisms/generic-table.js +0 -36
  44. package/lib/organisms/generic-table.js.map +0 -1
  45. package/lib/organisms/questionnaire-table-methods.d.ts +0 -9
  46. package/lib/organisms/questionnaire-table-methods.js +0 -245
  47. package/lib/organisms/questionnaire-table-methods.js.map +0 -1
  48. package/lib/organisms/questionnaire-table.d.ts +0 -11
  49. package/lib/organisms/questionnaire-table.js +0 -44
  50. package/lib/organisms/questionnaire-table.js.map +0 -1
@@ -1,80 +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 & {
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 & {
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
- }
80
- export { StyledTable, StyledTableHeader, StyledTableRow, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };
@@ -1,103 +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 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) {
38
- var tableHeaderAxis = _a.tableHeaderAxis, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
39
- return "\n display: ".concat(tableHeaderAxis === 'y' ? 'inline-flex' : 'inline-block', ";\n max-width: ").concat(maxWidth !== null && maxWidth !== void 0 ? maxWidth : '100%', ";\n max-height: ").concat(maxHeight !== null && maxHeight !== void 0 ? maxHeight : '100%', ";\n ");
40
- }, styles_1.SCROLLBAR);
41
- exports.ScrollableContainer = ScrollableContainer;
42
- var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-spacing: 0px;\n border-radius: 6px;\n"], ["\n border-spacing: 0px;\n border-radius: 6px;\n"])));
43
- exports.StyledTable = StyledTable;
44
- 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) {
45
- var stickyWidth = _a.stickyWidth;
46
- return stickyWidth !== undefined &&
47
- "\n position: sticky !important;\n left: ".concat(stickyWidth, "px;\n top: 0;\n z-index: ").concat((0, styles_1.getZIndex)(styles_1.StickyTableData), ";");
48
- });
49
- exports.StyledTableHeader = StyledTableHeader;
50
- 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) {
51
- var stickyWidth = _a.stickyWidth;
52
- return stickyWidth !== undefined &&
53
- "\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), ";");
54
- }, function (_a) {
55
- var tableHeaderAxis = _a.tableHeaderAxis;
56
- return tableHeaderAxis === 'y' &&
57
- "\n &:nth-of-type(even) {\n background-color: ".concat(styles_1.TABLE_COLOURS.STRIPE_DARK, ";\n }");
58
- });
59
- exports.StyledTableData = StyledTableData;
60
- var StyledTableRow = styled_1.default.tr(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
61
- var tableHeaderAxis = _a.tableHeaderAxis;
62
- return tableHeaderAxis === 'x' &&
63
- "\n &:nth-of-type(odd) {\n background-color: ".concat(styles_1.TABLE_COLOURS.STRIPE_DARK, ";\n }");
64
- });
65
- exports.StyledTableRow = StyledTableRow;
66
- 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);
67
- exports.PaginationContainer = PaginationContainer;
68
- 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);
69
- exports.StyledPaginationPageInput = StyledPaginationPageInput;
70
- 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);
71
- exports.StyledPaginationPageSelect = StyledPaginationPageSelect;
72
- 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"])));
73
- exports.StyledHideOnMobile = StyledHideOnMobile;
74
- 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"])));
75
- exports.StyledPaginationButtonDiv = StyledPaginationButtonDiv;
76
- 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"])));
77
- exports.StyledPageCountDiv = StyledPageCountDiv;
78
- 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);
79
- exports.StyledStandardButton = StyledStandardButton;
80
- 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);
81
- exports.StyledPaginationButton = StyledPaginationButton;
82
- 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"])));
83
- exports.StyledSpinnerIcon = StyledSpinnerIcon;
84
- 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) {
85
- var hidden = _a.hidden, elementPosition = _a.elementPosition;
86
- if (!hidden) {
87
- return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
88
- }
89
- return 'none';
90
- });
91
- exports.StyledNextPageButtonContainer = StyledNextPageButtonContainer;
92
- 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) {
93
- var hidden = _a.hidden, elementPosition = _a.elementPosition;
94
- if (!hidden) {
95
- return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
96
- }
97
- return 'none';
98
- });
99
- exports.StyledSpinnerContainer = StyledSpinnerContainer;
100
- 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));
101
- exports.StyledTHead = StyledTHead;
102
- 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;
103
- //# 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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"}
@@ -1,42 +0,0 @@
1
- import { FC } 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 {
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
- nextPage?: () => void;
20
- getCanNextPage?: () => boolean;
21
- isFetching?: boolean;
22
- keepPreviousData?: boolean;
23
- }
24
- export interface ITableDimensionProps {
25
- maxWidth?: string;
26
- maxHeight?: string;
27
- }
28
- type DataEntity = Record<string, CellProps | DataEntity[]> & {
29
- subRows?: DataEntity[];
30
- };
31
- interface Header {
32
- type: 'accessor' | 'group' | 'display';
33
- id: string;
34
- cellProps: CellProps;
35
- subHeaders?: Header[];
36
- }
37
- interface TableData {
38
- headers: Header[];
39
- rows: DataEntity[];
40
- }
41
- export default Table;
42
- export { DataEntity, CellProps, Header, TableData };
@@ -1,91 +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 __importDefault = (this && this.__importDefault) || function (mod) {
37
- return (mod && mod.__esModule) ? mod : { "default": mod };
38
- };
39
- Object.defineProperty(exports, "__esModule", { value: true });
40
- var jsx_runtime_1 = require("react/jsx-runtime");
41
- var react_1 = require("react");
42
- var react_table_1 = require("@tanstack/react-table");
43
- var table_styled_components_1 = require("./table-styled-components");
44
- var useScrollRef_1 = __importDefault(require("./useScrollRef"));
45
- var table_methods_1 = require("./table-methods");
46
- var table_component_1 = __importStar(require("./table-component"));
47
- var Table = function (_a) {
48
- 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, _l = _a.enableSorting, enableSorting = _l === void 0 ? true : _l, _m = _a.sortingFunctions, sortingFunctions = _m === void 0 ? undefined : _m;
49
- var scrollableDivElement = (0, react_1.useRef)(null);
50
- var scrollState = (0, useScrollRef_1.default)(scrollableDivElement);
51
- var _o = (0, react_1.useState)({}), expanded = _o[0], setExpanded = _o[1];
52
- var _p = (0, react_1.useState)([]), sorting = _p[0], setSorting = _p[1];
53
- var _q = (0, react_1.useState)({
54
- pageIndex: currentPage - 1,
55
- pageSize: pageSizeParam,
56
- }), _r = _q[0], pageIndex = _r.pageIndex, pageSize = _r.pageSize, setPagination = _q[1];
57
- var pagination = (0, react_1.useMemo)(function () { return ({ pageIndex: pageIndex, pageSize: pageSize }); }, [pageIndex, pageSize]);
58
- var _s = (0, react_1.useState)([]), data = _s[0], setData = _s[1];
59
- var _t = (0, react_1.useState)([]), columns = _t[0], setColumns = _t[1];
60
- var _u = (0, react_1.useState)(-1), pageCount = _u[0], setPageCount = _u[1];
61
- (0, react_1.useEffect)(function () {
62
- if (!manualPagination) {
63
- (0, table_methods_1.handleDataUpdate)(tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount);
64
- }
65
- }, [pageIndex, pageSize, headerAxis, tableData, manualPagination]);
66
- (0, react_1.useEffect)(function () {
67
- if (manualPagination) {
68
- (0, table_methods_1.handleDataUpdateForManualPagination)(tableData, headerAxis, keepPreviousData, setColumns, setData);
69
- }
70
- }, [headerAxis, tableData, manualPagination, keepPreviousData]);
71
- 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 } : {})));
72
- (0, react_1.useEffect)(function () {
73
- if (!scrollState) {
74
- return;
75
- }
76
- if (!manualPagination) {
77
- (0, table_methods_1.handleScrollEvent)(table, headerAxis, scrollState);
78
- }
79
- }, [scrollState, table, headerAxis, manualPagination]);
80
- var getNextPage = function () {
81
- if (manualPagination) {
82
- nextPage();
83
- }
84
- else {
85
- table.nextPage();
86
- }
87
- };
88
- return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.ScrollableContainer, { ref: scrollableDivElement, tableHeaderAxis: headerAxis, maxHeight: maxHeight, maxWidth: maxWidth, children: [(0, jsx_runtime_1.jsx)(table_component_1.default, { table: table, staticColumns: staticColumns, headerAxis: headerAxis }), 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 })] }));
89
- };
90
- exports.default = Table;
91
- //# 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,5 +0,0 @@
1
- declare const useDimensionsRef: (elementRef: React.RefObject<HTMLElement>, parentElementRef: React.RefObject<HTMLElement>) => {
2
- width: number;
3
- height: number;
4
- };
5
- export default useDimensionsRef;
@@ -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"}
@@ -1,8 +0,0 @@
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 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var react_1 = require("react");
4
- var useScrollRef = function (elementRef) {
5
- var _a = (0, react_1.useState)(), scrollState = _a[0], setScrollState = _a[1];
6
- var element = elementRef.current;
7
- (0, 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
- //# sourceMappingURL=useScrollRef.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useScrollRef.js","sourceRoot":"","sources":["../../src/molecules/useScrollRef.tsx"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,IAAM,YAAY,GAAG,UAAC,UAAwC;IACtD,IAAA,KAAgC,IAAA,gBAAQ,GAAe,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAElC,IAAA,iBAAS,EAAC;QACR,IAAM,cAAc,GAAG;;YAAmB,OAAA,CAAC;gBACzC,WAAW,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,CAAC;gBACtC,YAAY,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,CAAC;gBACxC,cAAc,EAAE,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,CAAC,CAAC;gBACxE,cAAc,EAAE,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,CAAC,CAAC;aACzE,CAAC,CAAA;SAAA,CAAA;QAEF,IAAM,YAAY,GAAG;YACnB,cAAc,CAAC,cAAc,EAAE,CAAC,CAAA;QAClC,CAAC,CAAA;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAEjD,OAAO;YACL,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AASD,kBAAe,YAAY,CAAA"}
@@ -1,8 +0,0 @@
1
- import { IPaginationProps, ITableDimensionProps, ITableConfig, TableData } from '../molecules/table';
2
- declare const GenericTable: <TColumn, TRow>({ columnData, rowData, mapToTableData, headerAxis, pageSize, currentPage, keepPreviousData, ...props }: IProps<TColumn, TRow>) => import("react/jsx-runtime").JSX.Element;
3
- interface IProps<TColumn, TRow> extends ITableConfig, IPaginationProps, ITableDimensionProps {
4
- columnData: TColumn;
5
- rowData: TRow;
6
- mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
7
- }
8
- export default GenericTable;
@@ -1,36 +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 __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 ((0, jsx_runtime_1.jsx)(table_1.default, __assign({ tableData: tableData, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage, keepPreviousData: keepPreviousData }, props)));
34
- };
35
- exports.default = GenericTable;
36
- //# sourceMappingURL=generic-table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAA2G;AAE3G,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,uBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAQD,kBAAe,YAAY,CAAA"}
@@ -1,9 +0,0 @@
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[]) => TableData | undefined;
5
- export interface AdminActionsForQuestionnaire {
6
- questionnaire: string;
7
- adminActions: ActionMenuOption[];
8
- }
9
- export default mapQuestionnaireDefinitionAndResponsesToTableData;