@dhis2-ui/table 9.10.3 → 9.11.1-beta.1
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/build/cjs/data-table/__tests__/data-table-cell.test.js +7 -13
- package/build/cjs/data-table/__tests__/data-table-column-header/filter-handle.test.js +1 -8
- package/build/cjs/data-table/__tests__/data-table-column-header/sorter.test.js +1 -6
- package/build/cjs/data-table/__tests__/data-table-column-header.test.js +5 -12
- package/build/cjs/data-table/__tests__/data-table-row/expand-handle-cell.js +1 -6
- package/build/cjs/data-table/__tests__/data-table-row/expanded-row.test.js +3 -8
- package/build/cjs/data-table/__tests__/data-table-row.test.js +5 -13
- package/build/cjs/data-table/__tests__/data-table.test.js +1 -7
- package/build/cjs/data-table/data-table-body.js +0 -1
- package/build/cjs/data-table/data-table-cell.js +5 -24
- package/build/cjs/data-table/data-table-column-header/data-table-column-header.js +8 -27
- package/build/cjs/data-table/data-table-column-header/data-table-column-header.styles.js +4 -10
- package/build/cjs/data-table/data-table-column-header/filter-handle.js +1 -10
- package/build/cjs/data-table/data-table-column-header/sorter.js +6 -23
- package/build/cjs/data-table/data-table-foot.js +0 -1
- package/build/cjs/data-table/data-table-head.js +0 -1
- package/build/cjs/data-table/data-table-row/data-table-row.js +5 -27
- package/build/cjs/data-table/data-table-row/data-table-row.styles.js +4 -10
- package/build/cjs/data-table/data-table-row/drag-handle-cell.js +1 -7
- package/build/cjs/data-table/data-table-row/expand-handle-cell.js +1 -11
- package/build/cjs/data-table/data-table-row/expanded-row.js +4 -14
- package/build/cjs/data-table/data-table-toolbar.js +0 -1
- package/build/cjs/data-table/{data-table.stories.e2e.js → data-table.e2e.stories.js} +2 -14
- package/build/cjs/data-table/data-table.js +5 -20
- package/build/cjs/data-table/{data-table.stories.js → data-table.prod.stories.js} +39 -101
- package/build/cjs/data-table/features/can_scroll/index.js +0 -1
- package/build/cjs/data-table/index.js +0 -8
- package/build/cjs/data-table/table-elements/__tests__/table-body.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-data-cell.test.js +4 -9
- package/build/cjs/data-table/table-elements/__tests__/table-foot.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-head.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-header-cell-action.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-header-cell.test.js +5 -10
- package/build/cjs/data-table/table-elements/__tests__/table-row.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-scroll-box.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-toolbar.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table.test.js +3 -8
- package/build/cjs/data-table/table-elements/features/can_scroll/index.js +0 -1
- package/build/cjs/data-table/table-elements/index.js +0 -10
- package/build/cjs/data-table/table-elements/table-body.js +6 -17
- package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.js +7 -27
- package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.styles.js +2 -5
- package/build/cjs/data-table/table-elements/table-foot.js +5 -13
- package/build/cjs/data-table/table-elements/table-head.js +5 -13
- package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.js +7 -27
- package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.styles.js +2 -5
- package/build/cjs/data-table/table-elements/table-header-cell-action.js +6 -16
- package/build/cjs/data-table/table-elements/table-row.js +5 -17
- package/build/cjs/data-table/table-elements/table-scroll-box.js +6 -16
- package/build/cjs/data-table/table-elements/table-toolbar.js +6 -17
- package/build/cjs/data-table/table-elements/{table.stories.e2e.js → table.e2e.stories.js} +2 -15
- package/build/cjs/data-table/table-elements/table.js +6 -20
- package/build/cjs/data-table/table-elements/table.stories.internal.js +41 -78
- package/build/cjs/index.js +0 -3
- package/build/cjs/locales/index.js +3 -33
- package/build/cjs/stacked-table/add-col-num-to-children.js +0 -3
- package/build/cjs/stacked-table/content-with-title.js +4 -13
- package/build/cjs/stacked-table/extract-header-labels.js +25 -28
- package/build/cjs/stacked-table/index.js +0 -8
- package/build/cjs/stacked-table/stacked-table-body.js +1 -7
- package/build/cjs/stacked-table/stacked-table-cell-head.js +2 -9
- package/build/cjs/stacked-table/stacked-table-cell.js +2 -10
- package/build/cjs/stacked-table/stacked-table-foot.js +1 -7
- package/build/cjs/stacked-table/stacked-table-head.js +1 -7
- package/build/cjs/stacked-table/stacked-table-row-head.js +1 -7
- package/build/cjs/stacked-table/stacked-table-row.js +2 -12
- package/build/cjs/stacked-table/stacked-table.js +1 -10
- package/build/cjs/stacked-table/{stacked-table.stories.js → stacked-table.prod.stories.js} +20 -40
- package/build/cjs/stacked-table/stacked-table.test.js +9 -19
- package/build/cjs/stacked-table/supply-header-labels-to-children.js +0 -3
- package/build/cjs/stacked-table/table-context.js +1 -4
- package/build/cjs/stacked-table/table.js +2 -9
- package/build/cjs/table/index.js +0 -8
- package/build/cjs/table/table-body.js +1 -6
- package/build/cjs/table/table-cell-head.js +2 -11
- package/build/cjs/table/table-cell.js +2 -11
- package/build/cjs/table/table-context.js +1 -4
- package/build/cjs/table/table-foot.js +1 -6
- package/build/cjs/table/table-head.js +1 -6
- package/build/cjs/table/table-row-head.js +1 -8
- package/build/cjs/table/table-row.js +5 -18
- package/build/cjs/table/table.js +2 -11
- package/build/cjs/table/{table.stories.js → table.prod.stories.js} +18 -30
- package/build/es/data-table/__tests__/data-table-cell.test.js +6 -6
- package/build/es/data-table/__tests__/data-table-column-header.test.js +4 -3
- package/build/es/data-table/__tests__/data-table-row/expanded-row.test.js +2 -2
- package/build/es/data-table/__tests__/data-table-row.test.js +4 -2
- package/build/es/data-table/data-table-cell.js +1 -11
- package/build/es/data-table/data-table-column-header/data-table-column-header.js +4 -9
- package/build/es/data-table/data-table-column-header/sorter.js +1 -1
- package/build/es/data-table/data-table-row/data-table-row.js +1 -7
- package/build/es/data-table/data-table-row/data-table-row.styles.js +1 -1
- package/build/es/data-table/data-table-row/expanded-row.js +3 -3
- package/build/es/data-table/data-table.js +1 -5
- package/build/es/data-table/{data-table.stories.js → data-table.prod.stories.js} +19 -44
- package/build/es/data-table/table-elements/__tests__/table-data-cell.test.js +3 -3
- package/build/es/data-table/table-elements/__tests__/table-header-cell.test.js +4 -4
- package/build/es/data-table/table-elements/__tests__/table.test.js +2 -2
- package/build/es/data-table/table-elements/table-body.js +2 -4
- package/build/es/data-table/table-elements/table-data-cell/table-data-cell.js +3 -12
- package/build/es/data-table/table-elements/table-data-cell/table-data-cell.styles.js +1 -1
- package/build/es/data-table/table-elements/table-foot.js +1 -2
- package/build/es/data-table/table-elements/table-head.js +1 -2
- package/build/es/data-table/table-elements/table-header-cell/table-header-cell.js +3 -12
- package/build/es/data-table/table-elements/table-header-cell/table-header-cell.styles.js +1 -1
- package/build/es/data-table/table-elements/table-header-cell-action.js +2 -4
- package/build/es/data-table/table-elements/table-row.js +1 -5
- package/build/es/data-table/table-elements/table-scroll-box.js +2 -4
- package/build/es/data-table/table-elements/table-toolbar.js +2 -4
- package/build/es/data-table/table-elements/table.js +2 -7
- package/build/es/data-table/table-elements/table.stories.internal.js +23 -29
- package/build/es/stacked-table/content-with-title.js +1 -1
- package/build/es/stacked-table/extract-header-labels.js +24 -23
- package/build/es/stacked-table/stacked-table-cell-head.js +1 -1
- package/build/es/stacked-table/stacked-table-cell.js +1 -1
- package/build/es/stacked-table/stacked-table-row.js +1 -1
- package/build/es/stacked-table/stacked-table.js +0 -1
- package/build/es/stacked-table/{stacked-table.stories.js → stacked-table.prod.stories.js} +17 -2
- package/build/es/stacked-table/stacked-table.test.js +8 -9
- package/build/es/stacked-table/table.js +1 -1
- package/build/es/table/table-cell-head.js +1 -2
- package/build/es/table/table-cell.js +1 -2
- package/build/es/table/table-row-head.js +0 -1
- package/build/es/table/table-row.js +2 -5
- package/build/es/table/table.js +1 -2
- package/build/es/table/{table.stories.js → table.prod.stories.js} +15 -3
- package/package.json +6 -6
- /package/build/es/data-table/{data-table.stories.e2e.js → data-table.e2e.stories.js} +0 -0
- /package/build/es/data-table/table-elements/{table.stories.e2e.js → table.e2e.stories.js} +0 -0
|
@@ -4,34 +4,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports._CustomCell = exports.RTL = exports.MultipleHeaderRows = exports.LongTitle = exports.LargerTable = exports.HiddenLabelInCell = exports.HiddenLabel = exports.Default = exports.CustomCellTitle = exports.ColspanInHeader = exports.ColspanInBody = void 0;
|
|
7
|
-
|
|
8
7
|
var _button = require("@dhis2-ui/button");
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _stackedTableBody = require("./stacked-table-body.js");
|
|
13
|
-
|
|
14
10
|
var _stackedTableCellHead = require("./stacked-table-cell-head.js");
|
|
15
|
-
|
|
16
11
|
var _stackedTableCell = require("./stacked-table-cell.js");
|
|
17
|
-
|
|
18
12
|
var _stackedTableFoot = require("./stacked-table-foot.js");
|
|
19
|
-
|
|
20
13
|
var _stackedTableHead = require("./stacked-table-head.js");
|
|
21
|
-
|
|
22
14
|
var _stackedTableRowHead = require("./stacked-table-row-head.js");
|
|
23
|
-
|
|
24
15
|
var _stackedTableRow = require("./stacked-table-row.js");
|
|
25
|
-
|
|
26
16
|
var _stackedTable = require("./stacked-table.js");
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
+
const description = `
|
|
19
|
+
Expresses tabular data such that each 'row' becomes a table section with the 'column' header in each cell. Multiple rows become multiple sections.
|
|
20
|
+
|
|
21
|
+
Compose with StackedTable child components, as seen in the examples.
|
|
22
|
+
|
|
23
|
+
\`\`\`js
|
|
24
|
+
import {
|
|
25
|
+
StackedTable,
|
|
26
|
+
StackedTableBody,
|
|
27
|
+
StackedTableCell,
|
|
28
|
+
StackedTableCellHead,
|
|
29
|
+
StackedTableFoot,
|
|
30
|
+
StackedTableHead,
|
|
31
|
+
StackedTableRow,
|
|
32
|
+
StackedTableRowHead,
|
|
33
|
+
} from 'dhis2/ui'
|
|
34
|
+
\`\`\`
|
|
35
|
+
`;
|
|
32
36
|
const CustomCell = props => /*#__PURE__*/_react.default.createElement("td", null, "Received props:", /*#__PURE__*/_react.default.createElement("code", null, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(props, null, 2))));
|
|
33
|
-
|
|
34
|
-
var _default = {
|
|
37
|
+
var _default = exports.default = {
|
|
35
38
|
title: 'Stacked Table',
|
|
36
39
|
component: _stackedTable.StackedTable,
|
|
37
40
|
parameters: {
|
|
@@ -42,82 +45,59 @@ var _default = {
|
|
|
42
45
|
}
|
|
43
46
|
}
|
|
44
47
|
};
|
|
45
|
-
exports.default = _default;
|
|
46
|
-
|
|
47
48
|
const Default = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete"))), /*#__PURE__*/_react.default.createElement(_stackedTableFoot.StackedTableFoot, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, {
|
|
48
49
|
colSpan: "8",
|
|
49
50
|
hideTitle: true
|
|
50
51
|
}, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
51
52
|
primary: true
|
|
52
53
|
}, "StackedTable footer button")))));
|
|
53
|
-
|
|
54
54
|
exports.Default = Default;
|
|
55
|
-
|
|
56
55
|
const HiddenLabel = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
57
56
|
primary: true,
|
|
58
57
|
onClick: () => alert('something should happen now')
|
|
59
58
|
}, "A row action")))));
|
|
60
|
-
|
|
61
59
|
exports.HiddenLabel = HiddenLabel;
|
|
62
|
-
|
|
63
60
|
const HiddenLabelInCell = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, {
|
|
64
61
|
hideTitle: true
|
|
65
62
|
}, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
66
63
|
primary: true,
|
|
67
64
|
onClick: () => alert('something should happen now')
|
|
68
65
|
}, "A row action"))), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete"))));
|
|
69
|
-
|
|
70
66
|
exports.HiddenLabelInCell = HiddenLabelInCell;
|
|
71
|
-
|
|
72
67
|
const ColspanInHeader = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, {
|
|
73
68
|
colSpan: "2"
|
|
74
69
|
}, "Name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete"))));
|
|
75
|
-
|
|
76
70
|
exports.ColspanInHeader = ColspanInHeader;
|
|
77
|
-
|
|
78
71
|
const ColspanInBody = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, {
|
|
79
72
|
colSpan: "2"
|
|
80
73
|
}, "Colspan 2 here. Next cell doesn't get header 'Last updated'."), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete"))));
|
|
81
|
-
|
|
82
74
|
exports.ColspanInBody = ColspanInBody;
|
|
83
|
-
|
|
84
75
|
const MultipleHeaderRows = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, {
|
|
85
76
|
colSpan: "2"
|
|
86
77
|
}, "Name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Status")), /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, {
|
|
87
78
|
colSpan: "6"
|
|
88
79
|
}))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete"))));
|
|
89
|
-
|
|
90
80
|
exports.MultipleHeaderRows = MultipleHeaderRows;
|
|
91
|
-
|
|
92
81
|
const LongTitle = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "This title is so long, it should be displayed in multiple lines. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"))));
|
|
93
|
-
|
|
94
82
|
exports.LongTitle = LongTitle;
|
|
95
|
-
|
|
96
83
|
const _CustomCell = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, {
|
|
97
84
|
colSpan: "2"
|
|
98
85
|
}, "Name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(CustomCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(CustomCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(CustomCell, null, "02/06/2007"))));
|
|
99
|
-
|
|
100
86
|
exports._CustomCell = _CustomCell;
|
|
101
|
-
|
|
102
87
|
const CustomCellTitle = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, {
|
|
103
88
|
colSpan: "2"
|
|
104
89
|
}, "Name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, {
|
|
105
90
|
title: "Custom title"
|
|
106
91
|
}, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"))));
|
|
107
|
-
|
|
108
92
|
exports.CustomCellTitle = CustomCellTitle;
|
|
109
|
-
|
|
110
93
|
const LargerTable = args => /*#__PURE__*/_react.default.createElement(_stackedTable.StackedTable, args, /*#__PURE__*/_react.default.createElement(_stackedTableHead.StackedTableHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableRowHead.StackedTableRowHead, null, /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "First name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last name"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Last updated"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Age"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Registering unit"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Assigned user"), /*#__PURE__*/_react.default.createElement(_stackedTableCellHead.StackedTableCellHead, null, "Status"))), /*#__PURE__*/_react.default.createElement(_stackedTableBody.StackedTableBody, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "66"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "38"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "98"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "2"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "37"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "70"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "32"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "8"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "63"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "28"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, null, "Incomplete"))), /*#__PURE__*/_react.default.createElement(_stackedTableFoot.StackedTableFoot, null, /*#__PURE__*/_react.default.createElement(_stackedTableRow.StackedTableRow, null, /*#__PURE__*/_react.default.createElement(_stackedTableCell.StackedTableCell, {
|
|
111
94
|
colSpan: "8",
|
|
112
95
|
hideTitle: true
|
|
113
96
|
}, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
114
97
|
primary: true
|
|
115
98
|
}, "StackedTable footer button")))));
|
|
116
|
-
|
|
117
99
|
exports.LargerTable = LargerTable;
|
|
118
|
-
|
|
119
100
|
const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
|
|
120
101
|
dir: "rtl"
|
|
121
102
|
}, /*#__PURE__*/_react.default.createElement(Default, args));
|
|
122
|
-
|
|
123
103
|
exports.RTL = RTL;
|
|
@@ -1,27 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _enzyme = require("enzyme");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
var _stackedTableBody = require("./stacked-table-body.js");
|
|
8
|
-
|
|
9
6
|
var _stackedTableCellHead = require("./stacked-table-cell-head.js");
|
|
10
|
-
|
|
11
7
|
var _stackedTableCell = require("./stacked-table-cell.js");
|
|
12
|
-
|
|
13
8
|
var _stackedTableHead = require("./stacked-table-head.js");
|
|
14
|
-
|
|
15
9
|
var _stackedTableRowHead = require("./stacked-table-row-head.js");
|
|
16
|
-
|
|
17
10
|
var _stackedTableRow = require("./stacked-table-row.js");
|
|
18
|
-
|
|
19
11
|
var _stackedTable = require("./stacked-table.js");
|
|
20
|
-
|
|
21
|
-
function
|
|
22
|
-
|
|
23
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable react/prop-types */
|
|
25
14
|
const Table = _ref => {
|
|
26
15
|
let {
|
|
27
16
|
headerLabels,
|
|
@@ -45,7 +34,6 @@ const Table = _ref => {
|
|
|
45
34
|
}), label);
|
|
46
35
|
}))));
|
|
47
36
|
};
|
|
48
|
-
|
|
49
37
|
describe('StackedTable', () => {
|
|
50
38
|
const headerLabels = [{
|
|
51
39
|
label: 'First name',
|
|
@@ -117,25 +105,27 @@ describe('StackedTable', () => {
|
|
|
117
105
|
const indexWithColspan = 1;
|
|
118
106
|
const colSpan = 3;
|
|
119
107
|
const originalHeaderLabel = headerLabels[indexWithColspan];
|
|
120
|
-
const headerLabelsWithColspan = [...headerLabels.slice(0, indexWithColspan), {
|
|
121
|
-
|
|
108
|
+
const headerLabelsWithColspan = [...headerLabels.slice(0, indexWithColspan), {
|
|
109
|
+
...originalHeaderLabel,
|
|
110
|
+
colSpan: `${colSpan}`
|
|
122
111
|
}, ...headerLabels.slice(indexWithColspan + colSpan)];
|
|
123
112
|
const table = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(Table, {
|
|
124
113
|
headerLabels: headerLabelsWithColspan,
|
|
125
114
|
bodyLabels: bodyLabels
|
|
126
115
|
}));
|
|
127
116
|
const cells = table.find('td');
|
|
128
|
-
const label = headerLabelsWithColspan[indexWithColspan].label;
|
|
117
|
+
const label = headerLabelsWithColspan[indexWithColspan].label;
|
|
129
118
|
|
|
119
|
+
// all body cells that are group under the single header should share the same label
|
|
130
120
|
for (let i = 0; i < colSpan; ++i) {
|
|
131
121
|
const index = indexWithColspan + i;
|
|
132
122
|
const cell = cells.at(index);
|
|
133
123
|
expect(cell).toHaveLength(1);
|
|
134
124
|
const title = cell.find('.title');
|
|
135
125
|
expect(title.text()).toBe(label);
|
|
136
|
-
}
|
|
137
|
-
|
|
126
|
+
}
|
|
138
127
|
|
|
128
|
+
// the next body cell should have the label of the next header cell
|
|
139
129
|
const titleAfterColspan = headerLabelsWithColspan[indexWithColspan + 1].label;
|
|
140
130
|
const cellAfterColspan = cells.at(indexWithColspan + colSpan);
|
|
141
131
|
expect(cellAfterColspan).toHaveLength(1);
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.supplyHeaderLabelsToChildren = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
const supplyHeaderLabelsToChildren = (headerLabels, children) => {
|
|
11
9
|
return _react.Children.map(children, child => {
|
|
12
10
|
return /*#__PURE__*/(0, _react.cloneElement)(child, {
|
|
@@ -14,5 +12,4 @@ const supplyHeaderLabelsToChildren = (headerLabels, children) => {
|
|
|
14
12
|
});
|
|
15
13
|
});
|
|
16
14
|
};
|
|
17
|
-
|
|
18
15
|
exports.supplyHeaderLabelsToChildren = supplyHeaderLabelsToChildren;
|
|
@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableContext = exports.Provider = exports.Consumer = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
const TableContext = /*#__PURE__*/(0, _react.createContext)({
|
|
8
|
+
const TableContext = exports.TableContext = /*#__PURE__*/(0, _react.createContext)({
|
|
11
9
|
headerLabels: []
|
|
12
10
|
});
|
|
13
|
-
exports.TableContext = TableContext;
|
|
14
11
|
const {
|
|
15
12
|
Provider,
|
|
16
13
|
Consumer
|
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Table = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
12
|
const Table = _ref => {
|
|
19
13
|
let {
|
|
20
14
|
children,
|
|
@@ -27,9 +21,8 @@ const Table = _ref => {
|
|
|
27
21
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
28
22
|
id: "4278890465",
|
|
29
23
|
dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey900]
|
|
30
|
-
}, [
|
|
24
|
+
}, [`table.__jsx-style-dynamic-selector{display:block;border:0;background-color:${_uiConstants.colors.white};min-width:100%;text-align:left;border-collapse:collapse;vertical-align:top;color:${_uiConstants.colors.grey900};}`]));
|
|
31
25
|
};
|
|
32
|
-
|
|
33
26
|
exports.Table = Table;
|
|
34
27
|
Table.propTypes = {
|
|
35
28
|
children: _propTypes.default.node.isRequired,
|
package/build/cjs/table/index.js
CHANGED
|
@@ -51,19 +51,11 @@ Object.defineProperty(exports, "TableRowHead", {
|
|
|
51
51
|
return _tableRowHead.TableRowHead;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
|
-
|
|
55
54
|
var _table = require("./table.js");
|
|
56
|
-
|
|
57
55
|
var _tableFoot = require("./table-foot.js");
|
|
58
|
-
|
|
59
56
|
var _tableBody = require("./table-body.js");
|
|
60
|
-
|
|
61
57
|
var _tableHead = require("./table-head.js");
|
|
62
|
-
|
|
63
58
|
var _tableCell = require("./table-cell.js");
|
|
64
|
-
|
|
65
59
|
var _tableCellHead = require("./table-cell-head.js");
|
|
66
|
-
|
|
67
60
|
var _tableRow = require("./table-row.js");
|
|
68
|
-
|
|
69
61
|
var _tableRowHead = require("./table-row-head.js");
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableBody = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
10
|
const TableBody = _ref => {
|
|
15
11
|
let {
|
|
16
12
|
children,
|
|
@@ -24,7 +20,6 @@ const TableBody = _ref => {
|
|
|
24
20
|
role: role
|
|
25
21
|
}, children);
|
|
26
22
|
};
|
|
27
|
-
|
|
28
23
|
exports.TableBody = TableBody;
|
|
29
24
|
TableBody.defaultProps = {
|
|
30
25
|
dataTest: 'dhis2-uicore-tablebody'
|
|
@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableCellHead = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
12
|
const tableCellHeadStyles = ["th.jsx-3181834369{border-bottom:1px solid #e8edf2;font-size:14px;line-height:18px;padding:13px 12px;height:45px;}", "th.jsx-3181834369:dir(rtl){text-align:right;}", ".dense.jsx-3181834369{padding:9px 12px;height:36px;}"];
|
|
19
13
|
tableCellHeadStyles.__hash = "3181834369";
|
|
20
|
-
|
|
21
14
|
const TableCellHead = _ref => {
|
|
22
15
|
let {
|
|
23
16
|
role,
|
|
@@ -33,14 +26,13 @@ const TableCellHead = _ref => {
|
|
|
33
26
|
rowSpan: rowSpan,
|
|
34
27
|
"data-test": dataTest,
|
|
35
28
|
role: role,
|
|
36
|
-
className:
|
|
29
|
+
className: `jsx-${tableCellHeadStyles.__hash}` + " " + ((0, _classnames.default)({
|
|
37
30
|
dense
|
|
38
31
|
}, className) || "")
|
|
39
32
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
40
33
|
id: tableCellHeadStyles.__hash
|
|
41
34
|
}, tableCellHeadStyles));
|
|
42
35
|
};
|
|
43
|
-
|
|
44
36
|
exports.TableCellHead = TableCellHead;
|
|
45
37
|
TableCellHead.defaultProps = {
|
|
46
38
|
dataTest: 'dhis2-uicore-tablecellhead'
|
|
@@ -50,7 +42,6 @@ TableCellHead.propTypes = {
|
|
|
50
42
|
className: _propTypes.default.string,
|
|
51
43
|
colSpan: _propTypes.default.string,
|
|
52
44
|
dataTest: _propTypes.default.string,
|
|
53
|
-
|
|
54
45
|
/** Uses less padding and height for information-dense layouts */
|
|
55
46
|
dense: _propTypes.default.bool,
|
|
56
47
|
role: _propTypes.default.string,
|
|
@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableCell = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
12
|
const tableCellStyles = ["td.jsx-2229340108{border-bottom:1px solid #e8edf2;font-size:14px;line-height:18px;padding:13px 12px;height:45px;}", "td.jsx-2229340108:dir(rtl){text-align:right;}", ".dense.jsx-2229340108{padding:9px 12px;height:36px;}"];
|
|
19
13
|
tableCellStyles.__hash = "2229340108";
|
|
20
|
-
|
|
21
14
|
const TableCell = _ref => {
|
|
22
15
|
let {
|
|
23
16
|
role,
|
|
@@ -33,14 +26,13 @@ const TableCell = _ref => {
|
|
|
33
26
|
rowSpan: rowSpan,
|
|
34
27
|
"data-test": dataTest,
|
|
35
28
|
role: role,
|
|
36
|
-
className:
|
|
29
|
+
className: `jsx-${tableCellStyles.__hash}` + " " + ((0, _classnames.default)({
|
|
37
30
|
dense
|
|
38
31
|
}, className) || "")
|
|
39
32
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
40
33
|
id: tableCellStyles.__hash
|
|
41
34
|
}, tableCellStyles));
|
|
42
35
|
};
|
|
43
|
-
|
|
44
36
|
exports.TableCell = TableCell;
|
|
45
37
|
TableCell.defaultProps = {
|
|
46
38
|
dataTest: 'dhis2-uicore-tablecell'
|
|
@@ -50,7 +42,6 @@ TableCell.propTypes = {
|
|
|
50
42
|
className: _propTypes.default.string,
|
|
51
43
|
colSpan: _propTypes.default.string,
|
|
52
44
|
dataTest: _propTypes.default.string,
|
|
53
|
-
|
|
54
45
|
/** Usees less padding and height for information-dense layouts */
|
|
55
46
|
dense: _propTypes.default.bool,
|
|
56
47
|
role: _propTypes.default.string,
|
|
@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableContext = exports.Provider = exports.Consumer = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
const TableContext = /*#__PURE__*/(0, _react.createContext)({
|
|
8
|
+
const TableContext = exports.TableContext = /*#__PURE__*/(0, _react.createContext)({
|
|
11
9
|
suppressZebraStriping: false
|
|
12
10
|
});
|
|
13
|
-
exports.TableContext = TableContext;
|
|
14
11
|
const {
|
|
15
12
|
Consumer,
|
|
16
13
|
Provider
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableFoot = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
10
|
const TableFoot = _ref => {
|
|
15
11
|
let {
|
|
16
12
|
children,
|
|
@@ -24,7 +20,6 @@ const TableFoot = _ref => {
|
|
|
24
20
|
role: role
|
|
25
21
|
}, children);
|
|
26
22
|
};
|
|
27
|
-
|
|
28
23
|
exports.TableFoot = TableFoot;
|
|
29
24
|
TableFoot.defaultProps = {
|
|
30
25
|
dataTest: 'dhis2-uicore-tablefoot'
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableHead = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
10
|
const TableHead = _ref => {
|
|
15
11
|
let {
|
|
16
12
|
children,
|
|
@@ -24,7 +20,6 @@ const TableHead = _ref => {
|
|
|
24
20
|
role: role
|
|
25
21
|
}, children);
|
|
26
22
|
};
|
|
27
|
-
|
|
28
23
|
exports.TableHead = TableHead;
|
|
29
24
|
TableHead.defaultProps = {
|
|
30
25
|
dataTest: 'dhis2-uicore-tablehead'
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableRowHead = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _tableRow = require("./table-row.js");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
11
|
const TableRowHead = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
role,
|
|
@@ -28,7 +23,6 @@ const TableRowHead = _ref => {
|
|
|
28
23
|
role: role
|
|
29
24
|
}, children);
|
|
30
25
|
};
|
|
31
|
-
|
|
32
26
|
exports.TableRowHead = TableRowHead;
|
|
33
27
|
TableRowHead.defaultProps = {
|
|
34
28
|
dataTest: 'dhis2-uicore-tablerowhead'
|
|
@@ -39,7 +33,6 @@ TableRowHead.propTypes = {
|
|
|
39
33
|
className: _propTypes.default.string,
|
|
40
34
|
dataTest: _propTypes.default.string,
|
|
41
35
|
role: _propTypes.default.string,
|
|
42
|
-
|
|
43
36
|
/** Disables the default row striping for this row */
|
|
44
37
|
suppressZebraStriping: _propTypes.default.bool
|
|
45
38
|
};
|
|
@@ -4,28 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TableRow = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _tableContext = require("./table-context.js");
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
26
16
|
const tableRowStyles = [".zebraStriping.jsx-3124144591:nth-child(even){background:#fbfcfd;}"];
|
|
27
17
|
tableRowStyles.__hash = "3124144591";
|
|
28
|
-
|
|
29
18
|
const TableRow = _ref => {
|
|
30
19
|
let {
|
|
31
20
|
role,
|
|
@@ -43,14 +32,13 @@ const TableRow = _ref => {
|
|
|
43
32
|
"data-test": dataTest,
|
|
44
33
|
role: role
|
|
45
34
|
}, rest, {
|
|
46
|
-
className:
|
|
35
|
+
className: `jsx-${tableRowStyles.__hash}` + " " + (rest && rest.className != null && rest.className || (0, _classnames.default)(className, {
|
|
47
36
|
zebraStriping
|
|
48
37
|
}) || "")
|
|
49
38
|
}), children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
50
39
|
id: tableRowStyles.__hash
|
|
51
40
|
}, tableRowStyles));
|
|
52
41
|
};
|
|
53
|
-
|
|
54
42
|
exports.TableRow = TableRow;
|
|
55
43
|
TableRow.defaultProps = {
|
|
56
44
|
dataTest: 'dhis2-uicore-tablerow'
|
|
@@ -61,7 +49,6 @@ TableRow.propTypes = {
|
|
|
61
49
|
className: _propTypes.default.string,
|
|
62
50
|
dataTest: _propTypes.default.string,
|
|
63
51
|
role: _propTypes.default.string,
|
|
64
|
-
|
|
65
52
|
/** Disables the default row striping for this row */
|
|
66
53
|
suppressZebraStriping: _propTypes.default.bool
|
|
67
54
|
};
|