@ltht-react/table 1.0.12 → 1.0.16
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/lib/atoms/table.d.ts +13 -2
- package/lib/atoms/table.js +34 -19
- package/lib/atoms/table.js.map +1 -1
- package/lib/index.d.ts +8 -0
- package/lib/index.js +13 -0
- package/lib/index.js.map +1 -1
- package/lib/molecules/generic-table.d.ts +11 -0
- package/lib/molecules/generic-table.js +36 -0
- package/lib/molecules/generic-table.js.map +1 -0
- package/lib/molecules/questionnaire-table.js +3 -2
- package/lib/molecules/questionnaire-table.js.map +1 -1
- package/package.json +5 -5
package/lib/atoms/table.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
export default function Table<TColumn, TRow>({ tableData, columnData, rowData, mapToTableData, }: IProps<TColumn, TRow>): JSX.Element;
|
|
3
3
|
interface IProps<TColumn, TRow> {
|
|
4
4
|
tableData?: TableData;
|
|
@@ -6,20 +6,31 @@ interface IProps<TColumn, TRow> {
|
|
|
6
6
|
rowData?: TRow;
|
|
7
7
|
mapToTableData?: (colItems: TColumn, rowItems: TRow) => TableData;
|
|
8
8
|
}
|
|
9
|
+
export interface ICellProps {
|
|
10
|
+
value: string;
|
|
11
|
+
row: Record<string, ReactTableCell>;
|
|
12
|
+
columnId: string;
|
|
13
|
+
}
|
|
9
14
|
export interface Header {
|
|
10
|
-
|
|
15
|
+
id?: string;
|
|
16
|
+
header: string | JSX.Element;
|
|
11
17
|
accessor: string;
|
|
12
18
|
subheaders?: Header[];
|
|
19
|
+
cell?: FC<ICellProps>;
|
|
13
20
|
}
|
|
14
21
|
export interface Cell {
|
|
15
22
|
key: string;
|
|
16
23
|
value: string;
|
|
24
|
+
render?: FC<ICellProps>;
|
|
17
25
|
}
|
|
18
26
|
export interface CellRow {
|
|
27
|
+
id?: string;
|
|
19
28
|
cells: Cell[];
|
|
29
|
+
render?: FC<ICellProps>;
|
|
20
30
|
}
|
|
21
31
|
export interface TableData {
|
|
22
32
|
headers: Header[];
|
|
23
33
|
rows: CellRow[];
|
|
24
34
|
}
|
|
35
|
+
export declare type ReactTableCell = string | FC<ICellProps> | Record<string, FC<ICellProps>>;
|
|
25
36
|
export {};
|
package/lib/atoms/table.js
CHANGED
|
@@ -20,34 +20,50 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
22
|
var react_table_1 = require("react-table");
|
|
23
|
-
var CssBaseline_1 = __importDefault(require("@material-ui/core/CssBaseline"));
|
|
24
|
-
var Table_1 = __importDefault(require("@material-ui/core/Table"));
|
|
25
|
-
var TableBody_1 = __importDefault(require("@material-ui/core/TableBody"));
|
|
26
|
-
var TableCell_1 = __importDefault(require("@material-ui/core/TableCell"));
|
|
27
|
-
var TableHead_1 = __importDefault(require("@material-ui/core/TableHead"));
|
|
28
|
-
var TableRow_1 = __importDefault(require("@material-ui/core/TableRow"));
|
|
29
23
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
30
24
|
var styles_1 = require("@ltht-react/styles");
|
|
31
25
|
var react_1 = require("react");
|
|
32
|
-
var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: white;\n"], ["\n background-color: white;\n"])));
|
|
33
|
-
var
|
|
26
|
+
var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n background-color: white;\n border-radius: 6px;\n display: inline-block;\n"], ["\n ", ";\n background-color: white;\n border-radius: 6px;\n display: inline-block;\n"])), styles_1.CSS_RESET);
|
|
27
|
+
var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: white;\n border-collapse: collapse;\n border-radius: 6px;\n border: thin solid rgba(200, 200, 200, 0.5);\n padding: 1rem;\n"], ["\n background-color: white;\n border-collapse: collapse;\n border-radius: 6px;\n border: thin solid rgba(200, 200, 200, 0.5);\n padding: 1rem;\n"])));
|
|
28
|
+
var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border: thin solid rgba(200, 200, 200, 0.5);\n font-weight: bold;\n padding: 1rem;\n"], ["\n background-color: ", ";\n border: thin solid rgba(200, 200, 200, 0.5);\n font-weight: bold;\n padding: 1rem;\n"])), styles_1.TRANSLUCENT_MID_GREY);
|
|
29
|
+
var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: thin solid rgba(200, 200, 200, 0.5);\n white-space: nowrap;\n\n &:first-of-type {\n background-color: ", " !important;\n }\n"], ["\n border: thin solid rgba(200, 200, 200, 0.5);\n white-space: nowrap;\n\n &:first-of-type {\n background-color: ", " !important;\n }\n"])), styles_1.TRANSLUCENT_MID_GREY);
|
|
34
30
|
var generateColumnsFromHeadersRecursively = function (headers) {
|
|
35
31
|
return (headers !== null && headers !== void 0 ? headers : []).map(function (header) { return ({
|
|
32
|
+
id: header.id,
|
|
36
33
|
Header: header.header,
|
|
37
34
|
accessor: header.subheaders ? '' : header.accessor,
|
|
38
35
|
columns: header.subheaders ? generateColumnsFromHeadersRecursively(header.subheaders) : undefined,
|
|
39
36
|
sortType: 'basic',
|
|
40
37
|
// TODO: Figure out why sorting headers with subheaders causes an error and fix
|
|
41
38
|
disableSortBy: !!header.subheaders,
|
|
39
|
+
Cell: function (props) {
|
|
40
|
+
var _a, _b, _c, _d, _e;
|
|
41
|
+
return (header === null || header === void 0 ? void 0 : header.cell)
|
|
42
|
+
? (_d = header === null || header === void 0 ? void 0 : header.cell({
|
|
43
|
+
value: props === null || props === void 0 ? void 0 : props.value,
|
|
44
|
+
row: (_a = props === null || props === void 0 ? void 0 : props.row) === null || _a === void 0 ? void 0 : _a.original,
|
|
45
|
+
columnId: (_c = (_b = props === null || props === void 0 ? void 0 : props.column) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : '',
|
|
46
|
+
})) !== null && _d !== void 0 ? _d : ''
|
|
47
|
+
: (_e = props === null || props === void 0 ? void 0 : props.value) !== null && _e !== void 0 ? _e : '';
|
|
48
|
+
},
|
|
42
49
|
}); });
|
|
43
50
|
};
|
|
44
51
|
var generateRowsFromCellRows = function (cellRows) {
|
|
45
52
|
return cellRows.map(function (cellRow) {
|
|
53
|
+
var _a;
|
|
46
54
|
var mappedCell = {};
|
|
55
|
+
var mappedCellRender = {};
|
|
47
56
|
cellRow.cells.forEach(function (cell) {
|
|
48
57
|
mappedCell[cell.key] = cell.value;
|
|
58
|
+
if (cell.render) {
|
|
59
|
+
mappedCellRender[cell.key] = cell.render;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
return __assign(__assign({}, mappedCell), {
|
|
63
|
+
rowId: (_a = cellRow.id) !== null && _a !== void 0 ? _a : '',
|
|
64
|
+
render: cellRow.render ? cellRow.render : function (props) { return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: props.value }, void 0); },
|
|
65
|
+
renderCells: mappedCellRender,
|
|
49
66
|
});
|
|
50
|
-
return mappedCell;
|
|
51
67
|
});
|
|
52
68
|
};
|
|
53
69
|
function Table(_a) {
|
|
@@ -71,16 +87,15 @@ function Table(_a) {
|
|
|
71
87
|
}
|
|
72
88
|
return '';
|
|
73
89
|
};
|
|
74
|
-
return (jsx_runtime_1.
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}) }), void 0)] }), void 0)] }, void 0));
|
|
90
|
+
return (jsx_runtime_1.jsx(Container, { children: jsx_runtime_1.jsxs(StyledTable, __assign({}, getTableProps(), { children: [jsx_runtime_1.jsx("thead", { children: headerGroups.map(function (headerGroup) { return (jsx_runtime_1.jsx("tr", __assign({}, headerGroup.getHeaderGroupProps(), { children: headerGroup.headers.map(function (column) { return (jsx_runtime_1.jsxs(StyledTableHeader, __assign({}, column.getHeaderProps(column.getSortByToggleProps()), { children: [column.render('Header'), sortIcon(column)] }), void 0)); }) }), void 0)); }) }, void 0),
|
|
91
|
+
jsx_runtime_1.jsx("tbody", __assign({}, getTableBodyProps(), { children: rows.map(function (row) {
|
|
92
|
+
prepareRow(row);
|
|
93
|
+
return (jsx_runtime_1.jsx("tr", __assign({}, row.getRowProps(), { children: row.cells.map(function (cell, cellIdx) { return (jsx_runtime_1.jsx(StyledTableData, __assign({ style: {
|
|
94
|
+
background: cellIdx % 2 === 1 ? 'white' : styles_1.TRANSLUCENT_BRIGHT_BLUE_TABLE,
|
|
95
|
+
textAlign: 'center',
|
|
96
|
+
} }, cell.getCellProps(), { children: cell.render('Cell') }), void 0)); }) }), void 0));
|
|
97
|
+
}) }), void 0)] }), void 0) }, void 0));
|
|
83
98
|
}
|
|
84
99
|
exports.default = Table;
|
|
85
|
-
var templateObject_1, templateObject_2;
|
|
100
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
86
101
|
//# sourceMappingURL=table.js.map
|
package/lib/atoms/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/atoms/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2CAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/atoms/table.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { Questionnaire, QuestionnaireResponse, SummaryTableViewType } from '@ltht-react/types';
|
|
3
|
+
import { TableData } from './atoms/table';
|
|
3
4
|
declare const Table: FC<IProps>;
|
|
5
|
+
export declare const GenericTable: <TColumn, TRow>({ columnData, rowData, orientation, mapToTableData, }: IGenericTableProps<TColumn, TRow>) => JSX.Element;
|
|
4
6
|
interface IProps {
|
|
5
7
|
orientation?: SummaryTableViewType;
|
|
6
8
|
definition: Questionnaire;
|
|
7
9
|
records: QuestionnaireResponse[];
|
|
8
10
|
}
|
|
11
|
+
interface IGenericTableProps<TColumn, TRow> {
|
|
12
|
+
orientation?: SummaryTableViewType;
|
|
13
|
+
columnData: TColumn;
|
|
14
|
+
rowData: TRow;
|
|
15
|
+
mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
|
|
16
|
+
}
|
|
9
17
|
export default Table;
|
package/lib/index.js
CHANGED
|
@@ -3,9 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.GenericTable = void 0;
|
|
6
7
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
8
|
var utils_1 = require("@ltht-react/utils");
|
|
8
9
|
var questionnaire_table_1 = __importDefault(require("./molecules/questionnaire-table"));
|
|
10
|
+
var generic_table_1 = __importDefault(require("./molecules/generic-table"));
|
|
9
11
|
var Table = function (_a) {
|
|
10
12
|
var definition = _a.definition, records = _a.records, _b = _a.orientation, orientation = _b === void 0 ? 'VERTICAL' : _b;
|
|
11
13
|
if (!definition.item || definition.item.length === 0) {
|
|
@@ -13,5 +15,16 @@ var Table = function (_a) {
|
|
|
13
15
|
}
|
|
14
16
|
return (jsx_runtime_1.jsx(questionnaire_table_1.default, { definitionItems: utils_1.EnsureMaybeArray(definition.item), records: records, orientation: orientation }, void 0));
|
|
15
17
|
};
|
|
18
|
+
var GenericTable = function (_a) {
|
|
19
|
+
var columnData = _a.columnData, rowData = _a.rowData, _b = _a.orientation, orientation = _b === void 0 ? 'VERTICAL' : _b, mapToTableData = _a.mapToTableData;
|
|
20
|
+
if (!columnData || !rowData) {
|
|
21
|
+
return jsx_runtime_1.jsx("div", { children: "Could not render table. Table columns or rows were empty." }, void 0);
|
|
22
|
+
}
|
|
23
|
+
if (!mapToTableData) {
|
|
24
|
+
return jsx_runtime_1.jsx("div", { children: "Could not render table. Mapping method not supplied." }, void 0);
|
|
25
|
+
}
|
|
26
|
+
return (jsx_runtime_1.jsx(generic_table_1.default, { columnData: utils_1.EnsureMaybe(columnData), rowData: utils_1.EnsureMaybe(rowData), mapToTableData: mapToTableData, orientation: orientation }, void 0));
|
|
27
|
+
};
|
|
28
|
+
exports.GenericTable = GenericTable;
|
|
16
29
|
exports.default = Table;
|
|
17
30
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;AAEA,2CAAiE;AACjE,wFAAgE;AAChE,4EAA4D;AAG5D,IAAM,KAAK,GAAe,UAAC,EAAiD;QAA/C,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,mBAAwB,EAAxB,WAAW,mBAAG,UAAU,KAAA;IACxE,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACpD,OAAO,2GAAoE,CAAA;KAC5E;IAED,OAAO,CACL,kBAAC,6BAAkB,IACjB,eAAe,EAAE,wBAAgB,CAAoB,UAAU,CAAC,IAAI,CAAC,EACrE,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,WACxB,CACH,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,YAAY,GAAG,UAAgB,EAKR;QAJlC,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,mBAAwB,EAAxB,WAAW,mBAAG,UAAU,KAAA,EACxB,cAAc,oBAAA;IAEd,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,EAAE;QAC3B,OAAO,2GAAoE,CAAA;KAC5E;IAED,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,sGAA+D,CAAA;KACvE;IAED,OAAO,CACL,kBAAC,uBAAoB,IACnB,UAAU,EAAE,mBAAW,CAAU,UAAU,CAAC,EAC5C,OAAO,EAAE,mBAAW,CAAO,OAAO,CAAC,EACnC,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,WACxB,CACH,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB;AAeD,kBAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SummaryTableViewType } from '@ltht-react/types';
|
|
3
|
+
import { TableData } from '../atoms/table';
|
|
4
|
+
declare const GenericTable: <TColumn, TRow>({ columnData, rowData, orientation, mapToTableData }: IProps<TColumn, TRow>) => JSX.Element;
|
|
5
|
+
interface IProps<TColumn, TRow> {
|
|
6
|
+
orientation: SummaryTableViewType;
|
|
7
|
+
columnData: TColumn;
|
|
8
|
+
rowData: TRow;
|
|
9
|
+
mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
|
|
10
|
+
}
|
|
11
|
+
export default GenericTable;
|
|
@@ -0,0 +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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var table_1 = __importDefault(require("../atoms/table"));
|
|
19
|
+
var prepareTableDataForCellCustomisation = function (tableData) {
|
|
20
|
+
var data = tableData;
|
|
21
|
+
data.headers = tableData.headers.map(function (header) { return (__assign(__assign({}, header), { cell: function (props) {
|
|
22
|
+
if (props.columnId !== '') {
|
|
23
|
+
var columnCellRender = props.row.renderCells[props.columnId];
|
|
24
|
+
return columnCellRender ? columnCellRender(props) : props.row.render(props);
|
|
25
|
+
}
|
|
26
|
+
return props.row.render(props);
|
|
27
|
+
} })); });
|
|
28
|
+
return data;
|
|
29
|
+
};
|
|
30
|
+
var GenericTable = function (_a) {
|
|
31
|
+
var columnData = _a.columnData, rowData = _a.rowData, orientation = _a.orientation, mapToTableData = _a.mapToTableData;
|
|
32
|
+
var tableData = mapToTableData(columnData, rowData);
|
|
33
|
+
return orientation === 'VERTICAL' ? (jsx_runtime_1.jsx(table_1.default, { tableData: prepareTableDataForCellCustomisation(tableData) }, void 0)) : (jsx_runtime_1.jsx(table_1.default, { tableData: tableData }, void 0));
|
|
34
|
+
};
|
|
35
|
+
exports.default = GenericTable;
|
|
36
|
+
//# sourceMappingURL=generic-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/molecules/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,yDAA6D;AAE7D,IAAM,oCAAoC,GAAG,UAAC,SAAoB;IAChE,IAAM,IAAI,GAAG,SAAS,CAAA;IACtB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,uBAC5C,MAAM,KACT,IAAI,EAAE,UAAC,KAAiB;YACtB,IAAI,KAAK,CAAC,QAAQ,KAAK,EAAE,EAAE;gBACzB,IAAM,gBAAgB,GAAI,KAAK,CAAC,GAAG,CAAC,WAA8C,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;gBAClG,OAAO,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,GAAG,CAAC,MAAyB,CAAC,KAAK,CAAC,CAAA;aAChG;YAED,OAAQ,KAAK,CAAC,GAAG,CAAC,MAAyB,CAAC,KAAK,CAAC,CAAA;QACpD,CAAC,IACD,EAV+C,CAU/C,CAAC,CAAA;IAEH,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,UAAgB,EAA2E;QAAzE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA;IACrF,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAClC,kBAAC,eAAK,IAAC,SAAS,EAAE,oCAAoC,CAAC,SAAS,CAAC,WAAI,CACtE,CAAC,CAAC,CAAC,CACF,kBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,WAAI,CAChC,CAAA;AACH,CAAC,CAAA;AAQD,kBAAe,YAAY,CAAA"}
|
|
@@ -27,12 +27,13 @@ var mapQuestionnaireObjectsToVerticalTableData = function (definitionItems, reco
|
|
|
27
27
|
});
|
|
28
28
|
})),
|
|
29
29
|
rows: definitionItems.map(function (def) {
|
|
30
|
-
var _a;
|
|
30
|
+
var _a, _b;
|
|
31
31
|
return ({
|
|
32
|
+
id: (_a = def === null || def === void 0 ? void 0 : def.linkId) !== null && _a !== void 0 ? _a : '',
|
|
32
33
|
cells: __spreadArray([
|
|
33
34
|
{
|
|
34
35
|
key: 'property',
|
|
35
|
-
value: (
|
|
36
|
+
value: (_b = def === null || def === void 0 ? void 0 : def.text) !== null && _b !== void 0 ? _b : '',
|
|
36
37
|
}
|
|
37
38
|
], records.map(function (record) {
|
|
38
39
|
var _a, _b, _c, _d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/molecules/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAOA,2CAAsF;AACtF,+BAAmC;AACnC,yDAAwE;AAEjE,IAAM,0CAA0C,GAAG,UACxD,eAAyC,EACzC,OAAgC,IAClB,OAAA,CAAC;IACf,OAAO;QACL;YACE,MAAM,EAAE,EAAE;YACV,QAAQ,EAAE,UAAU;SACrB;OACE,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CAAC;YAC1B,MAAM,EAAE,MAAA,2BAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,mCAAI,EAAE;YAClD,QAAQ,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,mCAAI,EAAE;SAC3B,CAAC,CAAA;KAAA,CAAC,CACJ;IACD,IAAI,EAAE,eAAe,CAAC,GAAG,CAAC,UAAC,GAAG;;QAAK,OAAA,CAAC;YAClC,KAAK;gBACH;oBACE,GAAG,EAAE,UAAU;oBACf,KAAK,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,mCAAI,EAAE;iBACvB;eACE,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;gBAAK,OAAA,CAAC;oBAC1B,GAAG,EAAE,MAAM,CAAC,EAAE;oBACd,KAAK,EAAE,mBAAW,CAChB,MAAA,MAAA,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,OAAK,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAA,EAA5B,CAA4B,CAAC,0CAAE,MAAM,0CAAE,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,0CAAE,WAAW,EAC1G,EAAE,CACH;iBACF,CAAC,CAAA;aAAA,CAAC,CACJ;SACF,CAAC,CAAA;KAAA,CAAC;CACJ,CAAC,
|
|
1
|
+
{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/molecules/questionnaire-table.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/table",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"description": "ltht-react Table component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@emotion/react": "^11.0.0",
|
|
29
29
|
"@emotion/styled": "^11.0.0",
|
|
30
|
-
"@ltht-react/styles": "^1.3.
|
|
31
|
-
"@ltht-react/types": "^1.0.
|
|
32
|
-
"@ltht-react/utils": "^1.1.
|
|
30
|
+
"@ltht-react/styles": "^1.3.133",
|
|
31
|
+
"@ltht-react/types": "^1.0.137",
|
|
32
|
+
"@ltht-react/utils": "^1.1.139",
|
|
33
33
|
"@material-ui/core": "4.12.4",
|
|
34
34
|
"react": "^17.0.0",
|
|
35
35
|
"react-table": "^7.8.0"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "f9960819e923df9afa86f9e7f35cc407f148b155",
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/react-table": "^7.7.12"
|
|
40
40
|
}
|