@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.
Files changed (142) hide show
  1. package/component.js +12 -14
  2. package/components/index.js +13 -15
  3. package/components/pagination/Component.js +8 -15
  4. package/components/pagination/index.css +8 -8
  5. package/components/pagination/index.js +4 -6
  6. package/components/pagination/select-field/index.css +4 -4
  7. package/components/pagination/select-field/index.js +4 -11
  8. package/components/table/Component.js +6 -13
  9. package/components/table/index.css +7 -7
  10. package/components/table/index.js +3 -5
  11. package/components/table/utils.js +4 -10
  12. package/components/table-context/index.js +1 -7
  13. package/components/tbody/Component.js +3 -10
  14. package/components/tbody/index.css +2 -2
  15. package/components/tbody/index.js +2 -4
  16. package/components/tcell/Component.js +3 -10
  17. package/components/tcell/index.css +6 -6
  18. package/components/tcell/index.js +2 -4
  19. package/components/texpandable-row/Component.js +5 -12
  20. package/components/texpandable-row/index.css +5 -5
  21. package/components/texpandable-row/index.js +2 -4
  22. package/components/thead/Component.js +4 -11
  23. package/components/thead/index.css +6 -6
  24. package/components/thead/index.js +2 -4
  25. package/components/thead-cell/Component.js +3 -10
  26. package/components/thead-cell/index.css +8 -8
  27. package/components/thead-cell/index.js +2 -4
  28. package/components/trow/Component.js +4 -11
  29. package/components/trow/index.css +8 -8
  30. package/components/trow/index.js +2 -4
  31. package/components/tsortable-head-cell/Component.js +6 -13
  32. package/components/tsortable-head-cell/index.css +9 -9
  33. package/components/tsortable-head-cell/index.js +3 -5
  34. package/components/tsortable-head-cell/sort-icon-asc.js +3 -9
  35. package/components/tsortable-head-cell/sort-icon-desc.js +3 -9
  36. package/components/tsortable-head-cell/sort-icon-unset.js +3 -9
  37. package/cssm/component.js +13 -15
  38. package/cssm/components/index.js +13 -15
  39. package/cssm/components/pagination/Component.js +8 -16
  40. package/cssm/components/pagination/index.js +4 -6
  41. package/cssm/components/pagination/select-field/index.js +3 -11
  42. package/cssm/components/table/Component.js +10 -18
  43. package/cssm/components/table/index.js +4 -6
  44. package/cssm/components/table/utils.js +5 -11
  45. package/cssm/components/table-context/index.js +1 -7
  46. package/cssm/components/tbody/Component.js +2 -10
  47. package/cssm/components/tbody/index.js +2 -4
  48. package/cssm/components/tcell/Component.js +2 -10
  49. package/cssm/components/tcell/index.js +2 -4
  50. package/cssm/components/texpandable-row/Component.js +7 -15
  51. package/cssm/components/texpandable-row/index.js +3 -5
  52. package/cssm/components/thead/Component.js +3 -11
  53. package/cssm/components/thead/index.js +2 -4
  54. package/cssm/components/thead-cell/Component.js +3 -11
  55. package/cssm/components/thead-cell/index.js +2 -4
  56. package/cssm/components/trow/Component.js +6 -14
  57. package/cssm/components/trow/index.js +2 -4
  58. package/cssm/components/tsortable-head-cell/Component.js +7 -15
  59. package/cssm/components/tsortable-head-cell/index.js +3 -5
  60. package/cssm/components/tsortable-head-cell/sort-icon-asc.js +3 -9
  61. package/cssm/components/tsortable-head-cell/sort-icon-desc.js +3 -9
  62. package/cssm/components/tsortable-head-cell/sort-icon-unset.js +3 -9
  63. package/cssm/index.js +13 -15
  64. package/cssm/{tslib.es6-9682e485.d.ts → tslib.es6-bbd6cd2a.d.ts} +0 -0
  65. package/cssm/{tslib.es6-9682e485.js → tslib.es6-bbd6cd2a.js} +0 -0
  66. package/cssm/utils.js +1 -7
  67. package/esm/component.js +12 -12
  68. package/esm/components/index.js +12 -12
  69. package/esm/components/pagination/Component.js +5 -5
  70. package/esm/components/pagination/index.css +8 -8
  71. package/esm/components/pagination/index.js +4 -4
  72. package/esm/components/pagination/select-field/index.css +4 -4
  73. package/esm/components/pagination/select-field/index.js +2 -2
  74. package/esm/components/table/Component.js +3 -3
  75. package/esm/components/table/index.css +7 -7
  76. package/esm/components/table/index.js +3 -3
  77. package/esm/components/table/utils.js +2 -2
  78. package/esm/components/tbody/Component.js +2 -2
  79. package/esm/components/tbody/index.css +2 -2
  80. package/esm/components/tbody/index.js +2 -2
  81. package/esm/components/tcell/Component.js +2 -2
  82. package/esm/components/tcell/index.css +6 -6
  83. package/esm/components/tcell/index.js +2 -2
  84. package/esm/components/texpandable-row/Component.js +2 -2
  85. package/esm/components/texpandable-row/index.css +5 -5
  86. package/esm/components/texpandable-row/index.js +2 -2
  87. package/esm/components/thead/Component.js +2 -2
  88. package/esm/components/thead/index.css +6 -6
  89. package/esm/components/thead/index.js +2 -2
  90. package/esm/components/thead-cell/Component.js +2 -2
  91. package/esm/components/thead-cell/index.css +8 -8
  92. package/esm/components/thead-cell/index.js +2 -2
  93. package/esm/components/trow/Component.js +2 -2
  94. package/esm/components/trow/index.css +8 -8
  95. package/esm/components/trow/index.js +2 -2
  96. package/esm/components/tsortable-head-cell/Component.js +3 -3
  97. package/esm/components/tsortable-head-cell/index.css +9 -9
  98. package/esm/components/tsortable-head-cell/index.js +3 -3
  99. package/esm/components/tsortable-head-cell/sort-icon-asc.js +1 -1
  100. package/esm/components/tsortable-head-cell/sort-icon-desc.js +1 -1
  101. package/esm/components/tsortable-head-cell/sort-icon-unset.js +1 -1
  102. package/esm/index.js +7 -7
  103. package/esm/{tslib.es6-eb63d7de.d.ts → tslib.es6-c7b61e8d.d.ts} +0 -0
  104. package/esm/{tslib.es6-eb63d7de.js → tslib.es6-c7b61e8d.js} +0 -0
  105. package/index.js +7 -9
  106. package/modern/component.js +11 -11
  107. package/modern/components/index.js +11 -11
  108. package/modern/components/pagination/Component.js +3 -3
  109. package/modern/components/pagination/index.css +8 -8
  110. package/modern/components/pagination/index.js +3 -3
  111. package/modern/components/pagination/select-field/index.css +4 -4
  112. package/modern/components/pagination/select-field/index.js +1 -1
  113. package/modern/components/table/Component.js +2 -2
  114. package/modern/components/table/index.css +7 -7
  115. package/modern/components/table/index.js +2 -2
  116. package/modern/components/table/utils.js +1 -1
  117. package/modern/components/tbody/Component.js +1 -1
  118. package/modern/components/tbody/index.css +2 -2
  119. package/modern/components/tbody/index.js +1 -1
  120. package/modern/components/tcell/Component.js +1 -1
  121. package/modern/components/tcell/index.css +6 -6
  122. package/modern/components/tcell/index.js +1 -1
  123. package/modern/components/texpandable-row/Component.js +1 -1
  124. package/modern/components/texpandable-row/index.css +5 -5
  125. package/modern/components/texpandable-row/index.js +1 -1
  126. package/modern/components/thead/Component.js +1 -1
  127. package/modern/components/thead/index.css +6 -6
  128. package/modern/components/thead/index.js +1 -1
  129. package/modern/components/thead-cell/Component.js +1 -1
  130. package/modern/components/thead-cell/index.css +8 -8
  131. package/modern/components/thead-cell/index.js +1 -1
  132. package/modern/components/trow/Component.js +1 -1
  133. package/modern/components/trow/index.css +8 -8
  134. package/modern/components/trow/index.js +1 -1
  135. package/modern/components/tsortable-head-cell/Component.js +2 -2
  136. package/modern/components/tsortable-head-cell/index.css +9 -9
  137. package/modern/components/tsortable-head-cell/index.js +2 -2
  138. package/modern/index.js +6 -6
  139. package/package.json +2 -2
  140. package/{tslib.es6-04e02981.d.ts → tslib.es6-73285132.d.ts} +0 -0
  141. package/{tslib.es6-04e02981.js → tslib.es6-73285132.js} +0 -0
  142. package/utils.js +1 -7
@@ -1,8 +1,8 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-eb63d7de.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-c7b61e8d.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
 
5
- var styles = {"component":"table__component_1634z","withoutBorder":"table__withoutBorder_1634z","clickable":"table__clickable_1634z","selected":"table__selected_1634z"};
5
+ var styles = {"component":"table__component_10faw","withoutBorder":"table__withoutBorder_10faw","clickable":"table__clickable_10faw","selected":"table__selected_10faw"};
6
6
  require('./index.css')
7
7
 
8
8
  var TRow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1gaa0 */
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
- .table__component_1634z {
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
- .table__component_1634z:first-child td {
24
+ .table__component_10faw:first-child td {
25
25
  border-top: 0;
26
26
  }
27
- .table__withoutBorder_1634z td {
27
+ .table__withoutBorder_10faw td {
28
28
  border: none;
29
29
  }
30
- .table__clickable_1634z {
30
+ .table__clickable_10faw {
31
31
  cursor: pointer
32
32
  }
33
- .table__clickable_1634z:hover {
33
+ .table__clickable_10faw:hover {
34
34
  background-color: var(--color-light-bg-secondary);
35
35
  }
36
- .table__selected_1634z {
36
+ .table__selected_10faw {
37
37
  background-color: #f2f8ff /* нет цвета в палитре */
38
38
  }
39
- .table__selected_1634z:hover {
39
+ .table__selected_10faw:hover {
40
40
  background-color: var(--color-static-graphic-solitude);
41
41
  }
@@ -1,4 +1,4 @@
1
- import '../../tslib.es6-eb63d7de.js';
1
+ export { TRow } from './Component.js';
2
+ import '../../tslib.es6-c7b61e8d.js';
2
3
  import 'react';
3
4
  import 'classnames';
4
- export { TRow } from './Component.js';
@@ -1,13 +1,13 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-eb63d7de.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-c7b61e8d.js';
2
2
  import React, { useMemo } from 'react';
3
3
  import cn from 'classnames';
4
- import '../table-context/index.js';
5
4
  import { THeadCell } from '../thead-cell/Component.js';
6
5
  import { SortIconAsc } from './sort-icon-asc.js';
7
6
  import { SortIconDesc } from './sort-icon-desc.js';
8
7
  import { SortIconUnset } from './sort-icon-unset.js';
8
+ import '../table-context/index.js';
9
9
 
10
- var styles = {"component":"table__component_t5qms","content":"table__content_t5qms","icon":"table__icon_t5qms","reverse":"table__reverse_t5qms","sorted":"table__sorted_t5qms"};
10
+ var styles = {"component":"table__component_18935","content":"table__content_18935","icon":"table__icon_18935","reverse":"table__reverse_18935","sorted":"table__sorted_18935"};
11
11
  require('./index.css')
12
12
 
13
13
  var TSortableHeadCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1l3mg */
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
- .table__component_t5qms {
18
+ .table__component_18935 {
19
19
  position: relative;
20
20
  }
21
- .table__content_t5qms {
21
+ .table__content_18935 {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
24
  }
25
- .table__icon_t5qms {
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
- .table__icon_t5qms:hover {
38
+ .table__icon_18935:hover {
39
39
  color: var(--color-light-graphic-primary);
40
40
  }
41
- .table__reverse_t5qms {
41
+ .table__reverse_18935 {
42
42
  flex-direction: row-reverse
43
43
  }
44
- .table__reverse_t5qms .table__icon_t5qms {
44
+ .table__reverse_18935 .table__icon_18935 {
45
45
  margin-left: 0;
46
46
  margin-right: var(--gap-xs);
47
47
  }
48
- .table__sorted_t5qms {
48
+ .table__sorted_18935 {
49
49
  color: var(--color-light-graphic-link)
50
50
  }
51
- .table__sorted_t5qms:hover {
51
+ .table__sorted_18935:hover {
52
52
  color: var(--color-light-graphic-link);
53
53
  }
@@ -1,9 +1,9 @@
1
- import '../../tslib.es6-eb63d7de.js';
1
+ export { TSortableHeadCell } from './Component.js';
2
+ import '../../tslib.es6-c7b61e8d.js';
2
3
  import 'react';
3
4
  import 'classnames';
4
- import '../table-context/index.js';
5
5
  import '../thead-cell/Component.js';
6
+ import '../table-context/index.js';
6
7
  import './sort-icon-asc.js';
7
8
  import './sort-icon-desc.js';
8
9
  import './sort-icon-unset.js';
9
- export { TSortableHeadCell } from './Component.js';
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../../tslib.es6-eb63d7de.js';
1
+ import { a as __assign } from '../../tslib.es6-c7b61e8d.js';
2
2
  import React from 'react';
3
3
 
4
4
  var SortIconAsc = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../../tslib.es6-eb63d7de.js';
1
+ import { a as __assign } from '../../tslib.es6-c7b61e8d.js';
2
2
  import React from 'react';
3
3
 
4
4
  var SortIconDesc = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../../tslib.es6-eb63d7de.js';
1
+ import { a as __assign } from '../../tslib.es6-c7b61e8d.js';
2
2
  import React from 'react';
3
3
 
4
4
  var SortIconUnset = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
package/esm/index.js CHANGED
@@ -1,23 +1,23 @@
1
- import './tslib.es6-eb63d7de.js';
1
+ export { Table } from './component.js';
2
+ import './components/table/Component.js';
3
+ import './tslib.es6-c7b61e8d.js';
2
4
  import 'react';
3
5
  import 'classnames';
4
6
  import './components/table-context/index.js';
7
+ import './components/table/utils.js';
5
8
  import './utils.js';
6
9
  import './components/thead/Component.js';
7
- import './components/table/utils.js';
8
- import './components/table/Component.js';
10
+ import './components/pagination/Component.js';
9
11
  import '@alfalab/core-components-pagination/esm';
10
12
  import '@alfalab/core-components-select/esm';
11
- import '@alfalab/core-components-button/esm';
12
13
  import './components/pagination/select-field/index.js';
13
- import './components/pagination/Component.js';
14
+ import '@alfalab/core-components-button/esm';
14
15
  import './components/thead-cell/Component.js';
16
+ import './components/tsortable-head-cell/Component.js';
15
17
  import './components/tsortable-head-cell/sort-icon-asc.js';
16
18
  import './components/tsortable-head-cell/sort-icon-desc.js';
17
19
  import './components/tsortable-head-cell/sort-icon-unset.js';
18
- import './components/tsortable-head-cell/Component.js';
19
20
  import './components/tbody/Component.js';
20
21
  import './components/tcell/Component.js';
21
22
  import './components/trow/Component.js';
22
23
  import './components/texpandable-row/Component.js';
23
- export { Table } from './component.js';
package/index.js CHANGED
@@ -1,30 +1,28 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./tslib.es6-04e02981.js');
3
+ var component = require('./component.js');
4
+ require('./components/table/Component.js');
5
+ require('./tslib.es6-73285132.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('./components/table-context/index.js');
9
+ require('./components/table/utils.js');
9
10
  require('./utils.js');
10
11
  require('./components/thead/Component.js');
11
- require('./components/table/utils.js');
12
- require('./components/table/Component.js');
12
+ require('./components/pagination/Component.js');
13
13
  require('@alfalab/core-components-pagination');
14
14
  require('@alfalab/core-components-select');
15
- require('@alfalab/core-components-button');
16
15
  require('./components/pagination/select-field/index.js');
17
- require('./components/pagination/Component.js');
16
+ require('@alfalab/core-components-button');
18
17
  require('./components/thead-cell/Component.js');
18
+ require('./components/tsortable-head-cell/Component.js');
19
19
  require('./components/tsortable-head-cell/sort-icon-asc.js');
20
20
  require('./components/tsortable-head-cell/sort-icon-desc.js');
21
21
  require('./components/tsortable-head-cell/sort-icon-unset.js');
22
- require('./components/tsortable-head-cell/Component.js');
23
22
  require('./components/tbody/Component.js');
24
23
  require('./components/tcell/Component.js');
25
24
  require('./components/trow/Component.js');
26
25
  require('./components/texpandable-row/Component.js');
27
- var component = require('./component.js');
28
26
 
29
27
 
30
28
 
@@ -1,24 +1,24 @@
1
+ import { Table as Table$1 } from './components/table/Component.js';
2
+ import { Pagination } from './components/pagination/Component.js';
3
+ import { THead } from './components/thead/Component.js';
4
+ import { THeadCell } from './components/thead-cell/Component.js';
5
+ import { TSortableHeadCell } from './components/tsortable-head-cell/Component.js';
6
+ import { TBody } from './components/tbody/Component.js';
7
+ import { TCell } from './components/tcell/Component.js';
8
+ import { TRow } from './components/trow/Component.js';
9
+ import { TExpandableRow } from './components/texpandable-row/Component.js';
1
10
  import 'react';
2
11
  import 'classnames';
3
12
  import './components/table-context/index.js';
4
- import './utils.js';
5
- import { THead } from './components/thead/Component.js';
6
13
  import './components/table/utils.js';
7
- import { Table as Table$1 } from './components/table/Component.js';
14
+ import './utils.js';
8
15
  import '@alfalab/core-components-pagination/modern';
9
16
  import '@alfalab/core-components-select/modern';
10
- import '@alfalab/core-components-button/modern';
11
17
  import './components/pagination/select-field/index.js';
12
- import { Pagination } from './components/pagination/Component.js';
13
- import { THeadCell } from './components/thead-cell/Component.js';
18
+ import '@alfalab/core-components-button/modern';
14
19
  import './components/tsortable-head-cell/sort-icon-asc.js';
15
20
  import './components/tsortable-head-cell/sort-icon-desc.js';
16
21
  import './components/tsortable-head-cell/sort-icon-unset.js';
17
- import { TSortableHeadCell } from './components/tsortable-head-cell/Component.js';
18
- import { TBody } from './components/tbody/Component.js';
19
- import { TCell } from './components/tcell/Component.js';
20
- import { TRow } from './components/trow/Component.js';
21
- import { TExpandableRow } from './components/texpandable-row/Component.js';
22
22
 
23
23
  const Table = Object.assign(Table$1, {
24
24
  TBody,
@@ -1,21 +1,21 @@
1
+ export { Table } from './table/Component.js';
2
+ export { Pagination } from './pagination/Component.js';
3
+ export { THead } from './thead/Component.js';
4
+ export { THeadCell } from './thead-cell/Component.js';
5
+ export { TSortableHeadCell } from './tsortable-head-cell/Component.js';
6
+ export { TBody } from './tbody/Component.js';
7
+ export { TCell } from './tcell/Component.js';
8
+ export { TRow } from './trow/Component.js';
9
+ export { TExpandableRow } from './texpandable-row/Component.js';
1
10
  import 'react';
2
11
  import 'classnames';
3
12
  import './table-context/index.js';
4
- import '../utils.js';
5
- export { THead } from './thead/Component.js';
6
13
  import './table/utils.js';
7
- export { Table } from './table/Component.js';
14
+ import '../utils.js';
8
15
  import '@alfalab/core-components-pagination/modern';
9
16
  import '@alfalab/core-components-select/modern';
10
- import '@alfalab/core-components-button/modern';
11
17
  import './pagination/select-field/index.js';
12
- export { Pagination } from './pagination/Component.js';
13
- export { THeadCell } from './thead-cell/Component.js';
18
+ import '@alfalab/core-components-button/modern';
14
19
  import './tsortable-head-cell/sort-icon-asc.js';
15
20
  import './tsortable-head-cell/sort-icon-desc.js';
16
21
  import './tsortable-head-cell/sort-icon-unset.js';
17
- export { TSortableHeadCell } from './tsortable-head-cell/Component.js';
18
- export { TBody } from './tbody/Component.js';
19
- export { TCell } from './tcell/Component.js';
20
- export { TRow } from './trow/Component.js';
21
- export { TExpandableRow } from './texpandable-row/Component.js';
@@ -1,12 +1,12 @@
1
1
  import React, { useContext, useMemo, useCallback } from 'react';
2
2
  import cn from 'classnames';
3
- import { TableContext } from '../table-context/index.js';
4
3
  import { Pagination as Pagination$1 } from '@alfalab/core-components-pagination/modern';
5
4
  import { Select } from '@alfalab/core-components-select/modern';
6
- import '@alfalab/core-components-button/modern';
5
+ import { TableContext } from '../table-context/index.js';
7
6
  import { CustomSelectField } from './select-field/index.js';
7
+ import '@alfalab/core-components-button/modern';
8
8
 
9
- var styles = {"component":"table__component_a1zxa","pagesWrapper":"table__pagesWrapper_a1zxa","tag":"table__tag_a1zxa","tagActive":"table__tagActive_a1zxa","menu":"table__menu_a1zxa","option":"table__option_a1zxa"};
9
+ const 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"};
10
10
  require('./index.css')
11
11
 
12
12
  const Pagination = ({ perPage = 25, possiblePerPage = [25, 50, 100], onPerPageChange = () => null, pagesCount, onPageChange = () => null, className, dataTestId, ...restPaginationProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: wix32 */
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
- .table__component_a1zxa {
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
- .table__pagesWrapper_a1zxa {
29
+ .table__pagesWrapper_1efgn {
30
30
  display: flex;
31
31
  }
32
- .table__tag_a1zxa.table__tag_a1zxa {
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
- .table__tag_a1zxa.table__tag_a1zxa:last-child {
38
+ .table__tag_1efgn.table__tag_1efgn:last-child {
39
39
  margin-right: 0;
40
40
  }
41
- .table__tag_a1zxa.table__tag_a1zxa.table__tagActive_a1zxa {
41
+ .table__tag_1efgn.table__tag_1efgn.table__tagActive_1efgn {
42
42
  cursor: default;
43
43
  }
44
- .table__menu_a1zxa {
44
+ .table__menu_1efgn {
45
45
  margin: var(--gap-2xs) 0;
46
46
  }
47
- .table__option_a1zxa {
47
+ .table__option_1efgn {
48
48
  min-width: 208px;
49
49
  }
@@ -1,8 +1,8 @@
1
+ export { Pagination } from './Component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
- import '../table-context/index.js';
4
4
  import '@alfalab/core-components-pagination/modern';
5
5
  import '@alfalab/core-components-select/modern';
6
- import '@alfalab/core-components-button/modern';
6
+ import '../table-context/index.js';
7
7
  import './select-field/index.js';
8
- export { Pagination } from './Component.js';
8
+ import '@alfalab/core-components-button/modern';
@@ -1,4 +1,4 @@
1
- /* hash: 1are0 */
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
- .table__field_p0x4g svg {
13
+ .table__field_gdcns svg {
14
14
  width: 18px;
15
15
  height: 18px;
16
16
  }
17
- .table__open_p0x4g,
18
- .table__open_p0x4g:hover {
17
+ .table__open_gdcns,
18
+ .table__open_gdcns:hover {
19
19
  background-color: var(--color-light-specialbg-component-shade-7);
20
20
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Button } from '@alfalab/core-components-button/modern';
4
4
 
5
- var styles = {"field":"table__field_p0x4g","open":"table__open_p0x4g"};
5
+ const styles = {"field":"table__field_gdcns","open":"table__open_gdcns"};
6
6
  require('./index.css')
7
7
 
8
8
  const CustomSelectField = ({ selected, innerProps, Arrow, open }) => {
@@ -1,11 +1,11 @@
1
1
  import React, { forwardRef, useRef, useMemo } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TableContext } from '../table-context/index.js';
4
+ import { findAllHeadCellsProps } from './utils.js';
4
5
  import '../../utils.js';
5
6
  import '../thead/Component.js';
6
- import { findAllHeadCellsProps } from './utils.js';
7
7
 
8
- var styles = {"component":"table__component_7oeq6","wrapper":"table__wrapper_7oeq6","stickyHeader":"table__stickyHeader_7oeq6","hasPagination":"table__hasPagination_7oeq6","table":"table__table_7oeq6"};
8
+ const styles = {"component":"table__component_mrr8v","wrapper":"table__wrapper_mrr8v","stickyHeader":"table__stickyHeader_mrr8v","hasPagination":"table__hasPagination_mrr8v","table":"table__table_mrr8v"};
9
9
  require('./index.css')
10
10
 
11
11
  const Table = forwardRef(({ className, children, compactView = false, compactHorizontal = false, wrapper = true, pagination, dataTestId, stickyHeader = false, ...restProps }, ref) => {
@@ -1,4 +1,4 @@
1
- /* hash: 18v85 */
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
- .table__component_7oeq6 {
21
+ .table__component_mrr8v {
22
22
  box-sizing: border-box;
23
23
  }
24
- .table__wrapper_7oeq6 {
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
- .table__stickyHeader_7oeq6 {
31
+ .table__stickyHeader_mrr8v {
32
32
  max-height: 100%;
33
33
  }
34
- .table__hasPagination_7oeq6 {
34
+ .table__hasPagination_mrr8v {
35
35
  padding-bottom: 0;
36
36
  }
37
- .table__table_7oeq6 {
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
- .table__table_7oeq6 td:first-child label > *[class^='box'], .table__table_7oeq6 th:first-child label > *[class^='box'] {
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,7 +1,7 @@
1
+ export { Table } from './Component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
4
  import '../table-context/index.js';
5
+ import './utils.js';
4
6
  import '../../utils.js';
5
7
  import '../thead/Component.js';
6
- import './utils.js';
7
- export { Table } from './Component.js';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import 'classnames';
3
2
  import { isChildInstanceOf } from '../../utils.js';
4
3
  import { THead } from '../thead/Component.js';
4
+ import 'classnames';
5
5
 
6
6
  function findAllHeadCellsProps(children) {
7
7
  const result = [];
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"table__component_ndce4"};
4
+ const styles = {"component":"table__component_8o6tk"};
5
5
  require('./index.css')
6
6
 
7
7
  const TBody = ({ className, children, dataTestId, ...restProps }) => (React.createElement("tbody", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps }, children));
@@ -1,4 +1,4 @@
1
- /* hash: 1aajg */
1
+ /* hash: agwdd */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .table__component_ndce4 {
10
+ .table__component_8o6tk {
11
11
  width: 100%;
12
12
  box-sizing: border-box;
13
13
  }
@@ -1,3 +1,3 @@
1
+ export { TBody } from './Component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
- export { TBody } from './Component.js';
@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TableContext } from '../table-context/index.js';
4
4
 
5
- var styles = {"component":"table__component_kgwd9","compactHorizontal":"table__compactHorizontal_kgwd9","compact":"table__compact_kgwd9"};
5
+ const styles = {"component":"table__component_et29k","compactHorizontal":"table__compactHorizontal_et29k","compact":"table__compact_et29k"};
6
6
  require('./index.css')
7
7
 
8
8
  const TCell = ({ className, style, dataTestId, children, index, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 7doih */
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
- .table__component_kgwd9 {
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
- .table__component_kgwd9:first-child {
32
+ .table__component_et29k:first-child {
33
33
  padding-left: var(--gap-m);
34
34
  }
35
- .table__component_kgwd9:last-child {
35
+ .table__component_et29k:last-child {
36
36
  padding-right: var(--gap-m);
37
37
  }
38
- .table__compactHorizontal_kgwd9 {
38
+ .table__compactHorizontal_et29k {
39
39
  padding-left: 6px;
40
40
  padding-right: 6px;
41
41
  }
42
- .table__compact_kgwd9 {
42
+ .table__compact_et29k {
43
43
  padding-top: var(--gap-xs);
44
44
  padding-bottom: var(--gap-xs);
45
45
 
@@ -1,4 +1,4 @@
1
+ export { TCell } from './Component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
4
  import '../table-context/index.js';
4
- export { TCell } from './Component.js';
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TRow } from '../trow/Component.js';
4
4
 
5
- var styles = {"row":"table__row_5tscs","selected":"table__selected_5tscs","expanded":"table__expanded_5tscs","expandable":"table__expandable_5tscs"};
5
+ const styles = {"row":"table__row_mrz8c","selected":"table__selected_mrz8c","expanded":"table__expanded_mrz8c","expandable":"table__expandable_mrz8c"};
6
6
  require('./index.css')
7
7
 
8
8
  const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1pf3m */
1
+ /* hash: w97rf */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,16 +7,16 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .table__row_5tscs {
10
+ .table__row_mrz8c {
11
11
  cursor: pointer;
12
12
  }
13
- .table__selected_5tscs.table__expanded_5tscs {
13
+ .table__selected_mrz8c.table__expanded_mrz8c {
14
14
  background-color: inherit;
15
15
  }
16
- .table__expanded_5tscs:hover {
16
+ .table__expanded_mrz8c:hover {
17
17
  background-color: inherit;
18
18
  }
19
- .table__expandable_5tscs td {
19
+ .table__expandable_mrz8c td {
20
20
  margin: 0;
21
21
  padding-top: 0;
22
22
  padding-bottom: 0;
@@ -1,4 +1,4 @@
1
+ export { TExpandableRow } from './Component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
4
  import '../trow/Component.js';
4
- export { TExpandableRow } from './Component.js';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"table__component_12gyc","row":"table__row_12gyc"};
4
+ const styles = {"component":"table__component_6t5yu","row":"table__row_6t5yu"};
5
5
  require('./index.css')
6
6
 
7
7
  const THead = ({ className, rowClassName, children, dataTestId, ...restProps }) => (React.createElement("thead", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps },