@dhis2-ui/table 10.16.3-alpha.1 → 10.16.4

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 (82) hide show
  1. package/build/cjs/data-table/data-table-cell.js +25 -27
  2. package/build/cjs/data-table/data-table-column-header/data-table-column-header.js +58 -62
  3. package/build/cjs/data-table/data-table-column-header/filter-handle.js +5 -6
  4. package/build/cjs/data-table/data-table-column-header/sorter.js +6 -7
  5. package/build/cjs/data-table/data-table-row/data-table-row.js +13 -15
  6. package/build/cjs/data-table/data-table-row/expand-handle-cell.js +12 -15
  7. package/build/cjs/data-table/data-table-row/expanded-row.js +19 -22
  8. package/build/cjs/data-table/data-table.js +11 -13
  9. package/build/cjs/data-table/data-table.prod.stories.js +128 -146
  10. package/build/cjs/data-table/table-elements/table-body.js +19 -23
  11. package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.js +23 -25
  12. package/build/cjs/data-table/table-elements/table-foot.js +13 -17
  13. package/build/cjs/data-table/table-elements/table-head.js +13 -17
  14. package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.js +42 -46
  15. package/build/cjs/data-table/table-elements/table-header-cell-action.js +18 -22
  16. package/build/cjs/data-table/table-elements/table-row.js +19 -23
  17. package/build/cjs/data-table/table-elements/table-scroll-box.js +16 -20
  18. package/build/cjs/data-table/table-elements/table-toolbar.js +15 -19
  19. package/build/cjs/data-table/table-elements/table.js +21 -25
  20. package/build/cjs/data-table/table-elements/table.stories.internal.js +111 -120
  21. package/build/cjs/locales/index.js +40 -21
  22. package/build/cjs/stacked-table/content-with-title.js +12 -16
  23. package/build/cjs/stacked-table/stacked-table-body.js +10 -13
  24. package/build/cjs/stacked-table/stacked-table-cell-head.js +17 -20
  25. package/build/cjs/stacked-table/stacked-table-cell.js +11 -12
  26. package/build/cjs/stacked-table/stacked-table-foot.js +10 -13
  27. package/build/cjs/stacked-table/stacked-table-head.js +10 -13
  28. package/build/cjs/stacked-table/stacked-table-row-head.js +8 -11
  29. package/build/cjs/stacked-table/stacked-table-row.js +13 -19
  30. package/build/cjs/stacked-table/stacked-table.js +6 -7
  31. package/build/cjs/stacked-table/stacked-table.test.js +14 -23
  32. package/build/cjs/stacked-table/table.js +11 -14
  33. package/build/cjs/table/table-body.js +10 -13
  34. package/build/cjs/table/table-cell-head.js +19 -22
  35. package/build/cjs/table/table-cell.js +19 -22
  36. package/build/cjs/table/table-foot.js +10 -13
  37. package/build/cjs/table/table-head.js +10 -13
  38. package/build/cjs/table/table-row-head.js +12 -15
  39. package/build/cjs/table/table-row.js +9 -11
  40. package/build/cjs/table/table.js +16 -19
  41. package/build/es/data-table/data-table-cell.js +24 -25
  42. package/build/es/data-table/data-table-column-header/data-table-column-header.js +57 -60
  43. package/build/es/data-table/data-table-column-header/filter-handle.js +5 -6
  44. package/build/es/data-table/data-table-column-header/sorter.js +6 -7
  45. package/build/es/data-table/data-table-row/data-table-row.js +12 -13
  46. package/build/es/data-table/data-table-row/expand-handle-cell.js +12 -15
  47. package/build/es/data-table/data-table-row/expanded-row.js +19 -22
  48. package/build/es/data-table/data-table.js +10 -11
  49. package/build/es/data-table/data-table.prod.stories.js +127 -144
  50. package/build/es/data-table/table-elements/table-body.js +18 -21
  51. package/build/es/data-table/table-elements/table-data-cell/table-data-cell.js +22 -23
  52. package/build/es/data-table/table-elements/table-foot.js +12 -15
  53. package/build/es/data-table/table-elements/table-head.js +12 -15
  54. package/build/es/data-table/table-elements/table-header-cell/table-header-cell.js +41 -44
  55. package/build/es/data-table/table-elements/table-header-cell-action.js +17 -20
  56. package/build/es/data-table/table-elements/table-row.js +18 -21
  57. package/build/es/data-table/table-elements/table-scroll-box.js +15 -18
  58. package/build/es/data-table/table-elements/table-toolbar.js +14 -17
  59. package/build/es/data-table/table-elements/table.js +20 -23
  60. package/build/es/data-table/table-elements/table.stories.internal.js +110 -118
  61. package/build/es/locales/index.js +34 -15
  62. package/build/es/stacked-table/content-with-title.js +11 -14
  63. package/build/es/stacked-table/stacked-table-body.js +10 -13
  64. package/build/es/stacked-table/stacked-table-cell-head.js +17 -20
  65. package/build/es/stacked-table/stacked-table-cell.js +11 -12
  66. package/build/es/stacked-table/stacked-table-foot.js +10 -13
  67. package/build/es/stacked-table/stacked-table-head.js +10 -13
  68. package/build/es/stacked-table/stacked-table-row-head.js +8 -11
  69. package/build/es/stacked-table/stacked-table-row.js +13 -19
  70. package/build/es/stacked-table/stacked-table.js +6 -7
  71. package/build/es/stacked-table/stacked-table.test.js +14 -23
  72. package/build/es/stacked-table/table.js +11 -14
  73. package/build/es/table/table-body.js +10 -13
  74. package/build/es/table/table-cell-head.js +19 -22
  75. package/build/es/table/table-cell.js +19 -22
  76. package/build/es/table/table-foot.js +10 -13
  77. package/build/es/table/table-head.js +10 -13
  78. package/build/es/table/table-row-head.js +12 -15
  79. package/build/es/table/table-row.js +8 -9
  80. package/build/es/table/table.js +16 -19
  81. package/package.json +3 -3
  82. package/src/locales/index.js +48 -15
@@ -82,83 +82,80 @@ export default {
82
82
  }
83
83
  }
84
84
  };
85
- const BasicTemplate = _ref => {
86
- let {
87
- borderedCells,
88
- largeCells,
89
- staticCells,
90
- draggableRows,
91
- ...args
92
- } = _ref;
93
- return /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
94
- large: largeCells
95
- }, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
96
- large: largeCells
97
- }, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
98
- large: largeCells
99
- }, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
100
- large: largeCells
101
- }, "Last updated"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, {
102
- draggable: draggableRows
103
- }, /*#__PURE__*/React.createElement(TableDataCell, {
104
- staticStyle: staticCells,
105
- large: largeCells,
106
- bordered: borderedCells
107
- }, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, {
108
- staticStyle: staticCells,
109
- large: largeCells,
110
- bordered: borderedCells
111
- }, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, {
112
- staticStyle: staticCells,
113
- large: largeCells,
114
- bordered: borderedCells
115
- }, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, {
116
- staticStyle: staticCells,
117
- large: largeCells,
118
- bordered: borderedCells
119
- }, "05/25/1972")), /*#__PURE__*/React.createElement(TableRow, {
120
- draggable: draggableRows
121
- }, /*#__PURE__*/React.createElement(TableDataCell, {
122
- staticStyle: staticCells,
123
- large: largeCells,
124
- bordered: borderedCells
125
- }, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, {
126
- staticStyle: staticCells,
127
- large: largeCells,
128
- bordered: borderedCells
129
- }, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, {
130
- staticStyle: staticCells,
131
- large: largeCells,
132
- bordered: borderedCells
133
- }, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, {
134
- staticStyle: staticCells,
135
- large: largeCells,
136
- bordered: borderedCells
137
- }, "02/26/1991")), /*#__PURE__*/React.createElement(TableRow, {
138
- draggable: draggableRows
139
- }, /*#__PURE__*/React.createElement(TableDataCell, {
140
- staticStyle: staticCells,
141
- large: largeCells,
142
- bordered: borderedCells
143
- }, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, {
144
- staticStyle: staticCells,
145
- large: largeCells,
146
- bordered: borderedCells
147
- }, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, {
148
- staticStyle: staticCells,
149
- large: largeCells,
150
- bordered: borderedCells
151
- }, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, {
152
- staticStyle: staticCells,
153
- large: largeCells,
154
- bordered: borderedCells
155
- }, "02/06/2007"))), /*#__PURE__*/React.createElement(TableFoot, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, {
156
- staticStyle: staticCells,
157
- large: largeCells,
158
- bordered: borderedCells,
159
- colSpan: "4"
160
- }, "Footer content"))));
161
- };
85
+ const BasicTemplate = ({
86
+ borderedCells,
87
+ largeCells,
88
+ staticCells,
89
+ draggableRows,
90
+ ...args
91
+ }) => /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
92
+ large: largeCells
93
+ }, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
94
+ large: largeCells
95
+ }, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
96
+ large: largeCells
97
+ }, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
98
+ large: largeCells
99
+ }, "Last updated"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, {
100
+ draggable: draggableRows
101
+ }, /*#__PURE__*/React.createElement(TableDataCell, {
102
+ staticStyle: staticCells,
103
+ large: largeCells,
104
+ bordered: borderedCells
105
+ }, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, {
106
+ staticStyle: staticCells,
107
+ large: largeCells,
108
+ bordered: borderedCells
109
+ }, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, {
110
+ staticStyle: staticCells,
111
+ large: largeCells,
112
+ bordered: borderedCells
113
+ }, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, {
114
+ staticStyle: staticCells,
115
+ large: largeCells,
116
+ bordered: borderedCells
117
+ }, "05/25/1972")), /*#__PURE__*/React.createElement(TableRow, {
118
+ draggable: draggableRows
119
+ }, /*#__PURE__*/React.createElement(TableDataCell, {
120
+ staticStyle: staticCells,
121
+ large: largeCells,
122
+ bordered: borderedCells
123
+ }, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, {
124
+ staticStyle: staticCells,
125
+ large: largeCells,
126
+ bordered: borderedCells
127
+ }, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, {
128
+ staticStyle: staticCells,
129
+ large: largeCells,
130
+ bordered: borderedCells
131
+ }, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, {
132
+ staticStyle: staticCells,
133
+ large: largeCells,
134
+ bordered: borderedCells
135
+ }, "02/26/1991")), /*#__PURE__*/React.createElement(TableRow, {
136
+ draggable: draggableRows
137
+ }, /*#__PURE__*/React.createElement(TableDataCell, {
138
+ staticStyle: staticCells,
139
+ large: largeCells,
140
+ bordered: borderedCells
141
+ }, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, {
142
+ staticStyle: staticCells,
143
+ large: largeCells,
144
+ bordered: borderedCells
145
+ }, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, {
146
+ staticStyle: staticCells,
147
+ large: largeCells,
148
+ bordered: borderedCells
149
+ }, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, {
150
+ staticStyle: staticCells,
151
+ large: largeCells,
152
+ bordered: borderedCells
153
+ }, "02/06/2007"))), /*#__PURE__*/React.createElement(TableFoot, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, {
154
+ staticStyle: staticCells,
155
+ large: largeCells,
156
+ bordered: borderedCells,
157
+ colSpan: "4"
158
+ }, "Footer content"))));
162
159
  export const Default = BasicTemplate.bind({});
163
160
  Default.args = {};
164
161
  export const BorderedCells = BasicTemplate.bind({});
@@ -268,20 +265,18 @@ const SelectableRowsTemplate = args => {
268
265
  const [selected, setSelected] = useState({
269
266
  id_2: true
270
267
  });
271
- const toggleSelected = _ref2 => {
272
- let {
273
- value,
274
- checked
275
- } = _ref2;
268
+ const toggleSelected = ({
269
+ value,
270
+ checked
271
+ }) => {
276
272
  setSelected({
277
273
  ...selected,
278
274
  [value]: checked
279
275
  });
280
276
  };
281
- const toggleAll = _ref3 => {
282
- let {
283
- checked
284
- } = _ref3;
277
+ const toggleAll = ({
278
+ checked
279
+ }) => {
285
280
  setSelected({
286
281
  id_1: checked,
287
282
  id_2: checked,
@@ -322,38 +317,35 @@ const SelectableRowsTemplate = args => {
322
317
  };
323
318
  export const SelectableRows = SelectableRowsTemplate.bind({});
324
319
  SelectableRows.args = {};
325
- const FixedHeaderTemplate = _ref4 => {
326
- let {
327
- ...args
328
- } = _ref4;
329
- return /*#__PURE__*/React.createElement(TableScrollBox, {
330
- maxHeight: "350px"
331
- }, /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
332
- fixed: true,
333
- top: "0"
334
- }, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
335
- fixed: true,
336
- top: "0"
337
- }, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
338
- fixed: true,
339
- top: "0"
340
- }, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
341
- fixed: true,
342
- top: "0"
343
- }, "Last updated"), /*#__PURE__*/React.createElement(TableHeaderCell, {
344
- fixed: true,
345
- top: "0"
346
- }, "Age"), /*#__PURE__*/React.createElement(TableHeaderCell, {
347
- fixed: true,
348
- top: "0"
349
- }, "Registering unit"), /*#__PURE__*/React.createElement(TableHeaderCell, {
350
- fixed: true,
351
- top: "0"
352
- }, "Assigned user"), /*#__PURE__*/React.createElement(TableHeaderCell, {
353
- fixed: true,
354
- top: "0"
355
- }, "Status"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/25/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "66"), /*#__PURE__*/React.createElement(TableDataCell, null, "Jawi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Sofie Hubert"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/26/1991"), /*#__PURE__*/React.createElement(TableDataCell, null, "38"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mokassie MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dashonte Clarke"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "98"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bathurst MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Chiyembekezo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/23/1982"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/15/2003"), /*#__PURE__*/React.createElement(TableDataCell, null, "2"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mayolla MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Wan Gengxin"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Mtendere"), /*#__PURE__*/React.createElement(TableDataCell, null, "Afolayan"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/12/1994"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/12/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "37"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gbangadu MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gvozden Boskovsky"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Inyene"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okonkwo"), /*#__PURE__*/React.createElement(TableDataCell, null, "04/01/1971"), /*#__PURE__*/React.createElement(TableDataCell, null, "03/16/2000"), /*#__PURE__*/React.createElement(TableDataCell, null, "70"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kunike Barina"), /*#__PURE__*/React.createElement(TableDataCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Amaka"), /*#__PURE__*/React.createElement(TableDataCell, null, "Pretorius"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/25/1996"), /*#__PURE__*/React.createElement(TableDataCell, null, "09/15/1986"), /*#__PURE__*/React.createElement(TableDataCell, null, "32"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bargbo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Alberto Raya"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Meti"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "10/24/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/26/1989"), /*#__PURE__*/React.createElement(TableDataCell, null, "8"), /*#__PURE__*/React.createElement(TableDataCell, null, "Majihun MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Eshe"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "63"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mambiama CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Shadrias Pearson"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Obi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "06/07/1990"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/03/2006"), /*#__PURE__*/React.createElement(TableDataCell, null, "28"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")))));
356
- };
320
+ const FixedHeaderTemplate = ({
321
+ ...args
322
+ }) => /*#__PURE__*/React.createElement(TableScrollBox, {
323
+ maxHeight: "350px"
324
+ }, /*#__PURE__*/React.createElement(Table, args, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeaderCell, {
325
+ fixed: true,
326
+ top: "0"
327
+ }, "First name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
328
+ fixed: true,
329
+ top: "0"
330
+ }, "Last name"), /*#__PURE__*/React.createElement(TableHeaderCell, {
331
+ fixed: true,
332
+ top: "0"
333
+ }, "Incident date"), /*#__PURE__*/React.createElement(TableHeaderCell, {
334
+ fixed: true,
335
+ top: "0"
336
+ }, "Last updated"), /*#__PURE__*/React.createElement(TableHeaderCell, {
337
+ fixed: true,
338
+ top: "0"
339
+ }, "Age"), /*#__PURE__*/React.createElement(TableHeaderCell, {
340
+ fixed: true,
341
+ top: "0"
342
+ }, "Registering unit"), /*#__PURE__*/React.createElement(TableHeaderCell, {
343
+ fixed: true,
344
+ top: "0"
345
+ }, "Assigned user"), /*#__PURE__*/React.createElement(TableHeaderCell, {
346
+ fixed: true,
347
+ top: "0"
348
+ }, "Status"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kariuki"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/25/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "66"), /*#__PURE__*/React.createElement(TableDataCell, null, "Jawi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Sofie Hubert"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Kwasi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/11/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/26/1991"), /*#__PURE__*/React.createElement(TableDataCell, null, "38"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mokassie MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dashonte Clarke"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Siyabonga"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/21/1981"), /*#__PURE__*/React.createElement(TableDataCell, null, "02/06/2007"), /*#__PURE__*/React.createElement(TableDataCell, null, "98"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bathurst MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Chiyembekezo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/23/1982"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/15/2003"), /*#__PURE__*/React.createElement(TableDataCell, null, "2"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mayolla MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Wan Gengxin"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Mtendere"), /*#__PURE__*/React.createElement(TableDataCell, null, "Afolayan"), /*#__PURE__*/React.createElement(TableDataCell, null, "08/12/1994"), /*#__PURE__*/React.createElement(TableDataCell, null, "05/12/1972"), /*#__PURE__*/React.createElement(TableDataCell, null, "37"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gbangadu MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Gvozden Boskovsky"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Inyene"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okonkwo"), /*#__PURE__*/React.createElement(TableDataCell, null, "04/01/1971"), /*#__PURE__*/React.createElement(TableDataCell, null, "03/16/2000"), /*#__PURE__*/React.createElement(TableDataCell, null, "70"), /*#__PURE__*/React.createElement(TableDataCell, null, "Kunike Barina"), /*#__PURE__*/React.createElement(TableDataCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Amaka"), /*#__PURE__*/React.createElement(TableDataCell, null, "Pretorius"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/25/1996"), /*#__PURE__*/React.createElement(TableDataCell, null, "09/15/1986"), /*#__PURE__*/React.createElement(TableDataCell, null, "32"), /*#__PURE__*/React.createElement(TableDataCell, null, "Bargbo"), /*#__PURE__*/React.createElement(TableDataCell, null, "Alberto Raya"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Meti"), /*#__PURE__*/React.createElement(TableDataCell, null, "Abiodun"), /*#__PURE__*/React.createElement(TableDataCell, null, "10/24/2010"), /*#__PURE__*/React.createElement(TableDataCell, null, "07/26/1989"), /*#__PURE__*/React.createElement(TableDataCell, null, "8"), /*#__PURE__*/React.createElement(TableDataCell, null, "Majihun MCHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Unassigned"), /*#__PURE__*/React.createElement(TableDataCell, null, "Complete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Eshe"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okeke"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/31/1995"), /*#__PURE__*/React.createElement(TableDataCell, null, "63"), /*#__PURE__*/React.createElement(TableDataCell, null, "Mambiama CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Shadrias Pearson"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "Obi"), /*#__PURE__*/React.createElement(TableDataCell, null, "Okafor"), /*#__PURE__*/React.createElement(TableDataCell, null, "06/07/1990"), /*#__PURE__*/React.createElement(TableDataCell, null, "01/03/2006"), /*#__PURE__*/React.createElement(TableDataCell, null, "28"), /*#__PURE__*/React.createElement(TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/React.createElement(TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/React.createElement(TableDataCell, null, "Incomplete")))));
357
349
  export const FixedHeader = FixedHeaderTemplate.bind({});
358
350
  FixedHeader.args = {
359
351
  borderless: true
@@ -23,19 +23,38 @@ import ukTranslations from './uk/translations.json';
23
23
  import uz_UZ_CyrlTranslations from './uz_UZ_Cyrl/translations.json';
24
24
  import zhTranslations from './zh/translations.json';
25
25
  const namespace = 'default';
26
- i18n.addResources('ar', namespace, arTranslations);
27
- i18n.addResources('cs', namespace, csTranslations);
28
- i18n.addResources('en', namespace, enTranslations);
29
- i18n.addResources('es', namespace, esTranslations);
30
- i18n.addResources('es_419', namespace, es_419Translations);
31
- i18n.addResources('fr', namespace, frTranslations);
32
- i18n.addResources('km', namespace, kmTranslations);
33
- i18n.addResources('lo', namespace, loTranslations);
34
- i18n.addResources('nb', namespace, nbTranslations);
35
- i18n.addResources('nl', namespace, nlTranslations);
36
- i18n.addResources('pt', namespace, ptTranslations);
37
- i18n.addResources('ru', namespace, ruTranslations);
38
- i18n.addResources('uk', namespace, ukTranslations);
39
- i18n.addResources('uz_UZ_Cyrl', namespace, uz_UZ_CyrlTranslations);
40
- i18n.addResources('zh', namespace, zhTranslations);
26
+
27
+ // Use 'deep' = true and 'overwrite' = false to add to, but not overwrite,
28
+ // custom translations from the datastore (added by the app adapter)
29
+
30
+ i18n.addResourceBundle('ar', namespace, arTranslations, true, false);
31
+ i18n.addResourceBundle('ar', namespace, arTranslations, true, false);
32
+ i18n.addResourceBundle('cs', namespace, csTranslations, true, false);
33
+ i18n.addResourceBundle('cs', namespace, csTranslations, true, false);
34
+ i18n.addResourceBundle('en', namespace, enTranslations, true, false);
35
+ i18n.addResourceBundle('en', namespace, enTranslations, true, false);
36
+ i18n.addResourceBundle('es', namespace, esTranslations, true, false);
37
+ i18n.addResourceBundle('es', namespace, esTranslations, true, false);
38
+ i18n.addResourceBundle('es_419', namespace, es_419Translations, true, false);
39
+ i18n.addResourceBundle('es-419', namespace, es_419Translations, true, false);
40
+ i18n.addResourceBundle('fr', namespace, frTranslations, true, false);
41
+ i18n.addResourceBundle('fr', namespace, frTranslations, true, false);
42
+ i18n.addResourceBundle('km', namespace, kmTranslations, true, false);
43
+ i18n.addResourceBundle('km', namespace, kmTranslations, true, false);
44
+ i18n.addResourceBundle('lo', namespace, loTranslations, true, false);
45
+ i18n.addResourceBundle('lo', namespace, loTranslations, true, false);
46
+ i18n.addResourceBundle('nb', namespace, nbTranslations, true, false);
47
+ i18n.addResourceBundle('nb', namespace, nbTranslations, true, false);
48
+ i18n.addResourceBundle('nl', namespace, nlTranslations, true, false);
49
+ i18n.addResourceBundle('nl', namespace, nlTranslations, true, false);
50
+ i18n.addResourceBundle('pt', namespace, ptTranslations, true, false);
51
+ i18n.addResourceBundle('pt', namespace, ptTranslations, true, false);
52
+ i18n.addResourceBundle('ru', namespace, ruTranslations, true, false);
53
+ i18n.addResourceBundle('ru', namespace, ruTranslations, true, false);
54
+ i18n.addResourceBundle('uk', namespace, ukTranslations, true, false);
55
+ i18n.addResourceBundle('uk', namespace, ukTranslations, true, false);
56
+ i18n.addResourceBundle('uz_UZ_Cyrl', namespace, uz_UZ_CyrlTranslations, true, false);
57
+ i18n.addResourceBundle('uz-Cyrl-UZ', namespace, uz_UZ_CyrlTranslations, true, false);
58
+ i18n.addResourceBundle('zh', namespace, zhTranslations, true, false);
59
+ i18n.addResourceBundle('zh', namespace, zhTranslations, true, false);
41
60
  export default i18n;
@@ -2,20 +2,17 @@ import _JSXStyle from "styled-jsx/style";
2
2
  import { colors } from '@dhis2/ui-constants';
3
3
  import PropTypes from 'prop-types';
4
4
  import React, { Fragment } from 'react';
5
- export const ContentWithTitle = _ref => {
6
- let {
7
- title,
8
- children
9
- } = _ref;
10
- return /*#__PURE__*/React.createElement(Fragment, null, title && /*#__PURE__*/React.createElement("span", {
11
- className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "title"
12
- }, title), /*#__PURE__*/React.createElement("span", {
13
- className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "content"
14
- }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
15
- id: "215664166",
16
- dynamic: [colors.grey700]
17
- }, [`.title.__jsx-style-dynamic-selector{display:block;white-space:normal;min-height:24px;font-size:13px;line-height:16px;padding:8px 0 4px;font-weight:normal;color:${colors.grey700};}`, ".content.__jsx-style-dynamic-selector{display:block;padding:0 0 8px 0;font-size:14px;line-height:18px;}", ".content.__jsx-style-dynamic-selector:first-child{padding-top:8px;padding-bottom:8px;}"]));
18
- };
5
+ export const ContentWithTitle = ({
6
+ title,
7
+ children
8
+ }) => /*#__PURE__*/React.createElement(Fragment, null, title && /*#__PURE__*/React.createElement("span", {
9
+ className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "title"
10
+ }, title), /*#__PURE__*/React.createElement("span", {
11
+ className: _JSXStyle.dynamic([["215664166", [colors.grey700]]]) + " " + "content"
12
+ }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
13
+ id: "215664166",
14
+ dynamic: [colors.grey700]
15
+ }, [`.title.__jsx-style-dynamic-selector{display:block;white-space:normal;min-height:24px;font-size:13px;line-height:16px;padding:8px 0 4px;font-weight:normal;color:${colors.grey700};}`, ".content.__jsx-style-dynamic-selector{display:block;padding:0 0 8px 0;font-size:14px;line-height:18px;}", ".content.__jsx-style-dynamic-selector:first-child{padding-top:8px;padding-bottom:8px;}"]));
19
16
  ContentWithTitle.propTypes = {
20
17
  children: PropTypes.node.isRequired,
21
18
  title: PropTypes.string
@@ -1,19 +1,16 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
2
  import PropTypes from 'prop-types';
3
3
  import React from 'react';
4
- export const StackedTableBody = _ref => {
5
- let {
6
- children,
7
- className,
8
- dataTest = 'dhis2-uicore-stackedtablebody'
9
- } = _ref;
10
- return /*#__PURE__*/React.createElement("tbody", {
11
- "data-tset": dataTest,
12
- className: "jsx-4146628131" + " " + (className || "")
13
- }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
14
- id: "4146628131"
15
- }, ["tbody.jsx-4146628131{display:block;}"]));
16
- };
4
+ export const StackedTableBody = ({
5
+ children,
6
+ className,
7
+ dataTest = 'dhis2-uicore-stackedtablebody'
8
+ }) => /*#__PURE__*/React.createElement("tbody", {
9
+ "data-tset": dataTest,
10
+ className: "jsx-4146628131" + " " + (className || "")
11
+ }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
12
+ id: "4146628131"
13
+ }, ["tbody.jsx-4146628131{display:block;}"]));
17
14
  StackedTableBody.propTypes = {
18
15
  children: PropTypes.node,
19
16
  className: PropTypes.string,
@@ -2,26 +2,23 @@ import _JSXStyle from "styled-jsx/style";
2
2
  import { colors } from '@dhis2/ui-constants';
3
3
  import PropTypes from 'prop-types';
4
4
  import React from 'react';
5
- export const StackedTableCellHead = _ref => {
6
- let {
7
- children = '',
8
- className,
9
- colSpan,
10
- dataTest = 'dhis2-uicore-stackedtablecellhead',
11
- rowSpan
12
- } = _ref;
13
- return /*#__PURE__*/React.createElement("th", {
14
- colSpan: colSpan,
15
- rowSpan: rowSpan,
16
- "data-test": dataTest,
17
- className: _JSXStyle.dynamic([["178822310", [colors.grey300]]]) + " " + (className || "")
18
- }, children && /*#__PURE__*/React.createElement("div", {
19
- className: _JSXStyle.dynamic([["178822310", [colors.grey300]]])
20
- }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
21
- id: "178822310",
22
- dynamic: [colors.grey300]
23
- }, [`th.__jsx-style-dynamic-selector{border-bottom:1px solid ${colors.grey300};padding:0 12px;}`, "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
24
- };
5
+ export const StackedTableCellHead = ({
6
+ children = '',
7
+ className,
8
+ colSpan,
9
+ dataTest = 'dhis2-uicore-stackedtablecellhead',
10
+ rowSpan
11
+ }) => /*#__PURE__*/React.createElement("th", {
12
+ colSpan: colSpan,
13
+ rowSpan: rowSpan,
14
+ "data-test": dataTest,
15
+ className: _JSXStyle.dynamic([["178822310", [colors.grey300]]]) + " " + (className || "")
16
+ }, children && /*#__PURE__*/React.createElement("div", {
17
+ className: _JSXStyle.dynamic([["178822310", [colors.grey300]]])
18
+ }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
19
+ id: "178822310",
20
+ dynamic: [colors.grey300]
21
+ }, [`th.__jsx-style-dynamic-selector{border-bottom:1px solid ${colors.grey300};padding:0 12px;}`, "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
25
22
  StackedTableCellHead.propTypes = {
26
23
  children: PropTypes.string,
27
24
  className: PropTypes.string,
@@ -4,18 +4,17 @@ import PropTypes from 'prop-types';
4
4
  import React from 'react';
5
5
  import { ContentWithTitle } from './content-with-title.js';
6
6
  const defaultHeaderLabels = [];
7
- export const StackedTableCell = _ref => {
8
- let {
9
- children,
10
- className,
11
- colSpan,
12
- column,
13
- dataTest = 'dhis2-uicore-stackedtablecell',
14
- headerLabels = defaultHeaderLabels,
15
- hideTitle,
16
- rowSpan,
17
- title
18
- } = _ref;
7
+ export const StackedTableCell = ({
8
+ children,
9
+ className,
10
+ colSpan,
11
+ column,
12
+ dataTest = 'dhis2-uicore-stackedtablecell',
13
+ headerLabels = defaultHeaderLabels,
14
+ hideTitle,
15
+ rowSpan,
16
+ title
17
+ }) => {
19
18
  const cellTitle = title || headerLabels[column] || '';
20
19
  const realTitle = hideTitle ? '' : cellTitle;
21
20
  return /*#__PURE__*/React.createElement("td", {
@@ -1,19 +1,16 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
2
  import PropTypes from 'prop-types';
3
3
  import React from 'react';
4
- export const StackedTableFoot = _ref => {
5
- let {
6
- children,
7
- className,
8
- dataTest = 'dhis2-uicore-stackedtablefoot'
9
- } = _ref;
10
- return /*#__PURE__*/React.createElement("tfoot", {
11
- "data-test": dataTest,
12
- className: "jsx-3912324960" + " " + (className || "")
13
- }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
14
- id: "3912324960"
15
- }, ["tfoot.jsx-3912324960{display:block;margin-top:32px;}"]));
16
- };
4
+ export const StackedTableFoot = ({
5
+ children,
6
+ className,
7
+ dataTest = 'dhis2-uicore-stackedtablefoot'
8
+ }) => /*#__PURE__*/React.createElement("tfoot", {
9
+ "data-test": dataTest,
10
+ className: "jsx-3912324960" + " " + (className || "")
11
+ }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
12
+ id: "3912324960"
13
+ }, ["tfoot.jsx-3912324960{display:block;margin-top:32px;}"]));
17
14
  StackedTableFoot.propTypes = {
18
15
  children: PropTypes.node,
19
16
  className: PropTypes.string,
@@ -1,19 +1,16 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
2
  import PropTypes from 'prop-types';
3
3
  import React from 'react';
4
- export const StackedTableHead = _ref => {
5
- let {
6
- children,
7
- className,
8
- dataTest = 'dhis2-uicore-stackedtablehead'
9
- } = _ref;
10
- return /*#__PURE__*/React.createElement("thead", {
11
- "data-test": dataTest,
12
- className: "jsx-1150407268" + " " + (className || "")
13
- }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
14
- id: "1150407268"
15
- }, ["thead.jsx-1150407268{display:none;}"]));
16
- };
4
+ export const StackedTableHead = ({
5
+ children,
6
+ className,
7
+ dataTest = 'dhis2-uicore-stackedtablehead'
8
+ }) => /*#__PURE__*/React.createElement("thead", {
9
+ "data-test": dataTest,
10
+ className: "jsx-1150407268" + " " + (className || "")
11
+ }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
12
+ id: "1150407268"
13
+ }, ["thead.jsx-1150407268{display:none;}"]));
17
14
  StackedTableHead.propTypes = {
18
15
  children: PropTypes.node,
19
16
  className: PropTypes.string,
@@ -1,17 +1,14 @@
1
1
  import PropTypes from 'prop-types';
2
2
  import React from 'react';
3
3
  import { StackedTableRow } from './stacked-table-row.js';
4
- export const StackedTableRowHead = _ref => {
5
- let {
6
- children,
7
- className,
8
- dataTest = 'dhis2-uicore-stackedtablerowhead'
9
- } = _ref;
10
- return /*#__PURE__*/React.createElement(StackedTableRow, {
11
- className: className,
12
- dataTest: dataTest
13
- }, children);
14
- };
4
+ export const StackedTableRowHead = ({
5
+ children,
6
+ className,
7
+ dataTest = 'dhis2-uicore-stackedtablerowhead'
8
+ }) => /*#__PURE__*/React.createElement(StackedTableRow, {
9
+ className: className,
10
+ dataTest: dataTest
11
+ }, children);
15
12
  StackedTableRowHead.propTypes = {
16
13
  children: PropTypes.node,
17
14
  className: PropTypes.string,
@@ -5,25 +5,19 @@ import React from 'react';
5
5
  import { addColNumToChildren } from './add-col-num-to-children.js';
6
6
  import { supplyHeaderLabelsToChildren } from './supply-header-labels-to-children.js';
7
7
  import { Consumer } from './table-context.js';
8
- export const StackedTableRow = _ref => {
9
- let {
10
- children,
11
- className,
12
- dataTest = 'dhis2-uicore-stackedtablerow'
13
- } = _ref;
14
- return /*#__PURE__*/React.createElement("tr", {
15
- "data-test": dataTest,
16
- className: _JSXStyle.dynamic([["2003961452", [colors.grey300, colors.white]]]) + " " + (className || "")
17
- }, /*#__PURE__*/React.createElement(Consumer, null, _ref2 => {
18
- let {
19
- headerLabels
20
- } = _ref2;
21
- return supplyHeaderLabelsToChildren(headerLabels, addColNumToChildren(children));
22
- }), /*#__PURE__*/React.createElement(_JSXStyle, {
23
- id: "2003961452",
24
- dynamic: [colors.grey300, colors.white]
25
- }, [`tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ${colors.grey300};}`, `tr.__jsx-style-dynamic-selector:nth-child(even){background:${colors.white};}`, "thead>tr.__jsx-style-dynamic-selector,tbody>tr.__jsx-style-dynamic-selector{min-height:36px;}", "tr.__jsx-style-dynamic-selector+tr.__jsx-style-dynamic-selector{margin-top:32px;}"]));
26
- };
8
+ export const StackedTableRow = ({
9
+ children,
10
+ className,
11
+ dataTest = 'dhis2-uicore-stackedtablerow'
12
+ }) => /*#__PURE__*/React.createElement("tr", {
13
+ "data-test": dataTest,
14
+ className: _JSXStyle.dynamic([["2003961452", [colors.grey300, colors.white]]]) + " " + (className || "")
15
+ }, /*#__PURE__*/React.createElement(Consumer, null, ({
16
+ headerLabels
17
+ }) => supplyHeaderLabelsToChildren(headerLabels, addColNumToChildren(children))), /*#__PURE__*/React.createElement(_JSXStyle, {
18
+ id: "2003961452",
19
+ dynamic: [colors.grey300, colors.white]
20
+ }, [`tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ${colors.grey300};}`, `tr.__jsx-style-dynamic-selector:nth-child(even){background:${colors.white};}`, "thead>tr.__jsx-style-dynamic-selector,tbody>tr.__jsx-style-dynamic-selector{min-height:36px;}", "tr.__jsx-style-dynamic-selector+tr.__jsx-style-dynamic-selector{margin-top:32px;}"]));
27
21
  StackedTableRow.propTypes = {
28
22
  children: PropTypes.node,
29
23
  className: PropTypes.string,