@dhis2-ui/table 9.11.0 → 9.11.1-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/data-table/__tests__/data-table-cell.test.js +7 -13
- package/build/cjs/data-table/__tests__/data-table-column-header/filter-handle.test.js +1 -8
- package/build/cjs/data-table/__tests__/data-table-column-header/sorter.test.js +1 -6
- package/build/cjs/data-table/__tests__/data-table-column-header.test.js +5 -12
- package/build/cjs/data-table/__tests__/data-table-row/expand-handle-cell.js +1 -6
- package/build/cjs/data-table/__tests__/data-table-row/expanded-row.test.js +3 -8
- package/build/cjs/data-table/__tests__/data-table-row.test.js +5 -13
- package/build/cjs/data-table/__tests__/data-table.test.js +1 -7
- package/build/cjs/data-table/data-table-body.js +0 -1
- package/build/cjs/data-table/data-table-cell.js +5 -24
- package/build/cjs/data-table/data-table-column-header/data-table-column-header.js +8 -27
- package/build/cjs/data-table/data-table-column-header/data-table-column-header.styles.js +4 -10
- package/build/cjs/data-table/data-table-column-header/filter-handle.js +1 -10
- package/build/cjs/data-table/data-table-column-header/sorter.js +6 -23
- package/build/cjs/data-table/data-table-foot.js +0 -1
- package/build/cjs/data-table/data-table-head.js +0 -1
- package/build/cjs/data-table/data-table-row/data-table-row.js +5 -27
- package/build/cjs/data-table/data-table-row/data-table-row.styles.js +4 -10
- package/build/cjs/data-table/data-table-row/drag-handle-cell.js +1 -7
- package/build/cjs/data-table/data-table-row/expand-handle-cell.js +1 -11
- package/build/cjs/data-table/data-table-row/expanded-row.js +4 -14
- package/build/cjs/data-table/data-table-toolbar.js +0 -1
- package/build/cjs/data-table/{data-table.stories.e2e.js → data-table.e2e.stories.js} +2 -14
- package/build/cjs/data-table/data-table.js +5 -20
- package/build/cjs/data-table/{data-table.stories.js → data-table.prod.stories.js} +39 -101
- package/build/cjs/data-table/features/can_scroll/index.js +0 -1
- package/build/cjs/data-table/index.js +0 -8
- package/build/cjs/data-table/table-elements/__tests__/table-body.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-data-cell.test.js +4 -9
- package/build/cjs/data-table/table-elements/__tests__/table-foot.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-head.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-header-cell-action.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-header-cell.test.js +5 -10
- package/build/cjs/data-table/table-elements/__tests__/table-row.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-scroll-box.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table-toolbar.test.js +1 -6
- package/build/cjs/data-table/table-elements/__tests__/table.test.js +3 -8
- package/build/cjs/data-table/table-elements/features/can_scroll/index.js +0 -1
- package/build/cjs/data-table/table-elements/index.js +0 -10
- package/build/cjs/data-table/table-elements/table-body.js +6 -17
- package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.js +7 -27
- package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.styles.js +2 -5
- package/build/cjs/data-table/table-elements/table-foot.js +5 -13
- package/build/cjs/data-table/table-elements/table-head.js +5 -13
- package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.js +7 -27
- package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.styles.js +2 -5
- package/build/cjs/data-table/table-elements/table-header-cell-action.js +6 -16
- package/build/cjs/data-table/table-elements/table-row.js +5 -17
- package/build/cjs/data-table/table-elements/table-scroll-box.js +6 -16
- package/build/cjs/data-table/table-elements/table-toolbar.js +6 -17
- package/build/cjs/data-table/table-elements/{table.stories.e2e.js → table.e2e.stories.js} +2 -15
- package/build/cjs/data-table/table-elements/table.js +6 -20
- package/build/cjs/data-table/table-elements/table.stories.internal.js +41 -78
- package/build/cjs/index.js +0 -3
- package/build/cjs/locales/index.js +3 -33
- package/build/cjs/stacked-table/add-col-num-to-children.js +0 -3
- package/build/cjs/stacked-table/content-with-title.js +4 -13
- package/build/cjs/stacked-table/extract-header-labels.js +25 -28
- package/build/cjs/stacked-table/index.js +0 -8
- package/build/cjs/stacked-table/stacked-table-body.js +1 -7
- package/build/cjs/stacked-table/stacked-table-cell-head.js +2 -9
- package/build/cjs/stacked-table/stacked-table-cell.js +2 -10
- package/build/cjs/stacked-table/stacked-table-foot.js +1 -7
- package/build/cjs/stacked-table/stacked-table-head.js +1 -7
- package/build/cjs/stacked-table/stacked-table-row-head.js +1 -7
- package/build/cjs/stacked-table/stacked-table-row.js +2 -12
- package/build/cjs/stacked-table/stacked-table.js +1 -10
- package/build/cjs/stacked-table/{stacked-table.stories.js → stacked-table.prod.stories.js} +20 -40
- package/build/cjs/stacked-table/stacked-table.test.js +9 -19
- package/build/cjs/stacked-table/supply-header-labels-to-children.js +0 -3
- package/build/cjs/stacked-table/table-context.js +1 -4
- package/build/cjs/stacked-table/table.js +2 -9
- package/build/cjs/table/index.js +0 -8
- package/build/cjs/table/table-body.js +1 -6
- package/build/cjs/table/table-cell-head.js +2 -11
- package/build/cjs/table/table-cell.js +2 -11
- package/build/cjs/table/table-context.js +1 -4
- package/build/cjs/table/table-foot.js +1 -6
- package/build/cjs/table/table-head.js +1 -6
- package/build/cjs/table/table-row-head.js +1 -8
- package/build/cjs/table/table-row.js +5 -18
- package/build/cjs/table/table.js +2 -11
- package/build/cjs/table/{table.stories.js → table.prod.stories.js} +18 -30
- package/build/es/data-table/__tests__/data-table-cell.test.js +6 -6
- package/build/es/data-table/__tests__/data-table-column-header.test.js +4 -3
- package/build/es/data-table/__tests__/data-table-row/expanded-row.test.js +2 -2
- package/build/es/data-table/__tests__/data-table-row.test.js +4 -2
- package/build/es/data-table/data-table-cell.js +1 -11
- package/build/es/data-table/data-table-column-header/data-table-column-header.js +4 -9
- package/build/es/data-table/data-table-column-header/sorter.js +1 -1
- package/build/es/data-table/data-table-row/data-table-row.js +1 -7
- package/build/es/data-table/data-table-row/data-table-row.styles.js +1 -1
- package/build/es/data-table/data-table-row/expanded-row.js +3 -3
- package/build/es/data-table/data-table.js +1 -5
- package/build/es/data-table/{data-table.stories.js → data-table.prod.stories.js} +19 -44
- package/build/es/data-table/table-elements/__tests__/table-data-cell.test.js +3 -3
- package/build/es/data-table/table-elements/__tests__/table-header-cell.test.js +4 -4
- package/build/es/data-table/table-elements/__tests__/table.test.js +2 -2
- package/build/es/data-table/table-elements/table-body.js +2 -4
- package/build/es/data-table/table-elements/table-data-cell/table-data-cell.js +3 -12
- package/build/es/data-table/table-elements/table-data-cell/table-data-cell.styles.js +1 -1
- package/build/es/data-table/table-elements/table-foot.js +1 -2
- package/build/es/data-table/table-elements/table-head.js +1 -2
- package/build/es/data-table/table-elements/table-header-cell/table-header-cell.js +3 -12
- package/build/es/data-table/table-elements/table-header-cell/table-header-cell.styles.js +1 -1
- package/build/es/data-table/table-elements/table-header-cell-action.js +2 -4
- package/build/es/data-table/table-elements/table-row.js +1 -5
- package/build/es/data-table/table-elements/table-scroll-box.js +2 -4
- package/build/es/data-table/table-elements/table-toolbar.js +2 -4
- package/build/es/data-table/table-elements/table.js +2 -7
- package/build/es/data-table/table-elements/table.stories.internal.js +23 -29
- package/build/es/stacked-table/content-with-title.js +1 -1
- package/build/es/stacked-table/extract-header-labels.js +24 -23
- package/build/es/stacked-table/stacked-table-cell-head.js +1 -1
- package/build/es/stacked-table/stacked-table-cell.js +1 -1
- package/build/es/stacked-table/stacked-table-row.js +1 -1
- package/build/es/stacked-table/stacked-table.js +0 -1
- package/build/es/stacked-table/{stacked-table.stories.js → stacked-table.prod.stories.js} +17 -2
- package/build/es/stacked-table/stacked-table.test.js +8 -9
- package/build/es/stacked-table/table.js +1 -1
- package/build/es/table/table-cell-head.js +1 -2
- package/build/es/table/table-cell.js +1 -2
- package/build/es/table/table-row-head.js +0 -1
- package/build/es/table/table-row.js +2 -5
- package/build/es/table/table.js +1 -2
- package/build/es/table/{table.stories.js → table.prod.stories.js} +15 -3
- package/package.json +6 -6
- /package/build/es/data-table/{data-table.stories.e2e.js → data-table.e2e.stories.js} +0 -0
- /package/build/es/data-table/table-elements/{table.stories.e2e.js → table.e2e.stories.js} +0 -0
|
@@ -4,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
|
|
17
|
-
|
|
18
|
-
function
|
|
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
|
|
17
|
-
|
|
18
|
-
function
|
|
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
|
-
}, [
|
|
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
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
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
|
-
}, [
|
|
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
|
-
|
|
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
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
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
|
-
}, [
|
|
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
|
|
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 =
|
|
43
|
-
|
|
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({
|
|
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 {
|
|
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 = {};
|
package/build/cjs/index.js
CHANGED
|
@@ -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");
|