@alfalab/core-components-table 2.3.11 → 2.4.1

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 (157) hide show
  1. package/{esm/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
  2. package/{cssm/Component-72308007.d.ts → Component-10db897e.d.ts} +2 -2
  3. package/Component-72dda473.d.ts +53 -0
  4. package/{component-72308007.d.ts → component-10db897e.d.ts} +1 -1
  5. package/components/pagination/Component.d.ts +4 -0
  6. package/components/pagination/Component.js +4 -4
  7. package/components/pagination/index.css +10 -8
  8. package/components/pagination/select-field/index.css +4 -4
  9. package/components/pagination/select-field/index.js +1 -1
  10. package/components/table/Component.js +1 -1
  11. package/components/table/index.css +7 -7
  12. package/components/tbody/Component.js +1 -1
  13. package/components/tbody/index.css +2 -2
  14. package/components/tcell/Component.js +1 -1
  15. package/components/tcell/index.css +6 -6
  16. package/components/texpandable-row/Component.js +1 -1
  17. package/components/texpandable-row/index.css +5 -5
  18. package/components/thead/Component.js +1 -1
  19. package/components/thead/index.css +6 -6
  20. package/components/thead-cell/Component.js +1 -1
  21. package/components/thead-cell/index.css +9 -9
  22. package/components/trow/Component.js +1 -1
  23. package/components/trow/index.css +8 -8
  24. package/components/tsortable-head-cell/Component.js +1 -1
  25. package/components/tsortable-head-cell/index.css +8 -8
  26. package/{modern/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts} +1 -1
  27. package/{Component-72308007.d.ts → cssm/Component-10db897e.d.ts} +2 -2
  28. package/cssm/Component-72dda473.d.ts +53 -0
  29. package/cssm/{component-72308007.d.ts → component-10db897e.d.ts} +1 -1
  30. package/cssm/components/pagination/Component.d.ts +4 -0
  31. package/cssm/components/pagination/Component.js +3 -3
  32. package/cssm/components/pagination/index.module.css +3 -1
  33. package/cssm/desktop-63dec22f.d.ts +2 -6
  34. package/cssm/desktop-69921c40.d.ts +6 -0
  35. package/{hook-dd8ca091.d.ts → cssm/hook-0f4b9bed.d.ts} +6 -6
  36. package/cssm/hook-ebda875c.d.ts +1 -1
  37. package/{esm/index-72308007.d.ts → cssm/index-10db897e.d.ts} +2 -6
  38. package/cssm/index-c44170fe.d.ts +2 -20
  39. package/cssm/index-c76d6398.d.ts +2 -2
  40. package/cssm/index-ebda875c.d.ts +2 -2
  41. package/cssm/index-f12ee135.d.ts +2 -2
  42. package/cssm/mobile-89f0cb07.d.ts +6 -0
  43. package/{esm/types-83e2bd9e.d.ts → cssm/types-1c79e231.d.ts} +1 -1
  44. package/{esm/types-e40becc7.d.ts → cssm/types-67a2d8af.d.ts} +1 -1
  45. package/{modern/typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
  46. package/{modern/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
  47. package/{esm/utils-dd8ca091.d.ts → cssm/utils-0f4b9bed.d.ts} +1 -1
  48. package/desktop-63dec22f.d.ts +2 -6
  49. package/desktop-69921c40.d.ts +6 -0
  50. package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
  51. package/esm/{Component-72308007.d.ts → Component-10db897e.d.ts} +2 -2
  52. package/esm/Component-72dda473.d.ts +53 -0
  53. package/esm/{component-72308007.d.ts → component-10db897e.d.ts} +1 -1
  54. package/esm/components/pagination/Component.d.ts +4 -0
  55. package/esm/components/pagination/Component.js +4 -4
  56. package/esm/components/pagination/index.css +10 -8
  57. package/esm/components/pagination/select-field/index.css +4 -4
  58. package/esm/components/pagination/select-field/index.js +1 -1
  59. package/esm/components/table/Component.js +1 -1
  60. package/esm/components/table/index.css +7 -7
  61. package/esm/components/tbody/Component.js +1 -1
  62. package/esm/components/tbody/index.css +2 -2
  63. package/esm/components/tcell/Component.js +1 -1
  64. package/esm/components/tcell/index.css +6 -6
  65. package/esm/components/texpandable-row/Component.js +1 -1
  66. package/esm/components/texpandable-row/index.css +5 -5
  67. package/esm/components/thead/Component.js +1 -1
  68. package/esm/components/thead/index.css +6 -6
  69. package/esm/components/thead-cell/Component.js +1 -1
  70. package/esm/components/thead-cell/index.css +9 -9
  71. package/esm/components/trow/Component.js +1 -1
  72. package/esm/components/trow/index.css +8 -8
  73. package/esm/components/tsortable-head-cell/Component.js +1 -1
  74. package/esm/components/tsortable-head-cell/index.css +8 -8
  75. package/esm/desktop-63dec22f.d.ts +2 -6
  76. package/esm/desktop-69921c40.d.ts +6 -0
  77. package/esm/{hook-dd8ca091.d.ts → hook-0f4b9bed.d.ts} +6 -6
  78. package/esm/hook-ebda875c.d.ts +1 -1
  79. package/{index-72308007.d.ts → esm/index-10db897e.d.ts} +2 -6
  80. package/esm/index-c44170fe.d.ts +2 -20
  81. package/esm/index-c76d6398.d.ts +2 -2
  82. package/esm/index-ebda875c.d.ts +2 -2
  83. package/esm/index-f12ee135.d.ts +2 -2
  84. package/esm/mobile-89f0cb07.d.ts +6 -0
  85. package/{modern/types-83e2bd9e.d.ts → esm/types-1c79e231.d.ts} +1 -1
  86. package/{modern/types-e40becc7.d.ts → esm/types-67a2d8af.d.ts} +1 -1
  87. package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
  88. package/{typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
  89. package/{modern/utils-dd8ca091.d.ts → esm/utils-0f4b9bed.d.ts} +1 -1
  90. package/{cssm/hook-dd8ca091.d.ts → hook-0f4b9bed.d.ts} +6 -6
  91. package/hook-ebda875c.d.ts +1 -1
  92. package/{modern/index-72308007.d.ts → index-10db897e.d.ts} +2 -6
  93. package/index-c44170fe.d.ts +2 -20
  94. package/index-c76d6398.d.ts +2 -2
  95. package/index-ebda875c.d.ts +2 -2
  96. package/index-f12ee135.d.ts +2 -2
  97. package/mobile-89f0cb07.d.ts +6 -0
  98. package/{cssm/Component-dd8ca091.d.ts → modern/Component-0f4b9bed.d.ts} +1 -1
  99. package/modern/{Component-72308007.d.ts → Component-10db897e.d.ts} +2 -2
  100. package/modern/Component-72dda473.d.ts +53 -0
  101. package/modern/{component-72308007.d.ts → component-10db897e.d.ts} +1 -1
  102. package/modern/components/pagination/Component.d.ts +4 -0
  103. package/modern/components/pagination/Component.js +4 -4
  104. package/modern/components/pagination/index.css +10 -8
  105. package/modern/components/pagination/select-field/index.css +4 -4
  106. package/modern/components/pagination/select-field/index.js +1 -1
  107. package/modern/components/table/Component.js +1 -1
  108. package/modern/components/table/index.css +7 -7
  109. package/modern/components/tbody/Component.js +1 -1
  110. package/modern/components/tbody/index.css +2 -2
  111. package/modern/components/tcell/Component.js +1 -1
  112. package/modern/components/tcell/index.css +6 -6
  113. package/modern/components/texpandable-row/Component.js +1 -1
  114. package/modern/components/texpandable-row/index.css +5 -5
  115. package/modern/components/thead/Component.js +1 -1
  116. package/modern/components/thead/index.css +6 -6
  117. package/modern/components/thead-cell/Component.js +1 -1
  118. package/modern/components/thead-cell/index.css +9 -9
  119. package/modern/components/trow/Component.js +1 -1
  120. package/modern/components/trow/index.css +8 -8
  121. package/modern/components/tsortable-head-cell/Component.js +1 -1
  122. package/modern/components/tsortable-head-cell/index.css +8 -8
  123. package/modern/desktop-63dec22f.d.ts +2 -6
  124. package/modern/desktop-69921c40.d.ts +6 -0
  125. package/modern/{hook-dd8ca091.d.ts → hook-0f4b9bed.d.ts} +6 -6
  126. package/modern/hook-ebda875c.d.ts +1 -1
  127. package/{cssm/index-72308007.d.ts → modern/index-10db897e.d.ts} +2 -6
  128. package/modern/index-c44170fe.d.ts +2 -20
  129. package/modern/index-c76d6398.d.ts +2 -2
  130. package/modern/index-ebda875c.d.ts +2 -2
  131. package/modern/index-f12ee135.d.ts +2 -2
  132. package/modern/mobile-89f0cb07.d.ts +6 -0
  133. package/{types-83e2bd9e.d.ts → modern/types-1c79e231.d.ts} +1 -1
  134. package/{cssm/types-e40becc7.d.ts → modern/types-67a2d8af.d.ts} +1 -1
  135. package/{typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
  136. package/{esm/typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
  137. package/{cssm/utils-dd8ca091.d.ts → modern/utils-0f4b9bed.d.ts} +1 -1
  138. package/package.json +3 -3
  139. package/src/components/pagination/Component.tsx +21 -11
  140. package/src/components/pagination/index.module.css +4 -0
  141. package/{cssm/types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  142. package/{types-e40becc7.d.ts → types-67a2d8af.d.ts} +1 -1
  143. package/{esm/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  144. package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  145. package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  146. package/Component.mobile-ebda875c.d.ts +0 -6
  147. package/cssm/Component.mobile-ebda875c.d.ts +0 -6
  148. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  149. package/modern/Component.mobile-ebda875c.d.ts +0 -6
  150. /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  151. /package/cssm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  152. /package/cssm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  153. /package/esm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  154. /package/esm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  155. /package/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  156. /package/modern/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  157. /package/modern/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 2fu39 */
1
+ /* hash: 1c62x */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dcdcdd;
@@ -20,7 +20,7 @@
20
20
  --gap-xl: 24px;
21
21
  } :root {
22
22
  } :root {
23
- } .table__component_sma90 {
23
+ } .table__component_1d21k {
24
24
  font-size: 14px;
25
25
  line-height: 20px;
26
26
  font-weight: 400;
@@ -31,14 +31,14 @@
31
31
  border-top: 1px solid var(--color-light-border-primary);
32
32
  vertical-align: top;
33
33
  box-sizing: border-box
34
- } .table__component_sma90:first-child {
34
+ } .table__component_1d21k:first-child {
35
35
  padding-left: var(--gap-m);
36
- } .table__component_sma90:last-child {
36
+ } .table__component_1d21k:last-child {
37
37
  padding-right: var(--gap-m);
38
- } .table__compactHorizontal_sma90 {
38
+ } .table__compactHorizontal_1d21k {
39
39
  padding-left: 6px;
40
40
  padding-right: 6px;
41
- } .table__compact_sma90 {
41
+ } .table__compact_1d21k {
42
42
  padding-top: var(--gap-xs);
43
43
  padding-bottom: var(--gap-xs);
44
44
 
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TRow } from '../trow/Component.js';
5
5
 
6
- var styles = {"row":"table__row_uzwks","selected":"table__selected_uzwks","expanded":"table__expanded_uzwks","expandable":"table__expandable_uzwks"};
6
+ var styles = {"row":"table__row_129hz","selected":"table__selected_129hz","expanded":"table__expanded_129hz","expandable":"table__expandable_129hz"};
7
7
  require('./index.css')
8
8
 
9
9
  var TExpandableRow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1bbdb */
1
+ /* hash: 1wd1d */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,13 +14,13 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .table__row_uzwks {
17
+ } .table__row_129hz {
18
18
  cursor: pointer;
19
- } .table__selected_uzwks.table__expanded_uzwks {
19
+ } .table__selected_129hz.table__expanded_129hz {
20
20
  background-color: inherit;
21
- } .table__expanded_uzwks:hover {
21
+ } .table__expanded_129hz:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_uzwks td {
23
+ } .table__expandable_129hz td {
24
24
  margin: 0;
25
25
  padding-top: 0;
26
26
  padding-bottom: 0;
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
 
5
- var styles = {"component":"table__component_een2a","row":"table__row_een2a"};
5
+ var styles = {"component":"table__component_ohfys","row":"table__row_ohfys"};
6
6
  require('./index.css')
7
7
 
8
8
  var THead = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1sys1 */
1
+ /* hash: 1y34i */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-quaternary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .table__component_een2a {
19
+ } .table__component_ohfys {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_een2a th:not(:last-child):not(:empty):after {
23
+ } .table__component_ohfys th:not(:last-child):not(:empty):after {
24
24
  transition: opacity 0.2s;
25
25
  position: absolute;
26
26
  content: '';
@@ -31,10 +31,10 @@
31
31
  top: var(--gap-xs);
32
32
  bottom: var(--gap-xs);
33
33
  background-color: var(--color-light-graphic-quaternary);
34
- } .table__component_een2a th:after {
34
+ } .table__component_ohfys th:after {
35
35
  opacity: 0;
36
- } .table__component_een2a:hover th:after {
36
+ } .table__component_ohfys:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_een2a {
38
+ } .table__row_ohfys {
39
39
  height: 72px;
40
40
  }
@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TableContext } from '../table-context/index.js';
5
5
 
6
- var styles = {"component":"table__component_m3ymr","stickyHeader":"table__stickyHeader_m3ymr","sortable":"table__sortable_m3ymr","sorted":"table__sorted_m3ymr","compactHorizontal":"table__compactHorizontal_m3ymr"};
6
+ var styles = {"component":"table__component_1cykp","stickyHeader":"table__stickyHeader_1cykp","sortable":"table__sortable_1cykp","sorted":"table__sorted_1cykp","compactHorizontal":"table__compactHorizontal_1cykp"};
7
7
  require('./index.css')
8
8
 
9
9
  var THeadCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 3hpvl */
1
+ /* hash: 1r8ch */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
21
21
  --gap-2xl: 32px;
22
22
  } :root {
23
23
  } :root {
24
- } .table__component_m3ymr {
24
+ } .table__component_1cykp {
25
25
  font-size: 12px;
26
26
  line-height: 16px;
27
27
  font-weight: 500;
@@ -36,23 +36,23 @@
36
36
  background: var(--color-light-bg-primary);
37
37
  vertical-align: top;
38
38
  box-sizing: border-box
39
- } .table__component_m3ymr:first-child {
39
+ } .table__component_1cykp:first-child {
40
40
  padding-left: var(--gap-m);
41
- } .table__component_m3ymr:last-child {
41
+ } .table__component_1cykp:last-child {
42
42
  padding-right: var(--gap-m);
43
- } .table__component_m3ymr:not(.table__stickyHeader_m3ymr) {
43
+ } .table__component_1cykp:not(.table__stickyHeader_1cykp) {
44
44
  position: relative;
45
- } .table__sortable_m3ymr {
45
+ } .table__sortable_1cykp {
46
46
  cursor: pointer;
47
- } .table__sorted_m3ymr {
47
+ } .table__sorted_1cykp {
48
48
  color: var(--color-light-text-primary);
49
- } .table__stickyHeader_m3ymr {
49
+ } .table__stickyHeader_1cykp {
50
50
  top: 0;
51
51
  position: sticky;
52
52
  box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
53
53
  border: none;
54
54
  z-index: 1;
55
- } .table__compactHorizontal_m3ymr {
55
+ } .table__compactHorizontal_1cykp {
56
56
  padding-left: 6px;
57
57
  padding-right: 6px;
58
58
  }
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
 
5
- var styles = {"component":"table__component_jx5vy","withoutBorder":"table__withoutBorder_jx5vy","clickable":"table__clickable_jx5vy","selected":"table__selected_jx5vy"};
5
+ var styles = {"component":"table__component_522yu","withoutBorder":"table__withoutBorder_522yu","clickable":"table__clickable_522yu","selected":"table__selected_522yu"};
6
6
  require('./index.css')
7
7
 
8
8
  var TRow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 9gimf */
1
+ /* hash: oempu */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
17
17
  } :root {
18
18
  } :root {
19
19
  } :root {
20
- } .table__component_jx5vy {
20
+ } .table__component_522yu {
21
21
  padding-top: 1px;
22
22
  width: 100%;
23
23
  transition: background-color 0.2s;
24
24
  box-sizing: border-box;
25
25
  background: var(--color-light-bg-primary)
26
- } .table__component_jx5vy:first-child td {
26
+ } .table__component_522yu:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_jx5vy td {
28
+ } .table__withoutBorder_522yu td {
29
29
  border: none;
30
- } .table__clickable_jx5vy {
30
+ } .table__clickable_522yu {
31
31
  cursor: pointer
32
- } .table__clickable_jx5vy:hover {
32
+ } .table__clickable_522yu:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_jx5vy {
34
+ } .table__selected_522yu {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_jx5vy:hover {
36
+ } .table__selected_522yu:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -7,7 +7,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
7
7
  import { SortIconUnset } from './sort-icon-unset.js';
8
8
  import '../table-context/index.js';
9
9
 
10
- var styles = {"content":"table__content_gzson","icon":"table__icon_gzson","reverse":"table__reverse_gzson","sorted":"table__sorted_gzson"};
10
+ var styles = {"content":"table__content_tx64v","icon":"table__icon_tx64v","reverse":"table__reverse_tx64v","sorted":"table__sorted_tx64v"};
11
11
  require('./index.css')
12
12
 
13
13
  var TSortableHeadCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 4pjoi */
1
+ /* hash: 1pohu */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-link: #0072ef;
@@ -18,10 +18,10 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__content_gzson {
21
+ } .table__content_tx64v {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
- } .table__icon_gzson {
24
+ } .table__icon_tx64v {
25
25
  cursor: pointer;
26
26
  margin-left: var(--gap-xs);
27
27
 
@@ -33,15 +33,15 @@
33
33
  color: var(--color-light-graphic-secondary);
34
34
  transition: color 0.2s ease;
35
35
  flex-shrink: 0
36
- } .table__icon_gzson:hover {
36
+ } .table__icon_tx64v:hover {
37
37
  color: var(--color-light-graphic-primary);
38
- } .table__reverse_gzson {
38
+ } .table__reverse_tx64v {
39
39
  flex-direction: row-reverse
40
- } .table__reverse_gzson .table__icon_gzson {
40
+ } .table__reverse_tx64v .table__icon_tx64v {
41
41
  margin-left: 0;
42
42
  margin-right: var(--gap-xs);
43
- } .table__sorted_gzson {
43
+ } .table__sorted_tx64v {
44
44
  color: var(--color-light-graphic-link)
45
- } .table__sorted_gzson:hover {
45
+ } .table__sorted_tx64v:hover {
46
46
  color: var(--color-light-graphic-link);
47
47
  }
@@ -1,6 +1,2 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonDesktopProps, ButtonDesktop };
1
+ export * from "./Component.desktop-785df74d";
2
+ export {};
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { CommonButtonProps } from "./typings-89f0cb07";
4
+ declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { ButtonDesktop };
6
+ export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
2
+ import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
3
3
  type UseSelectWithApplyProps = {
4
4
  /**
5
5
  * Список выбранных пунктов
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
44
44
  };
45
45
  declare const SELECT_ALL_KEY = "select_all";
46
46
  declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
47
- OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
47
+ OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
48
48
  showClear?: boolean | undefined;
49
49
  onClose?: (() => void) | undefined; /**
50
50
  * Компонент выпадающего меню
51
51
  */
52
52
  selectedDraft?: OptionShape[] | undefined;
53
- OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
53
+ OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
54
  Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
55
55
  Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
56
56
  headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
57
57
  showHeaderWithSelectAll?: boolean | undefined;
58
58
  } & import("react").RefAttributes<HTMLDivElement>>;
59
59
  optionsListProps: {
60
- OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
60
+ OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
61
61
  showClear: boolean;
62
62
  onClear: () => void;
63
63
  onApply: () => void;
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
72
72
  };
73
73
  allowUnselect: boolean;
74
74
  multiple: boolean;
75
- options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
75
+ options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
76
76
  key: string;
77
77
  content: string;
78
78
  })[];
79
- onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
79
+ onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
80
80
  selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
81
81
  showSearch: boolean | undefined;
82
82
  searchProps: {
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { OptionProps, OptionShape } from "./typings-dd8ca091";
3
+ import { OptionProps, OptionShape } from "./typings-0f4b9bed";
4
4
  type OptionsFetcherResponse = {
5
5
  options: OptionShape[];
6
6
  hasMore: boolean;
@@ -3,17 +3,13 @@ import React from "react";
3
3
  import { PaddingType } from "./index-72dda473";
4
4
  /* eslint-disable no-plusplus, no-param-reassign */
5
5
  import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
6
  declare const isClient: () => boolean;
8
7
  declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
8
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
9
9
  declare function easeInOutQuad(x: number): number;
10
10
  declare const easingFns: {
11
11
  easeInOutQuad: typeof easeInOutQuad;
12
12
  };
13
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
- declare const inputUtils: {
15
- disableUserInput: typeof disableUserInput;
16
- };
17
13
  /**
18
14
  * Возвращает true, если значение равно null или undefined
19
15
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
51
47
  prefixPostprocessor: typeof prefixPostprocessor;
52
48
  caretGuard: typeof caretGuard;
53
49
  };
54
- export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
50
+ export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };
@@ -1,21 +1,3 @@
1
1
  /// <reference types="react" />
2
- import React from "react";
3
- import { BaseInputProps } from "./index-ebda875c";
4
- type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
5
- /**
6
- * Контрольная точка, с нее начинается desktop версия
7
- * @default 1024
8
- */
9
- breakpoint?: number;
10
- /**
11
- * Значение по-умолчанию для хука useMatchMedia
12
- */
13
- defaultMatchMediaValue?: boolean | (() => boolean);
14
- };
15
- declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "colorStyles" | "FormControlComponent"> & {
16
- breakpoint?: number | undefined;
17
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
18
- } & React.RefAttributes<HTMLInputElement>>;
19
- type InputMobileProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
20
- declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
21
- export { InputProps, Input, InputMobileProps, InputMobile };
2
+ export * from "./Component.responsive-785df74d";
3
+ export {};
@@ -1,2 +1,2 @@
1
- export * from "./Component-72308007";
2
- export type { NavigationBarProps } from "./types-83e2bd9e";
1
+ export * from "./Component-10db897e";
2
+ export type { NavigationBarProps } from "./types-1c79e231";
@@ -66,7 +66,7 @@ type IconButtonProps = {
66
66
  * Набор цветов для компонента
67
67
  */
68
68
  colors?: "default" | "inverted";
69
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
69
+ } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
70
70
  declare const IconButton: React.ForwardRefExoticComponent<{
71
71
  icon: ElementType<{
72
72
  className?: string;
@@ -77,5 +77,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
77
77
  alignIcon?: "center" | "left" | "right" | undefined;
78
78
  dataTestId?: string | undefined;
79
79
  colors?: "default" | "inverted" | undefined;
80
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
80
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
81
81
  export { CloserProps, Closer, IconButtonProps, IconButton };
@@ -1,3 +1,3 @@
1
- export * from "./component-72308007";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
1
+ export * from "./component-10db897e";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-67a2d8af";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { CommonButtonProps } from "./typings-89f0cb07";
4
+ declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { ButtonMobile };
6
+ export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
@@ -14,7 +14,7 @@ type NavigationBarProps = {
14
14
  /**
15
15
  * Подзаголовок (доступен только в мобильной версии)
16
16
  */
17
- subtitle?: string;
17
+ subtitle?: ReactNode;
18
18
  /**
19
19
  * Размер заголовка (compact доступен только в мобильной версии)
20
20
  */
@@ -259,7 +259,7 @@ type BottomSheetProps = {
259
259
  /**
260
260
  * Вызывается после окончания анимации притягивания
261
261
  */
262
- onMagnetizeEnd?: () => void;
262
+ onMagnetizeEnd?: (index: number) => void;
263
263
  /**
264
264
  * Вызывается при изменении положения шторки
265
265
  */
@@ -459,6 +459,10 @@ type OptionsListProps = {
459
459
  * Обработчик отмены изменений
460
460
  */
461
461
  onClear?: () => void;
462
+ /**
463
+ * Указать индекс пункта для hover состояния
464
+ */
465
+ setHighlightedIndex?: (index: number) => void;
462
466
  };
463
467
  type OptgroupProps = {
464
468
  /**
@@ -69,6 +69,8 @@ type ComponentProps = {
69
69
  * Дочерние элементы.
70
70
  */
71
71
  children?: ReactNode;
72
+ };
73
+ type PrivateButtonProps = {
72
74
  /**
73
75
  * Основные стили компонента.
74
76
  */
@@ -80,16 +82,12 @@ type ComponentProps = {
80
82
  */
81
83
  colorStylesMap: StyleColors;
82
84
  };
83
- type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
84
- type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
85
- type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
86
- type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
87
- type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
88
- type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
85
+ type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
86
+ type ButtonProps = CommonButtonProps & {
89
87
  /**
90
88
  * Контрольная точка, с нее начинается desktop версия
91
89
  * @default 1024
92
90
  */
93
91
  breakpoint?: number;
94
92
  };
95
- export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
93
+ export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-dd8ca091";
2
+ import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
3
3
  declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
4
4
  declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
5
5
  declare const joinOptions: ({ selected, selectedMultiple, }: {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
2
+ import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
3
3
  type UseSelectWithApplyProps = {
4
4
  /**
5
5
  * Список выбранных пунктов
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
44
44
  };
45
45
  declare const SELECT_ALL_KEY = "select_all";
46
46
  declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
47
- OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
47
+ OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
48
48
  showClear?: boolean | undefined;
49
49
  onClose?: (() => void) | undefined; /**
50
50
  * Компонент выпадающего меню
51
51
  */
52
52
  selectedDraft?: OptionShape[] | undefined;
53
- OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
53
+ OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
54
  Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
55
55
  Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
56
56
  headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
57
57
  showHeaderWithSelectAll?: boolean | undefined;
58
58
  } & import("react").RefAttributes<HTMLDivElement>>;
59
59
  optionsListProps: {
60
- OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
60
+ OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
61
61
  showClear: boolean;
62
62
  onClear: () => void;
63
63
  onApply: () => void;
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
72
72
  };
73
73
  allowUnselect: boolean;
74
74
  multiple: boolean;
75
- options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
75
+ options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
76
76
  key: string;
77
77
  content: string;
78
78
  })[];
79
- onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
79
+ onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
80
80
  selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
81
81
  showSearch: boolean | undefined;
82
82
  searchProps: {
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { OptionProps, OptionShape } from "./typings-dd8ca091";
3
+ import { OptionProps, OptionShape } from "./typings-0f4b9bed";
4
4
  type OptionsFetcherResponse = {
5
5
  options: OptionShape[];
6
6
  hasMore: boolean;
@@ -3,17 +3,13 @@ import React from "react";
3
3
  import { PaddingType } from "./index-72dda473";
4
4
  /* eslint-disable no-plusplus, no-param-reassign */
5
5
  import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
6
  declare const isClient: () => boolean;
8
7
  declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
8
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
9
9
  declare function easeInOutQuad(x: number): number;
10
10
  declare const easingFns: {
11
11
  easeInOutQuad: typeof easeInOutQuad;
12
12
  };
13
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
- declare const inputUtils: {
15
- disableUserInput: typeof disableUserInput;
16
- };
17
13
  /**
18
14
  * Возвращает true, если значение равно null или undefined
19
15
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
51
47
  prefixPostprocessor: typeof prefixPostprocessor;
52
48
  caretGuard: typeof caretGuard;
53
49
  };
54
- export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
50
+ export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };
@@ -1,21 +1,3 @@
1
1
  /// <reference types="react" />
2
- import React from "react";
3
- import { BaseInputProps } from "./index-ebda875c";
4
- type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
5
- /**
6
- * Контрольная точка, с нее начинается desktop версия
7
- * @default 1024
8
- */
9
- breakpoint?: number;
10
- /**
11
- * Значение по-умолчанию для хука useMatchMedia
12
- */
13
- defaultMatchMediaValue?: boolean | (() => boolean);
14
- };
15
- declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "colorStyles" | "FormControlComponent"> & {
16
- breakpoint?: number | undefined;
17
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
18
- } & React.RefAttributes<HTMLInputElement>>;
19
- type InputMobileProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
20
- declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
21
- export { InputProps, Input, InputMobileProps, InputMobile };
2
+ export * from "./Component.responsive-785df74d";
3
+ export {};
@@ -1,2 +1,2 @@
1
- export * from "./Component-72308007";
2
- export type { NavigationBarProps } from "./types-83e2bd9e";
1
+ export * from "./Component-10db897e";
2
+ export type { NavigationBarProps } from "./types-1c79e231";
@@ -66,7 +66,7 @@ type IconButtonProps = {
66
66
  * Набор цветов для компонента
67
67
  */
68
68
  colors?: "default" | "inverted";
69
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
69
+ } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
70
70
  declare const IconButton: React.ForwardRefExoticComponent<{
71
71
  icon: ElementType<{
72
72
  className?: string;
@@ -77,5 +77,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
77
77
  alignIcon?: "center" | "left" | "right" | undefined;
78
78
  dataTestId?: string | undefined;
79
79
  colors?: "default" | "inverted" | undefined;
80
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
80
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
81
81
  export { CloserProps, Closer, IconButtonProps, IconButton };