@dhis2-ui/table 9.10.3 → 9.11.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,24 +4,15 @@ 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
- 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); }
17
-
18
- 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; }
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- 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); }
23
-
24
- const TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
11
+ 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); }
12
+ 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; }
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ 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); }
15
+ const TableRow = exports.TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
25
16
  let {
26
17
  children,
27
18
  className,
@@ -43,7 +34,6 @@ const TableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
43
34
  id: "1820444258"
44
35
  }, ["tbody>tr.draggable.jsx-1820444258,tfoot>tr.draggable.jsx-1820444258{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]));
45
36
  });
46
- exports.TableRow = TableRow;
47
37
  TableRow.displayName = 'TableRow';
48
38
  TableRow.defaultProps = {
49
39
  dataTest: 'dhis2-uicore-tablerow'
@@ -53,11 +43,9 @@ TableRow.propTypes = {
53
43
  children: _propTypes.default.node,
54
44
  className: _propTypes.default.string,
55
45
  dataTest: _propTypes.default.string,
56
-
57
46
  /** Applies draggable cursor styles */
58
47
  draggable: _propTypes.default.bool,
59
48
  role: _propTypes.default.string,
60
-
61
49
  /** Sets a selected (teal) background color */
62
50
  selected: _propTypes.default.bool
63
51
  };
@@ -4,24 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.TableScrollBox = 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 = _interopRequireWildcard(require("react"));
15
-
16
- 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); }
17
-
18
- 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; }
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- 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); }
23
-
24
- const TableScrollBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
11
+ 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); }
12
+ 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; }
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ 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); }
15
+ const TableScrollBox = exports.TableScrollBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
25
16
  let {
26
17
  children,
27
18
  className,
@@ -37,9 +28,8 @@ const TableScrollBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
37
28
  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
38
29
  id: "2859562182",
39
30
  dynamic: [_uiConstants.colors.grey300, maxHeight, maxWidth]
40
- }, ["div.__jsx-style-dynamic-selector{border:1px solid ".concat(_uiConstants.colors.grey300, ";border-top:none;box-sizing:border-box;max-height:").concat(maxHeight, ";max-width:").concat(maxWidth, ";overflow:auto;}")]));
31
+ }, [`div.__jsx-style-dynamic-selector{border:1px solid ${_uiConstants.colors.grey300};border-top:none;box-sizing:border-box;max-height:${maxHeight};max-width:${maxWidth};overflow:auto;}`]));
41
32
  });
42
- exports.TableScrollBox = TableScrollBox;
43
33
  TableScrollBox.displayName = 'TableScrollBox';
44
34
  TableScrollBox.defaultProps = {
45
35
  dataTest: 'dhis2-uicore-tablescrollbox',
@@ -4,26 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.TableToolbar = 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 _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
11
  var _react = _interopRequireWildcard(require("react"));
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
-
26
- const TableToolbar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
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); }
16
+ const TableToolbar = exports.TableToolbar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
27
17
  let {
28
18
  children,
29
19
  className,
@@ -38,9 +28,8 @@ const TableToolbar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
38
28
  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
39
29
  id: "247244135",
40
30
  dynamic: [_uiConstants.colors.grey300, _uiConstants.spacers.dp12]
41
- }, ["div.__jsx-style-dynamic-selector{width:100%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid ".concat(_uiConstants.colors.grey300, ";padding:").concat(_uiConstants.spacers.dp12, ";}"), "div.top.__jsx-style-dynamic-selector{border-bottom:none;}", "div.bottom.__jsx-style-dynamic-selector{border-top:none;}"]));
31
+ }, [`div.__jsx-style-dynamic-selector{width:100%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid ${_uiConstants.colors.grey300};padding:${_uiConstants.spacers.dp12};}`, "div.top.__jsx-style-dynamic-selector{border-bottom:none;}", "div.bottom.__jsx-style-dynamic-selector{border-top:none;}"]));
42
32
  });
43
- exports.TableToolbar = TableToolbar;
44
33
  TableToolbar.displayName = 'TableToolbar';
45
34
  TableToolbar.defaultProps = {
46
35
  dataTest: 'dhis2-uicore-tabletoolbar',
@@ -4,31 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.FixedHeaderAndColumns = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _tableBody = require("./table-body.js");
11
-
12
9
  var _tableDataCell = require("./table-data-cell/table-data-cell.js");
13
-
14
10
  var _tableHead = require("./table-head.js");
15
-
16
11
  var _tableHeaderCell = require("./table-header-cell/table-header-cell.js");
17
-
18
12
  var _tableRow = require("./table-row.js");
19
-
20
13
  var _tableScrollBox = require("./table-scroll-box.js");
21
-
22
14
  var _table = require("./table.js");
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- var _default = {
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ var _default = exports.default = {
27
17
  title: 'Table',
28
18
  component: _table.Table
29
19
  };
30
- exports.default = _default;
31
-
32
20
  const FixedHeaderAndColumns = () => /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
33
21
  maxHeight: "350px",
34
22
  maxWidth: "500px"
@@ -134,5 +122,4 @@ const FixedHeaderAndColumns = () => /*#__PURE__*/_react.default.createElement(_t
134
122
  fixed: true,
135
123
  left: "120px"
136
124
  }, "fixed"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "scrolling bottom-left"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "..."), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "..."), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "..."), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "..."), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "scrolling bottom-right")))));
137
-
138
125
  exports.FixedHeaderAndColumns = FixedHeaderAndColumns;
@@ -4,26 +4,16 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
11
  var _react = _interopRequireWildcard(require("react"));
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
-
26
- const Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
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); }
16
+ const Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
27
17
  let {
28
18
  children,
29
19
  className,
@@ -44,9 +34,8 @@ const Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
44
34
  }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
45
35
  id: "3140496910",
46
36
  dynamic: [layout, width, _uiConstants.colors.grey300]
47
- }, ["table.__jsx-style-dynamic-selector{table-layout:".concat(layout, ";border-collapse:separate;border-spacing:0;width:").concat(width, ";box-sizing:border-box;border:1px solid ").concat(_uiConstants.colors.grey300, ";}"), "table.borderless.__jsx-style-dynamic-selector{border:none;}"]));
37
+ }, [`table.__jsx-style-dynamic-selector{table-layout:${layout};border-collapse:separate;border-spacing:0;width:${width};box-sizing:border-box;border:1px solid ${_uiConstants.colors.grey300};}`, "table.borderless.__jsx-style-dynamic-selector{border:none;}"]));
48
38
  });
49
- exports.Table = Table;
50
39
  Table.displayName = 'Table';
51
40
  Table.defaultProps = {
52
41
  dataTest: 'dhis2-uicore-table',
@@ -58,14 +47,12 @@ Table.propTypes = {
58
47
  * Removes border from the table
59
48
  */
60
49
  borderless: _propTypes.default.bool,
61
-
62
50
  /**
63
51
  * Should be `<TableHead>`, `<TableBody>`, and `<TableFoot>` components
64
52
  */
65
53
  children: _propTypes.default.node,
66
54
  className: _propTypes.default.string,
67
55
  dataTest: _propTypes.default.string,
68
-
69
56
  /**
70
57
  * Sets the `table-layout` property. Switching to `fixed` can prevent style
71
58
  * issues when dealing with a table with multiple frozen columns or when dealing
@@ -73,7 +60,6 @@ Table.propTypes = {
73
60
  */
74
61
  layout: _propTypes.default.oneOf(['auto', 'fixed', 'initial', 'inherit']),
75
62
  role: _propTypes.default.string,
76
-
77
63
  /**
78
64
  * Sets the `width` property. Providing an explicit width can prevent style
79
65
  * issues when dealing with horizontally scrolling tables with a fixed layout.
@@ -4,43 +4,43 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.Toolbars = exports.StaticCells = exports.SelectableRows = exports.ScrollingTableWithToolbars = exports.LargeCells = exports.IrregularHeaders = exports.HeaderActions = exports.FixedHeaderAndTwoColumns = exports.FixedHeader = exports.FixedFirstColumn = exports.DraggableRows = exports.Default = exports.CellStyling = exports.BorderedCells = void 0;
7
-
7
+ var _uiIcons = require("@dhis2/ui-icons");
8
8
  var _box = require("@dhis2-ui/box");
9
-
10
9
  var _checkbox = require("@dhis2-ui/checkbox");
11
-
12
- var _uiIcons = require("@dhis2/ui-icons");
13
-
14
10
  var _react = _interopRequireWildcard(require("react"));
15
-
16
11
  var _tableBody = require("./table-body.js");
17
-
18
12
  var _tableDataCell = require("./table-data-cell/table-data-cell.js");
19
-
20
13
  var _tableFoot = require("./table-foot.js");
21
-
22
14
  var _tableHead = require("./table-head.js");
23
-
24
- var _tableHeaderCellAction = require("./table-header-cell-action.js");
25
-
26
15
  var _tableHeaderCell = require("./table-header-cell/table-header-cell.js");
27
-
16
+ var _tableHeaderCellAction = require("./table-header-cell-action.js");
28
17
  var _tableRow = require("./table-row.js");
29
-
30
18
  var _tableScrollBox = require("./table-scroll-box.js");
31
-
32
19
  var _tableToolbar = require("./table-toolbar.js");
33
-
34
20
  var _table = require("./table.js");
35
-
36
- 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); }
37
-
38
- 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; }
39
-
21
+ 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); }
22
+ 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; }
40
23
  /* eslint-disable react/prop-types */
24
+
41
25
  const subtitle = 'Used to display information in a standard, effective way.';
42
- const description = "\nShould be used with multiple Table-related child components - see the table and examples below.\n\n```js\nimport {\n Table,\n TableToolbar,\n TableHead,\n TableBody,\n TableFoot,\n TableRow,\n TableDataCell,\n TableHeaderCell,\n TableScrollBox,\n} from '@dhis2/ui'\n```\n";
43
- var _default = {
26
+ const description = `
27
+ Should be used with multiple Table-related child components - see the table and examples below.
28
+
29
+ \`\`\`js
30
+ import {
31
+ Table,
32
+ TableToolbar,
33
+ TableHead,
34
+ TableBody,
35
+ TableFoot,
36
+ TableRow,
37
+ TableDataCell,
38
+ TableHeaderCell,
39
+ TableScrollBox,
40
+ } from '@dhis2/ui'
41
+ \`\`\`
42
+ `;
43
+ var _default = exports.default = {
44
44
  title: 'Data Display/Table',
45
45
  component: _table.Table,
46
46
  // Add subcomponents to the args table
@@ -91,8 +91,6 @@ var _default = {
91
91
  }
92
92
  }
93
93
  };
94
- exports.default = _default;
95
-
96
94
  const BasicTemplate = _ref => {
97
95
  let {
98
96
  borderedCells,
@@ -170,31 +168,24 @@ const BasicTemplate = _ref => {
170
168
  colSpan: "4"
171
169
  }, "Footer content"))));
172
170
  };
173
-
174
- const Default = BasicTemplate.bind({});
175
- exports.Default = Default;
171
+ const Default = exports.Default = BasicTemplate.bind({});
176
172
  Default.args = {};
177
- const BorderedCells = BasicTemplate.bind({});
178
- exports.BorderedCells = BorderedCells;
173
+ const BorderedCells = exports.BorderedCells = BasicTemplate.bind({});
179
174
  BorderedCells.args = {
180
175
  borderedCells: true
181
176
  };
182
- const LargeCells = BasicTemplate.bind({});
183
- exports.LargeCells = LargeCells;
177
+ const LargeCells = exports.LargeCells = BasicTemplate.bind({});
184
178
  LargeCells.args = {
185
179
  largeCells: true
186
180
  };
187
- const StaticCells = BasicTemplate.bind({});
188
- exports.StaticCells = StaticCells;
181
+ const StaticCells = exports.StaticCells = BasicTemplate.bind({});
189
182
  StaticCells.args = {
190
183
  staticCells: true
191
184
  };
192
- const DraggableRows = BasicTemplate.bind({});
193
- exports.DraggableRows = DraggableRows;
185
+ const DraggableRows = exports.DraggableRows = BasicTemplate.bind({});
194
186
  DraggableRows.args = {
195
187
  draggableRows: true
196
188
  };
197
-
198
189
  const IndividualCellTemplate = args => /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "Header"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "Header"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "Header"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "Header"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
199
190
  tag: "th"
200
191
  }, "Active Cells"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Inactive cell"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
@@ -219,11 +210,8 @@ const IndividualCellTemplate = args => /*#__PURE__*/_react.default.createElement
219
210
  }, "Valid"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
220
211
  muted: true
221
212
  }, "Muted"))));
222
-
223
- const CellStyling = IndividualCellTemplate.bind({});
224
- exports.CellStyling = CellStyling;
213
+ const CellStyling = exports.CellStyling = IndividualCellTemplate.bind({});
225
214
  CellStyling.args = {};
226
-
227
215
  const IrregularHeadersTemplate = args => /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement("colgroup", null), /*#__PURE__*/_react.default.createElement("colgroup", {
228
216
  span: "2"
229
217
  }), /*#__PURE__*/_react.default.createElement("colgroup", {
@@ -278,34 +266,27 @@ const IrregularHeadersTemplate = args => /*#__PURE__*/_react.default.createEleme
278
266
  }, "12,000"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
279
267
  staticStyle: true
280
268
  }, "9,000"))));
281
-
282
- const IrregularHeaders = IrregularHeadersTemplate.bind({});
283
- exports.IrregularHeaders = IrregularHeaders;
269
+ const IrregularHeaders = exports.IrregularHeaders = IrregularHeadersTemplate.bind({});
284
270
  IrregularHeaders.args = {};
285
-
286
271
  const ToolbarsTemplate = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tableToolbar.TableToolbar, null, /*#__PURE__*/_react.default.createElement("p", null, "Content")), /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "First name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "Last name"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "Incident date"), /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, "Last updated"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "05/25/1972")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/26/1991")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007")))), /*#__PURE__*/_react.default.createElement(_tableToolbar.TableToolbar, {
287
272
  position: "bottom"
288
273
  }, /*#__PURE__*/_react.default.createElement("p", null, "Content (bottom)")));
289
-
290
- const Toolbars = ToolbarsTemplate.bind({});
291
- exports.Toolbars = Toolbars;
274
+ const Toolbars = exports.Toolbars = ToolbarsTemplate.bind({});
292
275
  Toolbars.args = {};
293
-
294
276
  const SelectableRowsTemplate = args => {
295
277
  const [selected, setSelected] = (0, _react.useState)({
296
278
  id_2: true
297
279
  });
298
-
299
280
  const toggleSelected = _ref2 => {
300
281
  let {
301
282
  value,
302
283
  checked
303
284
  } = _ref2;
304
- setSelected({ ...selected,
285
+ setSelected({
286
+ ...selected,
305
287
  [value]: checked
306
288
  });
307
289
  };
308
-
309
290
  const toggleAll = _ref3 => {
310
291
  let {
311
292
  checked
@@ -316,9 +297,7 @@ const SelectableRowsTemplate = args => {
316
297
  id_3: checked
317
298
  });
318
299
  };
319
-
320
300
  const allSelected = () => Object.values(selected).filter(value => value).length === 3;
321
-
322
301
  return /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
323
302
  width: "48px"
324
303
  }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
@@ -350,13 +329,11 @@ const SelectableRowsTemplate = args => {
350
329
  onChange: toggleSelected
351
330
  })), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"))));
352
331
  };
353
-
354
- const SelectableRows = SelectableRowsTemplate.bind({});
355
- exports.SelectableRows = SelectableRows;
332
+ const SelectableRows = exports.SelectableRows = SelectableRowsTemplate.bind({});
356
333
  SelectableRows.args = {};
357
-
358
334
  const FixedHeaderTemplate = _ref4 => {
359
- let { ...args
335
+ let {
336
+ ...args
360
337
  } = _ref4;
361
338
  return /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
362
339
  maxHeight: "350px"
@@ -386,13 +363,10 @@ const FixedHeaderTemplate = _ref4 => {
386
363
  top: "0"
387
364
  }, "Status"))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Onyekachukwu"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kariuki"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "05/25/1972"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "66"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Jawi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Sofie Hubert"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kwasi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "08/11/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/26/1991"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "38"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mokassie MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dashonte Clarke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Siyabonga"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/21/1981"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "02/06/2007"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "98"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Bathurst MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Chiyembekezo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/23/1982"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/15/2003"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "2"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mayolla MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Wan Gengxin"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mtendere"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Afolayan"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "08/12/1994"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "05/12/1972"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "37"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Gbangadu MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Gvozden Boskovsky"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Inyene"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okonkwo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "04/01/1971"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "03/16/2000"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "70"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Kunike Barina"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Oscar de la Cavaller\xEDa"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Amaka"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Pretorius"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/25/1996"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "09/15/1986"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "32"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Bargbo"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Alberto Raya"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Meti"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Abiodun"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "10/24/2010"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "07/26/1989"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "8"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Majihun MCHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Unassigned"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Complete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Eshe"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okeke"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/31/1995"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "63"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Mambiama CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Shadrias Pearson"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")), /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Obi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")))));
388
365
  };
389
-
390
- const FixedHeader = FixedHeaderTemplate.bind({});
391
- exports.FixedHeader = FixedHeader;
366
+ const FixedHeader = exports.FixedHeader = FixedHeaderTemplate.bind({});
392
367
  FixedHeader.args = {
393
368
  borderless: true
394
369
  };
395
-
396
370
  const FixedFirstColumnTemplate = args => /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
397
371
  maxWidth: "500px"
398
372
  }, /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, {
@@ -430,14 +404,11 @@ const FixedFirstColumnTemplate = args => /*#__PURE__*/_react.default.createEleme
430
404
  fixed: true,
431
405
  left: "0"
432
406
  }, "Obi"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")))));
433
-
434
- const FixedFirstColumn = FixedFirstColumnTemplate.bind({});
435
- exports.FixedFirstColumn = FixedFirstColumn;
407
+ const FixedFirstColumn = exports.FixedFirstColumn = FixedFirstColumnTemplate.bind({});
436
408
  FixedFirstColumn.args = {
437
409
  borderless: true,
438
410
  width: '1000px'
439
411
  };
440
-
441
412
  const FixedHeaderAndTwoColumnsTemplate = args => /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
442
413
  maxHeight: "350px",
443
414
  maxWidth: "500px"
@@ -539,15 +510,12 @@ const FixedHeaderAndTwoColumnsTemplate = args => /*#__PURE__*/_react.default.cre
539
510
  fixed: true,
540
511
  left: "120px"
541
512
  }, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete")))));
542
-
543
- const FixedHeaderAndTwoColumns = FixedHeaderAndTwoColumnsTemplate.bind({});
544
- exports.FixedHeaderAndTwoColumns = FixedHeaderAndTwoColumns;
513
+ const FixedHeaderAndTwoColumns = exports.FixedHeaderAndTwoColumns = FixedHeaderAndTwoColumnsTemplate.bind({});
545
514
  FixedHeaderAndTwoColumns.args = {
546
515
  layout: 'fixed',
547
516
  borderless: true,
548
517
  width: '1000px'
549
518
  };
550
-
551
519
  const ScrollingTableWithToolbarsTemplate = args => /*#__PURE__*/_react.default.createElement(_box.Box, {
552
520
  width: "500px"
553
521
  }, /*#__PURE__*/_react.default.createElement(_tableToolbar.TableToolbar, null, /*#__PURE__*/_react.default.createElement("p", null, "Content")), /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
@@ -653,15 +621,12 @@ const ScrollingTableWithToolbarsTemplate = args => /*#__PURE__*/_react.default.c
653
621
  }, "Okafor"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "06/07/1990"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "01/03/2006"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "28"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Dalakuru CHP"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Anatoliy Shcherbatykh"), /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, null, "Incomplete"))))), /*#__PURE__*/_react.default.createElement(_tableToolbar.TableToolbar, {
654
622
  position: "bottom"
655
623
  }, /*#__PURE__*/_react.default.createElement("p", null, "Content (bottom)")));
656
-
657
- const ScrollingTableWithToolbars = ScrollingTableWithToolbarsTemplate.bind({});
658
- exports.ScrollingTableWithToolbars = ScrollingTableWithToolbars;
624
+ const ScrollingTableWithToolbars = exports.ScrollingTableWithToolbars = ScrollingTableWithToolbarsTemplate.bind({});
659
625
  ScrollingTableWithToolbars.args = {
660
626
  layout: 'fixed',
661
627
  borderless: true,
662
628
  width: '1000px'
663
629
  };
664
-
665
630
  const HeaderActionsTemplate = args => /*#__PURE__*/_react.default.createElement(_table.Table, args, /*#__PURE__*/_react.default.createElement(_tableHead.TableHead, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableHeaderCell.TableHeaderCell, null, /*#__PURE__*/_react.default.createElement("span", {
666
631
  style: {
667
632
  display: 'flex',
@@ -681,7 +646,5 @@ const HeaderActionsTemplate = args => /*#__PURE__*/_react.default.createElement(
681
646
  })))))), /*#__PURE__*/_react.default.createElement(_tableBody.TableBody, null, /*#__PURE__*/_react.default.createElement(_tableRow.TableRow, null, /*#__PURE__*/_react.default.createElement(_tableDataCell.TableDataCell, {
682
647
  colSpan: "3"
683
648
  }))));
684
-
685
- const HeaderActions = HeaderActionsTemplate.bind({});
686
- exports.HeaderActions = HeaderActions;
649
+ const HeaderActions = exports.HeaderActions = HeaderActionsTemplate.bind({});
687
650
  HeaderActions.args = {};
@@ -147,9 +147,6 @@ Object.defineProperty(exports, "TableRowHead", {
147
147
  return _index.TableRowHead;
148
148
  }
149
149
  });
150
-
151
150
  var _index = require("./table/index.js");
152
-
153
151
  var _index2 = require("./stacked-table/index.js");
154
-
155
152
  var _index3 = require("./data-table/index.js");