@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,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-04e02981.js');
|
|
3
|
+
var components_texpandableRow_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-73285132.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('../trow/Component.js');
|
|
9
|
-
var components_texpandableRow_Component = require('./Component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -1,23 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-04e02981.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_12gyc","row":"table__row_12gyc"};
|
|
7
|
+
var styles = {"component":"table__component_6t5yu","row":"table__row_6t5yu"};
|
|
15
8
|
require('./index.css')
|
|
16
9
|
|
|
17
10
|
var THead = function (_a) {
|
|
18
11
|
var className = _a.className, rowClassName = _a.rowClassName, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "rowClassName", "children", "dataTestId"]);
|
|
19
|
-
return (
|
|
20
|
-
|
|
12
|
+
return (React.createElement("thead", tslib_es6.__assign({ className: cn(styles.component, className), "data-test-id": dataTestId }, restProps),
|
|
13
|
+
React.createElement("tr", { className: cn(styles.row, rowClassName) }, children)));
|
|
21
14
|
};
|
|
22
15
|
|
|
23
16
|
exports.THead = THead;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: wsrqa */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-graphic-quaternary: #dbdee1;
|
|
4
4
|
}
|
|
@@ -13,12 +13,12 @@
|
|
|
13
13
|
:root {
|
|
14
14
|
--gap-xs: 8px;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
.table__component_6t5yu {
|
|
17
17
|
position: relative;
|
|
18
18
|
width: 100%;
|
|
19
19
|
box-sizing: border-box
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
.table__component_6t5yu th:not(:last-child):not(:empty):after {
|
|
22
22
|
transition: opacity 0.2s;
|
|
23
23
|
position: absolute;
|
|
24
24
|
content: '';
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
bottom: var(--gap-xs);
|
|
31
31
|
background-color: var(--color-light-graphic-quaternary);
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
.table__component_6t5yu th:after {
|
|
34
34
|
opacity: 0;
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
.table__component_6t5yu:hover th:after {
|
|
37
37
|
opacity: 1;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.table__row_6t5yu {
|
|
40
40
|
height: 72px;
|
|
41
41
|
}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-04e02981.js');
|
|
3
|
+
var components_thead_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-73285132.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
|
-
var components_thead_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-04e02981.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_194au","sortable":"table__sortable_194au","sorted":"table__sorted_194au","stickyHeader":"table__stickyHeader_194au","compactHorizontal":"table__compactHorizontal_194au"};
|
|
8
|
+
var styles = {"component":"table__component_1hrvb","sortable":"table__sortable_1hrvb","sorted":"table__sorted_1hrvb","stickyHeader":"table__stickyHeader_1hrvb","compactHorizontal":"table__compactHorizontal_1hrvb"};
|
|
16
9
|
require('./index.css')
|
|
17
10
|
|
|
18
11
|
var THeadCell = function (_a) {
|
|
@@ -21,7 +14,7 @@ var THeadCell = function (_a) {
|
|
|
21
14
|
var _c = React.useContext(components_tableContext_index.TableContext), compactHorizontal = _c.compactHorizontal, stickyHeader = _c.stickyHeader;
|
|
22
15
|
if (hidden)
|
|
23
16
|
return null;
|
|
24
|
-
return (
|
|
17
|
+
return (React.createElement("th", tslib_es6.__assign({ className: cn(styles.component, className, compactHorizontal && styles.compactHorizontal, (_b = {},
|
|
25
18
|
_b[styles.stickyHeader] = stickyHeader,
|
|
26
19
|
_b)), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
|
|
27
20
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: r4ivk */
|
|
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_1hrvb {
|
|
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_1hrvb:first-child {
|
|
39
39
|
padding-left: var(--gap-m);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.table__component_1hrvb:last-child {
|
|
42
42
|
padding-right: var(--gap-m);
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.table__sortable_1hrvb {
|
|
45
45
|
cursor: pointer;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.table__sorted_1hrvb {
|
|
48
48
|
color: var(--color-light-text-primary);
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
.table__stickyHeader_1hrvb {
|
|
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_1hrvb {
|
|
58
58
|
padding-left: 6px;
|
|
59
59
|
padding-right: 6px;
|
|
60
60
|
}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-04e02981.js');
|
|
3
|
+
var components_theadCell_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_theadCell_Component = require('./Component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
|
@@ -1,27 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-04e02981.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_1634z","withoutBorder":"table__withoutBorder_1634z","clickable":"table__clickable_1634z","selected":"table__selected_1634z"};
|
|
7
|
+
var styles = {"component":"table__component_10faw","withoutBorder":"table__withoutBorder_10faw","clickable":"table__clickable_10faw","selected":"table__selected_10faw"};
|
|
15
8
|
require('./index.css')
|
|
16
9
|
|
|
17
10
|
var TRow = function (_a) {
|
|
18
11
|
var _b;
|
|
19
12
|
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"]);
|
|
20
|
-
return (
|
|
13
|
+
return (React.createElement("tr", tslib_es6.__assign({ className: cn(styles.component, className, (_b = {},
|
|
21
14
|
_b[styles.clickable] = typeof restProps.onClick !== 'undefined',
|
|
22
15
|
_b[styles.selected] = selected,
|
|
23
16
|
_b[styles.withoutBorder] = withoutBorder,
|
|
24
|
-
_b)), "data-test-id": dataTestId }, restProps),
|
|
17
|
+
_b)), "data-test-id": dataTestId }, restProps), React.Children.map(children, function (child, index) { return React.cloneElement(child, { index: index }); })));
|
|
25
18
|
};
|
|
26
19
|
|
|
27
20
|
exports.TRow = TRow;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1nbx5 */
|
|
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_10faw {
|
|
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_10faw:first-child td {
|
|
25
25
|
border-top: 0;
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.table__withoutBorder_10faw td {
|
|
28
28
|
border: none;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.table__clickable_10faw {
|
|
31
31
|
cursor: pointer
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
.table__clickable_10faw:hover {
|
|
34
34
|
background-color: var(--color-light-bg-secondary);
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
.table__selected_10faw {
|
|
37
37
|
background-color: #f2f8ff /* нет цвета в палитре */
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.table__selected_10faw:hover {
|
|
40
40
|
background-color: var(--color-static-graphic-solitude);
|
|
41
41
|
}
|
package/components/trow/index.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-04e02981.js');
|
|
3
|
+
var components_trow_Component = require('./Component.js');
|
|
4
|
+
require('../../tslib.es6-73285132.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
|
-
var components_trow_Component = require('./Component.js');
|
|
9
7
|
|
|
10
8
|
|
|
11
9
|
|
|
@@ -1,22 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-04e02981.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
|
-
require('../table-context/index.js');
|
|
9
6
|
var components_theadCell_Component = require('../thead-cell/Component.js');
|
|
10
7
|
var components_tsortableHeadCell_sortIconAsc = require('./sort-icon-asc.js');
|
|
11
8
|
var components_tsortableHeadCell_sortIconDesc = require('./sort-icon-desc.js');
|
|
12
9
|
var components_tsortableHeadCell_sortIconUnset = require('./sort-icon-unset.js');
|
|
10
|
+
require('../table-context/index.js');
|
|
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_t5qms","content":"table__content_t5qms","icon":"table__icon_t5qms","reverse":"table__reverse_t5qms","sorted":"table__sorted_t5qms"};
|
|
12
|
+
var styles = {"component":"table__component_18935","content":"table__content_18935","icon":"table__icon_18935","reverse":"table__reverse_18935","sorted":"table__sorted_18935"};
|
|
20
13
|
require('./index.css')
|
|
21
14
|
|
|
22
15
|
var TSortableHeadCell = function (_a) {
|
|
@@ -30,10 +23,10 @@ var TSortableHeadCell = function (_a) {
|
|
|
30
23
|
return value ? components_tsortableHeadCell_sortIconDesc.SortIconDesc : components_tsortableHeadCell_sortIconAsc.SortIconAsc;
|
|
31
24
|
return components_tsortableHeadCell_sortIconUnset.SortIconUnset;
|
|
32
25
|
}, [defaultIsSortedDesc, isSortedDesc]);
|
|
33
|
-
return (
|
|
34
|
-
|
|
26
|
+
return (React.createElement(components_theadCell_Component.THeadCell, tslib_es6.__assign({ className: cn(className, styles.component) }, restProps),
|
|
27
|
+
React.createElement("div", { className: cn(styles.content, (_b = {}, _b[styles.reverse] = textAlign === 'right', _b)) },
|
|
35
28
|
children,
|
|
36
|
-
|
|
29
|
+
React.createElement(SortIcon, { onClick: onSort, className: cn(styles.icon, (_c = {},
|
|
37
30
|
_c[styles.sorted] = isSortedDesc !== undefined,
|
|
38
31
|
_c)) }))));
|
|
39
32
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: rxqky */
|
|
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_18935 {
|
|
19
19
|
position: relative;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
.table__content_18935 {
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: flex-start;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
.table__icon_18935 {
|
|
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_18935:hover {
|
|
39
39
|
color: var(--color-light-graphic-primary);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.table__reverse_18935 {
|
|
42
42
|
flex-direction: row-reverse
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.table__reverse_18935 .table__icon_18935 {
|
|
45
45
|
margin-left: 0;
|
|
46
46
|
margin-right: var(--gap-xs);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.table__sorted_18935 {
|
|
49
49
|
color: var(--color-light-graphic-link)
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.table__sorted_18935:hover {
|
|
52
52
|
color: var(--color-light-graphic-link);
|
|
53
53
|
}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../../tslib.es6-04e02981.js');
|
|
3
|
+
var components_tsortableHeadCell_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('../thead-cell/Component.js');
|
|
8
|
+
require('../table-context/index.js');
|
|
10
9
|
require('./sort-icon-asc.js');
|
|
11
10
|
require('./sort-icon-desc.js');
|
|
12
11
|
require('./sort-icon-unset.js');
|
|
13
|
-
var components_tsortableHeadCell_Component = require('./Component.js');
|
|
14
12
|
|
|
15
13
|
|
|
16
14
|
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-04e02981.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.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-04e02981.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.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-04e02981.js');
|
|
3
|
+
var tslib_es6 = require('../../tslib.es6-73285132.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;
|
package/cssm/component.js
CHANGED
|
@@ -1,39 +1,37 @@
|
|
|
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-bbd6cd2a.js');
|
|
6
13
|
require('react');
|
|
7
14
|
require('classnames');
|
|
8
15
|
require('./components/table-context/index.js');
|
|
9
|
-
require('./utils.js');
|
|
10
|
-
require('./components/thead/index.module.css');
|
|
11
|
-
var components_thead_Component = require('./components/thead/Component.js');
|
|
12
16
|
require('./components/table/utils.js');
|
|
17
|
+
require('./utils.js');
|
|
13
18
|
require('./components/table/index.module.css');
|
|
14
|
-
var components_table_Component = require('./components/table/Component.js');
|
|
15
19
|
require('@alfalab/core-components-pagination/cssm');
|
|
16
20
|
require('@alfalab/core-components-select/cssm');
|
|
21
|
+
require('./components/pagination/select-field/index.js');
|
|
17
22
|
require('@alfalab/core-components-button/cssm');
|
|
18
23
|
require('./components/pagination/select-field/index.module.css');
|
|
19
|
-
require('./components/pagination/select-field/index.js');
|
|
20
24
|
require('./components/pagination/index.module.css');
|
|
21
|
-
|
|
25
|
+
require('./components/thead/index.module.css');
|
|
22
26
|
require('./components/thead-cell/index.module.css');
|
|
23
|
-
var components_theadCell_Component = require('./components/thead-cell/Component.js');
|
|
24
27
|
require('./components/tsortable-head-cell/sort-icon-asc.js');
|
|
25
28
|
require('./components/tsortable-head-cell/sort-icon-desc.js');
|
|
26
29
|
require('./components/tsortable-head-cell/sort-icon-unset.js');
|
|
27
30
|
require('./components/tsortable-head-cell/index.module.css');
|
|
28
|
-
var components_tsortableHeadCell_Component = require('./components/tsortable-head-cell/Component.js');
|
|
29
31
|
require('./components/tbody/index.module.css');
|
|
30
|
-
var components_tbody_Component = require('./components/tbody/Component.js');
|
|
31
32
|
require('./components/tcell/index.module.css');
|
|
32
|
-
var components_tcell_Component = require('./components/tcell/Component.js');
|
|
33
33
|
require('./components/trow/index.module.css');
|
|
34
|
-
var components_trow_Component = require('./components/trow/Component.js');
|
|
35
34
|
require('./components/texpandable-row/index.module.css');
|
|
36
|
-
var components_texpandableRow_Component = require('./components/texpandable-row/Component.js');
|
|
37
35
|
|
|
38
36
|
var Table = Object.assign(components_table_Component.Table, {
|
|
39
37
|
TBody: components_tbody_Component.TBody,
|
package/cssm/components/index.js
CHANGED
|
@@ -1,45 +1,43 @@
|
|
|
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-bbd6cd2a.js');
|
|
6
13
|
require('react');
|
|
7
14
|
require('classnames');
|
|
8
15
|
require('./table-context/index.js');
|
|
16
|
+
require('./table/utils.js');
|
|
9
17
|
require('../utils.js');
|
|
10
18
|
require('./thead/index.module.css');
|
|
11
|
-
var components_thead_Component = require('./thead/Component.js');
|
|
12
|
-
require('./table/utils.js');
|
|
13
19
|
require('./table/index.module.css');
|
|
14
|
-
var components_table_Component = require('./table/Component.js');
|
|
15
20
|
require('@alfalab/core-components-pagination/cssm');
|
|
16
21
|
require('@alfalab/core-components-select/cssm');
|
|
22
|
+
require('./pagination/select-field/index.js');
|
|
17
23
|
require('@alfalab/core-components-button/cssm');
|
|
18
24
|
require('./pagination/select-field/index.module.css');
|
|
19
|
-
require('./pagination/select-field/index.js');
|
|
20
25
|
require('./pagination/index.module.css');
|
|
21
|
-
var components_pagination_Component = require('./pagination/Component.js');
|
|
22
26
|
require('./thead-cell/index.module.css');
|
|
23
|
-
var components_theadCell_Component = require('./thead-cell/Component.js');
|
|
24
27
|
require('./tsortable-head-cell/sort-icon-asc.js');
|
|
25
28
|
require('./tsortable-head-cell/sort-icon-desc.js');
|
|
26
29
|
require('./tsortable-head-cell/sort-icon-unset.js');
|
|
27
30
|
require('./tsortable-head-cell/index.module.css');
|
|
28
|
-
var components_tsortableHeadCell_Component = require('./tsortable-head-cell/Component.js');
|
|
29
31
|
require('./tbody/index.module.css');
|
|
30
|
-
var components_tbody_Component = require('./tbody/Component.js');
|
|
31
32
|
require('./tcell/index.module.css');
|
|
32
|
-
var components_tcell_Component = require('./tcell/Component.js');
|
|
33
33
|
require('./trow/index.module.css');
|
|
34
|
-
var components_trow_Component = require('./trow/Component.js');
|
|
35
34
|
require('./texpandable-row/index.module.css');
|
|
36
|
-
var components_texpandableRow_Component = require('./texpandable-row/Component.js');
|
|
37
35
|
|
|
38
36
|
|
|
39
37
|
|
|
40
|
-
exports.THead = components_thead_Component.THead;
|
|
41
38
|
exports.Table = components_table_Component.Table;
|
|
42
39
|
exports.Pagination = components_pagination_Component.Pagination;
|
|
40
|
+
exports.THead = components_thead_Component.THead;
|
|
43
41
|
exports.THeadCell = components_theadCell_Component.THeadCell;
|
|
44
42
|
exports.TSortableHeadCell = components_tsortableHeadCell_Component.TSortableHeadCell;
|
|
45
43
|
exports.TBody = components_tbody_Component.TBody;
|
|
@@ -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
|
-
var components_tableContext_index = require('../table-context/index.js');
|
|
9
6
|
var coreComponentsPagination = require('@alfalab/core-components-pagination/cssm');
|
|
10
7
|
var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
|
|
11
|
-
require('
|
|
12
|
-
require('./select-field/index.module.css');
|
|
8
|
+
var components_tableContext_index = require('../table-context/index.js');
|
|
13
9
|
var components_pagination_selectField_index = require('./select-field/index.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('@alfalab/core-components-button/cssm');
|
|
12
|
+
require('./select-field/index.module.css');
|
|
21
13
|
|
|
22
14
|
var Pagination = function (_a) {
|
|
23
15
|
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"]);
|
|
@@ -27,7 +19,7 @@ var Pagination = function (_a) {
|
|
|
27
19
|
.sort(function (a, b) { return a - b; })
|
|
28
20
|
.map(function (value) { return ({
|
|
29
21
|
key: value.toString(),
|
|
30
|
-
content: "\u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u043F\u043E "
|
|
22
|
+
content: "\u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u043F\u043E ".concat(value),
|
|
31
23
|
}); });
|
|
32
24
|
}, [perPage, possiblePerPage]);
|
|
33
25
|
var handlePerPageChange = React.useCallback(function (_a) {
|
|
@@ -42,9 +34,9 @@ var Pagination = function (_a) {
|
|
|
42
34
|
}
|
|
43
35
|
}, 0);
|
|
44
36
|
}, [onPageChange, wrapperRef]);
|
|
45
|
-
return (
|
|
46
|
-
|
|
47
|
-
pagesCount > 1 && (
|
|
37
|
+
return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
|
|
38
|
+
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 }),
|
|
39
|
+
pagesCount > 1 && (React.createElement(coreComponentsPagination.Pagination, tslib_es6.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange }, restPaginationProps)))));
|
|
48
40
|
};
|
|
49
41
|
|
|
50
42
|
exports.Pagination = Pagination;
|