@alfalab/core-components-select 13.2.13 → 13.2.15

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 (233) hide show
  1. package/{cssm/Component-1481ef6b.d.ts → Component-001db41f.d.ts} +2 -1
  2. package/{Component-ca307b80.js → Component-001db41f.js} +4 -2
  3. package/Component-3885b0d7.d.ts +169 -0
  4. package/Component-71240601.d.ts +142 -0
  5. package/{Component-088caba2.js → Component-71240601.js} +4 -4
  6. package/Component.js +1 -1
  7. package/Component.responsive.js +3 -3
  8. package/components/arrow/Component.js +1 -1
  9. package/components/arrow/index.css +3 -3
  10. package/components/base-checkmark/Component.js +1 -1
  11. package/components/base-checkmark/index.css +4 -4
  12. package/components/base-option/Component.js +1 -1
  13. package/components/base-option/index.css +13 -13
  14. package/components/base-select/Component.js +1 -1
  15. package/components/base-select/index.css +7 -7
  16. package/components/base-select/index.d.ts +1 -1
  17. package/components/base-select/index.js +1 -1
  18. package/components/base-select-mobile/Component.js +3 -3
  19. package/components/base-select-mobile/checkmark/Component.js +1 -1
  20. package/components/base-select-mobile/checkmark/index.css +6 -6
  21. package/components/base-select-mobile/index.css +11 -11
  22. package/components/base-select-mobile/index.d.ts +1 -1
  23. package/components/base-select-mobile/index.js +3 -3
  24. package/components/base-select-mobile/options-list/Component.js +1 -1
  25. package/components/base-select-mobile/options-list/index.css +9 -9
  26. package/components/base-select-mobile/virtual-options-list/Component.js +1 -1
  27. package/components/base-select-mobile/virtual-options-list/index.css +15 -15
  28. package/components/checkmark/Component.js +1 -1
  29. package/components/checkmark/index.css +10 -10
  30. package/components/field/Component.js +1 -1
  31. package/components/field/index.css +9 -9
  32. package/components/index.js +3 -3
  33. package/components/optgroup/Component.js +1 -1
  34. package/components/optgroup/index.css +6 -6
  35. package/components/option/Component.js +1 -1
  36. package/components/option/index.css +20 -20
  37. package/components/options-list/Component.js +1 -1
  38. package/components/options-list/index.css +6 -6
  39. package/components/select-mobile/Component.js +3 -3
  40. package/components/select-mobile/index.d.ts +1 -1
  41. package/components/select-mobile/index.js +3 -3
  42. package/components/select-modal-mobile/Component.js +3 -3
  43. package/components/select-modal-mobile/index.d.ts +1 -1
  44. package/components/select-modal-mobile/index.js +3 -3
  45. package/components/virtual-options-list/Component.js +1 -1
  46. package/components/virtual-options-list/index.css +12 -12
  47. package/cssm/Component-3885b0d7.d.ts +169 -0
  48. package/{esm/Component-82c9c6a4.d.ts → cssm/Component-aaa9f3a7.d.ts} +2 -1
  49. package/cssm/{Component-1481ef6b.js → Component-aaa9f3a7.js} +3 -1
  50. package/cssm/Component-e9709f88.d.ts +142 -0
  51. package/cssm/{Component-8f0723b4.js → Component-e9709f88.js} +1 -1
  52. package/cssm/Component.js +1 -1
  53. package/cssm/Component.responsive.js +2 -2
  54. package/cssm/components/base-select/Component.js +1 -1
  55. package/cssm/components/base-select/index.d.ts +1 -1
  56. package/cssm/components/base-select/index.js +1 -1
  57. package/cssm/components/base-select-mobile/Component.js +2 -2
  58. package/cssm/components/base-select-mobile/index.d.ts +1 -1
  59. package/cssm/components/base-select-mobile/index.js +2 -2
  60. package/cssm/components/index.js +2 -2
  61. package/cssm/components/select-mobile/Component.js +2 -2
  62. package/cssm/components/select-mobile/index.d.ts +1 -1
  63. package/cssm/components/select-mobile/index.js +2 -2
  64. package/cssm/components/select-modal-mobile/Component.js +2 -2
  65. package/cssm/components/select-modal-mobile/index.d.ts +1 -1
  66. package/cssm/components/select-modal-mobile/index.js +2 -2
  67. package/cssm/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
  68. package/cssm/index-ebda875c.d.ts +74 -0
  69. package/cssm/index.js +2 -2
  70. package/cssm/presets/index.js +2 -2
  71. package/cssm/presets/useLazyLoading/hook.js +2 -2
  72. package/cssm/presets/useSelectWithApply/hook.js +2 -2
  73. package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +2 -2
  74. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  75. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +2 -2
  76. package/cssm/responsive.js +2 -2
  77. package/cssm/types-ebda875c.d.ts +113 -0
  78. package/cssm/typings.d.ts +5 -5
  79. package/esm/Component-0a180244.d.ts +142 -0
  80. package/esm/{Component-23df669b.js → Component-0a180244.js} +4 -4
  81. package/esm/Component-3885b0d7.d.ts +169 -0
  82. package/{Component-ca307b80.d.ts → esm/Component-4bb3c303.d.ts} +2 -1
  83. package/esm/{Component-82c9c6a4.js → Component-4bb3c303.js} +4 -2
  84. package/esm/Component.js +1 -1
  85. package/esm/Component.responsive.js +3 -3
  86. package/esm/components/arrow/Component.js +1 -1
  87. package/esm/components/arrow/index.css +3 -3
  88. package/esm/components/base-checkmark/Component.js +1 -1
  89. package/esm/components/base-checkmark/index.css +4 -4
  90. package/esm/components/base-option/Component.js +1 -1
  91. package/esm/components/base-option/index.css +13 -13
  92. package/esm/components/base-select/Component.js +1 -1
  93. package/esm/components/base-select/index.css +7 -7
  94. package/esm/components/base-select/index.d.ts +1 -1
  95. package/esm/components/base-select/index.js +1 -1
  96. package/esm/components/base-select-mobile/Component.js +3 -3
  97. package/esm/components/base-select-mobile/checkmark/Component.js +1 -1
  98. package/esm/components/base-select-mobile/checkmark/index.css +6 -6
  99. package/esm/components/base-select-mobile/index.css +11 -11
  100. package/esm/components/base-select-mobile/index.d.ts +1 -1
  101. package/esm/components/base-select-mobile/index.js +3 -3
  102. package/esm/components/base-select-mobile/options-list/Component.js +1 -1
  103. package/esm/components/base-select-mobile/options-list/index.css +9 -9
  104. package/esm/components/base-select-mobile/virtual-options-list/Component.js +1 -1
  105. package/esm/components/base-select-mobile/virtual-options-list/index.css +15 -15
  106. package/esm/components/checkmark/Component.js +1 -1
  107. package/esm/components/checkmark/index.css +10 -10
  108. package/esm/components/field/Component.js +1 -1
  109. package/esm/components/field/index.css +9 -9
  110. package/esm/components/index.js +3 -3
  111. package/esm/components/optgroup/Component.js +1 -1
  112. package/esm/components/optgroup/index.css +6 -6
  113. package/esm/components/option/Component.js +1 -1
  114. package/esm/components/option/index.css +20 -20
  115. package/esm/components/options-list/Component.js +1 -1
  116. package/esm/components/options-list/index.css +6 -6
  117. package/esm/components/select-mobile/Component.js +3 -3
  118. package/esm/components/select-mobile/index.d.ts +1 -1
  119. package/esm/components/select-mobile/index.js +3 -3
  120. package/esm/components/select-modal-mobile/Component.js +3 -3
  121. package/esm/components/select-modal-mobile/index.d.ts +1 -1
  122. package/esm/components/select-modal-mobile/index.js +3 -3
  123. package/esm/components/virtual-options-list/Component.js +1 -1
  124. package/esm/components/virtual-options-list/index.css +12 -12
  125. package/esm/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
  126. package/esm/index-ebda875c.d.ts +74 -0
  127. package/esm/index.js +3 -3
  128. package/esm/presets/index.js +3 -3
  129. package/esm/presets/useLazyLoading/hook.js +4 -4
  130. package/esm/presets/useLazyLoading/index.css +2 -2
  131. package/esm/presets/useSelectWithApply/hook.js +3 -3
  132. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  133. package/esm/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  134. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  135. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  136. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  137. package/esm/presets/useSelectWithLoading/index.css +2 -2
  138. package/esm/responsive.js +3 -3
  139. package/esm/types-ebda875c.d.ts +113 -0
  140. package/esm/typings.d.ts +5 -5
  141. package/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
  142. package/index-ebda875c.d.ts +74 -0
  143. package/index.js +3 -3
  144. package/modern/Component-3885b0d7.d.ts +169 -0
  145. package/modern/{Component-c2743e76.d.ts → Component-77e84ddc.d.ts} +2 -1
  146. package/modern/{Component-c2743e76.js → Component-77e84ddc.js} +4 -2
  147. package/modern/Component-d9a7d67e.d.ts +142 -0
  148. package/modern/{Component-629f202b.js → Component-d9a7d67e.js} +4 -4
  149. package/modern/Component.js +1 -1
  150. package/modern/Component.responsive.js +3 -3
  151. package/modern/components/arrow/Component.js +1 -1
  152. package/modern/components/arrow/index.css +3 -3
  153. package/modern/components/base-checkmark/Component.js +1 -1
  154. package/modern/components/base-checkmark/index.css +4 -4
  155. package/modern/components/base-option/Component.js +1 -1
  156. package/modern/components/base-option/index.css +13 -13
  157. package/modern/components/base-select/Component.js +1 -1
  158. package/modern/components/base-select/index.css +7 -7
  159. package/modern/components/base-select/index.d.ts +1 -1
  160. package/modern/components/base-select/index.js +1 -1
  161. package/modern/components/base-select-mobile/Component.js +3 -3
  162. package/modern/components/base-select-mobile/checkmark/Component.js +1 -1
  163. package/modern/components/base-select-mobile/checkmark/index.css +6 -6
  164. package/modern/components/base-select-mobile/index.css +11 -11
  165. package/modern/components/base-select-mobile/index.d.ts +1 -1
  166. package/modern/components/base-select-mobile/index.js +3 -3
  167. package/modern/components/base-select-mobile/options-list/Component.js +1 -1
  168. package/modern/components/base-select-mobile/options-list/index.css +9 -9
  169. package/modern/components/base-select-mobile/virtual-options-list/Component.js +1 -1
  170. package/modern/components/base-select-mobile/virtual-options-list/index.css +15 -15
  171. package/modern/components/checkmark/Component.js +1 -1
  172. package/modern/components/checkmark/index.css +10 -10
  173. package/modern/components/field/Component.js +1 -1
  174. package/modern/components/field/index.css +9 -9
  175. package/modern/components/index.js +3 -3
  176. package/modern/components/optgroup/Component.js +1 -1
  177. package/modern/components/optgroup/index.css +6 -6
  178. package/modern/components/option/Component.js +1 -1
  179. package/modern/components/option/index.css +20 -20
  180. package/modern/components/options-list/Component.js +1 -1
  181. package/modern/components/options-list/index.css +6 -6
  182. package/modern/components/select-mobile/Component.js +3 -3
  183. package/modern/components/select-mobile/index.d.ts +1 -1
  184. package/modern/components/select-mobile/index.js +3 -3
  185. package/modern/components/select-modal-mobile/Component.js +3 -3
  186. package/modern/components/select-modal-mobile/index.d.ts +1 -1
  187. package/modern/components/select-modal-mobile/index.js +3 -3
  188. package/modern/components/virtual-options-list/Component.js +1 -1
  189. package/modern/components/virtual-options-list/index.css +12 -12
  190. package/modern/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
  191. package/modern/index-ebda875c.d.ts +74 -0
  192. package/modern/index.js +3 -3
  193. package/modern/presets/index.js +3 -3
  194. package/modern/presets/useLazyLoading/hook.js +4 -4
  195. package/modern/presets/useLazyLoading/index.css +2 -2
  196. package/modern/presets/useSelectWithApply/hook.js +3 -3
  197. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  198. package/modern/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  199. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  200. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  201. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  202. package/modern/presets/useSelectWithLoading/index.css +2 -2
  203. package/modern/responsive.js +3 -3
  204. package/modern/types-ebda875c.d.ts +113 -0
  205. package/modern/typings.d.ts +5 -5
  206. package/package.json +6 -6
  207. package/presets/index.js +3 -3
  208. package/presets/useLazyLoading/hook.js +4 -4
  209. package/presets/useLazyLoading/index.css +2 -2
  210. package/presets/useSelectWithApply/hook.js +3 -3
  211. package/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  212. package/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  213. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  214. package/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  215. package/presets/useSelectWithLoading/hook.js +1 -1
  216. package/presets/useSelectWithLoading/index.css +2 -2
  217. package/responsive.js +3 -3
  218. package/types-ebda875c.d.ts +113 -0
  219. package/typings.d.ts +5 -5
  220. package/Component-088caba2.d.ts +0 -475
  221. package/cssm/Component-8f0723b4.d.ts +0 -475
  222. package/cssm/getDataTestId-3fe0d3e6.d.ts +0 -2
  223. package/esm/Component-23df669b.d.ts +0 -475
  224. package/esm/getDataTestId-3fe0d3e6.d.ts +0 -2
  225. package/getDataTestId-3fe0d3e6.d.ts +0 -2
  226. package/modern/Component-629f202b.d.ts +0 -475
  227. package/modern/getDataTestId-3fe0d3e6.d.ts +0 -2
  228. /package/esm/{intersection-observer-12c920c6.d.ts → intersection-observer-6d12bd0a.d.ts} +0 -0
  229. /package/esm/{intersection-observer-12c920c6.js → intersection-observer-6d12bd0a.js} +0 -0
  230. /package/{intersection-observer-31caed5c.d.ts → intersection-observer-dd747820.d.ts} +0 -0
  231. /package/{intersection-observer-31caed5c.js → intersection-observer-dd747820.js} +0 -0
  232. /package/modern/{intersection-observer-12c920c6.d.ts → intersection-observer-6d12bd0a.d.ts} +0 -0
  233. /package/modern/{intersection-observer-12c920c6.js → intersection-observer-6d12bd0a.js} +0 -0
@@ -3,7 +3,7 @@
3
3
  require('tslib');
4
4
  require('react');
5
5
  require('../arrow/Component.js');
6
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-088caba2.js');
6
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-71240601.js');
7
7
  require('../field/Component.js');
8
8
  require('../optgroup/Component.js');
9
9
  require('../option/Component.js');
@@ -14,7 +14,7 @@ require('downshift');
14
14
  require('@alfalab/core-components-bottom-sheet');
15
15
  require('@alfalab/core-components-modal/mobile');
16
16
  require('../../Component.js');
17
- require('../../Component-ca307b80.js');
17
+ require('../../Component-001db41f.js');
18
18
  require('@juggle/resize-observer');
19
19
  require('@alfalab/core-components-popover');
20
20
  require('@alfalab/hooks');
@@ -33,7 +33,7 @@ require('react-virtual');
33
33
  require('../base-option/Component.js');
34
34
  require('../base-checkmark/Component.js');
35
35
  require('@alfalab/core-components-skeleton');
36
- require('../../intersection-observer-31caed5c.js');
36
+ require('../../intersection-observer-dd747820.js');
37
37
  require('@alfalab/core-components-button');
38
38
  require('../base-select-mobile/options-list/Component.js');
39
39
  require('@alfalab/core-components-base-modal');
@@ -1 +1 @@
1
- export * from "../../Component-088caba2";
1
+ export * from "../../Component-71240601";
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-088caba2.js');
3
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-71240601.js');
4
4
  require('tslib');
5
5
  require('react');
6
6
  require('../arrow/Component.js');
@@ -11,7 +11,7 @@ require('downshift');
11
11
  require('@alfalab/core-components-bottom-sheet');
12
12
  require('@alfalab/core-components-modal/mobile');
13
13
  require('../../Component.js');
14
- require('../../Component-ca307b80.js');
14
+ require('../../Component-001db41f.js');
15
15
  require('@juggle/resize-observer');
16
16
  require('@alfalab/core-components-popover');
17
17
  require('@alfalab/hooks');
@@ -33,7 +33,7 @@ require('react-virtual');
33
33
  require('../base-option/Component.js');
34
34
  require('../base-checkmark/Component.js');
35
35
  require('@alfalab/core-components-skeleton');
36
- require('../../intersection-observer-31caed5c.js');
36
+ require('../../intersection-observer-dd747820.js');
37
37
  require('@alfalab/core-components-button');
38
38
  require('../base-select-mobile/options-list/Component.js');
39
39
  require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"virtualOptionsList":"select__virtualOptionsList_1vml2","scrollable":"select__scrollable_1vml2","inner":"select__inner_1vml2","virtualRow":"select__virtualRow_1vml2","highlighted":"select__highlighted_1vml2","emptyPlaceholder":"select__emptyPlaceholder_1vml2","l":"select__l_1vml2","xl":"select__xl_1vml2"};
17
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_1fac2","scrollable":"select__scrollable_1fac2","inner":"select__inner_1fac2","virtualRow":"select__virtualRow_1fac2","highlighted":"select__highlighted_1fac2","emptyPlaceholder":"select__emptyPlaceholder_1fac2","l":"select__l_1fac2","xl":"select__xl_1fac2"};
18
18
  require('./index.css')
19
19
 
20
20
  /* eslint-disable react-hooks/exhaustive-deps */
@@ -1,4 +1,4 @@
1
- /* hash: z1veu */
1
+ /* hash: 8wgbn */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dbdee1;
@@ -34,23 +34,23 @@
34
34
  /* checkmark */
35
35
 
36
36
  /* optgroup */
37
- } .select__virtualOptionsList_1vml2 {
37
+ } .select__virtualOptionsList_1fac2 {
38
38
  width: 100%;
39
39
  outline: none;
40
40
  box-sizing: border-box;
41
41
  position: relative;
42
- } .select__scrollable_1vml2 {
42
+ } .select__scrollable_1fac2 {
43
43
  overflow: auto;
44
44
  width: 100%;
45
- } .select__inner_1vml2 {
45
+ } .select__inner_1fac2 {
46
46
  position: relative;
47
47
  width: 100%;
48
- } .select__virtualRow_1vml2 {
48
+ } .select__virtualRow_1fac2 {
49
49
  position: absolute;
50
50
  top: 0;
51
51
  left: 0;
52
52
  width: 100%
53
- } .select__virtualRow_1vml2:before {
53
+ } .select__virtualRow_1fac2:before {
54
54
  content: '';
55
55
  position: absolute;
56
56
  z-index: 1;
@@ -60,15 +60,15 @@
60
60
  height: 1px;
61
61
  background: var(--select-option-divider-background);
62
62
  display: var(--select-option-divider-display);
63
- } .select__virtualRow_1vml2:first-child:before {
63
+ } .select__virtualRow_1fac2:first-child:before {
64
64
  display: none;
65
- } .select__highlighted_1vml2:before,
66
- .select__highlighted_1vml2 + .select__virtualRow_1vml2:before {
65
+ } .select__highlighted_1fac2:before,
66
+ .select__highlighted_1fac2 + .select__virtualRow_1fac2:before {
67
67
  display: none;
68
- } .select__emptyPlaceholder_1vml2 {
68
+ } .select__emptyPlaceholder_1fac2 {
69
69
  padding: var(--gap-m) var(--gap-s);
70
70
  color: var(--select-options-list-empty-placeholder-color);
71
- } .select__l_1vml2 .select__emptyPlaceholder_1vml2,
72
- .select__xl_1vml2 .select__emptyPlaceholder_1vml2 {
71
+ } .select__l_1fac2 .select__emptyPlaceholder_1fac2,
72
+ .select__xl_1fac2 .select__emptyPlaceholder_1fac2 {
73
73
  padding: var(--gap-xl) var(--gap-m);
74
74
  }
@@ -0,0 +1,169 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
4
+ import { NavigationBarProps } from "./types-ebda875c";
5
+ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
6
+ /**
7
+ * Текст после иконки
8
+ */
9
+ text?: string;
10
+ /**
11
+ * Дополнительный класс
12
+ */
13
+ className?: string;
14
+ /**
15
+ * Вид компонента
16
+ */
17
+ view: "mobile" | "desktop";
18
+ /**
19
+ * Прозрачность текста
20
+ */
21
+ textOpacity?: number;
22
+ /**
23
+ * Обработчик клика
24
+ */
25
+ onClick?: () => void;
26
+ }
27
+ declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
28
+ declare const colors: readonly [
29
+ "tertiary",
30
+ "disabled",
31
+ "accent",
32
+ "primary",
33
+ "attention",
34
+ "positive",
35
+ "secondary",
36
+ "tertiary-inverted",
37
+ "primary-inverted",
38
+ "secondary-inverted",
39
+ "link",
40
+ "negative",
41
+ "static-primary-light",
42
+ "static-secondary-light",
43
+ "static-tertiary-light",
44
+ "static-primary-dark",
45
+ "static-secondary-dark",
46
+ "static-tertiary-dark",
47
+ "static-accent"
48
+ ];
49
+ type Color = (typeof colors)[number];
50
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
51
+ type NativeProps = HTMLAttributes<HTMLSpanElement>;
52
+ type TextBaseProps = {
53
+ /**
54
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
55
+ */
56
+ view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
57
+ /**
58
+ * Цвет текста
59
+ */
60
+ color?: Color;
61
+ /**
62
+ * Толщина шрифта
63
+ */
64
+ weight?: "regular" | "medium" | "bold";
65
+ /**
66
+ * Делает цифры моноширинными
67
+ */
68
+ monospaceNumbers?: boolean;
69
+ /**
70
+ * HTML тег
71
+ */
72
+ tag?: "span" | "div";
73
+ /**
74
+ * Css-класс для стилизации (native prop)
75
+ */
76
+ className?: string;
77
+ /**
78
+ * Id компонента для тестов
79
+ */
80
+ dataTestId?: string;
81
+ /**
82
+ * Контент (native prop)
83
+ */
84
+ children?: React.ReactNode;
85
+ /**
86
+ * Добавляет отступы к тэгу 'p'
87
+ */
88
+ defaultMargins?: never;
89
+ /**
90
+ * Количество строк (не поддерживает IE)
91
+ */
92
+ rowLimit?: 1 | 2 | 3;
93
+ };
94
+ type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
95
+ tag?: "p";
96
+ defaultMargins?: boolean;
97
+ };
98
+ type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
99
+ type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
100
+ type TitleProps = Omit<NativeProps$0, "color"> & {
101
+ /**
102
+ * HTML тег
103
+ */
104
+ tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
105
+ /**
106
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
107
+ */
108
+ view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
109
+ /**
110
+ * Цвет текста
111
+ */
112
+ color?: Color;
113
+ /**
114
+ * Толщина шрифта
115
+ */
116
+ weight?: "regular" | "medium" | "bold";
117
+ /**
118
+ * Шрифт текста
119
+ */
120
+ font?: "styrene" | "system";
121
+ /**
122
+ * Добавляет отступы
123
+ */
124
+ defaultMargins?: boolean;
125
+ /**
126
+ * Css-класс для стилизации (native prop)
127
+ */
128
+ className?: string;
129
+ /**
130
+ * Id компонента для тестов
131
+ */
132
+ dataTestId?: string;
133
+ /**
134
+ * Контент (native prop)
135
+ */
136
+ children?: React.ReactNode;
137
+ /**
138
+ * Количество строк (не поддерживает IE)
139
+ */
140
+ rowLimit?: 1 | 2 | 3;
141
+ };
142
+ type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
143
+ declare const Typography: {
144
+ Title: FC<TitleProps>;
145
+ Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
146
+ TitleResponsive: FC<TitleProps>;
147
+ TitleMobile: FC<TitleMobileProps>;
148
+ };
149
+ declare const typographyPresets: {
150
+ mobile: {
151
+ list: {
152
+ text: {
153
+ primary: {
154
+ tag: string;
155
+ view: string;
156
+ };
157
+ secondary: {
158
+ tag: string;
159
+ color: string;
160
+ view: string;
161
+ };
162
+ };
163
+ };
164
+ };
165
+ };
166
+ declare const TitleResponsive: FC<TitleProps>;
167
+ declare const NavigationBar: FC<NavigationBarProps>;
168
+ export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
169
+ export type { TitleProps, TextProps, Color };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { BaseSelectProps } from "./typings";
4
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
4
5
  declare const BaseSelect: React.ForwardRefExoticComponent<BaseSelectProps & React.RefAttributes<unknown>>;
5
- export { BaseSelect };
6
+ export { getDataTestId, BaseSelect };
@@ -159,7 +159,9 @@ var BaseSelect = React.forwardRef(function (_a, ref) {
159
159
  }
160
160
  };
161
161
  var handleNativeSelectChange = React.useCallback(function (event) {
162
- setSelectedItems(tslib.__spreadArray([], event.target.options, true).reduce(function (acc, option, index) {
162
+ setSelectedItems(
163
+ // eslint-disable-next-line
164
+ tslib.__spreadArray([], event.target.options, true).reduce(function (acc, option, index) {
163
165
  return option.selected ? acc.concat(flatOptions[index]) : acc;
164
166
  }, []));
165
167
  }, [flatOptions, setSelectedItems]);
@@ -0,0 +1,142 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { ReactNode, FC } from "react";
4
+ import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
5
+ import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
6
+ import { BaseModalProps, BaseModalContext } from "@alfalab/core-components-base-modal";
7
+ import { NavigationBarProps } from "./types-ebda875c";
8
+ type AdditionalMobileProps = {
9
+ /**
10
+ * Футер
11
+ * @deprecated Используйте bottomSheetProps.actionButton
12
+ */
13
+ footer?: ReactNode;
14
+ /**
15
+ * Будет ли свайпаться шторка
16
+ * @deprecated Используйте bottomSheetProps.swipeable
17
+ */
18
+ swipeable?: boolean;
19
+ /**
20
+ * Дополнительные пропсы шторки
21
+ */
22
+ bottomSheetProps?: Partial<BottomSheetProps>;
23
+ };
24
+ type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
25
+ declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
26
+ type SelectMobileProps$0 = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
27
+ /**
28
+ * Футер
29
+ * @deprecated Используйте bottomSheetProps.actionButton
30
+ */
31
+ footer?: ReactNode;
32
+ /**
33
+ * Будет ли свайпаться шторка
34
+ * @deprecated Используйте bottomSheetProps.swipeable
35
+ */
36
+ swipeable?: boolean;
37
+ /**
38
+ * Отображать в BottomSheet
39
+ */
40
+ isBottomSheet?: boolean;
41
+ /**
42
+ * Дополнительные пропсы шторки
43
+ */
44
+ bottomSheetProps?: Partial<BottomSheetProps>;
45
+ };
46
+ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
47
+ footer?: ReactNode;
48
+ swipeable?: boolean | undefined;
49
+ isBottomSheet?: boolean | undefined;
50
+ bottomSheetProps?: Partial<BottomSheetProps> | undefined;
51
+ } & React.RefAttributes<unknown>>;
52
+ declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
53
+ showClear?: boolean | undefined;
54
+ onClose?: (() => void) | undefined;
55
+ selectedDraft?: OptionShape[] | undefined;
56
+ OptionsList?: React.FC<OptionsListProps & React.RefAttributes<unknown>> | undefined;
57
+ } & React.RefAttributes<unknown>>;
58
+ type ModalDesktopProps = BaseModalProps & {
59
+ /**
60
+ * Ширина модального окна
61
+ * @default "m"
62
+ */
63
+ size?: "s" | "m" | "l" | "xl" | "fullscreen";
64
+ /**
65
+ * Растягивает модальное окно на весь экран
66
+ * @deprecated Используйте размер fullscreen
67
+ */
68
+ fullscreen?: boolean;
69
+ /**
70
+ * Фиксирует позицию модального окна после открытия,
71
+ * предотвращая скачки, если контент внутри будет меняться
72
+ */
73
+ fixedPosition?: boolean;
74
+ /**
75
+ * Управление наличием закрывающего крестика
76
+ * @default false
77
+ */
78
+ hasCloser?: boolean;
79
+ };
80
+ type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
81
+ type View = "desktop" | "mobile";
82
+ type TResponsiveModalContext = {
83
+ view: View;
84
+ size: NonNullable<ModalDesktopProps["size"]>;
85
+ };
86
+ type ContentProps = {
87
+ /**
88
+ * Контент
89
+ */
90
+ children?: ReactNode;
91
+ /**
92
+ * Дополнительный класс
93
+ */
94
+ className?: string;
95
+ /**
96
+ * Растягивает контент на всю высоту
97
+ */
98
+ flex?: boolean;
99
+ };
100
+ type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
101
+ type FooterProps = {
102
+ /**
103
+ * Контент футера
104
+ */
105
+ children?: ReactNode;
106
+ /**
107
+ * Дополнительный класс
108
+ */
109
+ className?: string;
110
+ /**
111
+ * Фиксирует футер
112
+ */
113
+ sticky?: boolean;
114
+ /**
115
+ * Выравнивание элементов футера
116
+ */
117
+ layout?: "start" | "center" | "space-between" | "column";
118
+ /**
119
+ * Отступы между элементами футера
120
+ */
121
+ gap?: 16 | 24 | 32;
122
+ };
123
+ declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
124
+ Content: React.FC<ContentProps>;
125
+ Header: React.FC<HeaderProps>;
126
+ Footer: React.FC<FooterProps>;
127
+ Closer: React.FC<CloserProps>;
128
+ };
129
+ declare const Content: FC<ContentProps>;
130
+ declare const Modal: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
131
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
132
+ fullscreen?: boolean | undefined;
133
+ fixedPosition?: boolean | undefined;
134
+ hasCloser?: boolean | undefined;
135
+ } & {
136
+ view: View;
137
+ } & React.RefAttributes<HTMLDivElement>>;
138
+ declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
139
+ declare const ModalContext: import("react").Context<BaseModalContext>;
140
+ type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'>;
141
+ declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
142
+ export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, SelectModalMobileProps, SelectModalMobile };
@@ -9,7 +9,7 @@ var downshift = require('downshift');
9
9
  var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet/cssm');
10
10
  var mobile = require('@alfalab/core-components-modal/cssm/mobile');
11
11
  require('./Component.js');
12
- var components_baseSelect_Component = require('./Component-1481ef6b.js');
12
+ var components_baseSelect_Component = require('./Component-aaa9f3a7.js');
13
13
  var components_field_Component = require('./components/field/Component.js');
14
14
  var components_optgroup_Component = require('./components/optgroup/Component.js');
15
15
  var components_option_Component = require('./components/option/Component.js');
package/cssm/Component.js CHANGED
@@ -3,7 +3,7 @@
3
3
  var tslib = require('tslib');
4
4
  var React = require('react');
5
5
  var components_arrow_Component = require('./components/arrow/Component.js');
6
- var components_baseSelect_Component = require('./Component-1481ef6b.js');
6
+ var components_baseSelect_Component = require('./Component-aaa9f3a7.js');
7
7
  var components_field_Component = require('./components/field/Component.js');
8
8
  var components_optgroup_Component = require('./components/optgroup/Component.js');
9
9
  var components_option_Component = require('./components/option/Component.js');
@@ -7,8 +7,8 @@ var Component = require('./Component.js');
7
7
  require('classnames');
8
8
  require('@alfalab/icons-glyph/ChevronDownMIcon');
9
9
  require('./components/arrow/index.module.css');
10
- require('./Component-1481ef6b.js');
11
- var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-8f0723b4.js');
10
+ require('./Component-aaa9f3a7.js');
11
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-e9709f88.js');
12
12
  require('@alfalab/core-components-form-control/cssm');
13
13
  require('./components/field/index.module.css');
14
14
  require('./components/optgroup/index.module.css');
@@ -8,7 +8,7 @@ require('classnames');
8
8
  require('downshift');
9
9
  require('@alfalab/core-components-popover/cssm');
10
10
  require('@alfalab/hooks');
11
- var components_baseSelect_Component = require('../../Component-1481ef6b.js');
11
+ var components_baseSelect_Component = require('../../Component-aaa9f3a7.js');
12
12
  require('../../utils.js');
13
13
  require('../native-select/Component.js');
14
14
  require('./index.module.css');
@@ -1 +1 @@
1
- export * from "../../Component-1481ef6b";
1
+ export * from "../../Component-aaa9f3a7";
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_baseSelect_Component = require('../../Component-1481ef6b.js');
3
+ var components_baseSelect_Component = require('../../Component-aaa9f3a7.js');
4
4
  require('tslib');
5
5
  require('react');
6
6
  require('react-merge-refs');
@@ -9,8 +9,8 @@ require('@alfalab/core-components-bottom-sheet/cssm');
9
9
  require('@alfalab/core-components-modal/cssm/mobile');
10
10
  require('../../Component.js');
11
11
  require('../arrow/Component.js');
12
- require('../../Component-1481ef6b.js');
13
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
12
+ require('../../Component-aaa9f3a7.js');
13
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e9709f88.js');
14
14
  require('../field/Component.js');
15
15
  require('../optgroup/Component.js');
16
16
  require('../option/Component.js');
@@ -1 +1 @@
1
- export * from "../../Component-8f0723b4";
1
+ export * from "../../Component-e9709f88";
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
3
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e9709f88.js');
4
4
  require('tslib');
5
5
  require('react');
6
6
  require('../arrow/Component.js');
@@ -12,7 +12,7 @@ require('downshift');
12
12
  require('@alfalab/core-components-bottom-sheet/cssm');
13
13
  require('@alfalab/core-components-modal/cssm/mobile');
14
14
  require('../../Component.js');
15
- require('../../Component-1481ef6b.js');
15
+ require('../../Component-aaa9f3a7.js');
16
16
  require('@juggle/resize-observer');
17
17
  require('@alfalab/core-components-popover/cssm');
18
18
  require('@alfalab/hooks');
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
3
  var components_arrow_Component = require('./arrow/Component.js');
4
- var components_baseSelect_Component = require('../Component-1481ef6b.js');
5
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-8f0723b4.js');
4
+ var components_baseSelect_Component = require('../Component-aaa9f3a7.js');
5
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-e9709f88.js');
6
6
  var components_field_Component = require('./field/Component.js');
7
7
  var components_optgroup_Component = require('./optgroup/Component.js');
8
8
  var components_option_Component = require('./option/Component.js');
@@ -3,7 +3,7 @@
3
3
  require('tslib');
4
4
  require('react');
5
5
  require('../arrow/Component.js');
6
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
6
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e9709f88.js');
7
7
  require('../field/Component.js');
8
8
  require('../optgroup/Component.js');
9
9
  require('../option/Component.js');
@@ -15,7 +15,7 @@ require('downshift');
15
15
  require('@alfalab/core-components-bottom-sheet/cssm');
16
16
  require('@alfalab/core-components-modal/cssm/mobile');
17
17
  require('../../Component.js');
18
- require('../../Component-1481ef6b.js');
18
+ require('../../Component-aaa9f3a7.js');
19
19
  require('@juggle/resize-observer');
20
20
  require('@alfalab/core-components-popover/cssm');
21
21
  require('@alfalab/hooks');
@@ -1 +1 @@
1
- export * from "../../Component-8f0723b4";
1
+ export * from "../../Component-e9709f88";
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
3
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e9709f88.js');
4
4
  require('tslib');
5
5
  require('react');
6
6
  require('../arrow/Component.js');
@@ -12,7 +12,7 @@ require('downshift');
12
12
  require('@alfalab/core-components-bottom-sheet/cssm');
13
13
  require('@alfalab/core-components-modal/cssm/mobile');
14
14
  require('../../Component.js');
15
- require('../../Component-1481ef6b.js');
15
+ require('../../Component-aaa9f3a7.js');
16
16
  require('@juggle/resize-observer');
17
17
  require('@alfalab/core-components-popover/cssm');
18
18
  require('@alfalab/hooks');
@@ -3,7 +3,7 @@
3
3
  require('tslib');
4
4
  require('react');
5
5
  require('../arrow/Component.js');
6
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
6
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e9709f88.js');
7
7
  require('../field/Component.js');
8
8
  require('../optgroup/Component.js');
9
9
  require('../option/Component.js');
@@ -15,7 +15,7 @@ require('downshift');
15
15
  require('@alfalab/core-components-bottom-sheet/cssm');
16
16
  require('@alfalab/core-components-modal/cssm/mobile');
17
17
  require('../../Component.js');
18
- require('../../Component-1481ef6b.js');
18
+ require('../../Component-aaa9f3a7.js');
19
19
  require('@juggle/resize-observer');
20
20
  require('@alfalab/core-components-popover/cssm');
21
21
  require('@alfalab/hooks');
@@ -1 +1 @@
1
- export * from "../../Component-8f0723b4";
1
+ export * from "../../Component-e9709f88";
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-8f0723b4.js');
3
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e9709f88.js');
4
4
  require('tslib');
5
5
  require('react');
6
6
  require('../arrow/Component.js');
@@ -12,7 +12,7 @@ require('downshift');
12
12
  require('@alfalab/core-components-bottom-sheet/cssm');
13
13
  require('@alfalab/core-components-modal/cssm/mobile');
14
14
  require('../../Component.js');
15
- require('../../Component-1481ef6b.js');
15
+ require('../../Component-aaa9f3a7.js');
16
16
  require('@juggle/resize-observer');
17
17
  require('@alfalab/core-components-popover/cssm');
18
18
  require('@alfalab/hooks');
@@ -1,3 +1,3 @@
1
1
  declare const isClient: () => boolean;
2
2
  export { isClient };
3
- export * from "./getDataTestId-3fe0d3e6";
3
+ export * from "./Component-aaa9f3a7";