@alfalab/core-components-table 2.2.7 → 2.2.8
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 +1 -1
- package/components/index.js +1 -1
- package/components/pagination/Component.js +10 -5
- package/components/pagination/index.css +8 -8
- package/components/pagination/index.js +1 -1
- package/components/pagination/select-field/index.css +4 -4
- package/components/pagination/select-field/index.js +9 -4
- package/components/table/Component.js +10 -5
- package/components/table/index.css +7 -7
- package/components/table/index.js +1 -1
- package/components/table/utils.js +7 -3
- package/components/table-context/index.js +5 -1
- package/components/tbody/Component.js +8 -3
- package/components/tbody/index.css +2 -2
- package/components/tbody/index.js +1 -1
- package/components/tcell/Component.js +8 -3
- package/components/tcell/index.css +6 -6
- package/components/tcell/index.js +1 -1
- package/components/texpandable-row/Component.js +10 -5
- package/components/texpandable-row/index.css +5 -5
- package/components/texpandable-row/index.js +1 -1
- package/components/thead/Component.js +9 -4
- package/components/thead/index.css +6 -6
- package/components/thead/index.js +1 -1
- package/components/thead-cell/Component.js +8 -3
- package/components/thead-cell/index.css +8 -8
- package/components/thead-cell/index.js +1 -1
- package/components/trow/Component.js +9 -4
- package/components/trow/index.css +8 -8
- package/components/trow/index.js +1 -1
- package/components/tsortable-head-cell/Component.js +10 -5
- package/components/tsortable-head-cell/index.css +9 -9
- package/components/tsortable-head-cell/index.js +1 -1
- package/components/tsortable-head-cell/sort-icon-asc.js +7 -3
- package/components/tsortable-head-cell/sort-icon-desc.js +7 -3
- package/components/tsortable-head-cell/sort-icon-unset.js +7 -3
- package/cssm/components/pagination/Component.js +9 -3
- package/cssm/components/pagination/select-field/index.js +8 -2
- package/cssm/components/table/Component.js +12 -6
- package/cssm/components/table/utils.js +6 -2
- package/cssm/components/table-context/index.js +5 -1
- package/cssm/components/tbody/Component.js +7 -1
- package/cssm/components/tcell/Component.js +7 -1
- package/cssm/components/texpandable-row/Component.js +11 -5
- package/cssm/components/thead/Component.js +8 -2
- package/cssm/components/thead-cell/Component.js +8 -2
- package/cssm/components/trow/Component.js +11 -5
- package/cssm/components/tsortable-head-cell/Component.js +10 -4
- package/cssm/components/tsortable-head-cell/sort-icon-asc.js +6 -2
- package/cssm/components/tsortable-head-cell/sort-icon-desc.js +6 -2
- package/cssm/components/tsortable-head-cell/sort-icon-unset.js +6 -2
- package/cssm/utils.js +5 -1
- package/esm/component.js +1 -1
- package/esm/components/index.js +1 -1
- package/esm/components/pagination/Component.js +2 -2
- package/esm/components/pagination/index.css +8 -8
- package/esm/components/pagination/index.js +1 -1
- 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 +2 -2
- package/esm/components/table/index.css +7 -7
- package/esm/components/table/index.js +1 -1
- package/esm/components/table/utils.js +1 -1
- package/esm/components/tbody/Component.js +2 -2
- package/esm/components/tbody/index.css +2 -2
- package/esm/components/tbody/index.js +1 -1
- package/esm/components/tcell/Component.js +2 -2
- package/esm/components/tcell/index.css +6 -6
- package/esm/components/tcell/index.js +1 -1
- 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 +1 -1
- package/esm/components/thead/Component.js +2 -2
- package/esm/components/thead/index.css +6 -6
- package/esm/components/thead/index.js +1 -1
- 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 +1 -1
- package/esm/components/trow/Component.js +2 -2
- package/esm/components/trow/index.css +8 -8
- package/esm/components/trow/index.js +1 -1
- package/esm/components/tsortable-head-cell/Component.js +2 -2
- package/esm/components/tsortable-head-cell/index.css +9 -9
- package/esm/components/tsortable-head-cell/index.js +1 -1
- 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 +1 -1
- package/esm/{tslib.es6-c7b61e8d.d.ts → tslib.es6-cb60cfea.d.ts} +0 -0
- package/esm/{tslib.es6-c7b61e8d.js → tslib.es6-cb60cfea.js} +0 -0
- package/index.js +1 -1
- package/modern/components/pagination/Component.js +1 -1
- package/modern/components/pagination/index.css +8 -8
- 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 +1 -1
- package/modern/components/table/index.css +7 -7
- package/modern/components/tbody/Component.js +1 -1
- package/modern/components/tbody/index.css +2 -2
- package/modern/components/tcell/Component.js +1 -1
- package/modern/components/tcell/index.css +6 -6
- package/modern/components/texpandable-row/Component.js +1 -1
- package/modern/components/texpandable-row/index.css +5 -5
- package/modern/components/thead/Component.js +1 -1
- package/modern/components/thead/index.css +6 -6
- package/modern/components/thead-cell/Component.js +1 -1
- package/modern/components/thead-cell/index.css +8 -8
- package/modern/components/trow/Component.js +1 -1
- package/modern/components/trow/index.css +8 -8
- package/modern/components/tsortable-head-cell/Component.js +1 -1
- package/modern/components/tsortable-head-cell/index.css +9 -9
- package/package.json +4 -4
- package/{tslib.es6-73285132.d.ts → tslib.es6-318f9fb1.d.ts} +0 -0
- package/{tslib.es6-73285132.js → tslib.es6-318f9fb1.js} +0 -0
- package/utils.js +5 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 147xi */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-bg-primary: #fff;
|
|
4
4
|
--color-light-border-primary: #dbdee1;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
--gap-m: 16px;
|
|
19
19
|
--gap-2xl: 32px;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
.table__component_ifwuz {
|
|
22
22
|
font-size: 12px;
|
|
23
23
|
line-height: 16px;
|
|
24
24
|
font-weight: 500;
|
|
@@ -35,26 +35,26 @@
|
|
|
35
35
|
vertical-align: top;
|
|
36
36
|
box-sizing: border-box
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
.table__component_ifwuz:first-child {
|
|
39
39
|
padding-left: var(--gap-m);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.table__component_ifwuz:last-child {
|
|
42
42
|
padding-right: var(--gap-m);
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.table__sortable_ifwuz {
|
|
45
45
|
cursor: pointer;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.table__sorted_ifwuz {
|
|
48
48
|
color: var(--color-light-text-primary);
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
.table__stickyHeader_ifwuz {
|
|
51
51
|
top: 0;
|
|
52
52
|
position: sticky;
|
|
53
53
|
box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
|
|
54
54
|
border: none;
|
|
55
55
|
z-index: 1;
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.table__compactHorizontal_ifwuz {
|
|
58
58
|
padding-left: 6px;
|
|
59
59
|
padding-right: 6px;
|
|
60
60
|
}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-318f9fb1.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
11
|
+
|
|
12
|
+
var styles = {"component":"table__component_1m0xp","withoutBorder":"table__withoutBorder_1m0xp","clickable":"table__clickable_1m0xp","selected":"table__selected_1m0xp"};
|
|
8
13
|
require('./index.css')
|
|
9
14
|
|
|
10
15
|
var TRow = function (_a) {
|
|
11
16
|
var _b;
|
|
12
17
|
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"]);
|
|
13
|
-
return (
|
|
18
|
+
return (React__default.default.createElement("tr", tslib_es6.__assign({ className: cn__default.default(styles.component, className, (_b = {},
|
|
14
19
|
_b[styles.clickable] = typeof restProps.onClick !== 'undefined',
|
|
15
20
|
_b[styles.selected] = selected,
|
|
16
21
|
_b[styles.withoutBorder] = withoutBorder,
|
|
17
|
-
_b)), "data-test-id": dataTestId }, restProps),
|
|
22
|
+
_b)), "data-test-id": dataTestId }, restProps), React__default.default.Children.map(children, function (child, index) { return React__default.default.cloneElement(child, { index: index }); })));
|
|
18
23
|
};
|
|
19
24
|
|
|
20
25
|
exports.TRow = TRow;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 174ct */
|
|
2
2
|
:root {
|
|
3
3
|
--color-static-graphic-solitude: #e8f2fe;
|
|
4
4
|
}
|
|
@@ -14,28 +14,28 @@
|
|
|
14
14
|
|
|
15
15
|
/* Hard up */
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
.table__component_1m0xp {
|
|
18
18
|
padding-top: 1px;
|
|
19
19
|
width: 100%;
|
|
20
20
|
transition: background-color 0.2s;
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
background: var(--color-light-bg-primary)
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
.table__component_1m0xp:first-child td {
|
|
25
25
|
border-top: 0;
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.table__withoutBorder_1m0xp td {
|
|
28
28
|
border: none;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.table__clickable_1m0xp {
|
|
31
31
|
cursor: pointer
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
.table__clickable_1m0xp:hover {
|
|
34
34
|
background-color: var(--color-light-bg-secondary);
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
.table__selected_1m0xp {
|
|
37
37
|
background-color: #f2f8ff /* нет цвета в палитре */
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.table__selected_1m0xp:hover {
|
|
40
40
|
background-color: var(--color-static-graphic-solitude);
|
|
41
41
|
}
|
package/components/trow/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-318f9fb1.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var components_theadCell_Component = require('../thead-cell/Component.js');
|
|
@@ -9,7 +9,12 @@ var components_tsortableHeadCell_sortIconDesc = require('./sort-icon-desc.js');
|
|
|
9
9
|
var components_tsortableHeadCell_sortIconUnset = require('./sort-icon-unset.js');
|
|
10
10
|
require('../table-context/index.js');
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
13
|
+
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
16
|
+
|
|
17
|
+
var styles = {"component":"table__component_1wo21","content":"table__content_1wo21","icon":"table__icon_1wo21","reverse":"table__reverse_1wo21","sorted":"table__sorted_1wo21"};
|
|
13
18
|
require('./index.css')
|
|
14
19
|
|
|
15
20
|
var TSortableHeadCell = function (_a) {
|
|
@@ -23,10 +28,10 @@ var TSortableHeadCell = function (_a) {
|
|
|
23
28
|
return value ? components_tsortableHeadCell_sortIconDesc.SortIconDesc : components_tsortableHeadCell_sortIconAsc.SortIconAsc;
|
|
24
29
|
return components_tsortableHeadCell_sortIconUnset.SortIconUnset;
|
|
25
30
|
}, [defaultIsSortedDesc, isSortedDesc]);
|
|
26
|
-
return (
|
|
27
|
-
|
|
31
|
+
return (React__default.default.createElement(components_theadCell_Component.THeadCell, tslib_es6.__assign({ className: cn__default.default(className, styles.component) }, restProps),
|
|
32
|
+
React__default.default.createElement("div", { className: cn__default.default(styles.content, (_b = {}, _b[styles.reverse] = textAlign === 'right', _b)) },
|
|
28
33
|
children,
|
|
29
|
-
|
|
34
|
+
React__default.default.createElement(SortIcon, { onClick: onSort, className: cn__default.default(styles.icon, (_c = {},
|
|
30
35
|
_c[styles.sorted] = isSortedDesc !== undefined,
|
|
31
36
|
_c)) }))));
|
|
32
37
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 5rtvl */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-graphic-link: #007aff;
|
|
4
4
|
--color-light-graphic-primary: #0b1f35;
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
:root {
|
|
16
16
|
--gap-xs: 8px;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
.table__component_1wo21 {
|
|
19
19
|
position: relative;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
.table__content_1wo21 {
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: flex-start;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
.table__icon_1wo21 {
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
margin-left: var(--gap-xs);
|
|
28
28
|
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
transition: color 0.2s ease;
|
|
36
36
|
flex-shrink: 0
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
.table__icon_1wo21:hover {
|
|
39
39
|
color: var(--color-light-graphic-primary);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.table__reverse_1wo21 {
|
|
42
42
|
flex-direction: row-reverse
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.table__reverse_1wo21 .table__icon_1wo21 {
|
|
45
45
|
margin-left: 0;
|
|
46
46
|
margin-right: var(--gap-xs);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.table__sorted_1wo21 {
|
|
49
49
|
color: var(--color-light-graphic-link)
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.table__sorted_1wo21:hover {
|
|
52
52
|
color: var(--color-light-graphic-link);
|
|
53
53
|
}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-318f9fb1.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
|
+
|
|
10
|
+
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),
|
|
11
|
+
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' }))); };
|
|
8
12
|
|
|
9
13
|
exports.SortIconAsc = SortIconAsc;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-318f9fb1.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
|
+
|
|
10
|
+
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),
|
|
11
|
+
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' }))); };
|
|
8
12
|
|
|
9
13
|
exports.SortIconDesc = SortIconDesc;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-318f9fb1.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
|
+
|
|
10
|
+
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),
|
|
11
|
+
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' }))); };
|
|
8
12
|
|
|
9
13
|
exports.SortIconUnset = SortIconUnset;
|
|
@@ -11,6 +11,12 @@ var styles = require('./index.module.css');
|
|
|
11
11
|
require('@alfalab/core-components-button/cssm');
|
|
12
12
|
require('./select-field/index.module.css');
|
|
13
13
|
|
|
14
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
19
|
+
|
|
14
20
|
var Pagination = function (_a) {
|
|
15
21
|
var _b = _a.perPage, perPage = _b === void 0 ? 25 : _b, _c = _a.possiblePerPage, possiblePerPage = _c === void 0 ? [25, 50, 100] : _c, _d = _a.onPerPageChange, onPerPageChange = _d === void 0 ? function () { return null; } : _d, pagesCount = _a.pagesCount, _e = _a.onPageChange, onPageChange = _e === void 0 ? function () { return null; } : _e, className = _a.className, dataTestId = _a.dataTestId, restPaginationProps = tslib_es6.__rest(_a, ["perPage", "possiblePerPage", "onPerPageChange", "pagesCount", "onPageChange", "className", "dataTestId"]);
|
|
16
22
|
var wrapperRef = React.useContext(components_tableContext_index.TableContext).wrapperRef;
|
|
@@ -34,9 +40,9 @@ var Pagination = function (_a) {
|
|
|
34
40
|
}
|
|
35
41
|
}, 0);
|
|
36
42
|
}, [onPageChange, wrapperRef]);
|
|
37
|
-
return (
|
|
38
|
-
|
|
39
|
-
pagesCount > 1 && (
|
|
43
|
+
return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId },
|
|
44
|
+
React__default.default.createElement(coreComponentsSelect.Select, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles__default.default.select, optionsListClassName: styles__default.default.menu, optionClassName: styles__default.default.option, Field: components_pagination_selectField_index.CustomSelectField }),
|
|
45
|
+
pagesCount > 1 && (React__default.default.createElement(coreComponentsPagination.Pagination, tslib_es6.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange }, restPaginationProps)))));
|
|
40
46
|
};
|
|
41
47
|
|
|
42
48
|
exports.Pagination = Pagination;
|
|
@@ -6,12 +6,18 @@ var cn = require('classnames');
|
|
|
6
6
|
var coreComponentsButton = require('@alfalab/core-components-button/cssm');
|
|
7
7
|
var styles = require('./index.module.css');
|
|
8
8
|
|
|
9
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
14
|
+
|
|
9
15
|
var CustomSelectField = function (_a) {
|
|
10
16
|
var _b;
|
|
11
17
|
var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
|
|
12
18
|
var ref = innerProps.ref, restInnerProps = tslib_es6.__rest(innerProps, ["ref"]);
|
|
13
|
-
return (
|
|
14
|
-
|
|
19
|
+
return (React__default.default.createElement("div", { ref: ref },
|
|
20
|
+
React__default.default.createElement(coreComponentsButton.Button, tslib_es6.__assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn__default.default(styles__default.default.field, (_b = {}, _b[styles__default.default.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
|
|
15
21
|
};
|
|
16
22
|
|
|
17
23
|
exports.CustomSelectField = CustomSelectField;
|
|
@@ -10,6 +10,12 @@ require('../../utils.js');
|
|
|
10
10
|
require('../thead/Component.js');
|
|
11
11
|
require('../thead/index.module.css');
|
|
12
12
|
|
|
13
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
17
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
18
|
+
|
|
13
19
|
var Table = React.forwardRef(function (_a, ref) {
|
|
14
20
|
var _b;
|
|
15
21
|
var className = _a.className, children = _a.children, _c = _a.compactView, compactView = _c === void 0 ? false : _c, _d = _a.compactHorizontal, compactHorizontal = _d === void 0 ? false : _d, _e = _a.wrapper, wrapper = _e === void 0 ? true : _e, pagination = _a.pagination, dataTestId = _a.dataTestId, _f = _a.stickyHeader, stickyHeader = _f === void 0 ? false : _f, restProps = tslib_es6.__rest(_a, ["className", "children", "compactView", "compactHorizontal", "wrapper", "pagination", "dataTestId", "stickyHeader"]);
|
|
@@ -23,19 +29,19 @@ var Table = React.forwardRef(function (_a, ref) {
|
|
|
23
29
|
}); });
|
|
24
30
|
}, [children]);
|
|
25
31
|
/* eslint-disable react/jsx-no-constructed-context-values */
|
|
26
|
-
return (
|
|
32
|
+
return (React__default.default.createElement(components_tableContext_index.TableContext.Provider, { value: {
|
|
27
33
|
stickyHeader: stickyHeader,
|
|
28
34
|
columnsConfiguration: columnsConfiguration,
|
|
29
35
|
compactView: compactView,
|
|
30
36
|
compactHorizontal: compactHorizontal,
|
|
31
37
|
wrapperRef: wrapperRef,
|
|
32
38
|
} },
|
|
33
|
-
|
|
34
|
-
_b[
|
|
35
|
-
_b[
|
|
36
|
-
_b[
|
|
39
|
+
React__default.default.createElement("div", { ref: wrapperRef, className: cn__default.default(styles__default.default.component, className, (_b = {},
|
|
40
|
+
_b[styles__default.default.wrapper] = wrapper,
|
|
41
|
+
_b[styles__default.default.hasPagination] = !!pagination,
|
|
42
|
+
_b[styles__default.default.stickyHeader] = stickyHeader,
|
|
37
43
|
_b)), "data-test-id": dataTestId },
|
|
38
|
-
|
|
44
|
+
React__default.default.createElement("table", tslib_es6.__assign({ ref: ref, className: styles__default.default.table }, restProps), children),
|
|
39
45
|
pagination)));
|
|
40
46
|
});
|
|
41
47
|
|
|
@@ -7,11 +7,15 @@ require('../../tslib.es6-bbd6cd2a.js');
|
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../thead/index.module.css');
|
|
9
9
|
|
|
10
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
|
+
|
|
10
14
|
function findAllHeadCellsProps(children) {
|
|
11
15
|
var result = [];
|
|
12
|
-
|
|
16
|
+
React__default.default.Children.forEach(children, function (child) {
|
|
13
17
|
if (utils.isChildInstanceOf(child, components_thead_Component.THead)) {
|
|
14
|
-
|
|
18
|
+
React__default.default.Children.forEach(child.props.children, function (headChild) {
|
|
15
19
|
result.push(headChild.props);
|
|
16
20
|
});
|
|
17
21
|
}
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
|
|
5
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
6
|
+
|
|
7
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
8
|
+
|
|
5
9
|
var DEFAULT_TABLE_CONTEXT = {
|
|
6
10
|
columnsConfiguration: [],
|
|
7
11
|
compactView: false,
|
|
@@ -9,7 +13,7 @@ var DEFAULT_TABLE_CONTEXT = {
|
|
|
9
13
|
compactHorizontal: false,
|
|
10
14
|
wrapperRef: { current: null },
|
|
11
15
|
};
|
|
12
|
-
var TableContext =
|
|
16
|
+
var TableContext = React__default.default.createContext(DEFAULT_TABLE_CONTEXT);
|
|
13
17
|
|
|
14
18
|
exports.DEFAULT_TABLE_CONTEXT = DEFAULT_TABLE_CONTEXT;
|
|
15
19
|
exports.TableContext = TableContext;
|
|
@@ -5,9 +5,15 @@ var React = require('react');
|
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var styles = require('./index.module.css');
|
|
7
7
|
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
13
|
+
|
|
8
14
|
var TBody = function (_a) {
|
|
9
15
|
var className = _a.className, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "children", "dataTestId"]);
|
|
10
|
-
return (
|
|
16
|
+
return (React__default.default.createElement("tbody", tslib_es6.__assign({ className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId }, restProps), children));
|
|
11
17
|
};
|
|
12
18
|
|
|
13
19
|
exports.TBody = TBody;
|
|
@@ -6,6 +6,12 @@ var cn = require('classnames');
|
|
|
6
6
|
var components_tableContext_index = require('../table-context/index.js');
|
|
7
7
|
var styles = require('./index.module.css');
|
|
8
8
|
|
|
9
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
14
|
+
|
|
9
15
|
var TCell = function (_a) {
|
|
10
16
|
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"]);
|
|
11
17
|
var _b = React.useContext(components_tableContext_index.TableContext), columnsConfiguration = _b.columnsConfiguration, compactView = _b.compactView, compactHorizontal = _b.compactHorizontal;
|
|
@@ -15,7 +21,7 @@ var TCell = function (_a) {
|
|
|
15
21
|
var hidden = (column === null || column === void 0 ? void 0 : column.hidden) || false;
|
|
16
22
|
if (hidden)
|
|
17
23
|
return null;
|
|
18
|
-
return (
|
|
24
|
+
return (React__default.default.createElement("td", tslib_es6.__assign({ className: cn__default.default(styles__default.default.component, className, compactView && styles__default.default.compact, compactHorizontal && styles__default.default.compactHorizontal), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
|
|
19
25
|
};
|
|
20
26
|
|
|
21
27
|
exports.TCell = TCell;
|
|
@@ -7,6 +7,12 @@ var components_trow_Component = require('../trow/Component.js');
|
|
|
7
7
|
var styles = require('./index.module.css');
|
|
8
8
|
require('../trow/index.module.css');
|
|
9
9
|
|
|
10
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
15
|
+
|
|
10
16
|
var TExpandableRow = function (_a) {
|
|
11
17
|
var _b, _c;
|
|
12
18
|
var className = _a.className, selected = _a.selected, expanded = _a.expanded, _d = _a.defaultExpanded, defaultExpanded = _d === void 0 ? false : _d, _e = _a.onToggle, onToggle = _e === void 0 ? function () { return null; } : _e, _f = _a.renderContent, renderContent = _f === void 0 ? function () { return null; } : _f, restProps = tslib_es6.__rest(_a, ["className", "selected", "expanded", "defaultExpanded", "onToggle", "renderContent"]);
|
|
@@ -19,12 +25,12 @@ var TExpandableRow = function (_a) {
|
|
|
19
25
|
}
|
|
20
26
|
onToggle(isExpanded);
|
|
21
27
|
};
|
|
22
|
-
return (
|
|
23
|
-
|
|
24
|
-
_b[
|
|
25
|
-
_b[
|
|
28
|
+
return (React__default.default.createElement(React__default.default.Fragment, null,
|
|
29
|
+
React__default.default.createElement(components_trow_Component.TRow, tslib_es6.__assign({ className: cn__default.default(styles__default.default.row, className, (_b = {},
|
|
30
|
+
_b[styles__default.default.selected] = selected,
|
|
31
|
+
_b[styles__default.default.expanded] = isExpanded,
|
|
26
32
|
_b)), selected: selected, onClick: handleToggle }, restProps)),
|
|
27
|
-
|
|
33
|
+
React__default.default.createElement("tr", { className: cn__default.default(styles__default.default.expandable, (_c = {}, _c[styles__default.default.expanded] = isExpanded, _c)) }, renderContent(isExpanded))));
|
|
28
34
|
};
|
|
29
35
|
|
|
30
36
|
exports.TExpandableRow = TExpandableRow;
|
|
@@ -5,10 +5,16 @@ var React = require('react');
|
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var styles = require('./index.module.css');
|
|
7
7
|
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
13
|
+
|
|
8
14
|
var THead = function (_a) {
|
|
9
15
|
var className = _a.className, rowClassName = _a.rowClassName, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "rowClassName", "children", "dataTestId"]);
|
|
10
|
-
return (
|
|
11
|
-
|
|
16
|
+
return (React__default.default.createElement("thead", tslib_es6.__assign({ className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId }, restProps),
|
|
17
|
+
React__default.default.createElement("tr", { className: cn__default.default(styles__default.default.row, rowClassName) }, children)));
|
|
12
18
|
};
|
|
13
19
|
|
|
14
20
|
exports.THead = THead;
|
|
@@ -6,14 +6,20 @@ var cn = require('classnames');
|
|
|
6
6
|
var components_tableContext_index = require('../table-context/index.js');
|
|
7
7
|
var styles = require('./index.module.css');
|
|
8
8
|
|
|
9
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
14
|
+
|
|
9
15
|
var THeadCell = function (_a) {
|
|
10
16
|
var _b;
|
|
11
17
|
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"]);
|
|
12
18
|
var _c = React.useContext(components_tableContext_index.TableContext), compactHorizontal = _c.compactHorizontal, stickyHeader = _c.stickyHeader;
|
|
13
19
|
if (hidden)
|
|
14
20
|
return null;
|
|
15
|
-
return (
|
|
16
|
-
_b[
|
|
21
|
+
return (React__default.default.createElement("th", tslib_es6.__assign({ className: cn__default.default(styles__default.default.component, className, compactHorizontal && styles__default.default.compactHorizontal, (_b = {},
|
|
22
|
+
_b[styles__default.default.stickyHeader] = stickyHeader,
|
|
17
23
|
_b)), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
|
|
18
24
|
};
|
|
19
25
|
|
|
@@ -5,14 +5,20 @@ var React = require('react');
|
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var styles = require('./index.module.css');
|
|
7
7
|
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
13
|
+
|
|
8
14
|
var TRow = function (_a) {
|
|
9
15
|
var _b;
|
|
10
16
|
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"]);
|
|
11
|
-
return (
|
|
12
|
-
_b[
|
|
13
|
-
_b[
|
|
14
|
-
_b[
|
|
15
|
-
_b)), "data-test-id": dataTestId }, restProps),
|
|
17
|
+
return (React__default.default.createElement("tr", tslib_es6.__assign({ className: cn__default.default(styles__default.default.component, className, (_b = {},
|
|
18
|
+
_b[styles__default.default.clickable] = typeof restProps.onClick !== 'undefined',
|
|
19
|
+
_b[styles__default.default.selected] = selected,
|
|
20
|
+
_b[styles__default.default.withoutBorder] = withoutBorder,
|
|
21
|
+
_b)), "data-test-id": dataTestId }, restProps), React__default.default.Children.map(children, function (child, index) { return React__default.default.cloneElement(child, { index: index }); })));
|
|
16
22
|
};
|
|
17
23
|
|
|
18
24
|
exports.TRow = TRow;
|
|
@@ -11,6 +11,12 @@ var styles = require('./index.module.css');
|
|
|
11
11
|
require('../table-context/index.js');
|
|
12
12
|
require('../thead-cell/index.module.css');
|
|
13
13
|
|
|
14
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
19
|
+
|
|
14
20
|
var TSortableHeadCell = function (_a) {
|
|
15
21
|
var _b, _c;
|
|
16
22
|
var children = _a.children, className = _a.className, defaultIsSortedDesc = _a.defaultIsSortedDesc, isSortedDesc = _a.isSortedDesc, textAlign = _a.textAlign, onSort = _a.onSort, restProps = tslib_es6.__rest(_a, ["children", "className", "defaultIsSortedDesc", "isSortedDesc", "textAlign", "onSort"]);
|
|
@@ -22,11 +28,11 @@ var TSortableHeadCell = function (_a) {
|
|
|
22
28
|
return value ? components_tsortableHeadCell_sortIconDesc.SortIconDesc : components_tsortableHeadCell_sortIconAsc.SortIconAsc;
|
|
23
29
|
return components_tsortableHeadCell_sortIconUnset.SortIconUnset;
|
|
24
30
|
}, [defaultIsSortedDesc, isSortedDesc]);
|
|
25
|
-
return (
|
|
26
|
-
|
|
31
|
+
return (React__default.default.createElement(components_theadCell_Component.THeadCell, tslib_es6.__assign({ className: cn__default.default(className, styles__default.default.component) }, restProps),
|
|
32
|
+
React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, (_b = {}, _b[styles__default.default.reverse] = textAlign === 'right', _b)) },
|
|
27
33
|
children,
|
|
28
|
-
|
|
29
|
-
_c[
|
|
34
|
+
React__default.default.createElement(SortIcon, { onClick: onSort, className: cn__default.default(styles__default.default.icon, (_c = {},
|
|
35
|
+
_c[styles__default.default.sorted] = isSortedDesc !== undefined,
|
|
30
36
|
_c)) }))));
|
|
31
37
|
};
|
|
32
38
|
|
|
@@ -3,7 +3,11 @@
|
|
|
3
3
|
var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
|
+
|
|
10
|
+
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),
|
|
11
|
+
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' }))); };
|
|
8
12
|
|
|
9
13
|
exports.SortIconAsc = SortIconAsc;
|