@alfalab/core-components-select 13.2.10 → 13.2.12

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 (261) hide show
  1. package/{Component-d45b1eb6.d.ts → Component-4af19284.d.ts} +0 -0
  2. package/{Component-d45b1eb6.js → Component-4af19284.js} +10 -10
  3. package/{Component-4dccfbd0.d.ts → Component-989a84db.d.ts} +0 -0
  4. package/{Component-4dccfbd0.js → Component-989a84db.js} +31 -26
  5. package/Component.js +4 -4
  6. package/Component.responsive.js +7 -6
  7. package/components/arrow/Component.js +1 -1
  8. package/components/arrow/index.css +3 -3
  9. package/components/base-checkmark/Component.js +2 -3
  10. package/components/base-checkmark/index.css +4 -4
  11. package/components/base-option/Component.js +3 -3
  12. package/components/base-option/index.css +13 -13
  13. package/components/base-option/index.js +1 -1
  14. package/components/base-select/Component.js +2 -2
  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 +2 -2
  18. package/components/base-select-mobile/Component.js +5 -4
  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 +5 -4
  24. package/components/base-select-mobile/options-list/Component.js +3 -3
  25. package/components/base-select-mobile/options-list/index.css +9 -9
  26. package/components/base-select-mobile/options-list/index.js +1 -1
  27. package/components/base-select-mobile/virtual-options-list/Component.d.ts +5 -0
  28. package/components/base-select-mobile/virtual-options-list/Component.js +112 -0
  29. package/components/base-select-mobile/virtual-options-list/index.css +89 -0
  30. package/components/base-select-mobile/virtual-options-list/index.d.ts +1 -0
  31. package/components/base-select-mobile/virtual-options-list/index.js +16 -0
  32. package/components/checkmark/Component.js +1 -1
  33. package/components/checkmark/index.css +10 -10
  34. package/components/field/Component.js +4 -4
  35. package/components/field/index.css +9 -9
  36. package/components/field/index.js +1 -1
  37. package/components/index.js +5 -4
  38. package/components/native-select/Component.js +4 -4
  39. package/components/native-select/index.js +1 -1
  40. package/components/optgroup/Component.js +1 -1
  41. package/components/optgroup/index.css +6 -6
  42. package/components/option/Component.js +3 -3
  43. package/components/option/index.css +20 -20
  44. package/components/option/index.js +1 -1
  45. package/components/options-list/Component.js +5 -5
  46. package/components/options-list/index.css +6 -6
  47. package/components/options-list/index.js +1 -1
  48. package/components/select-mobile/Component.js +5 -4
  49. package/components/select-mobile/index.d.ts +1 -1
  50. package/components/select-mobile/index.js +5 -4
  51. package/components/select-modal-mobile/Component.js +5 -4
  52. package/components/select-modal-mobile/index.d.ts +1 -1
  53. package/components/select-modal-mobile/index.js +5 -4
  54. package/components/virtual-options-list/Component.js +4 -4
  55. package/components/virtual-options-list/index.css +12 -12
  56. package/components/virtual-options-list/index.js +1 -1
  57. package/cssm/{Component-d0e84442.d.ts → Component-1481ef6b.d.ts} +0 -0
  58. package/cssm/{Component-d0e84442.js → Component-1481ef6b.js} +9 -9
  59. package/cssm/{Component-29488b22.d.ts → Component-8f0723b4.d.ts} +0 -0
  60. package/cssm/{Component-29488b22.js → Component-8f0723b4.js} +28 -23
  61. package/cssm/Component.js +4 -4
  62. package/cssm/Component.responsive.js +7 -5
  63. package/cssm/components/base-checkmark/Component.js +1 -2
  64. package/cssm/components/base-option/Component.js +2 -2
  65. package/cssm/components/base-option/index.js +1 -1
  66. package/cssm/components/base-select/Component.js +2 -2
  67. package/cssm/components/base-select/index.d.ts +1 -1
  68. package/cssm/components/base-select/index.js +2 -2
  69. package/cssm/components/base-select-mobile/Component.js +5 -3
  70. package/cssm/components/base-select-mobile/index.d.ts +1 -1
  71. package/cssm/components/base-select-mobile/index.js +5 -3
  72. package/cssm/components/base-select-mobile/options-list/Component.js +2 -2
  73. package/cssm/components/base-select-mobile/options-list/index.js +1 -1
  74. package/cssm/components/base-select-mobile/virtual-options-list/Component.d.ts +5 -0
  75. package/cssm/components/base-select-mobile/virtual-options-list/Component.js +112 -0
  76. package/cssm/components/base-select-mobile/virtual-options-list/index.d.ts +1 -0
  77. package/cssm/components/base-select-mobile/virtual-options-list/index.js +18 -0
  78. package/cssm/components/base-select-mobile/virtual-options-list/index.module.css +88 -0
  79. package/cssm/components/field/Component.js +3 -3
  80. package/cssm/components/field/index.js +1 -1
  81. package/cssm/components/index.js +5 -3
  82. package/cssm/components/native-select/Component.js +4 -4
  83. package/cssm/components/native-select/index.js +1 -1
  84. package/cssm/components/option/Component.js +2 -2
  85. package/cssm/components/option/index.js +1 -1
  86. package/cssm/components/options-list/Component.js +4 -4
  87. package/cssm/components/options-list/index.js +1 -1
  88. package/cssm/components/select-mobile/Component.js +5 -3
  89. package/cssm/components/select-mobile/index.d.ts +1 -1
  90. package/cssm/components/select-mobile/index.js +5 -3
  91. package/cssm/components/select-modal-mobile/Component.js +5 -3
  92. package/cssm/components/select-modal-mobile/index.d.ts +1 -1
  93. package/cssm/components/select-modal-mobile/index.js +5 -3
  94. package/cssm/components/virtual-options-list/Component.js +3 -3
  95. package/cssm/components/virtual-options-list/index.js +1 -1
  96. package/cssm/index.js +5 -3
  97. package/cssm/presets/index.js +5 -3
  98. package/cssm/presets/useLazyLoading/hook.js +9 -9
  99. package/cssm/presets/useSelectWithApply/hook.js +5 -3
  100. package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +5 -3
  101. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  102. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +5 -3
  103. package/cssm/presets/useSelectWithLoading/hook.js +2 -2
  104. package/cssm/responsive.js +5 -3
  105. package/cssm/utils.js +1 -1
  106. package/esm/{Component-2d2efe5d.d.ts → Component-a733e47f.d.ts} +0 -0
  107. package/esm/{Component-2d2efe5d.js → Component-a733e47f.js} +2 -2
  108. package/esm/{Component-909f3a34.d.ts → Component-b674590a.d.ts} +0 -0
  109. package/esm/{Component-909f3a34.js → Component-b674590a.js} +15 -10
  110. package/esm/Component.js +2 -2
  111. package/esm/Component.responsive.js +5 -4
  112. package/esm/components/arrow/Component.js +1 -1
  113. package/esm/components/arrow/index.css +3 -3
  114. package/esm/components/base-checkmark/Component.js +2 -3
  115. package/esm/components/base-checkmark/index.css +4 -4
  116. package/esm/components/base-option/Component.js +2 -2
  117. package/esm/components/base-option/index.css +13 -13
  118. package/esm/components/base-option/index.js +1 -1
  119. package/esm/components/base-select/Component.js +2 -2
  120. package/esm/components/base-select/index.css +7 -7
  121. package/esm/components/base-select/index.d.ts +1 -1
  122. package/esm/components/base-select/index.js +2 -2
  123. package/esm/components/base-select-mobile/Component.js +5 -4
  124. package/esm/components/base-select-mobile/checkmark/Component.js +1 -1
  125. package/esm/components/base-select-mobile/checkmark/index.css +6 -6
  126. package/esm/components/base-select-mobile/index.css +11 -11
  127. package/esm/components/base-select-mobile/index.d.ts +1 -1
  128. package/esm/components/base-select-mobile/index.js +5 -4
  129. package/esm/components/base-select-mobile/options-list/Component.js +2 -2
  130. package/esm/components/base-select-mobile/options-list/index.css +9 -9
  131. package/esm/components/base-select-mobile/options-list/index.js +1 -1
  132. package/esm/components/base-select-mobile/virtual-options-list/Component.d.ts +5 -0
  133. package/esm/components/base-select-mobile/virtual-options-list/Component.js +105 -0
  134. package/esm/components/base-select-mobile/virtual-options-list/index.css +89 -0
  135. package/esm/components/base-select-mobile/virtual-options-list/index.d.ts +1 -0
  136. package/esm/components/base-select-mobile/virtual-options-list/index.js +10 -0
  137. package/esm/components/checkmark/Component.js +1 -1
  138. package/esm/components/checkmark/index.css +10 -10
  139. package/esm/components/field/Component.js +2 -2
  140. package/esm/components/field/index.css +9 -9
  141. package/esm/components/field/index.js +1 -1
  142. package/esm/components/index.js +5 -4
  143. package/esm/components/native-select/Component.js +1 -1
  144. package/esm/components/native-select/index.js +1 -1
  145. package/esm/components/optgroup/Component.js +1 -1
  146. package/esm/components/optgroup/index.css +6 -6
  147. package/esm/components/option/Component.js +2 -2
  148. package/esm/components/option/index.css +20 -20
  149. package/esm/components/option/index.js +1 -1
  150. package/esm/components/options-list/Component.js +2 -2
  151. package/esm/components/options-list/index.css +6 -6
  152. package/esm/components/options-list/index.js +1 -1
  153. package/esm/components/select-mobile/Component.js +5 -4
  154. package/esm/components/select-mobile/index.d.ts +1 -1
  155. package/esm/components/select-mobile/index.js +5 -4
  156. package/esm/components/select-modal-mobile/Component.js +5 -4
  157. package/esm/components/select-modal-mobile/index.d.ts +1 -1
  158. package/esm/components/select-modal-mobile/index.js +5 -4
  159. package/esm/components/virtual-options-list/Component.js +2 -2
  160. package/esm/components/virtual-options-list/index.css +12 -12
  161. package/esm/components/virtual-options-list/index.js +1 -1
  162. package/esm/index.js +5 -4
  163. package/esm/{intersection-observer-eebe1d7d.d.ts → intersection-observer-de8255b2.d.ts} +0 -0
  164. package/esm/{intersection-observer-eebe1d7d.js → intersection-observer-de8255b2.js} +0 -0
  165. package/esm/presets/index.js +5 -4
  166. package/esm/presets/useLazyLoading/hook.js +3 -3
  167. package/esm/presets/useLazyLoading/index.css +2 -2
  168. package/esm/presets/useSelectWithApply/hook.js +5 -4
  169. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +5 -4
  170. package/esm/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  171. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  172. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +5 -4
  173. package/esm/presets/useSelectWithLoading/hook.js +2 -2
  174. package/esm/presets/useSelectWithLoading/index.css +2 -2
  175. package/esm/responsive.js +5 -4
  176. package/esm/utils.js +1 -1
  177. package/index.js +5 -4
  178. package/{intersection-observer-0845add3.d.ts → intersection-observer-230e176d.d.ts} +0 -0
  179. package/{intersection-observer-0845add3.js → intersection-observer-230e176d.js} +0 -0
  180. package/modern/{Component-79964ac6.d.ts → Component-01c0d01a.d.ts} +0 -0
  181. package/modern/{Component-79964ac6.js → Component-01c0d01a.js} +14 -9
  182. package/modern/{Component-2a37a356.d.ts → Component-228a3435.d.ts} +0 -0
  183. package/modern/{Component-2a37a356.js → Component-228a3435.js} +1 -1
  184. package/modern/Component.js +1 -1
  185. package/modern/Component.responsive.js +4 -3
  186. package/modern/components/arrow/Component.js +1 -1
  187. package/modern/components/arrow/index.css +3 -3
  188. package/modern/components/base-checkmark/Component.js +2 -3
  189. package/modern/components/base-checkmark/index.css +4 -4
  190. package/modern/components/base-option/Component.js +1 -1
  191. package/modern/components/base-option/index.css +13 -13
  192. package/modern/components/base-select/Component.js +1 -1
  193. package/modern/components/base-select/index.css +7 -7
  194. package/modern/components/base-select/index.d.ts +1 -1
  195. package/modern/components/base-select/index.js +1 -1
  196. package/modern/components/base-select-mobile/Component.js +4 -3
  197. package/modern/components/base-select-mobile/checkmark/Component.js +1 -1
  198. package/modern/components/base-select-mobile/checkmark/index.css +6 -6
  199. package/modern/components/base-select-mobile/index.css +11 -11
  200. package/modern/components/base-select-mobile/index.d.ts +1 -1
  201. package/modern/components/base-select-mobile/index.js +4 -3
  202. package/modern/components/base-select-mobile/options-list/Component.js +1 -1
  203. package/modern/components/base-select-mobile/options-list/index.css +9 -9
  204. package/modern/components/base-select-mobile/virtual-options-list/Component.d.ts +5 -0
  205. package/modern/components/base-select-mobile/virtual-options-list/Component.js +99 -0
  206. package/modern/components/base-select-mobile/virtual-options-list/index.css +89 -0
  207. package/modern/components/base-select-mobile/virtual-options-list/index.d.ts +1 -0
  208. package/modern/components/base-select-mobile/virtual-options-list/index.js +9 -0
  209. package/modern/components/checkmark/Component.js +1 -1
  210. package/modern/components/checkmark/index.css +10 -10
  211. package/modern/components/field/Component.js +1 -1
  212. package/modern/components/field/index.css +9 -9
  213. package/modern/components/index.js +4 -3
  214. package/modern/components/optgroup/Component.js +1 -1
  215. package/modern/components/optgroup/index.css +6 -6
  216. package/modern/components/option/Component.js +1 -1
  217. package/modern/components/option/index.css +20 -20
  218. package/modern/components/options-list/Component.js +1 -1
  219. package/modern/components/options-list/index.css +6 -6
  220. package/modern/components/select-mobile/Component.js +4 -3
  221. package/modern/components/select-mobile/index.d.ts +1 -1
  222. package/modern/components/select-mobile/index.js +4 -3
  223. package/modern/components/select-modal-mobile/Component.js +4 -3
  224. package/modern/components/select-modal-mobile/index.d.ts +1 -1
  225. package/modern/components/select-modal-mobile/index.js +4 -3
  226. package/modern/components/virtual-options-list/Component.js +1 -1
  227. package/modern/components/virtual-options-list/index.css +12 -12
  228. package/modern/index.js +4 -3
  229. package/modern/{intersection-observer-eebe1d7d.d.ts → intersection-observer-de8255b2.d.ts} +0 -0
  230. package/modern/{intersection-observer-eebe1d7d.js → intersection-observer-de8255b2.js} +0 -0
  231. package/modern/presets/index.js +4 -3
  232. package/modern/presets/useLazyLoading/hook.js +2 -2
  233. package/modern/presets/useLazyLoading/index.css +2 -2
  234. package/modern/presets/useSelectWithApply/hook.js +4 -3
  235. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +4 -3
  236. package/modern/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  237. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  238. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +4 -3
  239. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  240. package/modern/presets/useSelectWithLoading/index.css +2 -2
  241. package/modern/responsive.js +4 -3
  242. package/modern/utils.js +1 -1
  243. package/package.json +14 -13
  244. package/presets/index.js +5 -4
  245. package/presets/useLazyLoading/hook.js +11 -11
  246. package/presets/useLazyLoading/index.css +2 -2
  247. package/presets/useSelectWithApply/hook.js +5 -4
  248. package/presets/useSelectWithApply/options-list-with-apply/Component.js +5 -4
  249. package/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  250. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  251. package/presets/useSelectWithApply/options-list-with-apply/index.js +5 -4
  252. package/presets/useSelectWithLoading/hook.js +3 -3
  253. package/presets/useSelectWithLoading/index.css +2 -2
  254. package/responsive.js +5 -4
  255. package/utils.js +1 -1
  256. package/cssm/tslib.es6-0e9bf404.d.ts +0 -36
  257. package/cssm/tslib.es6-0e9bf404.js +0 -54
  258. package/esm/tslib.es6-00fefe9b.d.ts +0 -36
  259. package/esm/tslib.es6-00fefe9b.js +0 -51
  260. package/tslib.es6-ade45ad3.d.ts +0 -36
  261. package/tslib.es6-ade45ad3.js +0 -54
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../../tslib.es6-00fefe9b.js';
1
+ import { __assign } from 'tslib';
2
2
  import React, { forwardRef, useRef } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
@@ -7,7 +7,7 @@ import { useMedia } from '@alfalab/hooks';
7
7
  import { useVisibleOptions, isGroup } from '../../utils.js';
8
8
  import { Optgroup } from '../optgroup/Component.js';
9
9
 
10
- var styles = {"optionsList":"select__optionsList_1osor","scrollable":"select__scrollable_1osor","emptyPlaceholder":"select__emptyPlaceholder_1osor","l":"select__l_1osor","xl":"select__xl_1osor"};
10
+ var styles = {"optionsList":"select__optionsList_rhvj0","scrollable":"select__scrollable_rhvj0","emptyPlaceholder":"select__emptyPlaceholder_rhvj0","l":"select__l_rhvj0","xl":"select__xl_rhvj0"};
11
11
  require('./index.css')
12
12
 
13
13
  var createCounter = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 13amv */
1
+ /* hash: 11nou */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -28,18 +28,18 @@
28
28
  /* checkmark */
29
29
 
30
30
  /* optgroup */
31
- } .select__optionsList_1osor {
31
+ } .select__optionsList_rhvj0 {
32
32
  overflow: auto;
33
33
  width: 100%;
34
34
  outline: none;
35
35
  box-sizing: border-box;
36
- } .select__scrollable_1osor {
36
+ } .select__scrollable_rhvj0 {
37
37
  overflow: auto;
38
38
  width: 100%;
39
- } .select__emptyPlaceholder_1osor {
39
+ } .select__emptyPlaceholder_rhvj0 {
40
40
  padding: var(--gap-m) var(--gap-s);
41
41
  color: var(--select-options-list-empty-placeholder-color);
42
- } .select__l_1osor .select__emptyPlaceholder_1osor,
43
- .select__xl_1osor .select__emptyPlaceholder_1osor {
42
+ } .select__l_rhvj0 .select__emptyPlaceholder_rhvj0,
43
+ .select__xl_rhvj0 .select__emptyPlaceholder_rhvj0 {
44
44
  padding: var(--gap-xl) var(--gap-m);
45
45
  }
@@ -1,5 +1,5 @@
1
1
  export { OptionsList } from './Component.js';
2
- import '../../tslib.es6-00fefe9b.js';
2
+ import 'tslib';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
@@ -1,7 +1,7 @@
1
- import '../../tslib.es6-00fefe9b.js';
1
+ import 'tslib';
2
2
  import 'react';
3
3
  import '../arrow/Component.js';
4
- export { S as SelectMobile } from '../../Component-909f3a34.js';
4
+ export { S as SelectMobile } from '../../Component-b674590a.js';
5
5
  import '../field/Component.js';
6
6
  import '../optgroup/Component.js';
7
7
  import '../option/Component.js';
@@ -12,7 +12,7 @@ import 'downshift';
12
12
  import '@alfalab/core-components-bottom-sheet/esm';
13
13
  import '@alfalab/core-components-modal/esm/mobile';
14
14
  import '../../Component.js';
15
- import '../../Component-2d2efe5d.js';
15
+ import '../../Component-a733e47f.js';
16
16
  import '@juggle/resize-observer';
17
17
  import '@alfalab/core-components-popover/esm';
18
18
  import '@alfalab/hooks';
@@ -31,7 +31,8 @@ import 'react-virtual';
31
31
  import '../base-option/Component.js';
32
32
  import '../base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/esm';
34
- import '../../intersection-observer-eebe1d7d.js';
34
+ import '../../intersection-observer-de8255b2.js';
35
35
  import '@alfalab/core-components-button/esm';
36
36
  import '../base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/esm';
38
+ import '../base-select-mobile/virtual-options-list/Component.js';
@@ -1 +1 @@
1
- export * from "../../Component-909f3a34";
1
+ export * from "../../Component-b674590a";
@@ -1,5 +1,5 @@
1
- export { S as SelectMobile } from '../../Component-909f3a34.js';
2
- import '../../tslib.es6-00fefe9b.js';
1
+ export { S as SelectMobile } from '../../Component-b674590a.js';
2
+ import 'tslib';
3
3
  import 'react';
4
4
  import '../arrow/Component.js';
5
5
  import 'classnames';
@@ -9,7 +9,7 @@ import 'downshift';
9
9
  import '@alfalab/core-components-bottom-sheet/esm';
10
10
  import '@alfalab/core-components-modal/esm/mobile';
11
11
  import '../../Component.js';
12
- import '../../Component-2d2efe5d.js';
12
+ import '../../Component-a733e47f.js';
13
13
  import '@juggle/resize-observer';
14
14
  import '@alfalab/core-components-popover/esm';
15
15
  import '@alfalab/hooks';
@@ -31,7 +31,8 @@ import 'react-virtual';
31
31
  import '../base-option/Component.js';
32
32
  import '../base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/esm';
34
- import '../../intersection-observer-eebe1d7d.js';
34
+ import '../../intersection-observer-de8255b2.js';
35
35
  import '@alfalab/core-components-button/esm';
36
36
  import '../base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/esm';
38
+ import '../base-select-mobile/virtual-options-list/Component.js';
@@ -1,7 +1,7 @@
1
- import '../../tslib.es6-00fefe9b.js';
1
+ import 'tslib';
2
2
  import 'react';
3
3
  import '../arrow/Component.js';
4
- export { a as SelectModalMobile } from '../../Component-909f3a34.js';
4
+ export { a as SelectModalMobile } from '../../Component-b674590a.js';
5
5
  import '../field/Component.js';
6
6
  import '../optgroup/Component.js';
7
7
  import '../option/Component.js';
@@ -12,7 +12,7 @@ import 'downshift';
12
12
  import '@alfalab/core-components-bottom-sheet/esm';
13
13
  import '@alfalab/core-components-modal/esm/mobile';
14
14
  import '../../Component.js';
15
- import '../../Component-2d2efe5d.js';
15
+ import '../../Component-a733e47f.js';
16
16
  import '@juggle/resize-observer';
17
17
  import '@alfalab/core-components-popover/esm';
18
18
  import '@alfalab/hooks';
@@ -31,7 +31,8 @@ import 'react-virtual';
31
31
  import '../base-option/Component.js';
32
32
  import '../base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/esm';
34
- import '../../intersection-observer-eebe1d7d.js';
34
+ import '../../intersection-observer-de8255b2.js';
35
35
  import '@alfalab/core-components-button/esm';
36
36
  import '../base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/esm';
38
+ import '../base-select-mobile/virtual-options-list/Component.js';
@@ -1 +1 @@
1
- export * from "../../Component-909f3a34";
1
+ export * from "../../Component-b674590a";
@@ -1,5 +1,5 @@
1
- export { a as SelectModalMobile } from '../../Component-909f3a34.js';
2
- import '../../tslib.es6-00fefe9b.js';
1
+ export { a as SelectModalMobile } from '../../Component-b674590a.js';
2
+ import 'tslib';
3
3
  import 'react';
4
4
  import '../arrow/Component.js';
5
5
  import 'classnames';
@@ -9,7 +9,7 @@ import 'downshift';
9
9
  import '@alfalab/core-components-bottom-sheet/esm';
10
10
  import '@alfalab/core-components-modal/esm/mobile';
11
11
  import '../../Component.js';
12
- import '../../Component-2d2efe5d.js';
12
+ import '../../Component-a733e47f.js';
13
13
  import '@juggle/resize-observer';
14
14
  import '@alfalab/core-components-popover/esm';
15
15
  import '@alfalab/hooks';
@@ -31,7 +31,8 @@ import 'react-virtual';
31
31
  import '../base-option/Component.js';
32
32
  import '../base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/esm';
34
- import '../../intersection-observer-eebe1d7d.js';
34
+ import '../../intersection-observer-de8255b2.js';
35
35
  import '@alfalab/core-components-button/esm';
36
36
  import '../base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/esm';
38
+ import '../base-select-mobile/virtual-options-list/Component.js';
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../../tslib.es6-00fefe9b.js';
1
+ import { __assign } from 'tslib';
2
2
  import React, { useRef, useState, useEffect, useMemo } from 'react';
3
3
  import { useVirtual } from 'react-virtual';
4
4
  import cn from 'classnames';
@@ -7,7 +7,7 @@ import { useMedia } from '@alfalab/hooks';
7
7
  import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
8
8
  import { Optgroup } from '../optgroup/Component.js';
9
9
 
10
- var styles = {"virtualOptionsList":"select__virtualOptionsList_1knkb","scrollable":"select__scrollable_1knkb","inner":"select__inner_1knkb","virtualRow":"select__virtualRow_1knkb","highlighted":"select__highlighted_1knkb","emptyPlaceholder":"select__emptyPlaceholder_1knkb","l":"select__l_1knkb","xl":"select__xl_1knkb"};
10
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_1961r","scrollable":"select__scrollable_1961r","inner":"select__inner_1961r","virtualRow":"select__virtualRow_1961r","highlighted":"select__highlighted_1961r","emptyPlaceholder":"select__emptyPlaceholder_1961r","l":"select__l_1961r","xl":"select__xl_1961r"};
11
11
  require('./index.css')
12
12
 
13
13
  /* eslint-disable react-hooks/exhaustive-deps */
@@ -1,4 +1,4 @@
1
- /* hash: 12mr5 */
1
+ /* hash: 12v5e */
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_1knkb {
37
+ } .select__virtualOptionsList_1961r {
38
38
  width: 100%;
39
39
  outline: none;
40
40
  box-sizing: border-box;
41
41
  position: relative;
42
- } .select__scrollable_1knkb {
42
+ } .select__scrollable_1961r {
43
43
  overflow: auto;
44
44
  width: 100%;
45
- } .select__inner_1knkb {
45
+ } .select__inner_1961r {
46
46
  position: relative;
47
47
  width: 100%;
48
- } .select__virtualRow_1knkb {
48
+ } .select__virtualRow_1961r {
49
49
  position: absolute;
50
50
  top: 0;
51
51
  left: 0;
52
52
  width: 100%
53
- } .select__virtualRow_1knkb:before {
53
+ } .select__virtualRow_1961r: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_1knkb:first-child:before {
63
+ } .select__virtualRow_1961r:first-child:before {
64
64
  display: none;
65
- } .select__highlighted_1knkb:before,
66
- .select__highlighted_1knkb + .select__virtualRow_1knkb:before {
65
+ } .select__highlighted_1961r:before,
66
+ .select__highlighted_1961r + .select__virtualRow_1961r:before {
67
67
  display: none;
68
- } .select__emptyPlaceholder_1knkb {
68
+ } .select__emptyPlaceholder_1961r {
69
69
  padding: var(--gap-m) var(--gap-s);
70
70
  color: var(--select-options-list-empty-placeholder-color);
71
- } .select__l_1knkb .select__emptyPlaceholder_1knkb,
72
- .select__xl_1knkb .select__emptyPlaceholder_1knkb {
71
+ } .select__l_1961r .select__emptyPlaceholder_1961r,
72
+ .select__xl_1961r .select__emptyPlaceholder_1961r {
73
73
  padding: var(--gap-xl) var(--gap-m);
74
74
  }
@@ -1,5 +1,5 @@
1
1
  export { VirtualOptionsList } from './Component.js';
2
- import '../../tslib.es6-00fefe9b.js';
2
+ import 'tslib';
3
3
  import 'react';
4
4
  import 'react-virtual';
5
5
  import 'classnames';
package/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export { Select } from './Component.js';
2
2
  export { Arrow } from './components/arrow/Component.js';
3
- export { B as BaseSelect } from './Component-2d2efe5d.js';
4
- export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-909f3a34.js';
3
+ export { B as BaseSelect } from './Component-a733e47f.js';
4
+ export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-b674590a.js';
5
5
  export { Field } from './components/field/Component.js';
6
6
  export { Optgroup } from './components/optgroup/Component.js';
7
7
  export { Option } from './components/option/Component.js';
@@ -11,7 +11,7 @@ export { BaseOption } from './components/base-option/Component.js';
11
11
  export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
12
12
  export { useLazyLoading } from './presets/useLazyLoading/hook.js';
13
13
  export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
14
- import './tslib.es6-00fefe9b.js';
14
+ import 'tslib';
15
15
  import 'react';
16
16
  import 'classnames';
17
17
  import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -33,8 +33,9 @@ import '@alfalab/core-components-bottom-sheet/esm';
33
33
  import '@alfalab/core-components-modal/esm/mobile';
34
34
  import 'react-virtual';
35
35
  import '@alfalab/core-components-skeleton/esm';
36
- import './intersection-observer-eebe1d7d.js';
36
+ import './intersection-observer-de8255b2.js';
37
37
  import '@alfalab/core-components-button/esm';
38
38
  import './components/base-checkmark/Component.js';
39
39
  import './components/base-select-mobile/options-list/Component.js';
40
40
  import '@alfalab/core-components-base-modal/esm';
41
+ import './components/base-select-mobile/virtual-options-list/Component.js';
@@ -1,7 +1,7 @@
1
1
  export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
2
2
  export { useLazyLoading } from './useLazyLoading/hook.js';
3
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-909f3a34.js';
4
- import '../tslib.es6-00fefe9b.js';
3
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-b674590a.js';
4
+ import 'tslib';
5
5
  import 'react';
6
6
  import '@alfalab/core-components-skeleton/esm';
7
7
  import '../components/option/Component.js';
@@ -12,7 +12,7 @@ import '../components/checkmark/Component.js';
12
12
  import '@alfalab/core-components-badge/esm';
13
13
  import '@alfalab/core-components-checkbox/esm';
14
14
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
15
- import '../intersection-observer-eebe1d7d.js';
15
+ import '../intersection-observer-de8255b2.js';
16
16
  import '../components/arrow/Component.js';
17
17
  import '@alfalab/icons-glyph/ChevronDownMIcon';
18
18
  import 'react-merge-refs';
@@ -20,7 +20,7 @@ import 'downshift';
20
20
  import '@alfalab/core-components-bottom-sheet/esm';
21
21
  import '@alfalab/core-components-modal/esm/mobile';
22
22
  import '../Component.js';
23
- import '../Component-2d2efe5d.js';
23
+ import '../Component-a733e47f.js';
24
24
  import '@juggle/resize-observer';
25
25
  import '@alfalab/core-components-popover/esm';
26
26
  import '@alfalab/hooks';
@@ -37,3 +37,4 @@ import '../components/base-checkmark/Component.js';
37
37
  import '@alfalab/core-components-button/esm';
38
38
  import '../components/base-select-mobile/options-list/Component.js';
39
39
  import '@alfalab/core-components-base-modal/esm';
40
+ import '../components/base-select-mobile/virtual-options-list/Component.js';
@@ -1,8 +1,8 @@
1
- import { b as __spreadArray, a as __assign } from '../../tslib.es6-00fefe9b.js';
1
+ import { __spreadArray, __assign } from 'tslib';
2
2
  import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
3
3
  import { Skeleton } from '@alfalab/core-components-skeleton/esm';
4
4
  import { Option } from '../../components/option/Component.js';
5
- import '../../intersection-observer-eebe1d7d.js';
5
+ import '../../intersection-observer-de8255b2.js';
6
6
  import 'classnames';
7
7
  import '../../components/base-select-mobile/checkmark/Component.js';
8
8
  import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -11,7 +11,7 @@ import '@alfalab/core-components-badge/esm';
11
11
  import '@alfalab/core-components-checkbox/esm';
12
12
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
13
13
 
14
- var styles = {"skeleton":"select__skeleton_147ki"};
14
+ var styles = {"skeleton":"select__skeleton_1hw7s"};
15
15
  require('./index.css')
16
16
 
17
17
  var DEBOUNCE_TIMEOUT = 300;
@@ -1,5 +1,5 @@
1
- /* hash: 1ai5k */
2
- .select__skeleton_147ki {
1
+ /* hash: 1k4bw */
2
+ .select__skeleton_1hw7s {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -1,10 +1,10 @@
1
- import '../../tslib.es6-00fefe9b.js';
1
+ import 'tslib';
2
2
  import 'react';
3
3
  import '../../Component.js';
4
4
  import 'classnames';
5
5
  import '@alfalab/icons-glyph/ChevronDownMIcon';
6
- import '../../Component-2d2efe5d.js';
7
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-909f3a34.js';
6
+ import '../../Component-a733e47f.js';
7
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-b674590a.js';
8
8
  import '@alfalab/core-components-form-control/esm';
9
9
  import '@alfalab/hooks';
10
10
  import '../../utils.js';
@@ -16,7 +16,7 @@ import '../../components/options-list/Component.js';
16
16
  import 'react-virtual';
17
17
  import '@alfalab/core-components-scrollbar/esm';
18
18
  import '@alfalab/core-components-skeleton/esm';
19
- import '../../intersection-observer-eebe1d7d.js';
19
+ import '../../intersection-observer-de8255b2.js';
20
20
  import '../../components/arrow/Component.js';
21
21
  import '../../components/field/Component.js';
22
22
  import '../../components/optgroup/Component.js';
@@ -35,3 +35,4 @@ import '../../components/base-checkmark/Component.js';
35
35
  import '@alfalab/core-components-button/esm';
36
36
  import '../../components/base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/esm';
38
+ import '../../components/base-select-mobile/virtual-options-list/Component.js';
@@ -1,10 +1,10 @@
1
- import '../../../tslib.es6-00fefe9b.js';
1
+ import 'tslib';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-button/esm';
5
5
  import '@alfalab/icons-glyph/ChevronDownMIcon';
6
- import '../../../Component-2d2efe5d.js';
7
- export { O as OptionsListWithApply } from '../../../Component-909f3a34.js';
6
+ import '../../../Component-a733e47f.js';
7
+ export { O as OptionsListWithApply } from '../../../Component-b674590a.js';
8
8
  import '@alfalab/core-components-form-control/esm';
9
9
  import '@alfalab/hooks';
10
10
  import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -32,6 +32,7 @@ import '../../../components/checkmark/Component.js';
32
32
  import '../../../components/base-option/Component.js';
33
33
  import '../../../components/base-checkmark/Component.js';
34
34
  import '@alfalab/core-components-skeleton/esm';
35
- import '../../../intersection-observer-eebe1d7d.js';
35
+ import '../../../intersection-observer-de8255b2.js';
36
36
  import '../../../components/base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/esm';
38
+ import '../../../components/base-select-mobile/virtual-options-list/Component.js';
@@ -1,4 +1,4 @@
1
- /* hash: 5i0jv */
1
+ /* hash: oxa2l */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -27,12 +27,12 @@
27
27
  /* checkmark */
28
28
 
29
29
  /* optgroup */
30
- } .select__footer_1x0me {
30
+ } .select__footer_1mpn0 {
31
31
  background: var(--color-light-bg-primary);
32
32
  padding: var(--gap-s);
33
33
  outline: none
34
- } .select__footer_1x0me > * + * {
34
+ } .select__footer_1mpn0 > * + * {
35
35
  margin-left: var(--gap-xs);
36
- } .select__withBorder_1x0me {
36
+ } .select__withBorder_1mpn0 {
37
37
  box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
38
38
  }
@@ -1 +1 @@
1
- export * from "../../../Component-909f3a34";
1
+ export * from "../../../Component-b674590a";
@@ -1,5 +1,5 @@
1
- export { O as OptionsListWithApply } from '../../../Component-909f3a34.js';
2
- import '../../../tslib.es6-00fefe9b.js';
1
+ export { O as OptionsListWithApply } from '../../../Component-b674590a.js';
2
+ import 'tslib';
3
3
  import 'react';
4
4
  import '../../../components/arrow/Component.js';
5
5
  import 'classnames';
@@ -9,7 +9,7 @@ import 'downshift';
9
9
  import '@alfalab/core-components-bottom-sheet/esm';
10
10
  import '@alfalab/core-components-modal/esm/mobile';
11
11
  import '../../../Component.js';
12
- import '../../../Component-2d2efe5d.js';
12
+ import '../../../Component-a733e47f.js';
13
13
  import '@juggle/resize-observer';
14
14
  import '@alfalab/core-components-popover/esm';
15
15
  import '@alfalab/hooks';
@@ -31,7 +31,8 @@ import 'react-virtual';
31
31
  import '../../../components/base-option/Component.js';
32
32
  import '../../../components/base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/esm';
34
- import '../../../intersection-observer-eebe1d7d.js';
34
+ import '../../../intersection-observer-de8255b2.js';
35
35
  import '@alfalab/core-components-button/esm';
36
36
  import '../../../components/base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/esm';
38
+ import '../../../components/base-select-mobile/virtual-options-list/Component.js';
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../../tslib.es6-00fefe9b.js';
1
+ import { __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Skeleton } from '@alfalab/core-components-skeleton/esm';
4
4
  import { Option } from '../../components/option/Component.js';
@@ -10,7 +10,7 @@ import '@alfalab/core-components-badge/esm';
10
10
  import '@alfalab/core-components-checkbox/esm';
11
11
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
12
12
 
13
- var styles = {"skeleton":"select__skeleton_1n49u"};
13
+ var styles = {"skeleton":"select__skeleton_1yfus"};
14
14
  require('./index.css')
15
15
 
16
16
  function useSelectWithLoading(_a) {
@@ -1,5 +1,5 @@
1
- /* hash: 15v04 */
2
- .select__skeleton_1n49u {
1
+ /* hash: yn6m0 */
2
+ .select__skeleton_1yfus {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
package/esm/responsive.js CHANGED
@@ -1,12 +1,12 @@
1
1
  export { SelectResponsive } from './Component.responsive.js';
2
- import './tslib.es6-00fefe9b.js';
2
+ import 'tslib';
3
3
  import 'react';
4
4
  import '@alfalab/hooks';
5
5
  import './Component.js';
6
6
  import './components/arrow/Component.js';
7
7
  import 'classnames';
8
8
  import '@alfalab/icons-glyph/ChevronDownMIcon';
9
- import './Component-2d2efe5d.js';
9
+ import './Component-a733e47f.js';
10
10
  import 'react-merge-refs';
11
11
  import '@juggle/resize-observer';
12
12
  import 'downshift';
@@ -25,14 +25,15 @@ import '@alfalab/core-components-checkbox/esm';
25
25
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
26
26
  import './components/options-list/Component.js';
27
27
  import '@alfalab/core-components-scrollbar/esm';
28
- import './Component-909f3a34.js';
28
+ import './Component-b674590a.js';
29
29
  import '@alfalab/core-components-bottom-sheet/esm';
30
30
  import '@alfalab/core-components-modal/esm/mobile';
31
31
  import 'react-virtual';
32
32
  import './components/base-option/Component.js';
33
33
  import './components/base-checkmark/Component.js';
34
34
  import '@alfalab/core-components-skeleton/esm';
35
- import './intersection-observer-eebe1d7d.js';
35
+ import './intersection-observer-de8255b2.js';
36
36
  import '@alfalab/core-components-button/esm';
37
37
  import './components/base-select-mobile/options-list/Component.js';
38
38
  import '@alfalab/core-components-base-modal/esm';
39
+ import './components/base-select-mobile/virtual-options-list/Component.js';
package/esm/utils.js CHANGED
@@ -52,7 +52,7 @@ function useVisibleOptions(_a) {
52
52
  useEffect(function () {
53
53
  var list = listRef.current;
54
54
  var styleTarget = styleTargetRef.current;
55
- if (open && list && styleTarget) {
55
+ if (open && list && styleTarget && visibleOptions > 0) {
56
56
  var optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
57
57
  var height = optionsNodes
58
58
  .slice(0, visibleOptions)
package/index.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  var Component = require('./Component.js');
4
4
  var components_arrow_Component = require('./components/arrow/Component.js');
5
- var components_baseSelect_Component = require('./Component-d45b1eb6.js');
6
- var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-4dccfbd0.js');
5
+ var components_baseSelect_Component = require('./Component-4af19284.js');
6
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-989a84db.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');
@@ -13,7 +13,7 @@ var components_baseOption_Component = require('./components/base-option/Componen
13
13
  var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
14
14
  var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
15
15
  var utils = require('./utils.js');
16
- require('./tslib.es6-ade45ad3.js');
16
+ require('tslib');
17
17
  require('react');
18
18
  require('classnames');
19
19
  require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -35,11 +35,12 @@ require('@alfalab/core-components-bottom-sheet');
35
35
  require('@alfalab/core-components-modal/mobile');
36
36
  require('react-virtual');
37
37
  require('@alfalab/core-components-skeleton');
38
- require('./intersection-observer-0845add3.js');
38
+ require('./intersection-observer-230e176d.js');
39
39
  require('@alfalab/core-components-button');
40
40
  require('./components/base-checkmark/Component.js');
41
41
  require('./components/base-select-mobile/options-list/Component.js');
42
42
  require('@alfalab/core-components-base-modal');
43
+ require('./components/base-select-mobile/virtual-options-list/Component.js');
43
44
 
44
45
 
45
46