@alfalab/core-components-table 2.2.6 → 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-b31083a0.d.ts → tslib.es6-c7b61e8d.d.ts} +0 -0
- package/esm/{tslib.es6-b31083a0.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-b7aac270.d.ts → tslib.es6-73285132.d.ts} +0 -0
- package/{tslib.es6-b7aac270.js → tslib.es6-73285132.js} +0 -0
- package/utils.js +1 -7
package/component.js
CHANGED
|
@@ -1,29 +1,27 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('./
|
|
3
|
+
var components_table_Component = require('./components/table/Component.js');
|
|
4
|
+
var components_pagination_Component = require('./components/pagination/Component.js');
|
|
5
|
+
var components_thead_Component = require('./components/thead/Component.js');
|
|
6
|
+
var components_theadCell_Component = require('./components/thead-cell/Component.js');
|
|
7
|
+
var components_tsortableHeadCell_Component = require('./components/tsortable-head-cell/Component.js');
|
|
8
|
+
var components_tbody_Component = require('./components/tbody/Component.js');
|
|
9
|
+
var components_tcell_Component = require('./components/tcell/Component.js');
|
|
10
|
+
var components_trow_Component = require('./components/trow/Component.js');
|
|
11
|
+
var components_texpandableRow_Component = require('./components/texpandable-row/Component.js');
|
|
12
|
+
require('./tslib.es6-73285132.js');
|
|
6
13
|
require('react');
|
|
7
14
|
require('classnames');
|
|
8
15
|
require('./components/table-context/index.js');
|
|
9
|
-
require('./utils.js');
|
|
10
|
-
var components_thead_Component = require('./components/thead/Component.js');
|
|
11
16
|
require('./components/table/utils.js');
|
|
12
|
-
|
|
17
|
+
require('./utils.js');
|
|
13
18
|
require('@alfalab/core-components-pagination');
|
|
14
19
|
require('@alfalab/core-components-select');
|
|
15
|
-
require('@alfalab/core-components-button');
|
|
16
20
|
require('./components/pagination/select-field/index.js');
|
|
17
|
-
|
|
18
|
-
var components_theadCell_Component = require('./components/thead-cell/Component.js');
|
|
21
|
+
require('@alfalab/core-components-button');
|
|
19
22
|
require('./components/tsortable-head-cell/sort-icon-asc.js');
|
|
20
23
|
require('./components/tsortable-head-cell/sort-icon-desc.js');
|
|
21
24
|
require('./components/tsortable-head-cell/sort-icon-unset.js');
|
|
22
|
-
var components_tsortableHeadCell_Component = require('./components/tsortable-head-cell/Component.js');
|
|
23
|
-
var components_tbody_Component = require('./components/tbody/Component.js');
|
|
24
|
-
var components_tcell_Component = require('./components/tcell/Component.js');
|
|
25
|
-
var components_trow_Component = require('./components/trow/Component.js');
|
|
26
|
-
var components_texpandableRow_Component = require('./components/texpandable-row/Component.js');
|
|
27
25
|
|
|
28
26
|
var Table = Object.assign(components_table_Component.Table, {
|
|
29
27
|
TBody: components_tbody_Component.TBody,
|
package/components/index.js
CHANGED
|
@@ -1,35 +1,33 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('
|
|
3
|
+
var components_table_Component = require('./table/Component.js');
|
|
4
|
+
var components_pagination_Component = require('./pagination/Component.js');
|
|
5
|
+
var components_thead_Component = require('./thead/Component.js');
|
|
6
|
+
var components_theadCell_Component = require('./thead-cell/Component.js');
|
|
7
|
+
var components_tsortableHeadCell_Component = require('./tsortable-head-cell/Component.js');
|
|
8
|
+
var components_tbody_Component = require('./tbody/Component.js');
|
|
9
|
+
var components_tcell_Component = require('./tcell/Component.js');
|
|
10
|
+
var components_trow_Component = require('./trow/Component.js');
|
|
11
|
+
var components_texpandableRow_Component = require('./texpandable-row/Component.js');
|
|
12
|
+
require('../tslib.es6-73285132.js');
|
|
6
13
|
require('react');
|
|
7
14
|
require('classnames');
|
|
8
15
|
require('./table-context/index.js');
|
|
9
|
-
require('../utils.js');
|
|
10
|
-
var components_thead_Component = require('./thead/Component.js');
|
|
11
16
|
require('./table/utils.js');
|
|
12
|
-
|
|
17
|
+
require('../utils.js');
|
|
13
18
|
require('@alfalab/core-components-pagination');
|
|
14
19
|
require('@alfalab/core-components-select');
|
|
15
|
-
require('@alfalab/core-components-button');
|
|
16
20
|
require('./pagination/select-field/index.js');
|
|
17
|
-
|
|
18
|
-
var components_theadCell_Component = require('./thead-cell/Component.js');
|
|
21
|
+
require('@alfalab/core-components-button');
|
|
19
22
|
require('./tsortable-head-cell/sort-icon-asc.js');
|
|
20
23
|
require('./tsortable-head-cell/sort-icon-desc.js');
|
|
21
24
|
require('./tsortable-head-cell/sort-icon-unset.js');
|
|
22
|
-
var components_tsortableHeadCell_Component = require('./tsortable-head-cell/Component.js');
|
|
23
|
-
var components_tbody_Component = require('./tbody/Component.js');
|
|
24
|
-
var components_tcell_Component = require('./tcell/Component.js');
|
|
25
|
-
var components_trow_Component = require('./trow/Component.js');
|
|
26
|
-
var components_texpandableRow_Component = require('./texpandable-row/Component.js');
|
|
27
25
|
|
|
28
26
|
|
|
29
27
|
|
|
30
|
-
exports.THead = components_thead_Component.THead;
|
|
31
28
|
exports.Table = components_table_Component.Table;
|
|
32
29
|
exports.Pagination = components_pagination_Component.Pagination;
|
|
30
|
+
exports.THead = components_thead_Component.THead;
|
|
33
31
|
exports.THeadCell = components_theadCell_Component.THeadCell;
|
|
34
32
|
exports.TSortableHeadCell = components_tsortableHeadCell_Component.TSortableHeadCell;
|
|
35
33
|
exports.TBody = components_tbody_Component.TBody;
|
|
@@ -1,22 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
|
-
var components_tableContext_index = require('../table-context/index.js');
|
|
9
6
|
var coreComponentsPagination = require('@alfalab/core-components-pagination');
|
|
10
7
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
11
|
-
require('
|
|
8
|
+
var components_tableContext_index = require('../table-context/index.js');
|
|
12
9
|
var components_pagination_selectField_index = require('./select-field/index.js');
|
|
10
|
+
require('@alfalab/core-components-button');
|
|
13
11
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
18
|
-
|
|
19
|
-
var styles = {"component":"table__component_1k9z8","pagesWrapper":"table__pagesWrapper_1k9z8","tag":"table__tag_1k9z8","tagActive":"table__tagActive_1k9z8","menu":"table__menu_1k9z8","option":"table__option_1k9z8"};
|
|
12
|
+
var styles = {"component":"table__component_1efgn","pagesWrapper":"table__pagesWrapper_1efgn","tag":"table__tag_1efgn","tagActive":"table__tagActive_1efgn","menu":"table__menu_1efgn","option":"table__option_1efgn"};
|
|
20
13
|
require('./index.css')
|
|
21
14
|
|
|
22
15
|
var Pagination = function (_a) {
|
|
@@ -27,7 +20,7 @@ var Pagination = function (_a) {
|
|
|
27
20
|
.sort(function (a, b) { return a - b; })
|
|
28
21
|
.map(function (value) { return ({
|
|
29
22
|
key: value.toString(),
|
|
30
|
-
content: "\u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u043F\u043E "
|
|
23
|
+
content: "\u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u043F\u043E ".concat(value),
|
|
31
24
|
}); });
|
|
32
25
|
}, [perPage, possiblePerPage]);
|
|
33
26
|
var handlePerPageChange = React.useCallback(function (_a) {
|
|
@@ -42,9 +35,9 @@ var Pagination = function (_a) {
|
|
|
42
35
|
}
|
|
43
36
|
}, 0);
|
|
44
37
|
}, [onPageChange, wrapperRef]);
|
|
45
|
-
return (
|
|
46
|
-
|
|
47
|
-
pagesCount > 1 && (
|
|
38
|
+
return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
|
|
39
|
+
React.createElement(coreComponentsSelect.Select, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles.select, optionsListClassName: styles.menu, optionClassName: styles.option, Field: components_pagination_selectField_index.CustomSelectField }),
|
|
40
|
+
pagesCount > 1 && (React.createElement(coreComponentsPagination.Pagination, tslib_es6.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange }, restPaginationProps)))));
|
|
48
41
|
};
|
|
49
42
|
|
|
50
43
|
exports.Pagination = Pagination;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: jfotx */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-border-primary: #dbdee1;
|
|
4
4
|
}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
--gap-xl: 24px;
|
|
18
18
|
--gap-2xl: 32px;
|
|
19
19
|
}
|
|
20
|
-
.
|
|
20
|
+
.table__component_1efgn {
|
|
21
21
|
display: flex;
|
|
22
22
|
justify-content: space-between;
|
|
23
23
|
align-items: flex-start;
|
|
@@ -26,24 +26,24 @@
|
|
|
26
26
|
border-top: 1px solid var(--color-light-border-primary);
|
|
27
27
|
box-sizing: border-box;
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
.table__pagesWrapper_1efgn {
|
|
30
30
|
display: flex;
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.table__tag_1efgn.table__tag_1efgn {
|
|
33
33
|
flex-shrink: 0;
|
|
34
34
|
margin-right: var(--gap-xs);
|
|
35
35
|
padding: 0 var(--gap-xs);
|
|
36
36
|
min-width: 32px
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
.table__tag_1efgn.table__tag_1efgn:last-child {
|
|
39
39
|
margin-right: 0;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.table__tag_1efgn.table__tag_1efgn.table__tagActive_1efgn {
|
|
42
42
|
cursor: default;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.table__menu_1efgn {
|
|
45
45
|
margin: var(--gap-2xs) 0;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.table__option_1efgn {
|
|
48
48
|
min-width: 208px;
|
|
49
49
|
}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var components_pagination_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-73285132.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
|
-
require('../table-context/index.js');
|
|
9
7
|
require('@alfalab/core-components-pagination');
|
|
10
8
|
require('@alfalab/core-components-select');
|
|
11
|
-
require('
|
|
9
|
+
require('../table-context/index.js');
|
|
12
10
|
require('./select-field/index.js');
|
|
13
|
-
|
|
11
|
+
require('@alfalab/core-components-button');
|
|
14
12
|
|
|
15
13
|
|
|
16
14
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: xo5re */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
|
|
4
4
|
}
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
|
|
11
11
|
/* Hard up */
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
.table__field_gdcns svg {
|
|
14
14
|
width: 18px;
|
|
15
15
|
height: 18px;
|
|
16
16
|
}
|
|
17
|
-
.
|
|
18
|
-
.
|
|
17
|
+
.table__open_gdcns,
|
|
18
|
+
.table__open_gdcns:hover {
|
|
19
19
|
background-color: var(--color-light-specialbg-component-shade-7);
|
|
20
20
|
}
|
|
@@ -1,26 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../tslib.es6-b7aac270.js');
|
|
3
|
+
var tslib_es6 = require('../../../tslib.es6-73285132.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var coreComponentsButton = require('@alfalab/core-components-button');
|
|
9
7
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
|
-
|
|
15
|
-
var styles = {"field":"table__field_7se0z","open":"table__open_7se0z"};
|
|
8
|
+
var styles = {"field":"table__field_gdcns","open":"table__open_gdcns"};
|
|
16
9
|
require('./index.css')
|
|
17
10
|
|
|
18
11
|
var CustomSelectField = function (_a) {
|
|
19
12
|
var _b;
|
|
20
13
|
var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
|
|
21
14
|
var ref = innerProps.ref, restInnerProps = tslib_es6.__rest(innerProps, ["ref"]);
|
|
22
|
-
return (
|
|
23
|
-
|
|
15
|
+
return (React.createElement("div", { ref: ref },
|
|
16
|
+
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)));
|
|
24
17
|
};
|
|
25
18
|
|
|
26
19
|
exports.CustomSelectField = CustomSelectField;
|
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var components_tableContext_index = require('../table-context/index.js');
|
|
7
|
+
var components_table_utils = require('./utils.js');
|
|
9
8
|
require('../../utils.js');
|
|
10
9
|
require('../thead/Component.js');
|
|
11
|
-
var components_table_utils = require('./utils.js');
|
|
12
|
-
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
-
|
|
15
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
17
10
|
|
|
18
|
-
var styles = {"component":"
|
|
11
|
+
var styles = {"component":"table__component_mrr8v","wrapper":"table__wrapper_mrr8v","stickyHeader":"table__stickyHeader_mrr8v","hasPagination":"table__hasPagination_mrr8v","table":"table__table_mrr8v"};
|
|
19
12
|
require('./index.css')
|
|
20
13
|
|
|
21
14
|
var Table = React.forwardRef(function (_a, ref) {
|
|
@@ -31,19 +24,19 @@ var Table = React.forwardRef(function (_a, ref) {
|
|
|
31
24
|
}); });
|
|
32
25
|
}, [children]);
|
|
33
26
|
/* eslint-disable react/jsx-no-constructed-context-values */
|
|
34
|
-
return (
|
|
27
|
+
return (React.createElement(components_tableContext_index.TableContext.Provider, { value: {
|
|
35
28
|
stickyHeader: stickyHeader,
|
|
36
29
|
columnsConfiguration: columnsConfiguration,
|
|
37
30
|
compactView: compactView,
|
|
38
31
|
compactHorizontal: compactHorizontal,
|
|
39
32
|
wrapperRef: wrapperRef,
|
|
40
33
|
} },
|
|
41
|
-
|
|
34
|
+
React.createElement("div", { ref: wrapperRef, className: cn(styles.component, className, (_b = {},
|
|
42
35
|
_b[styles.wrapper] = wrapper,
|
|
43
36
|
_b[styles.hasPagination] = !!pagination,
|
|
44
37
|
_b[styles.stickyHeader] = stickyHeader,
|
|
45
38
|
_b)), "data-test-id": dataTestId },
|
|
46
|
-
|
|
39
|
+
React.createElement("table", tslib_es6.__assign({ ref: ref, className: styles.table }, restProps), children),
|
|
47
40
|
pagination)));
|
|
48
41
|
});
|
|
49
42
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: fpcah */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-bg-primary: #fff;
|
|
4
4
|
}
|
|
@@ -18,29 +18,29 @@
|
|
|
18
18
|
:root {
|
|
19
19
|
--border-radius-m: 8px;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
.table__component_mrr8v {
|
|
22
22
|
box-sizing: border-box;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
.table__wrapper_mrr8v {
|
|
25
25
|
padding: 0 var(--gap-m) var(--gap-m);
|
|
26
26
|
background: var(--color-light-bg-primary);
|
|
27
27
|
box-shadow: var(--shadow-xs-hard);
|
|
28
28
|
border-radius: var(--border-radius-m);
|
|
29
29
|
overflow: auto;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.table__stickyHeader_mrr8v {
|
|
32
32
|
max-height: 100%;
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
.table__hasPagination_mrr8v {
|
|
35
35
|
padding-bottom: 0;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.table__table_mrr8v {
|
|
38
38
|
width: 100%;
|
|
39
39
|
border-collapse: collapse;
|
|
40
40
|
box-sizing: border-box
|
|
41
41
|
|
|
42
42
|
/* TODO: Хак для выравнивания чекбокса */
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.table__table_mrr8v td:first-child label > *[class^='box'], .table__table_mrr8v th:first-child label > *[class^='box'] {
|
|
45
45
|
margin-top: 0;
|
|
46
46
|
}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var components_table_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-73285132.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
10
|
require('../thead/Component.js');
|
|
11
|
-
require('./utils.js');
|
|
12
|
-
var components_table_Component = require('./Component.js');
|
|
13
11
|
|
|
14
12
|
|
|
15
13
|
|
|
@@ -1,22 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-b7aac270.js');
|
|
6
3
|
var React = require('react');
|
|
7
|
-
require('classnames');
|
|
8
4
|
var utils = require('../../utils.js');
|
|
9
5
|
var components_thead_Component = require('../thead/Component.js');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
6
|
+
require('../../tslib.es6-73285132.js');
|
|
7
|
+
require('classnames');
|
|
14
8
|
|
|
15
9
|
function findAllHeadCellsProps(children) {
|
|
16
10
|
var result = [];
|
|
17
|
-
|
|
11
|
+
React.Children.forEach(children, function (child) {
|
|
18
12
|
if (utils.isChildInstanceOf(child, components_thead_Component.THead)) {
|
|
19
|
-
|
|
13
|
+
React.Children.forEach(child.props.children, function (headChild) {
|
|
20
14
|
result.push(headChild.props);
|
|
21
15
|
});
|
|
22
16
|
}
|
|
@@ -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,22 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
13
|
-
|
|
14
|
-
var styles = {"component":"table__component_1rjql"};
|
|
7
|
+
var styles = {"component":"table__component_8o6tk"};
|
|
15
8
|
require('./index.css')
|
|
16
9
|
|
|
17
10
|
var TBody = function (_a) {
|
|
18
11
|
var className = _a.className, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "children", "dataTestId"]);
|
|
19
|
-
return (
|
|
12
|
+
return (React.createElement("tbody", tslib_es6.__assign({ className: cn(styles.component, className), "data-test-id": dataTestId }, restProps), children));
|
|
20
13
|
};
|
|
21
14
|
|
|
22
15
|
exports.TBody = TBody;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var components_tbody_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-73285132.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
|
-
var components_tbody_Component = require('./Component.js');
|
|
9
7
|
|
|
10
8
|
|
|
11
9
|
|
|
@@ -1,18 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.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
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
|
-
|
|
15
|
-
var styles = {"component":"table__component_mtg45","compactHorizontal":"table__compactHorizontal_mtg45","compact":"table__compact_mtg45"};
|
|
8
|
+
var styles = {"component":"table__component_et29k","compactHorizontal":"table__compactHorizontal_et29k","compact":"table__compact_et29k"};
|
|
16
9
|
require('./index.css')
|
|
17
10
|
|
|
18
11
|
var TCell = function (_a) {
|
|
@@ -24,7 +17,7 @@ var TCell = function (_a) {
|
|
|
24
17
|
var hidden = (column === null || column === void 0 ? void 0 : column.hidden) || false;
|
|
25
18
|
if (hidden)
|
|
26
19
|
return null;
|
|
27
|
-
return (
|
|
20
|
+
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));
|
|
28
21
|
};
|
|
29
22
|
|
|
30
23
|
exports.TCell = TCell;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: efbnp */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-border-primary: #dbdee1;
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
--gap-m: 16px;
|
|
18
18
|
--gap-xl: 24px;
|
|
19
19
|
}
|
|
20
|
-
.
|
|
20
|
+
.table__component_et29k {
|
|
21
21
|
font-size: 14px;
|
|
22
22
|
line-height: 20px;
|
|
23
23
|
font-weight: 400;
|
|
@@ -29,17 +29,17 @@
|
|
|
29
29
|
vertical-align: top;
|
|
30
30
|
box-sizing: border-box
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.table__component_et29k:first-child {
|
|
33
33
|
padding-left: var(--gap-m);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
.table__component_et29k:last-child {
|
|
36
36
|
padding-right: var(--gap-m);
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
.table__compactHorizontal_et29k {
|
|
39
39
|
padding-left: 6px;
|
|
40
40
|
padding-right: 6px;
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
.table__compact_et29k {
|
|
43
43
|
padding-top: var(--gap-xs);
|
|
44
44
|
padding-bottom: var(--gap-xs);
|
|
45
45
|
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var components_tcell_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-73285132.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('../table-context/index.js');
|
|
9
|
-
var components_tcell_Component = require('./Component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -1,18 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-b7aac270.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var components_trow_Component = require('../trow/Component.js');
|
|
9
7
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
|
-
|
|
15
|
-
var styles = {"row":"table__row_erldr","selected":"table__selected_erldr","expanded":"table__expanded_erldr","expandable":"table__expandable_erldr"};
|
|
8
|
+
var styles = {"row":"table__row_mrz8c","selected":"table__selected_mrz8c","expanded":"table__expanded_mrz8c","expandable":"table__expandable_mrz8c"};
|
|
16
9
|
require('./index.css')
|
|
17
10
|
|
|
18
11
|
var TExpandableRow = function (_a) {
|
|
@@ -27,12 +20,12 @@ var TExpandableRow = function (_a) {
|
|
|
27
20
|
}
|
|
28
21
|
onToggle(isExpanded);
|
|
29
22
|
};
|
|
30
|
-
return (
|
|
31
|
-
|
|
23
|
+
return (React.createElement(React.Fragment, null,
|
|
24
|
+
React.createElement(components_trow_Component.TRow, tslib_es6.__assign({ className: cn(styles.row, className, (_b = {},
|
|
32
25
|
_b[styles.selected] = selected,
|
|
33
26
|
_b[styles.expanded] = isExpanded,
|
|
34
27
|
_b)), selected: selected, onClick: handleToggle }, restProps)),
|
|
35
|
-
|
|
28
|
+
React.createElement("tr", { className: cn(styles.expandable, (_c = {}, _c[styles.expanded] = isExpanded, _c)) }, renderContent(isExpanded))));
|
|
36
29
|
};
|
|
37
30
|
|
|
38
31
|
exports.TExpandableRow = TExpandableRow;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: w97rf */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
/* Hard up */
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
.table__row_mrz8c {
|
|
11
11
|
cursor: pointer;
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
.table__selected_mrz8c.table__expanded_mrz8c {
|
|
14
14
|
background-color: inherit;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
.table__expanded_mrz8c:hover {
|
|
17
17
|
background-color: inherit;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
.table__expandable_mrz8c td {
|
|
20
20
|
margin: 0;
|
|
21
21
|
padding-top: 0;
|
|
22
22
|
padding-bottom: 0;
|