@alfalab/core-components-select 14.0.0 → 14.0.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 (180) hide show
  1. package/{Component-f1a1856f.js → Component-dd926cf7.js} +1 -1
  2. package/Component.d.ts +4 -0
  3. package/Component.js +1 -1
  4. package/Component.responsive.js +3 -3
  5. package/components/arrow/Component.js +1 -1
  6. package/components/arrow/index.css +3 -3
  7. package/components/base-checkmark/Component.js +1 -1
  8. package/components/base-checkmark/index.css +4 -4
  9. package/components/base-option/Component.js +1 -1
  10. package/components/base-option/index.css +13 -13
  11. package/components/base-select/Component.js +2 -2
  12. package/components/base-select/index.css +8 -8
  13. package/components/base-select/index.js +1 -1
  14. package/components/base-select-mobile/Component.js +2 -2
  15. package/components/base-select-mobile/footer/Component.js +1 -1
  16. package/components/base-select-mobile/footer/index.css +5 -5
  17. package/components/base-select-mobile/index.css +10 -10
  18. package/components/base-select-mobile/index.js +1 -1
  19. package/components/checkmark/Component.js +1 -1
  20. package/components/checkmark/index.css +10 -10
  21. package/components/checkmark-mobile/Component.js +1 -1
  22. package/components/checkmark-mobile/index.css +6 -6
  23. package/components/field/Component.js +1 -1
  24. package/components/field/index.css +9 -9
  25. package/components/index.js +3 -3
  26. package/components/optgroup/Component.js +1 -1
  27. package/components/optgroup/index.css +6 -6
  28. package/components/option/Component.js +1 -1
  29. package/components/option/index.css +20 -20
  30. package/components/options-list/Component.js +1 -1
  31. package/components/options-list/index.css +9 -9
  32. package/components/select-mobile/Component.js +3 -3
  33. package/components/select-mobile/index.d.ts +1 -1
  34. package/components/select-mobile/index.js +3 -3
  35. package/components/select-modal-mobile/Component.js +3 -3
  36. package/components/select-modal-mobile/index.d.ts +1 -1
  37. package/components/select-modal-mobile/index.js +3 -3
  38. package/components/virtual-options-list/Component.js +1 -1
  39. package/components/virtual-options-list/index.css +15 -15
  40. package/cssm/Component.d.ts +4 -0
  41. package/cssm/index-ebda875c.d.ts +1 -1
  42. package/esm/{Component-b5248298.js → Component-d6246282.js} +1 -1
  43. package/esm/Component.d.ts +4 -0
  44. package/esm/Component.js +1 -1
  45. package/esm/Component.responsive.js +3 -3
  46. package/esm/components/arrow/Component.js +1 -1
  47. package/esm/components/arrow/index.css +3 -3
  48. package/esm/components/base-checkmark/Component.js +1 -1
  49. package/esm/components/base-checkmark/index.css +4 -4
  50. package/esm/components/base-option/Component.js +1 -1
  51. package/esm/components/base-option/index.css +13 -13
  52. package/esm/components/base-select/Component.js +2 -2
  53. package/esm/components/base-select/index.css +8 -8
  54. package/esm/components/base-select/index.js +1 -1
  55. package/esm/components/base-select-mobile/Component.js +2 -2
  56. package/esm/components/base-select-mobile/footer/Component.js +1 -1
  57. package/esm/components/base-select-mobile/footer/index.css +5 -5
  58. package/esm/components/base-select-mobile/index.css +10 -10
  59. package/esm/components/base-select-mobile/index.js +1 -1
  60. package/esm/components/checkmark/Component.js +1 -1
  61. package/esm/components/checkmark/index.css +10 -10
  62. package/esm/components/checkmark-mobile/Component.js +1 -1
  63. package/esm/components/checkmark-mobile/index.css +6 -6
  64. package/esm/components/field/Component.js +1 -1
  65. package/esm/components/field/index.css +9 -9
  66. package/esm/components/index.js +3 -3
  67. package/esm/components/optgroup/Component.js +1 -1
  68. package/esm/components/optgroup/index.css +6 -6
  69. package/esm/components/option/Component.js +1 -1
  70. package/esm/components/option/index.css +20 -20
  71. package/esm/components/options-list/Component.js +1 -1
  72. package/esm/components/options-list/index.css +9 -9
  73. package/esm/components/select-mobile/Component.js +3 -3
  74. package/esm/components/select-mobile/index.d.ts +1 -1
  75. package/esm/components/select-mobile/index.js +3 -3
  76. package/esm/components/select-modal-mobile/Component.js +3 -3
  77. package/esm/components/select-modal-mobile/index.d.ts +1 -1
  78. package/esm/components/select-modal-mobile/index.js +3 -3
  79. package/esm/components/virtual-options-list/Component.js +1 -1
  80. package/esm/components/virtual-options-list/index.css +15 -15
  81. package/esm/index-3885b0d7.d.ts +1 -1
  82. package/esm/index-ebda875c.d.ts +1 -1
  83. package/esm/index.js +3 -3
  84. package/esm/presets/index.js +3 -3
  85. package/esm/presets/useLazyLoading/hook.js +2 -2
  86. package/esm/presets/useLazyLoading/index.css +2 -2
  87. package/esm/presets/useSelectWithApply/hook.js +3 -3
  88. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  89. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  90. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  91. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  92. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  93. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  94. package/esm/presets/useSelectWithLoading/index.css +2 -2
  95. package/esm/responsive.js +3 -3
  96. package/index-3885b0d7.d.ts +1 -1
  97. package/index-ebda875c.d.ts +1 -1
  98. package/index.js +3 -3
  99. package/modern/{Component-29d24a9b.js → Component-55395944.js} +1 -1
  100. package/modern/Component.d.ts +4 -0
  101. package/modern/Component.js +1 -1
  102. package/modern/Component.responsive.js +3 -3
  103. package/modern/components/arrow/Component.js +1 -1
  104. package/modern/components/arrow/index.css +3 -3
  105. package/modern/components/base-checkmark/Component.js +1 -1
  106. package/modern/components/base-checkmark/index.css +4 -4
  107. package/modern/components/base-option/Component.js +1 -1
  108. package/modern/components/base-option/index.css +13 -13
  109. package/modern/components/base-select/Component.js +2 -2
  110. package/modern/components/base-select/index.css +8 -8
  111. package/modern/components/base-select/index.js +1 -1
  112. package/modern/components/base-select-mobile/Component.js +2 -2
  113. package/modern/components/base-select-mobile/footer/Component.js +1 -1
  114. package/modern/components/base-select-mobile/footer/index.css +5 -5
  115. package/modern/components/base-select-mobile/index.css +10 -10
  116. package/modern/components/base-select-mobile/index.js +1 -1
  117. package/modern/components/checkmark/Component.js +1 -1
  118. package/modern/components/checkmark/index.css +10 -10
  119. package/modern/components/checkmark-mobile/Component.js +1 -1
  120. package/modern/components/checkmark-mobile/index.css +6 -6
  121. package/modern/components/field/Component.js +1 -1
  122. package/modern/components/field/index.css +9 -9
  123. package/modern/components/index.js +3 -3
  124. package/modern/components/optgroup/Component.js +1 -1
  125. package/modern/components/optgroup/index.css +6 -6
  126. package/modern/components/option/Component.js +1 -1
  127. package/modern/components/option/index.css +20 -20
  128. package/modern/components/options-list/Component.js +1 -1
  129. package/modern/components/options-list/index.css +9 -9
  130. package/modern/components/select-mobile/Component.js +3 -3
  131. package/modern/components/select-mobile/index.d.ts +1 -1
  132. package/modern/components/select-mobile/index.js +3 -3
  133. package/modern/components/select-modal-mobile/Component.js +3 -3
  134. package/modern/components/select-modal-mobile/index.d.ts +1 -1
  135. package/modern/components/select-modal-mobile/index.js +3 -3
  136. package/modern/components/virtual-options-list/Component.js +1 -1
  137. package/modern/components/virtual-options-list/index.css +15 -15
  138. package/modern/index-3885b0d7.d.ts +1 -1
  139. package/modern/index-ebda875c.d.ts +1 -1
  140. package/modern/index.js +3 -3
  141. package/modern/presets/index.js +3 -3
  142. package/modern/presets/useLazyLoading/hook.js +2 -2
  143. package/modern/presets/useLazyLoading/index.css +2 -2
  144. package/modern/presets/useSelectWithApply/hook.js +3 -3
  145. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  146. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  147. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  148. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  149. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  150. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  151. package/modern/presets/useSelectWithLoading/index.css +2 -2
  152. package/modern/responsive.js +3 -3
  153. package/package.json +6 -6
  154. package/presets/index.js +3 -3
  155. package/presets/useLazyLoading/hook.js +2 -2
  156. package/presets/useLazyLoading/index.css +2 -2
  157. package/presets/useSelectWithApply/hook.js +3 -3
  158. package/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  159. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  160. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  161. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  162. package/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  163. package/presets/useSelectWithLoading/hook.js +1 -1
  164. package/presets/useSelectWithLoading/index.css +2 -2
  165. package/responsive.js +3 -3
  166. /package/{Component-f1a1856f.d.ts → Component-dd926cf7.d.ts} +0 -0
  167. /package/esm/{Component-b5248298.d.ts → Component-d6246282.d.ts} +0 -0
  168. /package/esm/{getDataTestId-015e89f1.d.ts → getDataTestId-78e42ffe.d.ts} +0 -0
  169. /package/esm/{getDataTestId-015e89f1.js → getDataTestId-78e42ffe.js} +0 -0
  170. /package/esm/{intersection-observer-961b54c8.d.ts → intersection-observer-6ef082f5.d.ts} +0 -0
  171. /package/esm/{intersection-observer-961b54c8.js → intersection-observer-6ef082f5.js} +0 -0
  172. /package/{getDataTestId-3deaae20.d.ts → getDataTestId-305ed968.d.ts} +0 -0
  173. /package/{getDataTestId-3deaae20.js → getDataTestId-305ed968.js} +0 -0
  174. /package/{intersection-observer-d5f3e178.d.ts → intersection-observer-95e396cc.d.ts} +0 -0
  175. /package/{intersection-observer-d5f3e178.js → intersection-observer-95e396cc.js} +0 -0
  176. /package/modern/{Component-29d24a9b.d.ts → Component-55395944.d.ts} +0 -0
  177. /package/modern/{getDataTestId-b257b571.d.ts → getDataTestId-f5aec7f0.d.ts} +0 -0
  178. /package/modern/{getDataTestId-b257b571.js → getDataTestId-f5aec7f0.js} +0 -0
  179. /package/modern/{intersection-observer-961b54c8.d.ts → intersection-observer-6ef082f5.d.ts} +0 -0
  180. /package/modern/{intersection-observer-961b54c8.js → intersection-observer-6ef082f5.js} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: i43kx */
1
+ /* hash: vk9ft */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb;
@@ -29,28 +29,28 @@
29
29
  /* checkmark */
30
30
 
31
31
  /* optgroup */
32
- } .select__optionsList_xunrq {
32
+ } .select__optionsList_1wysp {
33
33
  width: 100%;
34
34
  outline: none;
35
35
  box-sizing: border-box;
36
36
  position: relative;
37
- } .select__optionsListHeader_xunrq {
37
+ } .select__optionsListHeader_1wysp {
38
38
  box-sizing: border-box;
39
39
  border-bottom: 1px solid var(--color-light-border-secondary);
40
- } .select__optionsListFooter_xunrq {
40
+ } .select__optionsListFooter_1wysp {
41
41
  position: sticky;
42
42
  bottom: 0;
43
43
  box-sizing: border-box;
44
44
  border-top: 1px solid transparent
45
- } .select__optionsListFooter_xunrq.select__withBorder_xunrq {
45
+ } .select__optionsListFooter_1wysp.select__withBorder_1wysp {
46
46
  border-top: 1px solid var(--color-light-border-secondary);
47
- } .select__scrollable_xunrq {
47
+ } .select__scrollable_1wysp {
48
48
  overflow: auto;
49
49
  width: 100%;
50
- } .select__emptyPlaceholder_xunrq {
50
+ } .select__emptyPlaceholder_1wysp {
51
51
  padding: var(--gap-m) var(--gap-s);
52
52
  color: var(--select-options-list-empty-placeholder-color);
53
- } .select__l_xunrq .select__emptyPlaceholder_xunrq,
54
- .select__xl_xunrq .select__emptyPlaceholder_xunrq {
53
+ } .select__l_1wysp .select__emptyPlaceholder_1wysp,
54
+ .select__xl_1wysp .select__emptyPlaceholder_1wysp {
55
55
  padding: var(--gap-xl) var(--gap-m);
56
56
  }
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
- export { S as SelectMobile } from '../../Component-29d24a9b.js';
2
+ export { S as SelectMobile } from '../../Component-55395944.js';
3
3
  import '../arrow/Component.js';
4
4
  import '../base-select-mobile/Component.js';
5
5
  import '../base-select-mobile/footer/Component.js';
@@ -16,7 +16,7 @@ import 'classnames';
16
16
  import 'downshift';
17
17
  import '@alfalab/core-components-popover/modern';
18
18
  import '@alfalab/hooks';
19
- import '../../getDataTestId-b257b571.js';
19
+ import '../../getDataTestId-f5aec7f0.js';
20
20
  import '../../utils.js';
21
21
  import '../native-select/Component.js';
22
22
  import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -29,7 +29,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
29
29
  import '../checkmark-mobile/Component.js';
30
30
  import '@alfalab/core-components-scrollbar/modern';
31
31
  import '@alfalab/core-components-skeleton/modern';
32
- import '../../intersection-observer-961b54c8.js';
32
+ import '../../intersection-observer-6ef082f5.js';
33
33
  import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '@alfalab/core-components-bottom-sheet/modern';
@@ -1 +1 @@
1
- export * from "../../Component-29d24a9b";
1
+ export * from "../../Component-55395944";
@@ -1,4 +1,4 @@
1
- export { S as SelectMobile } from '../../Component-29d24a9b.js';
1
+ export { S as SelectMobile } from '../../Component-55395944.js';
2
2
  import 'react';
3
3
  import '../../Component.js';
4
4
  import '../arrow/Component.js';
@@ -10,7 +10,7 @@ import '@juggle/resize-observer';
10
10
  import 'downshift';
11
11
  import '@alfalab/core-components-popover/modern';
12
12
  import '@alfalab/hooks';
13
- import '../../getDataTestId-b257b571.js';
13
+ import '../../getDataTestId-f5aec7f0.js';
14
14
  import '../../utils.js';
15
15
  import '../native-select/Component.js';
16
16
  import '../field/Component.js';
@@ -34,5 +34,5 @@ import '@alfalab/core-components-button/modern';
34
34
  import '../virtual-options-list/Component.js';
35
35
  import 'react-virtual';
36
36
  import '@alfalab/core-components-skeleton/modern';
37
- import '../../intersection-observer-961b54c8.js';
37
+ import '../../intersection-observer-6ef082f5.js';
38
38
  import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
- export { a as SelectModalMobile } from '../../Component-29d24a9b.js';
2
+ export { a as SelectModalMobile } from '../../Component-55395944.js';
3
3
  import '../arrow/Component.js';
4
4
  import '../base-select-mobile/Component.js';
5
5
  import '../base-select-mobile/footer/Component.js';
@@ -16,7 +16,7 @@ import 'classnames';
16
16
  import 'downshift';
17
17
  import '@alfalab/core-components-popover/modern';
18
18
  import '@alfalab/hooks';
19
- import '../../getDataTestId-b257b571.js';
19
+ import '../../getDataTestId-f5aec7f0.js';
20
20
  import '../../utils.js';
21
21
  import '../native-select/Component.js';
22
22
  import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -29,7 +29,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
29
29
  import '../checkmark-mobile/Component.js';
30
30
  import '@alfalab/core-components-scrollbar/modern';
31
31
  import '@alfalab/core-components-skeleton/modern';
32
- import '../../intersection-observer-961b54c8.js';
32
+ import '../../intersection-observer-6ef082f5.js';
33
33
  import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '@alfalab/core-components-bottom-sheet/modern';
@@ -1 +1 @@
1
- export * from "../../Component-29d24a9b";
1
+ export * from "../../Component-55395944";
@@ -1,4 +1,4 @@
1
- export { a as SelectModalMobile } from '../../Component-29d24a9b.js';
1
+ export { a as SelectModalMobile } from '../../Component-55395944.js';
2
2
  import 'react';
3
3
  import '../../Component.js';
4
4
  import '../arrow/Component.js';
@@ -10,7 +10,7 @@ import '@juggle/resize-observer';
10
10
  import 'downshift';
11
11
  import '@alfalab/core-components-popover/modern';
12
12
  import '@alfalab/hooks';
13
- import '../../getDataTestId-b257b571.js';
13
+ import '../../getDataTestId-f5aec7f0.js';
14
14
  import '../../utils.js';
15
15
  import '../native-select/Component.js';
16
16
  import '../field/Component.js';
@@ -34,5 +34,5 @@ import '@alfalab/core-components-button/modern';
34
34
  import '../virtual-options-list/Component.js';
35
35
  import 'react-virtual';
36
36
  import '@alfalab/core-components-skeleton/modern';
37
- import '../../intersection-observer-961b54c8.js';
37
+ import '../../intersection-observer-6ef082f5.js';
38
38
  import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
@@ -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
- const styles = {"virtualOptionsList":"select__virtualOptionsList_8klep","virtualOptionsListHeader":"select__virtualOptionsListHeader_8klep","virtualOptionsListFooter":"select__virtualOptionsListFooter_8klep","withBorder":"select__withBorder_8klep","scrollable":"select__scrollable_8klep","inner":"select__inner_8klep","virtualRow":"select__virtualRow_8klep","highlighted":"select__highlighted_8klep","emptyPlaceholder":"select__emptyPlaceholder_8klep","l":"select__l_8klep","xl":"select__xl_8klep"};
10
+ const styles = {"virtualOptionsList":"select__virtualOptionsList_1urxq","virtualOptionsListHeader":"select__virtualOptionsListHeader_1urxq","virtualOptionsListFooter":"select__virtualOptionsListFooter_1urxq","withBorder":"select__withBorder_1urxq","scrollable":"select__scrollable_1urxq","inner":"select__inner_1urxq","virtualRow":"select__virtualRow_1urxq","highlighted":"select__highlighted_1urxq","emptyPlaceholder":"select__emptyPlaceholder_1urxq","l":"select__l_1urxq","xl":"select__xl_1urxq"};
11
11
  require('./index.css')
12
12
 
13
13
  const VirtualOptionsList = forwardRef(({ size = 's', flatOptions = [], highlightedIndex = -1, className, getOptionProps, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = 5, header, footer, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, }, ref) => {
@@ -1,4 +1,4 @@
1
- /* hash: y762s */
1
+ /* hash: 2c6fo */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dcdcdd;
@@ -35,34 +35,34 @@
35
35
  /* checkmark */
36
36
 
37
37
  /* optgroup */
38
- } .select__virtualOptionsList_8klep {
38
+ } .select__virtualOptionsList_1urxq {
39
39
  width: 100%;
40
40
  outline: none;
41
41
  box-sizing: border-box;
42
42
  position: sticky;
43
- } .select__virtualOptionsListHeader_8klep {
43
+ } .select__virtualOptionsListHeader_1urxq {
44
44
  box-sizing: border-box;
45
45
  border-bottom: 1px solid var(--color-light-border-secondary);
46
- } .select__virtualOptionsListFooter_8klep {
46
+ } .select__virtualOptionsListFooter_1urxq {
47
47
  position: sticky;
48
48
  bottom: 0;
49
49
  box-sizing: border-box;
50
50
  border-top: 1px solid transparent
51
- } .select__virtualOptionsListFooter_8klep.select__withBorder_8klep {
51
+ } .select__virtualOptionsListFooter_1urxq.select__withBorder_1urxq {
52
52
  border-top: 1px solid var(--color-light-border-secondary);
53
- } .select__scrollable_8klep {
53
+ } .select__scrollable_1urxq {
54
54
  position: relative;
55
55
  overflow: auto;
56
56
  width: 100%;
57
- } .select__inner_8klep {
57
+ } .select__inner_1urxq {
58
58
  position: relative;
59
59
  width: 100%;
60
- } .select__virtualRow_8klep {
60
+ } .select__virtualRow_1urxq {
61
61
  position: absolute;
62
62
  top: 0;
63
63
  left: 0;
64
64
  width: 100%
65
- } .select__virtualRow_8klep:before {
65
+ } .select__virtualRow_1urxq:before {
66
66
  content: '';
67
67
  position: absolute;
68
68
  z-index: 1;
@@ -72,15 +72,15 @@
72
72
  height: 1px;
73
73
  background: var(--select-option-divider-background);
74
74
  display: var(--select-option-divider-display);
75
- } .select__virtualRow_8klep:first-child:before {
75
+ } .select__virtualRow_1urxq:first-child:before {
76
76
  display: none;
77
- } .select__highlighted_8klep:before,
78
- .select__highlighted_8klep + .select__virtualRow_8klep:before {
77
+ } .select__highlighted_1urxq:before,
78
+ .select__highlighted_1urxq + .select__virtualRow_1urxq:before {
79
79
  display: none;
80
- } .select__emptyPlaceholder_8klep {
80
+ } .select__emptyPlaceholder_1urxq {
81
81
  padding: var(--gap-m) var(--gap-s);
82
82
  color: var(--select-options-list-empty-placeholder-color);
83
- } .select__l_8klep .select__emptyPlaceholder_8klep,
84
- .select__xl_8klep .select__emptyPlaceholder_8klep {
83
+ } .select__l_1urxq .select__emptyPlaceholder_1urxq,
84
+ .select__xl_1urxq .select__emptyPlaceholder_1urxq {
85
85
  padding: var(--gap-xl) var(--gap-m);
86
86
  }
@@ -1,3 +1,3 @@
1
1
  declare const isClient: () => boolean;
2
2
  export { isClient };
3
- export * from "./getDataTestId-b257b571";
3
+ export * from "./getDataTestId-f5aec7f0";
@@ -65,7 +65,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
65
65
  icon: ElementType<{
66
66
  className?: string;
67
67
  }>;
68
- view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
68
+ view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
69
69
  size?: "s" | "xs" | "xxs" | undefined;
70
70
  className?: string | undefined;
71
71
  dataTestId?: string | undefined;
package/modern/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export { Select } from './Component.js';
2
2
  export { Arrow } from './components/arrow/Component.js';
3
3
  export { BaseSelect } from './components/base-select/Component.js';
4
- export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-29d24a9b.js';
4
+ export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-55395944.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';
@@ -19,7 +19,7 @@ import '@juggle/resize-observer';
19
19
  import 'downshift';
20
20
  import '@alfalab/core-components-popover/modern';
21
21
  import '@alfalab/hooks';
22
- import './getDataTestId-b257b571.js';
22
+ import './getDataTestId-f5aec7f0.js';
23
23
  import './components/native-select/Component.js';
24
24
  import './components/base-select-mobile/Component.js';
25
25
  import '@alfalab/core-components-bottom-sheet/modern';
@@ -33,7 +33,7 @@ import '@alfalab/core-components-checkbox/modern';
33
33
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
34
34
  import '@alfalab/icons-glyph/CheckmarkMIcon';
35
35
  import '@alfalab/core-components-skeleton/modern';
36
- import './intersection-observer-961b54c8.js';
36
+ import './intersection-observer-6ef082f5.js';
37
37
  import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
38
38
  import './components/checkmark/Component.js';
39
39
  import './components/checkmark-mobile/Component.js';
@@ -1,6 +1,6 @@
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-29d24a9b.js';
3
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-55395944.js';
4
4
  import 'react';
5
5
  import '@alfalab/core-components-skeleton/modern';
6
6
  import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '@alfalab/core-components-checkbox/modern';
11
11
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
12
12
  import '@alfalab/icons-glyph/CheckmarkMIcon';
13
13
  import '../components/checkmark-mobile/Component.js';
14
- import '../intersection-observer-961b54c8.js';
14
+ import '../intersection-observer-6ef082f5.js';
15
15
  import '../Component.js';
16
16
  import '../components/arrow/Component.js';
17
17
  import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -21,7 +21,7 @@ import '@juggle/resize-observer';
21
21
  import 'downshift';
22
22
  import '@alfalab/core-components-popover/modern';
23
23
  import '@alfalab/hooks';
24
- import '../getDataTestId-b257b571.js';
24
+ import '../getDataTestId-f5aec7f0.js';
25
25
  import '../utils.js';
26
26
  import '../components/native-select/Component.js';
27
27
  import '../components/field/Component.js';
@@ -1,7 +1,7 @@
1
1
  import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
2
2
  import { Skeleton } from '@alfalab/core-components-skeleton/modern';
3
3
  import { Option } from '../../components/option/Component.js';
4
- import '../../intersection-observer-961b54c8.js';
4
+ import '../../intersection-observer-6ef082f5.js';
5
5
  import 'classnames';
6
6
  import '../../components/checkmark/Component.js';
7
7
  import '@alfalab/core-components-badge/modern';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
10
10
  import '@alfalab/icons-glyph/CheckmarkMIcon';
11
11
  import '../../components/checkmark-mobile/Component.js';
12
12
 
13
- const styles = {"skeleton":"select__skeleton_2ycp0"};
13
+ const styles = {"skeleton":"select__skeleton_1mk8r"};
14
14
  require('./index.css')
15
15
 
16
16
  const DEBOUNCE_TIMEOUT = 300;
@@ -1,5 +1,5 @@
1
- /* hash: 5n910 */
2
- .select__skeleton_2ycp0 {
1
+ /* hash: i5bhh */
2
+ .select__skeleton_1mk8r {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -3,7 +3,7 @@ import '../../Component.js';
3
3
  import 'classnames';
4
4
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
5
  import '../../components/base-select/Component.js';
6
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-29d24a9b.js';
6
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-55395944.js';
7
7
  import '@alfalab/core-components-form-control/modern';
8
8
  import '@alfalab/hooks';
9
9
  import '../../utils.js';
@@ -14,7 +14,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
14
14
  import '../../components/options-list/Component.js';
15
15
  import '../../components/virtual-options-list/Component.js';
16
16
  import '@alfalab/core-components-skeleton/modern';
17
- import '../../intersection-observer-961b54c8.js';
17
+ import '../../intersection-observer-6ef082f5.js';
18
18
  import '../../components/arrow/Component.js';
19
19
  import '../../components/field/Component.js';
20
20
  import '../../components/optgroup/Component.js';
@@ -25,7 +25,7 @@ import 'react-merge-refs';
25
25
  import '@juggle/resize-observer';
26
26
  import 'downshift';
27
27
  import '@alfalab/core-components-popover/modern';
28
- import '../../getDataTestId-b257b571.js';
28
+ import '../../getDataTestId-f5aec7f0.js';
29
29
  import '../../components/native-select/Component.js';
30
30
  import '@alfalab/core-components-scrollbar/modern';
31
31
  import '../../components/base-select-mobile/Component.js';
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import '../../../components/options-list/Component.js';
3
- export { O as OptionsListWithApply } from '../../../Component-29d24a9b.js';
3
+ export { O as OptionsListWithApply } from '../../../Component-55395944.js';
4
4
  import './footer/Component.js';
5
5
  import 'react-merge-refs';
6
6
  import 'classnames';
@@ -15,7 +15,7 @@ import '../../../components/base-select/Component.js';
15
15
  import '@juggle/resize-observer';
16
16
  import 'downshift';
17
17
  import '@alfalab/core-components-popover/modern';
18
- import '../../../getDataTestId-b257b571.js';
18
+ import '../../../getDataTestId-f5aec7f0.js';
19
19
  import '../../../components/native-select/Component.js';
20
20
  import '../../../components/field/Component.js';
21
21
  import '@alfalab/core-components-form-control/modern';
@@ -35,4 +35,4 @@ import '@alfalab/core-components-button/modern';
35
35
  import '../../../components/virtual-options-list/Component.js';
36
36
  import 'react-virtual';
37
37
  import '@alfalab/core-components-skeleton/modern';
38
- import '../../../intersection-observer-961b54c8.js';
38
+ import '../../../intersection-observer-6ef082f5.js';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Button } from '@alfalab/core-components-button/modern';
3
3
 
4
- const styles = {"footer":"select__footer_11pbd"};
4
+ const styles = {"footer":"select__footer_ovjmo"};
5
5
  require('./index.css')
6
6
 
7
7
  const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], }) => (React.createElement("div", {
@@ -1,4 +1,4 @@
1
- /* hash: 4tg78 */
1
+ /* hash: vgwe0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,10 +26,10 @@
26
26
  /* checkmark */
27
27
 
28
28
  /* optgroup */
29
- } .select__footer_11pbd {
29
+ } .select__footer_ovjmo {
30
30
  background-color: var(--color-light-bg-primary);
31
31
  padding: var(--gap-s);
32
32
  outline: none
33
- } .select__footer_11pbd > * + * {
33
+ } .select__footer_ovjmo > * + * {
34
34
  margin-left: var(--gap-xs);
35
35
  }
@@ -1 +1 @@
1
- export * from "../../../Component-29d24a9b";
1
+ export * from "../../../Component-55395944";
@@ -1,4 +1,4 @@
1
- export { O as OptionsListWithApply } from '../../../Component-29d24a9b.js';
1
+ export { O as OptionsListWithApply } from '../../../Component-55395944.js';
2
2
  import 'react';
3
3
  import '../../../Component.js';
4
4
  import '../../../components/arrow/Component.js';
@@ -10,7 +10,7 @@ import '@juggle/resize-observer';
10
10
  import 'downshift';
11
11
  import '@alfalab/core-components-popover/modern';
12
12
  import '@alfalab/hooks';
13
- import '../../../getDataTestId-b257b571.js';
13
+ import '../../../getDataTestId-f5aec7f0.js';
14
14
  import '../../../utils.js';
15
15
  import '../../../components/native-select/Component.js';
16
16
  import '../../../components/field/Component.js';
@@ -34,5 +34,5 @@ import '@alfalab/core-components-button/modern';
34
34
  import '../../../components/virtual-options-list/Component.js';
35
35
  import 'react-virtual';
36
36
  import '@alfalab/core-components-skeleton/modern';
37
- import '../../../intersection-observer-961b54c8.js';
37
+ import '../../../intersection-observer-6ef082f5.js';
38
38
  import './footer/Component.js';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
9
9
  import '@alfalab/icons-glyph/CheckmarkMIcon';
10
10
  import '../../components/checkmark-mobile/Component.js';
11
11
 
12
- const styles = {"skeleton":"select__skeleton_1iwsv"};
12
+ const styles = {"skeleton":"select__skeleton_1yh4x"};
13
13
  require('./index.css')
14
14
 
15
15
  function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {
@@ -1,5 +1,5 @@
1
- /* hash: 10bou */
2
- .select__skeleton_1iwsv {
1
+ /* hash: x1uaa */
2
+ .select__skeleton_1yh4x {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -10,7 +10,7 @@ import 'react-merge-refs';
10
10
  import '@juggle/resize-observer';
11
11
  import 'downshift';
12
12
  import '@alfalab/core-components-popover/modern';
13
- import './getDataTestId-b257b571.js';
13
+ import './getDataTestId-f5aec7f0.js';
14
14
  import './utils.js';
15
15
  import './components/native-select/Component.js';
16
16
  import './components/field/Component.js';
@@ -25,7 +25,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
25
25
  import './components/checkmark-mobile/Component.js';
26
26
  import './components/options-list/Component.js';
27
27
  import '@alfalab/core-components-scrollbar/modern';
28
- import './Component-29d24a9b.js';
28
+ import './Component-55395944.js';
29
29
  import './components/base-select-mobile/Component.js';
30
30
  import '@alfalab/core-components-bottom-sheet/modern';
31
31
  import '@alfalab/core-components-modal/modern/mobile';
@@ -35,5 +35,5 @@ import '@alfalab/core-components-button/modern';
35
35
  import './components/virtual-options-list/Component.js';
36
36
  import 'react-virtual';
37
37
  import '@alfalab/core-components-skeleton/modern';
38
- import './intersection-observer-961b54c8.js';
38
+ import './intersection-observer-6ef082f5.js';
39
39
  import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-select",
3
- "version": "14.0.0",
3
+ "version": "14.0.2",
4
4
  "description": "Select component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,14 +18,14 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-badge": "^5.0.2",
21
+ "@alfalab/core-components-badge": "^5.1.0",
22
22
  "@alfalab/core-components-base-modal": "^5.1.3",
23
- "@alfalab/core-components-bottom-sheet": "^6.2.0",
23
+ "@alfalab/core-components-bottom-sheet": "^6.2.2",
24
24
  "@alfalab/core-components-button": "^8.0.0",
25
25
  "@alfalab/core-components-checkbox": "^3.1.2",
26
- "@alfalab/core-components-form-control": "^9.0.4",
27
- "@alfalab/core-components-input": "^11.1.9",
28
- "@alfalab/core-components-modal": "^7.0.6",
26
+ "@alfalab/core-components-form-control": "^9.0.5",
27
+ "@alfalab/core-components-input": "^11.1.11",
28
+ "@alfalab/core-components-modal": "^7.0.7",
29
29
  "@alfalab/core-components-popover": "^6.0.8",
30
30
  "@alfalab/core-components-scrollbar": "^2.1.5",
31
31
  "@alfalab/core-components-skeleton": "^4.0.5",
package/presets/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
6
6
  var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
7
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-f1a1856f.js');
7
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-dd926cf7.js');
8
8
  require('tslib');
9
9
  require('react');
10
10
  require('@alfalab/core-components-skeleton');
@@ -16,7 +16,7 @@ require('@alfalab/core-components-checkbox');
16
16
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
17
17
  require('@alfalab/icons-glyph/CheckmarkMIcon');
18
18
  require('../components/checkmark-mobile/Component.js');
19
- require('../intersection-observer-d5f3e178.js');
19
+ require('../intersection-observer-95e396cc.js');
20
20
  require('../Component.js');
21
21
  require('../components/arrow/Component.js');
22
22
  require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -26,7 +26,7 @@ require('@juggle/resize-observer');
26
26
  require('downshift');
27
27
  require('@alfalab/core-components-popover');
28
28
  require('@alfalab/hooks');
29
- require('../getDataTestId-3deaae20.js');
29
+ require('../getDataTestId-305ed968.js');
30
30
  require('../utils.js');
31
31
  require('../components/native-select/Component.js');
32
32
  require('../components/field/Component.js');
@@ -6,7 +6,7 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
8
8
  var components_option_Component = require('../../components/option/Component.js');
9
- require('../../intersection-observer-d5f3e178.js');
9
+ require('../../intersection-observer-95e396cc.js');
10
10
  require('classnames');
11
11
  require('../../components/checkmark/Component.js');
12
12
  require('@alfalab/core-components-badge');
@@ -19,7 +19,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
19
19
 
20
20
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
 
22
- var styles = {"skeleton":"select__skeleton_2ycp0"};
22
+ var styles = {"skeleton":"select__skeleton_1mk8r"};
23
23
  require('./index.css')
24
24
 
25
25
  var DEBOUNCE_TIMEOUT = 300;
@@ -1,5 +1,5 @@
1
- /* hash: 5n910 */
2
- .select__skeleton_2ycp0 {
1
+ /* hash: i5bhh */
2
+ .select__skeleton_1mk8r {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -8,7 +8,7 @@ require('../../Component.js');
8
8
  require('classnames');
9
9
  require('@alfalab/icons-glyph/ChevronDownMIcon');
10
10
  require('../../components/base-select/Component.js');
11
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-f1a1856f.js');
11
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-dd926cf7.js');
12
12
  require('@alfalab/core-components-form-control');
13
13
  require('@alfalab/hooks');
14
14
  require('../../utils.js');
@@ -19,7 +19,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
19
19
  require('../../components/options-list/Component.js');
20
20
  require('../../components/virtual-options-list/Component.js');
21
21
  require('@alfalab/core-components-skeleton');
22
- require('../../intersection-observer-d5f3e178.js');
22
+ require('../../intersection-observer-95e396cc.js');
23
23
  require('../../components/arrow/Component.js');
24
24
  require('../../components/field/Component.js');
25
25
  require('../../components/optgroup/Component.js');
@@ -30,7 +30,7 @@ require('react-merge-refs');
30
30
  require('@juggle/resize-observer');
31
31
  require('downshift');
32
32
  require('@alfalab/core-components-popover');
33
- require('../../getDataTestId-3deaae20.js');
33
+ require('../../getDataTestId-305ed968.js');
34
34
  require('../../components/native-select/Component.js');
35
35
  require('@alfalab/core-components-scrollbar');
36
36
  require('../../components/base-select-mobile/Component.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('tslib');
6
6
  require('react');
7
7
  require('../../../components/options-list/Component.js');
8
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-f1a1856f.js');
8
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-dd926cf7.js');
9
9
  require('./footer/Component.js');
10
10
  require('react-merge-refs');
11
11
  require('classnames');
@@ -20,7 +20,7 @@ require('../../../components/base-select/Component.js');
20
20
  require('@juggle/resize-observer');
21
21
  require('downshift');
22
22
  require('@alfalab/core-components-popover');
23
- require('../../../getDataTestId-3deaae20.js');
23
+ require('../../../getDataTestId-305ed968.js');
24
24
  require('../../../components/native-select/Component.js');
25
25
  require('../../../components/field/Component.js');
26
26
  require('@alfalab/core-components-form-control');
@@ -40,7 +40,7 @@ require('@alfalab/core-components-button');
40
40
  require('../../../components/virtual-options-list/Component.js');
41
41
  require('react-virtual');
42
42
  require('@alfalab/core-components-skeleton');
43
- require('../../../intersection-observer-d5f3e178.js');
43
+ require('../../../intersection-observer-95e396cc.js');
44
44
 
45
45
 
46
46