@dhis2-ui/table 9.11.0 → 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.
Files changed (129) hide show
  1. package/build/cjs/data-table/__tests__/data-table-cell.test.js +7 -13
  2. package/build/cjs/data-table/__tests__/data-table-column-header/filter-handle.test.js +1 -8
  3. package/build/cjs/data-table/__tests__/data-table-column-header/sorter.test.js +1 -6
  4. package/build/cjs/data-table/__tests__/data-table-column-header.test.js +5 -12
  5. package/build/cjs/data-table/__tests__/data-table-row/expand-handle-cell.js +1 -6
  6. package/build/cjs/data-table/__tests__/data-table-row/expanded-row.test.js +3 -8
  7. package/build/cjs/data-table/__tests__/data-table-row.test.js +5 -13
  8. package/build/cjs/data-table/__tests__/data-table.test.js +1 -7
  9. package/build/cjs/data-table/data-table-body.js +0 -1
  10. package/build/cjs/data-table/data-table-cell.js +5 -24
  11. package/build/cjs/data-table/data-table-column-header/data-table-column-header.js +8 -27
  12. package/build/cjs/data-table/data-table-column-header/data-table-column-header.styles.js +4 -10
  13. package/build/cjs/data-table/data-table-column-header/filter-handle.js +1 -10
  14. package/build/cjs/data-table/data-table-column-header/sorter.js +6 -23
  15. package/build/cjs/data-table/data-table-foot.js +0 -1
  16. package/build/cjs/data-table/data-table-head.js +0 -1
  17. package/build/cjs/data-table/data-table-row/data-table-row.js +5 -27
  18. package/build/cjs/data-table/data-table-row/data-table-row.styles.js +4 -10
  19. package/build/cjs/data-table/data-table-row/drag-handle-cell.js +1 -7
  20. package/build/cjs/data-table/data-table-row/expand-handle-cell.js +1 -11
  21. package/build/cjs/data-table/data-table-row/expanded-row.js +4 -14
  22. package/build/cjs/data-table/data-table-toolbar.js +0 -1
  23. package/build/cjs/data-table/{data-table.stories.e2e.js → data-table.e2e.stories.js} +2 -14
  24. package/build/cjs/data-table/data-table.js +5 -20
  25. package/build/cjs/data-table/{data-table.stories.js → data-table.prod.stories.js} +39 -101
  26. package/build/cjs/data-table/features/can_scroll/index.js +0 -1
  27. package/build/cjs/data-table/index.js +0 -8
  28. package/build/cjs/data-table/table-elements/__tests__/table-body.test.js +1 -6
  29. package/build/cjs/data-table/table-elements/__tests__/table-data-cell.test.js +4 -9
  30. package/build/cjs/data-table/table-elements/__tests__/table-foot.test.js +1 -6
  31. package/build/cjs/data-table/table-elements/__tests__/table-head.test.js +1 -6
  32. package/build/cjs/data-table/table-elements/__tests__/table-header-cell-action.test.js +1 -6
  33. package/build/cjs/data-table/table-elements/__tests__/table-header-cell.test.js +5 -10
  34. package/build/cjs/data-table/table-elements/__tests__/table-row.test.js +1 -6
  35. package/build/cjs/data-table/table-elements/__tests__/table-scroll-box.test.js +1 -6
  36. package/build/cjs/data-table/table-elements/__tests__/table-toolbar.test.js +1 -6
  37. package/build/cjs/data-table/table-elements/__tests__/table.test.js +3 -8
  38. package/build/cjs/data-table/table-elements/features/can_scroll/index.js +0 -1
  39. package/build/cjs/data-table/table-elements/index.js +0 -10
  40. package/build/cjs/data-table/table-elements/table-body.js +6 -17
  41. package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.js +7 -27
  42. package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.styles.js +2 -5
  43. package/build/cjs/data-table/table-elements/table-foot.js +5 -13
  44. package/build/cjs/data-table/table-elements/table-head.js +5 -13
  45. package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.js +7 -27
  46. package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.styles.js +2 -5
  47. package/build/cjs/data-table/table-elements/table-header-cell-action.js +6 -16
  48. package/build/cjs/data-table/table-elements/table-row.js +5 -17
  49. package/build/cjs/data-table/table-elements/table-scroll-box.js +6 -16
  50. package/build/cjs/data-table/table-elements/table-toolbar.js +6 -17
  51. package/build/cjs/data-table/table-elements/{table.stories.e2e.js → table.e2e.stories.js} +2 -15
  52. package/build/cjs/data-table/table-elements/table.js +6 -20
  53. package/build/cjs/data-table/table-elements/table.stories.internal.js +41 -78
  54. package/build/cjs/index.js +0 -3
  55. package/build/cjs/locales/index.js +3 -33
  56. package/build/cjs/stacked-table/add-col-num-to-children.js +0 -3
  57. package/build/cjs/stacked-table/content-with-title.js +4 -13
  58. package/build/cjs/stacked-table/extract-header-labels.js +25 -28
  59. package/build/cjs/stacked-table/index.js +0 -8
  60. package/build/cjs/stacked-table/stacked-table-body.js +1 -7
  61. package/build/cjs/stacked-table/stacked-table-cell-head.js +2 -9
  62. package/build/cjs/stacked-table/stacked-table-cell.js +2 -10
  63. package/build/cjs/stacked-table/stacked-table-foot.js +1 -7
  64. package/build/cjs/stacked-table/stacked-table-head.js +1 -7
  65. package/build/cjs/stacked-table/stacked-table-row-head.js +1 -7
  66. package/build/cjs/stacked-table/stacked-table-row.js +2 -12
  67. package/build/cjs/stacked-table/stacked-table.js +1 -10
  68. package/build/cjs/stacked-table/{stacked-table.stories.js → stacked-table.prod.stories.js} +20 -40
  69. package/build/cjs/stacked-table/stacked-table.test.js +9 -19
  70. package/build/cjs/stacked-table/supply-header-labels-to-children.js +0 -3
  71. package/build/cjs/stacked-table/table-context.js +1 -4
  72. package/build/cjs/stacked-table/table.js +2 -9
  73. package/build/cjs/table/index.js +0 -8
  74. package/build/cjs/table/table-body.js +1 -6
  75. package/build/cjs/table/table-cell-head.js +2 -11
  76. package/build/cjs/table/table-cell.js +2 -11
  77. package/build/cjs/table/table-context.js +1 -4
  78. package/build/cjs/table/table-foot.js +1 -6
  79. package/build/cjs/table/table-head.js +1 -6
  80. package/build/cjs/table/table-row-head.js +1 -8
  81. package/build/cjs/table/table-row.js +5 -18
  82. package/build/cjs/table/table.js +2 -11
  83. package/build/cjs/table/{table.stories.js → table.prod.stories.js} +18 -30
  84. package/build/es/data-table/__tests__/data-table-cell.test.js +6 -6
  85. package/build/es/data-table/__tests__/data-table-column-header.test.js +4 -3
  86. package/build/es/data-table/__tests__/data-table-row/expanded-row.test.js +2 -2
  87. package/build/es/data-table/__tests__/data-table-row.test.js +4 -2
  88. package/build/es/data-table/data-table-cell.js +1 -11
  89. package/build/es/data-table/data-table-column-header/data-table-column-header.js +4 -9
  90. package/build/es/data-table/data-table-column-header/sorter.js +1 -1
  91. package/build/es/data-table/data-table-row/data-table-row.js +1 -7
  92. package/build/es/data-table/data-table-row/data-table-row.styles.js +1 -1
  93. package/build/es/data-table/data-table-row/expanded-row.js +3 -3
  94. package/build/es/data-table/data-table.js +1 -5
  95. package/build/es/data-table/{data-table.stories.js → data-table.prod.stories.js} +19 -44
  96. package/build/es/data-table/table-elements/__tests__/table-data-cell.test.js +3 -3
  97. package/build/es/data-table/table-elements/__tests__/table-header-cell.test.js +4 -4
  98. package/build/es/data-table/table-elements/__tests__/table.test.js +2 -2
  99. package/build/es/data-table/table-elements/table-body.js +2 -4
  100. package/build/es/data-table/table-elements/table-data-cell/table-data-cell.js +3 -12
  101. package/build/es/data-table/table-elements/table-data-cell/table-data-cell.styles.js +1 -1
  102. package/build/es/data-table/table-elements/table-foot.js +1 -2
  103. package/build/es/data-table/table-elements/table-head.js +1 -2
  104. package/build/es/data-table/table-elements/table-header-cell/table-header-cell.js +3 -12
  105. package/build/es/data-table/table-elements/table-header-cell/table-header-cell.styles.js +1 -1
  106. package/build/es/data-table/table-elements/table-header-cell-action.js +2 -4
  107. package/build/es/data-table/table-elements/table-row.js +1 -5
  108. package/build/es/data-table/table-elements/table-scroll-box.js +2 -4
  109. package/build/es/data-table/table-elements/table-toolbar.js +2 -4
  110. package/build/es/data-table/table-elements/table.js +2 -7
  111. package/build/es/data-table/table-elements/table.stories.internal.js +23 -29
  112. package/build/es/stacked-table/content-with-title.js +1 -1
  113. package/build/es/stacked-table/extract-header-labels.js +24 -23
  114. package/build/es/stacked-table/stacked-table-cell-head.js +1 -1
  115. package/build/es/stacked-table/stacked-table-cell.js +1 -1
  116. package/build/es/stacked-table/stacked-table-row.js +1 -1
  117. package/build/es/stacked-table/stacked-table.js +0 -1
  118. package/build/es/stacked-table/{stacked-table.stories.js → stacked-table.prod.stories.js} +17 -2
  119. package/build/es/stacked-table/stacked-table.test.js +8 -9
  120. package/build/es/stacked-table/table.js +1 -1
  121. package/build/es/table/table-cell-head.js +1 -2
  122. package/build/es/table/table-cell.js +1 -2
  123. package/build/es/table/table-row-head.js +0 -1
  124. package/build/es/table/table-row.js +2 -5
  125. package/build/es/table/table.js +1 -2
  126. package/build/es/table/{table.stories.js → table.prod.stories.js} +15 -3
  127. package/package.json +6 -6
  128. /package/build/es/data-table/{data-table.stories.e2e.js → data-table.e2e.stories.js} +0 -0
  129. /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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
-
30
- const description = "\nExpresses tabular data such that each 'row' becomes a table section with the 'column' header in each cell. Multiple rows become multiple sections.\n\nCompose with StackedTable child components, as seen in the examples.\n\n```js\nimport {\n StackedTable,\n StackedTableBody,\n StackedTableCell,\n StackedTableCellHead,\n StackedTableFoot,\n StackedTableHead,\n StackedTableRow,\n StackedTableRowHead,\n} from 'dhis2/ui'\n```\n";
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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), { ...originalHeaderLabel,
121
- colSpan: "".concat(colSpan)
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; // all body cells that are group under the single header should share the same 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
- } // the next body cell should have the label of the next header cell
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
- }, ["table.__jsx-style-dynamic-selector{display:block;border:0;background-color:".concat(_uiConstants.colors.white, ";min-width:100%;text-align:left;border-collapse:collapse;vertical-align:top;color:").concat(_uiConstants.colors.grey900, ";}")]));
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,
@@ -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: "jsx-".concat(tableCellHeadStyles.__hash) + " " + ((0, _classnames.default)({
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: "jsx-".concat(tableCellStyles.__hash) + " " + ((0, _classnames.default)({
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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: "jsx-".concat(tableRowStyles.__hash) + " " + (rest && rest.className != null && rest.className || (0, _classnames.default)(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
  };