@alfalab/core-components-select 13.2.0 → 13.2.2

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 (289) hide show
  1. package/{Component-a826582c.d.ts → Component-4e5b4c78.d.ts} +0 -0
  2. package/{Component-a826582c.js → Component-4e5b4c78.js} +78 -84
  3. package/{Component-f2f84cb6.d.ts → Component-dc8aa97a.d.ts} +0 -0
  4. package/{Component-f2f84cb6.js → Component-dc8aa97a.js} +14 -20
  5. package/Component.d.ts +4 -26
  6. package/Component.js +10 -16
  7. package/Component.responsive.d.ts +19 -0
  8. package/Component.responsive.js +50 -0
  9. package/components/arrow/Component.js +2 -9
  10. package/components/arrow/index.css +3 -3
  11. package/components/arrow/index.js +1 -3
  12. package/components/base-checkmark/Component.js +4 -11
  13. package/components/base-checkmark/index.css +4 -4
  14. package/components/base-checkmark/index.js +2 -4
  15. package/components/base-option/Component.js +7 -14
  16. package/components/base-option/index.css +11 -11
  17. package/components/base-option/index.js +4 -6
  18. package/components/base-select/Component.js +3 -5
  19. package/components/base-select/index.css +7 -7
  20. package/components/base-select/index.d.ts +1 -1
  21. package/components/base-select/index.js +3 -5
  22. package/components/base-select-mobile/Component.js +25 -27
  23. package/components/base-select-mobile/checkmark/Component.js +4 -11
  24. package/components/base-select-mobile/checkmark/index.css +6 -6
  25. package/components/base-select-mobile/checkmark/index.js +1 -3
  26. package/components/base-select-mobile/index.css +11 -11
  27. package/components/base-select-mobile/index.d.ts +1 -1
  28. package/components/base-select-mobile/index.js +19 -21
  29. package/components/base-select-mobile/options-list/Component.js +11 -18
  30. package/components/base-select-mobile/options-list/index.css +9 -9
  31. package/components/base-select-mobile/options-list/index.js +4 -6
  32. package/components/checkmark/Component.js +5 -12
  33. package/components/checkmark/index.css +8 -8
  34. package/components/checkmark/index.js +2 -4
  35. package/components/field/Component.js +11 -18
  36. package/components/field/index.css +9 -9
  37. package/components/field/index.js +3 -5
  38. package/components/index.js +21 -23
  39. package/components/native-select/Component.js +5 -11
  40. package/components/native-select/index.js +2 -4
  41. package/components/optgroup/Component.js +4 -11
  42. package/components/optgroup/index.css +6 -6
  43. package/components/optgroup/index.js +1 -3
  44. package/components/option/Component.js +8 -15
  45. package/components/option/index.css +20 -20
  46. package/components/option/index.js +4 -6
  47. package/components/options-list/Component.js +11 -19
  48. package/components/options-list/index.css +6 -6
  49. package/components/options-list/index.js +4 -6
  50. package/components/select-mobile/Component.js +21 -23
  51. package/components/select-mobile/index.d.ts +1 -1
  52. package/components/select-mobile/index.js +19 -21
  53. package/components/select-modal-mobile/Component.js +21 -23
  54. package/components/select-modal-mobile/index.d.ts +1 -1
  55. package/components/select-modal-mobile/index.js +19 -21
  56. package/components/virtual-options-list/Component.js +14 -21
  57. package/components/virtual-options-list/index.css +12 -12
  58. package/components/virtual-options-list/index.js +4 -6
  59. package/cssm/{Component-f4dd589a.d.ts → Component-07f6200f.d.ts} +0 -0
  60. package/cssm/{Component-f4dd589a.js → Component-07f6200f.js} +13 -20
  61. package/cssm/{Component-a41f165e.d.ts → Component-b5c43f14.d.ts} +0 -0
  62. package/cssm/{Component-a41f165e.js → Component-b5c43f14.js} +81 -89
  63. package/cssm/Component.d.ts +4 -26
  64. package/cssm/Component.js +10 -16
  65. package/cssm/Component.responsive.d.ts +19 -0
  66. package/cssm/Component.responsive.js +66 -0
  67. package/cssm/components/arrow/Component.js +1 -9
  68. package/cssm/components/arrow/index.js +1 -3
  69. package/cssm/components/base-checkmark/Component.js +6 -14
  70. package/cssm/components/base-checkmark/index.js +2 -4
  71. package/cssm/components/base-option/Component.js +14 -22
  72. package/cssm/components/base-option/index.js +4 -6
  73. package/cssm/components/base-select/Component.js +3 -5
  74. package/cssm/components/base-select/index.d.ts +1 -1
  75. package/cssm/components/base-select/index.js +3 -5
  76. package/cssm/components/base-select-mobile/Component.js +31 -33
  77. package/cssm/components/base-select-mobile/checkmark/Component.js +4 -12
  78. package/cssm/components/base-select-mobile/checkmark/index.js +1 -3
  79. package/cssm/components/base-select-mobile/index.d.ts +1 -1
  80. package/cssm/components/base-select-mobile/index.js +25 -27
  81. package/cssm/components/base-select-mobile/options-list/Component.js +12 -20
  82. package/cssm/components/base-select-mobile/options-list/index.js +5 -7
  83. package/cssm/components/checkmark/Component.js +7 -15
  84. package/cssm/components/checkmark/index.js +2 -4
  85. package/cssm/components/field/Component.js +12 -20
  86. package/cssm/components/field/index.js +3 -5
  87. package/cssm/components/index.js +26 -28
  88. package/cssm/components/native-select/Component.js +5 -11
  89. package/cssm/components/native-select/index.js +2 -4
  90. package/cssm/components/optgroup/Component.js +3 -11
  91. package/cssm/components/optgroup/index.js +1 -3
  92. package/cssm/components/option/Component.js +12 -20
  93. package/cssm/components/option/index.js +4 -6
  94. package/cssm/components/options-list/Component.js +11 -20
  95. package/cssm/components/options-list/index.js +5 -7
  96. package/cssm/components/select-mobile/Component.js +28 -30
  97. package/cssm/components/select-mobile/index.d.ts +1 -1
  98. package/cssm/components/select-mobile/index.js +25 -27
  99. package/cssm/components/select-modal-mobile/Component.js +28 -30
  100. package/cssm/components/select-modal-mobile/index.d.ts +1 -1
  101. package/cssm/components/select-modal-mobile/index.js +25 -27
  102. package/cssm/components/virtual-options-list/Component.js +16 -24
  103. package/cssm/components/virtual-options-list/index.js +5 -7
  104. package/cssm/getDataTestId-3fe0d3e6.d.ts +1 -1
  105. package/cssm/index.js +37 -39
  106. package/cssm/{intersection-observer-8c55e13a.d.ts → intersection-observer-9ec5cf59.d.ts} +0 -0
  107. package/cssm/{intersection-observer-8c55e13a.js → intersection-observer-9ec5cf59.js} +0 -0
  108. package/cssm/presets/index.js +36 -38
  109. package/cssm/presets/useLazyLoading/hook.js +10 -17
  110. package/cssm/presets/useSelectWithApply/hook.js +31 -33
  111. package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +32 -34
  112. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  113. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +25 -27
  114. package/cssm/presets/useSelectWithLoading/hook.js +9 -16
  115. package/cssm/responsive.d.ts +2 -0
  116. package/cssm/responsive.js +60 -0
  117. package/cssm/{tslib.es6-0857346e.d.ts → tslib.es6-0e9bf404.d.ts} +0 -0
  118. package/cssm/{tslib.es6-0857346e.js → tslib.es6-0e9bf404.js} +0 -0
  119. package/cssm/utils.js +1 -3
  120. package/esm/{Component-cf5c933f.d.ts → Component-18490c10.d.ts} +0 -0
  121. package/esm/{Component-cf5c933f.js → Component-18490c10.js} +6 -6
  122. package/esm/{Component-804e366f.d.ts → Component-90edf135.d.ts} +0 -0
  123. package/esm/{Component-804e366f.js → Component-90edf135.js} +71 -71
  124. package/esm/Component.d.ts +4 -26
  125. package/esm/Component.js +9 -9
  126. package/esm/Component.responsive.d.ts +19 -0
  127. package/esm/Component.responsive.js +48 -0
  128. package/esm/components/arrow/Component.js +1 -1
  129. package/esm/components/arrow/index.css +3 -3
  130. package/esm/components/arrow/index.js +1 -1
  131. package/esm/components/base-checkmark/Component.js +2 -2
  132. package/esm/components/base-checkmark/index.css +4 -4
  133. package/esm/components/base-checkmark/index.js +2 -2
  134. package/esm/components/base-option/Component.js +4 -4
  135. package/esm/components/base-option/index.css +11 -11
  136. package/esm/components/base-option/index.js +4 -4
  137. package/esm/components/base-select/Component.js +3 -3
  138. package/esm/components/base-select/index.css +7 -7
  139. package/esm/components/base-select/index.d.ts +1 -1
  140. package/esm/components/base-select/index.js +3 -3
  141. package/esm/components/base-select-mobile/Component.js +24 -24
  142. package/esm/components/base-select-mobile/checkmark/Component.js +1 -1
  143. package/esm/components/base-select-mobile/checkmark/index.css +6 -6
  144. package/esm/components/base-select-mobile/checkmark/index.js +1 -1
  145. package/esm/components/base-select-mobile/index.css +11 -11
  146. package/esm/components/base-select-mobile/index.d.ts +1 -1
  147. package/esm/components/base-select-mobile/index.js +18 -18
  148. package/esm/components/base-select-mobile/options-list/Component.js +4 -4
  149. package/esm/components/base-select-mobile/options-list/index.css +9 -9
  150. package/esm/components/base-select-mobile/options-list/index.js +4 -4
  151. package/esm/components/checkmark/Component.js +2 -2
  152. package/esm/components/checkmark/index.css +8 -8
  153. package/esm/components/checkmark/index.js +2 -2
  154. package/esm/components/field/Component.js +4 -4
  155. package/esm/components/field/index.css +9 -9
  156. package/esm/components/field/index.js +3 -3
  157. package/esm/components/index.js +19 -19
  158. package/esm/components/native-select/Component.js +1 -1
  159. package/esm/components/native-select/index.js +2 -2
  160. package/esm/components/optgroup/Component.js +1 -1
  161. package/esm/components/optgroup/index.css +6 -6
  162. package/esm/components/optgroup/index.js +1 -1
  163. package/esm/components/option/Component.js +4 -4
  164. package/esm/components/option/index.css +20 -20
  165. package/esm/components/option/index.js +4 -4
  166. package/esm/components/options-list/Component.js +4 -4
  167. package/esm/components/options-list/index.css +6 -6
  168. package/esm/components/options-list/index.js +4 -4
  169. package/esm/components/select-mobile/Component.js +20 -20
  170. package/esm/components/select-mobile/index.d.ts +1 -1
  171. package/esm/components/select-mobile/index.js +18 -18
  172. package/esm/components/select-modal-mobile/Component.js +20 -20
  173. package/esm/components/select-modal-mobile/index.d.ts +1 -1
  174. package/esm/components/select-modal-mobile/index.js +18 -18
  175. package/esm/components/virtual-options-list/Component.js +6 -6
  176. package/esm/components/virtual-options-list/index.css +12 -12
  177. package/esm/components/virtual-options-list/index.js +4 -4
  178. package/esm/getDataTestId-3fe0d3e6.d.ts +1 -1
  179. package/esm/index.js +20 -20
  180. package/esm/{intersection-observer-7304e334.d.ts → intersection-observer-f951196f.d.ts} +0 -0
  181. package/esm/{intersection-observer-7304e334.js → intersection-observer-f951196f.js} +0 -0
  182. package/esm/presets/index.js +25 -25
  183. package/esm/presets/useLazyLoading/hook.js +8 -8
  184. package/esm/presets/useLazyLoading/index.css +2 -2
  185. package/esm/presets/useSelectWithApply/hook.js +23 -23
  186. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +22 -22
  187. package/esm/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  188. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  189. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +18 -18
  190. package/esm/presets/useSelectWithLoading/hook.js +7 -7
  191. package/esm/presets/useSelectWithLoading/index.css +2 -2
  192. package/esm/responsive.d.ts +2 -0
  193. package/esm/responsive.js +38 -0
  194. package/esm/{tslib.es6-e89d50db.d.ts → tslib.es6-b843a0de.d.ts} +0 -0
  195. package/esm/{tslib.es6-e89d50db.js → tslib.es6-b843a0de.js} +0 -0
  196. package/esm/utils.js +1 -1
  197. package/getDataTestId-3fe0d3e6.d.ts +1 -1
  198. package/index.js +32 -34
  199. package/{intersection-observer-d44a3d44.d.ts → intersection-observer-54c021a4.d.ts} +0 -0
  200. package/{intersection-observer-d44a3d44.js → intersection-observer-54c021a4.js} +0 -0
  201. package/modern/{Component-d5c51040.d.ts → Component-633cd6ec.d.ts} +0 -0
  202. package/modern/{Component-d5c51040.js → Component-633cd6ec.js} +2 -2
  203. package/modern/{Component-a6d52eb5.d.ts → Component-b4cd876c.d.ts} +0 -0
  204. package/modern/{Component-a6d52eb5.js → Component-b4cd876c.js} +71 -71
  205. package/modern/Component.d.ts +4 -26
  206. package/modern/Component.js +8 -8
  207. package/modern/Component.responsive.d.ts +19 -0
  208. package/modern/Component.responsive.js +46 -0
  209. package/modern/components/arrow/Component.js +1 -1
  210. package/modern/components/arrow/index.css +3 -3
  211. package/modern/components/arrow/index.js +1 -1
  212. package/modern/components/base-checkmark/Component.js +2 -2
  213. package/modern/components/base-checkmark/index.css +4 -4
  214. package/modern/components/base-checkmark/index.js +2 -2
  215. package/modern/components/base-option/Component.js +3 -3
  216. package/modern/components/base-option/index.css +11 -11
  217. package/modern/components/base-option/index.js +3 -3
  218. package/modern/components/base-select/Component.js +2 -2
  219. package/modern/components/base-select/index.css +7 -7
  220. package/modern/components/base-select/index.d.ts +1 -1
  221. package/modern/components/base-select/index.js +2 -2
  222. package/modern/components/base-select-mobile/Component.js +23 -23
  223. package/modern/components/base-select-mobile/checkmark/Component.js +1 -1
  224. package/modern/components/base-select-mobile/checkmark/index.css +6 -6
  225. package/modern/components/base-select-mobile/checkmark/index.js +1 -1
  226. package/modern/components/base-select-mobile/index.css +11 -11
  227. package/modern/components/base-select-mobile/index.d.ts +1 -1
  228. package/modern/components/base-select-mobile/index.js +17 -17
  229. package/modern/components/base-select-mobile/options-list/Component.js +3 -3
  230. package/modern/components/base-select-mobile/options-list/index.css +9 -9
  231. package/modern/components/base-select-mobile/options-list/index.js +3 -3
  232. package/modern/components/checkmark/Component.js +2 -2
  233. package/modern/components/checkmark/index.css +8 -8
  234. package/modern/components/checkmark/index.js +2 -2
  235. package/modern/components/field/Component.js +2 -2
  236. package/modern/components/field/index.css +9 -9
  237. package/modern/components/field/index.js +2 -2
  238. package/modern/components/index.js +18 -18
  239. package/modern/components/native-select/index.js +1 -1
  240. package/modern/components/optgroup/Component.js +1 -1
  241. package/modern/components/optgroup/index.css +6 -6
  242. package/modern/components/optgroup/index.js +1 -1
  243. package/modern/components/option/Component.js +3 -3
  244. package/modern/components/option/index.css +20 -20
  245. package/modern/components/option/index.js +3 -3
  246. package/modern/components/options-list/Component.js +3 -3
  247. package/modern/components/options-list/index.css +6 -6
  248. package/modern/components/options-list/index.js +3 -3
  249. package/modern/components/select-mobile/Component.js +19 -19
  250. package/modern/components/select-mobile/index.d.ts +1 -1
  251. package/modern/components/select-mobile/index.js +17 -17
  252. package/modern/components/select-modal-mobile/Component.js +19 -19
  253. package/modern/components/select-modal-mobile/index.d.ts +1 -1
  254. package/modern/components/select-modal-mobile/index.js +17 -17
  255. package/modern/components/virtual-options-list/Component.js +3 -3
  256. package/modern/components/virtual-options-list/index.css +12 -12
  257. package/modern/components/virtual-options-list/index.js +3 -3
  258. package/modern/getDataTestId-3fe0d3e6.d.ts +1 -1
  259. package/modern/index.js +19 -19
  260. package/modern/{intersection-observer-7304e334.d.ts → intersection-observer-f951196f.d.ts} +0 -0
  261. package/modern/{intersection-observer-7304e334.js → intersection-observer-f951196f.js} +0 -0
  262. package/modern/presets/index.js +24 -24
  263. package/modern/presets/useLazyLoading/hook.js +6 -6
  264. package/modern/presets/useLazyLoading/index.css +2 -2
  265. package/modern/presets/useSelectWithApply/hook.js +22 -22
  266. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +21 -21
  267. package/modern/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  268. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  269. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +17 -17
  270. package/modern/presets/useSelectWithLoading/hook.js +5 -5
  271. package/modern/presets/useSelectWithLoading/index.css +2 -2
  272. package/modern/responsive.d.ts +2 -0
  273. package/modern/responsive.js +37 -0
  274. package/package.json +3 -3
  275. package/presets/index.js +27 -29
  276. package/presets/useLazyLoading/hook.js +10 -16
  277. package/presets/useLazyLoading/index.css +2 -2
  278. package/presets/useSelectWithApply/hook.js +25 -27
  279. package/presets/useSelectWithApply/options-list-with-apply/Component.js +23 -25
  280. package/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  281. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  282. package/presets/useSelectWithApply/options-list-with-apply/index.js +19 -21
  283. package/presets/useSelectWithLoading/hook.js +9 -15
  284. package/presets/useSelectWithLoading/index.css +2 -2
  285. package/responsive.d.ts +2 -0
  286. package/responsive.js +44 -0
  287. package/{tslib.es6-e8daa31e.d.ts → tslib.es6-b8d245fd.d.ts} +0 -0
  288. package/{tslib.es6-e8daa31e.js → tslib.es6-b8d245fd.js} +0 -0
  289. package/utils.js +1 -3
@@ -1,39 +1,39 @@
1
- import '../tslib.es6-e89d50db.js';
1
+ export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
2
+ export { useLazyLoading } from './useLazyLoading/hook.js';
3
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-90edf135.js';
4
+ import '../tslib.es6-b843a0de.js';
2
5
  import 'react';
6
+ import '@alfalab/core-components-skeleton/esm';
7
+ import '../components/option/Component.js';
3
8
  import 'classnames';
4
- import '@alfalab/icons-glyph/ChevronDownMIcon';
9
+ import '../components/base-select-mobile/checkmark/Component.js';
10
+ import '@alfalab/core-components/badge';
11
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
12
+ import '@alfalab/icons-glyph/CheckmarkMIcon';
13
+ import '../components/checkmark/Component.js';
14
+ import '@alfalab/core-components-checkbox/esm';
15
+ import '../intersection-observer-f951196f.js';
5
16
  import '../components/arrow/Component.js';
17
+ import '@alfalab/icons-glyph/ChevronDownMIcon';
6
18
  import 'react-merge-refs';
7
- import '@juggle/resize-observer';
8
19
  import 'downshift';
20
+ import '@alfalab/core-components-bottom-sheet/esm';
21
+ import '@alfalab/core-components-modal/esm/mobile';
22
+ import '../Component.js';
23
+ import '../Component-18490c10.js';
24
+ import '@juggle/resize-observer';
9
25
  import '@alfalab/core-components-popover/esm';
10
26
  import '@alfalab/hooks';
11
- import '../Component-cf5c933f.js';
12
27
  import '../utils.js';
13
28
  import '../components/native-select/Component.js';
14
- import '@alfalab/core-components-form-control/esm';
15
29
  import '../components/field/Component.js';
30
+ import '@alfalab/core-components-form-control/esm';
16
31
  import '../components/optgroup/Component.js';
17
- import '@alfalab/core-components/badge';
18
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
19
- import '@alfalab/icons-glyph/CheckmarkMIcon';
20
- import '../components/base-select-mobile/checkmark/Component.js';
21
- import '@alfalab/core-components-checkbox/esm';
22
- import '../components/checkmark/Component.js';
23
- import '../components/option/Component.js';
24
- import '@alfalab/core-components-scrollbar/esm';
25
32
  import '../components/options-list/Component.js';
26
- import '../Component.js';
27
- import '@alfalab/core-components-bottom-sheet/esm';
28
- import '@alfalab/core-components-modal/esm/mobile';
29
- import '@alfalab/core-components-button/esm';
30
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-804e366f.js';
31
- import '../components/base-checkmark/Component.js';
32
- import '@alfalab/core-components-base-modal/esm';
33
- import '../components/base-select-mobile/options-list/Component.js';
33
+ import '@alfalab/core-components-scrollbar/esm';
34
34
  import 'react-virtual';
35
35
  import '../components/base-option/Component.js';
36
- import '@alfalab/core-components-skeleton/esm';
37
- export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
38
- export { useLazyLoading } from './useLazyLoading/hook.js';
39
- import '../intersection-observer-7304e334.js';
36
+ import '../components/base-checkmark/Component.js';
37
+ import '@alfalab/core-components-button/esm';
38
+ import '../components/base-select-mobile/options-list/Component.js';
39
+ import '@alfalab/core-components-base-modal/esm';
@@ -1,17 +1,17 @@
1
- import { b as __spreadArray, a as __assign } from '../../tslib.es6-e89d50db.js';
1
+ import { b as __spreadArray, a as __assign } from '../../tslib.es6-b843a0de.js';
2
2
  import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
3
+ import { Skeleton } from '@alfalab/core-components-skeleton/esm';
4
+ import { Option } from '../../components/option/Component.js';
5
+ import '../../intersection-observer-f951196f.js';
3
6
  import 'classnames';
7
+ import '../../components/base-select-mobile/checkmark/Component.js';
4
8
  import '@alfalab/core-components/badge';
5
9
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
6
10
  import '@alfalab/icons-glyph/CheckmarkMIcon';
7
- import '../../components/base-select-mobile/checkmark/Component.js';
8
- import '@alfalab/core-components-checkbox/esm';
9
11
  import '../../components/checkmark/Component.js';
10
- import { Option } from '../../components/option/Component.js';
11
- import { Skeleton } from '@alfalab/core-components-skeleton/esm';
12
- import '../../intersection-observer-7304e334.js';
12
+ import '@alfalab/core-components-checkbox/esm';
13
13
 
14
- var styles = {"skeleton":"select__skeleton_91jzo"};
14
+ var styles = {"skeleton":"select__skeleton_1v71m"};
15
15
  require('./index.css')
16
16
 
17
17
  var DEBOUNCE_TIMEOUT = 300;
@@ -177,7 +177,7 @@ function useLazyLoading(_a) {
177
177
  return Array(loading ? limit : 0)
178
178
  .fill(0)
179
179
  .map(function (_, key) { return ({
180
- key: "loading-" + key,
180
+ key: "loading-".concat(key),
181
181
  disabled: true,
182
182
  content: skeleton,
183
183
  }); });
@@ -1,5 +1,5 @@
1
- /* hash: 16wb5 */
2
- .select__skeleton_91jzo {
1
+ /* hash: 1ak0y */
2
+ .select__skeleton_1v71m {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -1,37 +1,37 @@
1
- import '../../tslib.es6-e89d50db.js';
1
+ import '../../tslib.es6-b843a0de.js';
2
2
  import 'react';
3
+ import '../../Component.js';
3
4
  import 'classnames';
4
5
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
- import '../../components/arrow/Component.js';
6
- import 'react-merge-refs';
7
- import '@juggle/resize-observer';
8
- import 'downshift';
9
- import '@alfalab/core-components-popover/esm';
6
+ import '../../Component-18490c10.js';
7
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-90edf135.js';
8
+ import '@alfalab/core-components-form-control/esm';
10
9
  import '@alfalab/hooks';
11
- import '../../Component-cf5c933f.js';
12
10
  import '../../utils.js';
13
- import '../../components/native-select/Component.js';
14
- import '@alfalab/core-components-form-control/esm';
15
- import '../../components/field/Component.js';
16
- import '../../components/optgroup/Component.js';
17
11
  import '@alfalab/core-components/badge';
18
12
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
19
13
  import '@alfalab/icons-glyph/CheckmarkMIcon';
20
- import '../../components/base-select-mobile/checkmark/Component.js';
21
14
  import '@alfalab/core-components-checkbox/esm';
22
- import '../../components/checkmark/Component.js';
23
- import '../../components/option/Component.js';
24
- import '@alfalab/core-components-scrollbar/esm';
25
15
  import '../../components/options-list/Component.js';
26
- import '../../Component.js';
16
+ import 'react-virtual';
17
+ import '@alfalab/core-components-scrollbar/esm';
18
+ import '@alfalab/core-components-skeleton/esm';
19
+ import '../../intersection-observer-f951196f.js';
20
+ import '../../components/arrow/Component.js';
21
+ import '../../components/field/Component.js';
22
+ import '../../components/optgroup/Component.js';
23
+ import '../../components/option/Component.js';
24
+ import '../../components/base-select-mobile/checkmark/Component.js';
25
+ import '../../components/checkmark/Component.js';
26
+ import 'react-merge-refs';
27
+ import '@juggle/resize-observer';
28
+ import 'downshift';
29
+ import '@alfalab/core-components-popover/esm';
30
+ import '../../components/native-select/Component.js';
27
31
  import '@alfalab/core-components-bottom-sheet/esm';
28
32
  import '@alfalab/core-components-modal/esm/mobile';
29
- import '@alfalab/core-components-button/esm';
30
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-804e366f.js';
33
+ import '../../components/base-option/Component.js';
31
34
  import '../../components/base-checkmark/Component.js';
32
- import '@alfalab/core-components-base-modal/esm';
35
+ import '@alfalab/core-components-button/esm';
33
36
  import '../../components/base-select-mobile/options-list/Component.js';
34
- import 'react-virtual';
35
- import '../../components/base-option/Component.js';
36
- import '@alfalab/core-components-skeleton/esm';
37
- import '../../intersection-observer-7304e334.js';
37
+ import '@alfalab/core-components-base-modal/esm';
@@ -1,37 +1,37 @@
1
- import '../../../tslib.es6-e89d50db.js';
1
+ import '../../../tslib.es6-b843a0de.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
+ import '@alfalab/core-components-button/esm';
4
5
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
- import '../../../components/arrow/Component.js';
6
+ import '../../../Component-18490c10.js';
7
+ export { O as OptionsListWithApply } from '../../../Component-90edf135.js';
8
+ import '@alfalab/core-components-form-control/esm';
9
+ import '@alfalab/hooks';
10
+ import '@alfalab/core-components/badge';
11
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
12
+ import '@alfalab/icons-glyph/CheckmarkMIcon';
13
+ import '@alfalab/core-components-checkbox/esm';
14
+ import '../../../components/options-list/Component.js';
15
+ import 'react-virtual';
16
+ import '@alfalab/core-components-scrollbar/esm';
6
17
  import 'react-merge-refs';
7
18
  import '@juggle/resize-observer';
8
19
  import 'downshift';
9
20
  import '@alfalab/core-components-popover/esm';
10
- import '@alfalab/hooks';
11
- import '../../../Component-cf5c933f.js';
12
21
  import '../../../utils.js';
13
22
  import '../../../components/native-select/Component.js';
14
- import '@alfalab/core-components-form-control/esm';
23
+ import '../../../components/arrow/Component.js';
24
+ import '@alfalab/core-components-bottom-sheet/esm';
25
+ import '@alfalab/core-components-modal/esm/mobile';
26
+ import '../../../Component.js';
15
27
  import '../../../components/field/Component.js';
16
28
  import '../../../components/optgroup/Component.js';
17
- import '@alfalab/core-components/badge';
18
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
19
- import '@alfalab/icons-glyph/CheckmarkMIcon';
29
+ import '../../../components/option/Component.js';
20
30
  import '../../../components/base-select-mobile/checkmark/Component.js';
21
- import '@alfalab/core-components-checkbox/esm';
22
31
  import '../../../components/checkmark/Component.js';
23
- import '../../../components/option/Component.js';
24
- import '@alfalab/core-components-scrollbar/esm';
25
- import '../../../components/options-list/Component.js';
26
- import '../../../Component.js';
27
- import '@alfalab/core-components-bottom-sheet/esm';
28
- import '@alfalab/core-components-modal/esm/mobile';
29
- import '@alfalab/core-components-button/esm';
30
- export { O as OptionsListWithApply } from '../../../Component-804e366f.js';
31
- import '../../../components/base-checkmark/Component.js';
32
- import '@alfalab/core-components-base-modal/esm';
33
- import '../../../components/base-select-mobile/options-list/Component.js';
34
- import 'react-virtual';
35
32
  import '../../../components/base-option/Component.js';
33
+ import '../../../components/base-checkmark/Component.js';
36
34
  import '@alfalab/core-components-skeleton/esm';
37
- import '../../../intersection-observer-7304e334.js';
35
+ import '../../../intersection-observer-f951196f.js';
36
+ import '../../../components/base-select-mobile/options-list/Component.js';
37
+ import '@alfalab/core-components-base-modal/esm';
@@ -1,4 +1,4 @@
1
- /* hash: 1kt8s */
1
+ /* hash: 5jvy4 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-secondary: #e7e9eb;
@@ -25,14 +25,14 @@
25
25
 
26
26
  /* optgroup */
27
27
  }
28
- .select__footer_du7ug {
28
+ .select__footer_1gjww {
29
29
  background: var(--color-light-bg-primary);
30
30
  padding: var(--gap-s);
31
31
  outline: none
32
32
  }
33
- .select__footer_du7ug > * + * {
33
+ .select__footer_1gjww > * + * {
34
34
  margin-left: var(--gap-xs);
35
35
  }
36
- .select__withBorder_du7ug {
36
+ .select__withBorder_1gjww {
37
37
  box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
38
38
  }
@@ -1 +1 @@
1
- export * from "../../../Component-804e366f";
1
+ export * from "../../../Component-90edf135";
@@ -1,37 +1,37 @@
1
- import '../../../tslib.es6-e89d50db.js';
1
+ export { O as OptionsListWithApply } from '../../../Component-90edf135.js';
2
+ import '../../../tslib.es6-b843a0de.js';
2
3
  import 'react';
4
+ import '../../../components/arrow/Component.js';
3
5
  import 'classnames';
4
6
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
- import '../../../components/arrow/Component.js';
6
7
  import 'react-merge-refs';
7
- import '@juggle/resize-observer';
8
8
  import 'downshift';
9
+ import '@alfalab/core-components-bottom-sheet/esm';
10
+ import '@alfalab/core-components-modal/esm/mobile';
11
+ import '../../../Component.js';
12
+ import '../../../Component-18490c10.js';
13
+ import '@juggle/resize-observer';
9
14
  import '@alfalab/core-components-popover/esm';
10
15
  import '@alfalab/hooks';
11
- import '../../../Component-cf5c933f.js';
12
16
  import '../../../utils.js';
13
17
  import '../../../components/native-select/Component.js';
14
- import '@alfalab/core-components-form-control/esm';
15
18
  import '../../../components/field/Component.js';
19
+ import '@alfalab/core-components-form-control/esm';
16
20
  import '../../../components/optgroup/Component.js';
21
+ import '../../../components/option/Component.js';
22
+ import '../../../components/base-select-mobile/checkmark/Component.js';
17
23
  import '@alfalab/core-components/badge';
18
24
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
19
25
  import '@alfalab/icons-glyph/CheckmarkMIcon';
20
- import '../../../components/base-select-mobile/checkmark/Component.js';
21
- import '@alfalab/core-components-checkbox/esm';
22
26
  import '../../../components/checkmark/Component.js';
23
- import '../../../components/option/Component.js';
24
- import '@alfalab/core-components-scrollbar/esm';
27
+ import '@alfalab/core-components-checkbox/esm';
25
28
  import '../../../components/options-list/Component.js';
26
- import '../../../Component.js';
27
- import '@alfalab/core-components-bottom-sheet/esm';
28
- import '@alfalab/core-components-modal/esm/mobile';
29
- import '@alfalab/core-components-button/esm';
30
- export { O as OptionsListWithApply } from '../../../Component-804e366f.js';
31
- import '../../../components/base-checkmark/Component.js';
32
- import '@alfalab/core-components-base-modal/esm';
33
- import '../../../components/base-select-mobile/options-list/Component.js';
29
+ import '@alfalab/core-components-scrollbar/esm';
34
30
  import 'react-virtual';
35
31
  import '../../../components/base-option/Component.js';
32
+ import '../../../components/base-checkmark/Component.js';
36
33
  import '@alfalab/core-components-skeleton/esm';
37
- import '../../../intersection-observer-7304e334.js';
34
+ import '../../../intersection-observer-f951196f.js';
35
+ import '@alfalab/core-components-button/esm';
36
+ import '../../../components/base-select-mobile/options-list/Component.js';
37
+ import '@alfalab/core-components-base-modal/esm';
@@ -1,16 +1,16 @@
1
- import { a as __assign } from '../../tslib.es6-e89d50db.js';
1
+ import { a as __assign } from '../../tslib.es6-b843a0de.js';
2
2
  import React from 'react';
3
+ import { Skeleton } from '@alfalab/core-components-skeleton/esm';
4
+ import { Option } from '../../components/option/Component.js';
3
5
  import 'classnames';
6
+ import '../../components/base-select-mobile/checkmark/Component.js';
4
7
  import '@alfalab/core-components/badge';
5
8
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
6
9
  import '@alfalab/icons-glyph/CheckmarkMIcon';
7
- import '../../components/base-select-mobile/checkmark/Component.js';
8
- import '@alfalab/core-components-checkbox/esm';
9
10
  import '../../components/checkmark/Component.js';
10
- import { Option } from '../../components/option/Component.js';
11
- import { Skeleton } from '@alfalab/core-components-skeleton/esm';
11
+ import '@alfalab/core-components-checkbox/esm';
12
12
 
13
- var styles = {"skeleton":"select__skeleton_1llhj"};
13
+ var styles = {"skeleton":"select__skeleton_1r7a4"};
14
14
  require('./index.css')
15
15
 
16
16
  function useSelectWithLoading(_a) {
@@ -19,7 +19,7 @@ function useSelectWithLoading(_a) {
19
19
  var options = Array(visibleOptions)
20
20
  .fill(0)
21
21
  .map(function (_, key) { return ({
22
- key: "loading-" + key,
22
+ key: "loading-".concat(key),
23
23
  disabled: true,
24
24
  content: React.createElement(Skeleton, { className: styles.skeleton, visible: true }),
25
25
  }); });
@@ -1,5 +1,5 @@
1
- /* hash: 1295o */
2
- .select__skeleton_1llhj {
1
+ /* hash: 15wvi */
2
+ .select__skeleton_1r7a4 {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -0,0 +1,2 @@
1
+ export * from "./Component.responsive";
2
+ export {};
@@ -0,0 +1,38 @@
1
+ export { SelectResponsive } from './Component.responsive.js';
2
+ import './tslib.es6-b843a0de.js';
3
+ import 'react';
4
+ import '@alfalab/hooks';
5
+ import './Component.js';
6
+ import './components/arrow/Component.js';
7
+ import 'classnames';
8
+ import '@alfalab/icons-glyph/ChevronDownMIcon';
9
+ import './Component-18490c10.js';
10
+ import 'react-merge-refs';
11
+ import '@juggle/resize-observer';
12
+ import 'downshift';
13
+ import '@alfalab/core-components-popover/esm';
14
+ import './utils.js';
15
+ import './components/native-select/Component.js';
16
+ import './components/field/Component.js';
17
+ import '@alfalab/core-components-form-control/esm';
18
+ import './components/optgroup/Component.js';
19
+ import './components/option/Component.js';
20
+ import './components/base-select-mobile/checkmark/Component.js';
21
+ import '@alfalab/core-components/badge';
22
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
23
+ import '@alfalab/icons-glyph/CheckmarkMIcon';
24
+ import './components/checkmark/Component.js';
25
+ import '@alfalab/core-components-checkbox/esm';
26
+ import './components/options-list/Component.js';
27
+ import '@alfalab/core-components-scrollbar/esm';
28
+ import './Component-90edf135.js';
29
+ import '@alfalab/core-components-bottom-sheet/esm';
30
+ import '@alfalab/core-components-modal/esm/mobile';
31
+ import 'react-virtual';
32
+ import './components/base-option/Component.js';
33
+ import './components/base-checkmark/Component.js';
34
+ import '@alfalab/core-components-skeleton/esm';
35
+ import './intersection-observer-f951196f.js';
36
+ import '@alfalab/core-components-button/esm';
37
+ import './components/base-select-mobile/options-list/Component.js';
38
+ import '@alfalab/core-components-base-modal/esm';
package/esm/utils.js CHANGED
@@ -61,7 +61,7 @@ function useVisibleOptions(_a) {
61
61
  // Добавляем половинку
62
62
  height += Math.round(optionsNodes[optionsNodes.length - 1].clientHeight / 2);
63
63
  }
64
- styleTarget.style.height = height + "px";
64
+ styleTarget.style.height = "".concat(height, "px");
65
65
  }
66
66
  }, [listRef, open, styleTargetRef, visibleOptions, invalidate]);
67
67
  }
@@ -1,2 +1,2 @@
1
- declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
1
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
2
  export { getDataTestId };
package/index.js CHANGED
@@ -1,69 +1,67 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./tslib.es6-e8daa31e.js');
3
+ var Component = require('./Component.js');
4
+ var components_arrow_Component = require('./components/arrow/Component.js');
5
+ var components_baseSelect_Component = require('./Component-dc8aa97a.js');
6
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-4e5b4c78.js');
7
+ var components_field_Component = require('./components/field/Component.js');
8
+ var components_optgroup_Component = require('./components/optgroup/Component.js');
9
+ var components_option_Component = require('./components/option/Component.js');
10
+ var components_optionsList_Component = require('./components/options-list/Component.js');
11
+ var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
12
+ var components_baseOption_Component = require('./components/base-option/Component.js');
13
+ var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
14
+ var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
15
+ var utils = require('./utils.js');
16
+ require('./tslib.es6-b8d245fd.js');
6
17
  require('react');
7
18
  require('classnames');
8
19
  require('@alfalab/icons-glyph/ChevronDownMIcon');
9
- var components_arrow_Component = require('./components/arrow/Component.js');
10
20
  require('react-merge-refs');
11
21
  require('@juggle/resize-observer');
12
22
  require('downshift');
13
23
  require('@alfalab/core-components-popover');
14
24
  require('@alfalab/hooks');
15
- var components_baseSelect_Component = require('./Component-f2f84cb6.js');
16
- var utils = require('./utils.js');
17
25
  require('./components/native-select/Component.js');
18
26
  require('@alfalab/core-components-form-control');
19
- var components_field_Component = require('./components/field/Component.js');
20
- var components_optgroup_Component = require('./components/optgroup/Component.js');
27
+ require('./components/base-select-mobile/checkmark/Component.js');
21
28
  require('@alfalab/core-components/badge');
22
29
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
23
30
  require('@alfalab/icons-glyph/CheckmarkMIcon');
24
- require('./components/base-select-mobile/checkmark/Component.js');
25
- require('@alfalab/core-components-checkbox');
26
31
  require('./components/checkmark/Component.js');
27
- var components_option_Component = require('./components/option/Component.js');
32
+ require('@alfalab/core-components-checkbox');
28
33
  require('@alfalab/core-components-scrollbar');
29
- var components_optionsList_Component = require('./components/options-list/Component.js');
30
- var Component = require('./Component.js');
31
34
  require('@alfalab/core-components-bottom-sheet');
32
35
  require('@alfalab/core-components-modal/mobile');
36
+ require('react-virtual');
37
+ require('@alfalab/core-components-skeleton');
38
+ require('./intersection-observer-54c021a4.js');
33
39
  require('@alfalab/core-components-button');
34
- var presets_useSelectWithApply_hook = require('./Component-a826582c.js');
35
40
  require('./components/base-checkmark/Component.js');
36
- require('@alfalab/core-components-base-modal');
37
41
  require('./components/base-select-mobile/options-list/Component.js');
38
- require('react-virtual');
39
- var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
40
- var components_baseOption_Component = require('./components/base-option/Component.js');
41
- require('@alfalab/core-components-skeleton');
42
- var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
43
- var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
44
- require('./intersection-observer-d44a3d44.js');
42
+ require('@alfalab/core-components-base-modal');
45
43
 
46
44
 
47
45
 
46
+ exports.Select = Component.Select;
48
47
  exports.Arrow = components_arrow_Component.Arrow;
49
48
  exports.BaseSelect = components_baseSelect_Component.BaseSelect;
50
- exports.isGroup = utils.isGroup;
51
- exports.isOptionShape = utils.isOptionShape;
52
- exports.joinOptions = utils.joinOptions;
53
- exports.lastIndexOf = utils.lastIndexOf;
54
- exports.processOptions = utils.processOptions;
55
- exports.usePrevious = utils.usePrevious;
56
- exports.useVisibleOptions = utils.useVisibleOptions;
49
+ exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
50
+ exports.SelectMobile = presets_useSelectWithApply_optionsListWithApply_Component.SelectMobile;
51
+ exports.SelectModalMobile = presets_useSelectWithApply_optionsListWithApply_Component.SelectModalMobile;
52
+ exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;
57
53
  exports.Field = components_field_Component.Field;
58
54
  exports.Optgroup = components_optgroup_Component.Optgroup;
59
55
  exports.Option = components_option_Component.Option;
60
56
  exports.OptionsList = components_optionsList_Component.OptionsList;
61
- exports.Select = Component.Select;
62
- exports.SELECT_ALL_KEY = presets_useSelectWithApply_hook.SELECT_ALL_KEY;
63
- exports.SelectMobile = presets_useSelectWithApply_hook.SelectMobile;
64
- exports.SelectModalMobile = presets_useSelectWithApply_hook.SelectModalMobile;
65
- exports.useSelectWithApply = presets_useSelectWithApply_hook.useSelectWithApply;
66
57
  exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
67
58
  exports.BaseOption = components_baseOption_Component.BaseOption;
68
59
  exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;
69
60
  exports.useLazyLoading = presets_useLazyLoading_hook.useLazyLoading;
61
+ exports.isGroup = utils.isGroup;
62
+ exports.isOptionShape = utils.isOptionShape;
63
+ exports.joinOptions = utils.joinOptions;
64
+ exports.lastIndexOf = utils.lastIndexOf;
65
+ exports.processOptions = utils.processOptions;
66
+ exports.usePrevious = utils.usePrevious;
67
+ exports.useVisibleOptions = utils.useVisibleOptions;
@@ -1,7 +1,7 @@
1
1
  import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
2
- import cn from 'classnames';
3
2
  import mergeRefs from 'react-merge-refs';
4
3
  import { ResizeObserver } from '@juggle/resize-observer';
4
+ import cn from 'classnames';
5
5
  import { useMultipleSelection, useCombobox } from 'downshift';
6
6
  import { Popover } from '@alfalab/core-components-popover/modern';
7
7
  import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
@@ -13,7 +13,7 @@ const getDataTestId = (dataTestId, element) => {
13
13
  return dataTestId ? `${dataTestId}${elementPart}` : undefined;
14
14
  };
15
15
 
16
- var styles = {"component":"select__component_3mngd","popoverInner":"select__popoverInner_3mngd","optionsList":"select__optionsList_3mngd","nativeSelect":"select__nativeSelect_3mngd","block":"select__block_3mngd"};
16
+ const styles = {"component":"select__component_62rls","popoverInner":"select__popoverInner_62rls","optionsList":"select__optionsList_62rls","nativeSelect":"select__nativeSelect_62rls","block":"select__block_62rls"};
17
17
  require('./components/base-select/index.css')
18
18
 
19
19
  const BaseSelect = forwardRef(({ dataTestId, className, fieldClassName, optionsListClassName, optionClassName, popperClassName, options, autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, nativeSelect = false, defaultOpen = false, open: openProp, popoverPosition = 'bottom-start', preventFlip = true, optionsListWidth = 'content', name, id, selected, size = 's', optionsSize = size, error, hint, block, label, labelView, placeholder, fieldProps = {}, optionsListProps = {}, optionProps = {}, valueRenderer, onChange, onOpen, onFocus, onBlur, onScroll, Arrow, Field = () => null, OptionsList = () => null, Optgroup = () => null, Option = () => null, updatePopover, zIndexPopover, showEmptyOptionsList = false, visibleOptions, }, ref) => {