@alfalab/core-components-table 2.2.5 → 2.2.7
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/component.js +12 -14
- package/components/index.js +13 -15
- package/components/pagination/Component.js +8 -15
- package/components/pagination/index.css +8 -8
- package/components/pagination/index.js +4 -6
- package/components/pagination/select-field/index.css +4 -4
- package/components/pagination/select-field/index.js +4 -11
- package/components/table/Component.js +6 -13
- package/components/table/index.css +7 -7
- package/components/table/index.js +3 -5
- package/components/table/utils.js +4 -10
- package/components/table-context/index.js +1 -7
- package/components/tbody/Component.js +3 -10
- package/components/tbody/index.css +2 -2
- package/components/tbody/index.js +2 -4
- package/components/tcell/Component.js +3 -10
- package/components/tcell/index.css +6 -6
- package/components/tcell/index.js +2 -4
- package/components/texpandable-row/Component.js +5 -12
- package/components/texpandable-row/index.css +5 -5
- package/components/texpandable-row/index.js +2 -4
- package/components/thead/Component.js +4 -11
- package/components/thead/index.css +6 -6
- package/components/thead/index.js +2 -4
- package/components/thead-cell/Component.js +3 -10
- package/components/thead-cell/index.css +8 -8
- package/components/thead-cell/index.js +2 -4
- package/components/trow/Component.js +4 -11
- package/components/trow/index.css +8 -8
- package/components/trow/index.js +2 -4
- package/components/tsortable-head-cell/Component.js +6 -13
- package/components/tsortable-head-cell/index.css +9 -9
- package/components/tsortable-head-cell/index.js +3 -5
- package/components/tsortable-head-cell/sort-icon-asc.js +3 -9
- package/components/tsortable-head-cell/sort-icon-desc.js +3 -9
- package/components/tsortable-head-cell/sort-icon-unset.js +3 -9
- package/cssm/component.js +13 -15
- package/cssm/components/index.js +13 -15
- package/cssm/components/pagination/Component.js +8 -16
- package/cssm/components/pagination/index.js +4 -6
- package/cssm/components/pagination/select-field/index.js +3 -11
- package/cssm/components/table/Component.js +10 -18
- package/cssm/components/table/index.js +4 -6
- package/cssm/components/table/utils.js +5 -11
- package/cssm/components/table-context/index.js +1 -7
- package/cssm/components/tbody/Component.js +2 -10
- package/cssm/components/tbody/index.js +2 -4
- package/cssm/components/tcell/Component.js +2 -10
- package/cssm/components/tcell/index.js +2 -4
- package/cssm/components/texpandable-row/Component.js +7 -15
- package/cssm/components/texpandable-row/index.js +3 -5
- package/cssm/components/thead/Component.js +3 -11
- package/cssm/components/thead/index.js +2 -4
- package/cssm/components/thead-cell/Component.js +3 -11
- package/cssm/components/thead-cell/index.js +2 -4
- package/cssm/components/trow/Component.js +6 -14
- package/cssm/components/trow/index.js +2 -4
- package/cssm/components/tsortable-head-cell/Component.js +7 -15
- package/cssm/components/tsortable-head-cell/index.js +3 -5
- package/cssm/components/tsortable-head-cell/sort-icon-asc.js +3 -9
- package/cssm/components/tsortable-head-cell/sort-icon-desc.js +3 -9
- package/cssm/components/tsortable-head-cell/sort-icon-unset.js +3 -9
- package/cssm/index.js +13 -15
- package/cssm/{tslib.es6-9682e485.d.ts → tslib.es6-bbd6cd2a.d.ts} +0 -0
- package/cssm/{tslib.es6-9682e485.js → tslib.es6-bbd6cd2a.js} +0 -0
- package/cssm/utils.js +1 -7
- package/esm/component.js +12 -12
- package/esm/components/index.js +12 -12
- package/esm/components/pagination/Component.js +5 -5
- package/esm/components/pagination/index.css +8 -8
- package/esm/components/pagination/index.js +4 -4
- package/esm/components/pagination/select-field/index.css +4 -4
- package/esm/components/pagination/select-field/index.js +2 -2
- package/esm/components/table/Component.js +3 -3
- package/esm/components/table/index.css +7 -7
- package/esm/components/table/index.js +3 -3
- package/esm/components/table/utils.js +2 -2
- package/esm/components/tbody/Component.js +2 -2
- package/esm/components/tbody/index.css +2 -2
- package/esm/components/tbody/index.js +2 -2
- package/esm/components/tcell/Component.js +2 -2
- package/esm/components/tcell/index.css +6 -6
- package/esm/components/tcell/index.js +2 -2
- package/esm/components/texpandable-row/Component.js +2 -2
- package/esm/components/texpandable-row/index.css +5 -5
- package/esm/components/texpandable-row/index.js +2 -2
- package/esm/components/thead/Component.js +2 -2
- package/esm/components/thead/index.css +6 -6
- package/esm/components/thead/index.js +2 -2
- package/esm/components/thead-cell/Component.js +2 -2
- package/esm/components/thead-cell/index.css +8 -8
- package/esm/components/thead-cell/index.js +2 -2
- package/esm/components/trow/Component.js +2 -2
- package/esm/components/trow/index.css +8 -8
- package/esm/components/trow/index.js +2 -2
- package/esm/components/tsortable-head-cell/Component.js +3 -3
- package/esm/components/tsortable-head-cell/index.css +9 -9
- package/esm/components/tsortable-head-cell/index.js +3 -3
- package/esm/components/tsortable-head-cell/sort-icon-asc.js +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-desc.js +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-unset.js +1 -1
- package/esm/index.js +7 -7
- package/esm/{tslib.es6-eb63d7de.d.ts → tslib.es6-c7b61e8d.d.ts} +0 -0
- package/esm/{tslib.es6-eb63d7de.js → tslib.es6-c7b61e8d.js} +0 -0
- package/index.js +7 -9
- package/modern/component.js +11 -11
- package/modern/components/index.js +11 -11
- package/modern/components/pagination/Component.js +3 -3
- package/modern/components/pagination/index.css +8 -8
- package/modern/components/pagination/index.js +3 -3
- package/modern/components/pagination/select-field/index.css +4 -4
- package/modern/components/pagination/select-field/index.js +1 -1
- package/modern/components/table/Component.js +2 -2
- package/modern/components/table/index.css +7 -7
- package/modern/components/table/index.js +2 -2
- package/modern/components/table/utils.js +1 -1
- package/modern/components/tbody/Component.js +1 -1
- package/modern/components/tbody/index.css +2 -2
- package/modern/components/tbody/index.js +1 -1
- package/modern/components/tcell/Component.js +1 -1
- package/modern/components/tcell/index.css +6 -6
- package/modern/components/tcell/index.js +1 -1
- package/modern/components/texpandable-row/Component.js +1 -1
- package/modern/components/texpandable-row/index.css +5 -5
- package/modern/components/texpandable-row/index.js +1 -1
- package/modern/components/thead/Component.js +1 -1
- package/modern/components/thead/index.css +6 -6
- package/modern/components/thead/index.js +1 -1
- package/modern/components/thead-cell/Component.js +1 -1
- package/modern/components/thead-cell/index.css +8 -8
- package/modern/components/thead-cell/index.js +1 -1
- package/modern/components/trow/Component.js +1 -1
- package/modern/components/trow/index.css +8 -8
- package/modern/components/trow/index.js +1 -1
- package/modern/components/tsortable-head-cell/Component.js +2 -2
- package/modern/components/tsortable-head-cell/index.css +9 -9
- package/modern/components/tsortable-head-cell/index.js +2 -2
- package/modern/index.js +6 -6
- package/package.json +2 -2
- package/{tslib.es6-04e02981.d.ts → tslib.es6-73285132.d.ts} +0 -0
- package/{tslib.es6-04e02981.js → tslib.es6-73285132.js} +0 -0
- package/utils.js +1 -7
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_pagination_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
|
-
require('../table-context/index.js');
|
|
9
7
|
require('@alfalab/core-components-pagination/cssm');
|
|
10
8
|
require('@alfalab/core-components-select/cssm');
|
|
9
|
+
require('../table-context/index.js');
|
|
10
|
+
require('./select-field/index.js');
|
|
11
11
|
require('@alfalab/core-components-button/cssm');
|
|
12
12
|
require('./select-field/index.module.css');
|
|
13
|
-
require('./select-field/index.js');
|
|
14
13
|
require('./index.module.css');
|
|
15
|
-
var components_pagination_Component = require('./Component.js');
|
|
16
14
|
|
|
17
15
|
|
|
18
16
|
|
|
@@ -1,25 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var coreComponentsButton = require('@alfalab/core-components-button/cssm');
|
|
9
7
|
var styles = require('./index.module.css');
|
|
10
8
|
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
15
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
16
|
-
|
|
17
9
|
var CustomSelectField = function (_a) {
|
|
18
10
|
var _b;
|
|
19
11
|
var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
|
|
20
12
|
var ref = innerProps.ref, restInnerProps = tslib_es6.__rest(innerProps, ["ref"]);
|
|
21
|
-
return (
|
|
22
|
-
|
|
13
|
+
return (React.createElement("div", { ref: ref },
|
|
14
|
+
React.createElement(coreComponentsButton.Button, tslib_es6.__assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn(styles.field, (_b = {}, _b[styles.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
|
|
23
15
|
};
|
|
24
16
|
|
|
25
17
|
exports.CustomSelectField = CustomSelectField;
|
|
@@ -1,22 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var components_tableContext_index = require('../table-context/index.js');
|
|
9
|
-
require('../../utils.js');
|
|
10
|
-
require('../thead/index.module.css');
|
|
11
|
-
require('../thead/Component.js');
|
|
12
7
|
var components_table_utils = require('./utils.js');
|
|
13
8
|
var styles = require('./index.module.css');
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
19
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
9
|
+
require('../../utils.js');
|
|
10
|
+
require('../thead/Component.js');
|
|
11
|
+
require('../thead/index.module.css');
|
|
20
12
|
|
|
21
13
|
var Table = React.forwardRef(function (_a, ref) {
|
|
22
14
|
var _b;
|
|
@@ -31,19 +23,19 @@ var Table = React.forwardRef(function (_a, ref) {
|
|
|
31
23
|
}); });
|
|
32
24
|
}, [children]);
|
|
33
25
|
/* eslint-disable react/jsx-no-constructed-context-values */
|
|
34
|
-
return (
|
|
26
|
+
return (React.createElement(components_tableContext_index.TableContext.Provider, { value: {
|
|
35
27
|
stickyHeader: stickyHeader,
|
|
36
28
|
columnsConfiguration: columnsConfiguration,
|
|
37
29
|
compactView: compactView,
|
|
38
30
|
compactHorizontal: compactHorizontal,
|
|
39
31
|
wrapperRef: wrapperRef,
|
|
40
32
|
} },
|
|
41
|
-
|
|
42
|
-
_b[
|
|
43
|
-
_b[
|
|
44
|
-
_b[
|
|
33
|
+
React.createElement("div", { ref: wrapperRef, className: cn(styles.component, className, (_b = {},
|
|
34
|
+
_b[styles.wrapper] = wrapper,
|
|
35
|
+
_b[styles.hasPagination] = !!pagination,
|
|
36
|
+
_b[styles.stickyHeader] = stickyHeader,
|
|
45
37
|
_b)), "data-test-id": dataTestId },
|
|
46
|
-
|
|
38
|
+
React.createElement("table", tslib_es6.__assign({ ref: ref, className: styles.table }, restProps), children),
|
|
47
39
|
pagination)));
|
|
48
40
|
});
|
|
49
41
|
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_table_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('../table-context/index.js');
|
|
8
|
+
require('./utils.js');
|
|
9
9
|
require('../../utils.js');
|
|
10
|
-
require('../thead/index.module.css');
|
|
11
10
|
require('../thead/Component.js');
|
|
12
|
-
require('
|
|
11
|
+
require('../thead/index.module.css');
|
|
13
12
|
require('./index.module.css');
|
|
14
|
-
var components_table_Component = require('./Component.js');
|
|
15
13
|
|
|
16
14
|
|
|
17
15
|
|
|
@@ -1,23 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
6
3
|
var React = require('react');
|
|
7
|
-
require('classnames');
|
|
8
4
|
var utils = require('../../utils.js');
|
|
9
|
-
require('../thead/index.module.css');
|
|
10
5
|
var components_thead_Component = require('../thead/Component.js');
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
6
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
7
|
+
require('classnames');
|
|
8
|
+
require('../thead/index.module.css');
|
|
15
9
|
|
|
16
10
|
function findAllHeadCellsProps(children) {
|
|
17
11
|
var result = [];
|
|
18
|
-
|
|
12
|
+
React.Children.forEach(children, function (child) {
|
|
19
13
|
if (utils.isChildInstanceOf(child, components_thead_Component.THead)) {
|
|
20
|
-
|
|
14
|
+
React.Children.forEach(child.props.children, function (headChild) {
|
|
21
15
|
result.push(headChild.props);
|
|
22
16
|
});
|
|
23
17
|
}
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
5
|
var DEFAULT_TABLE_CONTEXT = {
|
|
12
6
|
columnsConfiguration: [],
|
|
13
7
|
compactView: false,
|
|
@@ -15,7 +9,7 @@ var DEFAULT_TABLE_CONTEXT = {
|
|
|
15
9
|
compactHorizontal: false,
|
|
16
10
|
wrapperRef: { current: null },
|
|
17
11
|
};
|
|
18
|
-
var TableContext =
|
|
12
|
+
var TableContext = React.createContext(DEFAULT_TABLE_CONTEXT);
|
|
19
13
|
|
|
20
14
|
exports.DEFAULT_TABLE_CONTEXT = DEFAULT_TABLE_CONTEXT;
|
|
21
15
|
exports.TableContext = TableContext;
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var styles = require('./index.module.css');
|
|
9
7
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
15
|
-
|
|
16
8
|
var TBody = function (_a) {
|
|
17
9
|
var className = _a.className, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "children", "dataTestId"]);
|
|
18
|
-
return (
|
|
10
|
+
return (React.createElement("tbody", tslib_es6.__assign({ className: cn(styles.component, className), "data-test-id": dataTestId }, restProps), children));
|
|
19
11
|
};
|
|
20
12
|
|
|
21
13
|
exports.TBody = TBody;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_tbody_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('./index.module.css');
|
|
9
|
-
var components_tbody_Component = require('./Component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var components_tableContext_index = require('../table-context/index.js');
|
|
9
7
|
var styles = require('./index.module.css');
|
|
10
8
|
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
15
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
16
|
-
|
|
17
9
|
var TCell = function (_a) {
|
|
18
10
|
var className = _a.className, style = _a.style, dataTestId = _a.dataTestId, children = _a.children, index = _a.index, restProps = tslib_es6.__rest(_a, ["className", "style", "dataTestId", "children", "index"]);
|
|
19
11
|
var _b = React.useContext(components_tableContext_index.TableContext), columnsConfiguration = _b.columnsConfiguration, compactView = _b.compactView, compactHorizontal = _b.compactHorizontal;
|
|
@@ -23,7 +15,7 @@ var TCell = function (_a) {
|
|
|
23
15
|
var hidden = (column === null || column === void 0 ? void 0 : column.hidden) || false;
|
|
24
16
|
if (hidden)
|
|
25
17
|
return null;
|
|
26
|
-
return (
|
|
18
|
+
return (React.createElement("td", tslib_es6.__assign({ className: cn(styles.component, className, compactView && styles.compact, compactHorizontal && styles.compactHorizontal), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
|
|
27
19
|
};
|
|
28
20
|
|
|
29
21
|
exports.TCell = TCell;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_tcell_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('../table-context/index.js');
|
|
9
8
|
require('./index.module.css');
|
|
10
|
-
var components_tcell_Component = require('./Component.js');
|
|
11
9
|
|
|
12
10
|
|
|
13
11
|
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
|
-
require('../trow/index.module.css');
|
|
9
6
|
var components_trow_Component = require('../trow/Component.js');
|
|
10
7
|
var styles = require('./index.module.css');
|
|
11
|
-
|
|
12
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
-
|
|
14
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
16
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
8
|
+
require('../trow/index.module.css');
|
|
17
9
|
|
|
18
10
|
var TExpandableRow = function (_a) {
|
|
19
11
|
var _b, _c;
|
|
@@ -27,12 +19,12 @@ var TExpandableRow = function (_a) {
|
|
|
27
19
|
}
|
|
28
20
|
onToggle(isExpanded);
|
|
29
21
|
};
|
|
30
|
-
return (
|
|
31
|
-
|
|
32
|
-
_b[
|
|
33
|
-
_b[
|
|
22
|
+
return (React.createElement(React.Fragment, null,
|
|
23
|
+
React.createElement(components_trow_Component.TRow, tslib_es6.__assign({ className: cn(styles.row, className, (_b = {},
|
|
24
|
+
_b[styles.selected] = selected,
|
|
25
|
+
_b[styles.expanded] = isExpanded,
|
|
34
26
|
_b)), selected: selected, onClick: handleToggle }, restProps)),
|
|
35
|
-
|
|
27
|
+
React.createElement("tr", { className: cn(styles.expandable, (_c = {}, _c[styles.expanded] = isExpanded, _c)) }, renderContent(isExpanded))));
|
|
36
28
|
};
|
|
37
29
|
|
|
38
30
|
exports.TExpandableRow = TExpandableRow;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_texpandableRow_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
|
-
require('../trow/index.module.css');
|
|
9
7
|
require('../trow/Component.js');
|
|
8
|
+
require('../trow/index.module.css');
|
|
10
9
|
require('./index.module.css');
|
|
11
|
-
var components_texpandableRow_Component = require('./Component.js');
|
|
12
10
|
|
|
13
11
|
|
|
14
12
|
|
|
@@ -1,22 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var styles = require('./index.module.css');
|
|
9
7
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
15
|
-
|
|
16
8
|
var THead = function (_a) {
|
|
17
9
|
var className = _a.className, rowClassName = _a.rowClassName, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "rowClassName", "children", "dataTestId"]);
|
|
18
|
-
return (
|
|
19
|
-
|
|
10
|
+
return (React.createElement("thead", tslib_es6.__assign({ className: cn(styles.component, className), "data-test-id": dataTestId }, restProps),
|
|
11
|
+
React.createElement("tr", { className: cn(styles.row, rowClassName) }, children)));
|
|
20
12
|
};
|
|
21
13
|
|
|
22
14
|
exports.THead = THead;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_thead_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('./index.module.css');
|
|
9
|
-
var components_thead_Component = require('./Component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -1,27 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var components_tableContext_index = require('../table-context/index.js');
|
|
9
7
|
var styles = require('./index.module.css');
|
|
10
8
|
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
15
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
16
|
-
|
|
17
9
|
var THeadCell = function (_a) {
|
|
18
10
|
var _b;
|
|
19
11
|
var children = _a.children, className = _a.className, dataTestId = _a.dataTestId, style = _a.style, width = _a.width, textAlign = _a.textAlign, hidden = _a.hidden, restProps = tslib_es6.__rest(_a, ["children", "className", "dataTestId", "style", "width", "textAlign", "hidden"]);
|
|
20
12
|
var _c = React.useContext(components_tableContext_index.TableContext), compactHorizontal = _c.compactHorizontal, stickyHeader = _c.stickyHeader;
|
|
21
13
|
if (hidden)
|
|
22
14
|
return null;
|
|
23
|
-
return (
|
|
24
|
-
_b[
|
|
15
|
+
return (React.createElement("th", tslib_es6.__assign({ className: cn(styles.component, className, compactHorizontal && styles.compactHorizontal, (_b = {},
|
|
16
|
+
_b[styles.stickyHeader] = stickyHeader,
|
|
25
17
|
_b)), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
|
|
26
18
|
};
|
|
27
19
|
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_theadCell_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('../table-context/index.js');
|
|
9
8
|
require('./index.module.css');
|
|
10
|
-
var components_theadCell_Component = require('./Component.js');
|
|
11
9
|
|
|
12
10
|
|
|
13
11
|
|
|
@@ -1,26 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var styles = require('./index.module.css');
|
|
9
7
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
15
|
-
|
|
16
8
|
var TRow = function (_a) {
|
|
17
9
|
var _b;
|
|
18
10
|
var children = _a.children, className = _a.className, selected = _a.selected, withoutBorder = _a.withoutBorder, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["children", "className", "selected", "withoutBorder", "dataTestId"]);
|
|
19
|
-
return (
|
|
20
|
-
_b[
|
|
21
|
-
_b[
|
|
22
|
-
_b[
|
|
23
|
-
_b)), "data-test-id": dataTestId }, restProps),
|
|
11
|
+
return (React.createElement("tr", tslib_es6.__assign({ className: cn(styles.component, className, (_b = {},
|
|
12
|
+
_b[styles.clickable] = typeof restProps.onClick !== 'undefined',
|
|
13
|
+
_b[styles.selected] = selected,
|
|
14
|
+
_b[styles.withoutBorder] = withoutBorder,
|
|
15
|
+
_b)), "data-test-id": dataTestId }, restProps), React.Children.map(children, function (child, index) { return React.cloneElement(child, { index: index }); })));
|
|
24
16
|
};
|
|
25
17
|
|
|
26
18
|
exports.TRow = TRow;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_trow_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('./index.module.css');
|
|
9
|
-
var components_trow_Component = require('./Component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -1,23 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
|
-
require('../table-context/index.js');
|
|
9
|
-
require('../thead-cell/index.module.css');
|
|
10
6
|
var components_theadCell_Component = require('../thead-cell/Component.js');
|
|
11
7
|
var components_tsortableHeadCell_sortIconAsc = require('./sort-icon-asc.js');
|
|
12
8
|
var components_tsortableHeadCell_sortIconDesc = require('./sort-icon-desc.js');
|
|
13
9
|
var components_tsortableHeadCell_sortIconUnset = require('./sort-icon-unset.js');
|
|
14
10
|
var styles = require('./index.module.css');
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
20
|
-
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
11
|
+
require('../table-context/index.js');
|
|
12
|
+
require('../thead-cell/index.module.css');
|
|
21
13
|
|
|
22
14
|
var TSortableHeadCell = function (_a) {
|
|
23
15
|
var _b, _c;
|
|
@@ -30,11 +22,11 @@ var TSortableHeadCell = function (_a) {
|
|
|
30
22
|
return value ? components_tsortableHeadCell_sortIconDesc.SortIconDesc : components_tsortableHeadCell_sortIconAsc.SortIconAsc;
|
|
31
23
|
return components_tsortableHeadCell_sortIconUnset.SortIconUnset;
|
|
32
24
|
}, [defaultIsSortedDesc, isSortedDesc]);
|
|
33
|
-
return (
|
|
34
|
-
|
|
25
|
+
return (React.createElement(components_theadCell_Component.THeadCell, tslib_es6.__assign({ className: cn(className, styles.component) }, restProps),
|
|
26
|
+
React.createElement("div", { className: cn(styles.content, (_b = {}, _b[styles.reverse] = textAlign === 'right', _b)) },
|
|
35
27
|
children,
|
|
36
|
-
|
|
37
|
-
_c[
|
|
28
|
+
React.createElement(SortIcon, { onClick: onSort, className: cn(styles.icon, (_c = {},
|
|
29
|
+
_c[styles.sorted] = isSortedDesc !== undefined,
|
|
38
30
|
_c)) }))));
|
|
39
31
|
};
|
|
40
32
|
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var components_tsortableHeadCell_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
7
|
+
require('../thead-cell/Component.js');
|
|
8
8
|
require('../table-context/index.js');
|
|
9
9
|
require('../thead-cell/index.module.css');
|
|
10
|
-
require('../thead-cell/Component.js');
|
|
11
10
|
require('./sort-icon-asc.js');
|
|
12
11
|
require('./sort-icon-desc.js');
|
|
13
12
|
require('./sort-icon-unset.js');
|
|
14
13
|
require('./index.module.css');
|
|
15
|
-
var components_tsortableHeadCell_Component = require('./Component.js');
|
|
16
14
|
|
|
17
15
|
|
|
18
16
|
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
-
|
|
12
|
-
var SortIconAsc = function (props) { return (React__default['default'].createElement("svg", tslib_es6.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
13
|
-
React__default['default'].createElement("path", { d: 'M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H9C9 5.33333 9 4.16667 9 3.5C9 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 15 14 15 14C15 13.5 15 12 15 11.5C15 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' }))); };
|
|
6
|
+
var SortIconAsc = function (props) { return (React.createElement("svg", tslib_es6.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
7
|
+
React.createElement("path", { d: 'M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H9C9 5.33333 9 4.16667 9 3.5C9 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 15 14 15 14C15 13.5 15 12 15 11.5C15 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' }))); };
|
|
14
8
|
|
|
15
9
|
exports.SortIconAsc = SortIconAsc;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
-
|
|
12
|
-
var SortIconDesc = function (props) { return (React__default['default'].createElement("svg", tslib_es6.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
13
|
-
React__default['default'].createElement("path", { d: 'M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 9 14 9 14C9 13.5 9 12 9 11.5C9 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' }))); };
|
|
6
|
+
var SortIconDesc = function (props) { return (React.createElement("svg", tslib_es6.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
7
|
+
React.createElement("path", { d: 'M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 9 14 9 14C9 13.5 9 12 9 11.5C9 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' }))); };
|
|
14
8
|
|
|
15
9
|
exports.SortIconDesc = SortIconDesc;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
-
|
|
12
|
-
var SortIconUnset = function (props) { return (React__default['default'].createElement("svg", tslib_es6.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
13
|
-
React__default['default'].createElement("path", { d: 'M3 10C3 10 10.4477 10 11 10C11 9.33333 11.0001 8.16667 11.0001 7.5H3.00006C3.00002 8 3.00006 9.5 3 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3 14C3.21032 14 14 14 14 14C14 13.5 14 12 14 11.5C14 11.5 3.55228 11.5 3 11.5C2.99991 12 2.99991 13.5 3 14Z' }))); };
|
|
6
|
+
var SortIconUnset = function (props) { return (React.createElement("svg", tslib_es6.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
7
|
+
React.createElement("path", { d: 'M3 10C3 10 10.4477 10 11 10C11 9.33333 11.0001 8.16667 11.0001 7.5H3.00006C3.00002 8 3.00006 9.5 3 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3 14C3.21032 14 14 14 14 14C14 13.5 14 12 14 11.5C14 11.5 3.55228 11.5 3 11.5C2.99991 12 2.99991 13.5 3 14Z' }))); };
|
|
14
8
|
|
|
15
9
|
exports.SortIconUnset = SortIconUnset;
|