@alfalab/core-components-select 17.15.1 → 17.15.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 (158) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +3 -3
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +6 -6
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +15 -15
  7. package/components/base-select/Component.js +2 -2
  8. package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
  9. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  10. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  11. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  12. package/components/base-select/index.css +11 -11
  13. package/components/base-select/mobile.css +12 -12
  14. package/components/checkmark/Component.js +1 -1
  15. package/components/checkmark/index.css +10 -10
  16. package/components/checkmark-mobile/Component.js +1 -1
  17. package/components/checkmark-mobile/index.css +6 -6
  18. package/components/clear-button/Component.js +1 -1
  19. package/components/clear-button/index.css +6 -6
  20. package/components/field/Component.js +1 -1
  21. package/components/field/index.css +12 -12
  22. package/components/footer/Component.js +1 -1
  23. package/components/footer/index.css +5 -5
  24. package/components/optgroup/Component.js +1 -1
  25. package/components/optgroup/index.css +6 -6
  26. package/components/option/Component.js +1 -1
  27. package/components/option/index.css +19 -19
  28. package/components/options-list/Component.js +8 -4
  29. package/components/options-list/index.css +11 -11
  30. package/components/search/Component.js +1 -1
  31. package/components/search/index.css +2 -2
  32. package/components/virtual-options-list/Component.js +1 -1
  33. package/components/virtual-options-list/index.css +15 -15
  34. package/cssm/components/options-list/Component.js +7 -3
  35. package/esm/components/arrow/Component.js +1 -1
  36. package/esm/components/arrow/index.css +3 -3
  37. package/esm/components/base-checkmark/Component.js +1 -1
  38. package/esm/components/base-checkmark/index.css +6 -6
  39. package/esm/components/base-option/Component.js +1 -1
  40. package/esm/components/base-option/index.css +15 -15
  41. package/esm/components/base-select/Component.js +2 -2
  42. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  43. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  44. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  45. package/esm/components/base-select/index.css +11 -11
  46. package/esm/components/base-select/mobile.css +12 -12
  47. package/esm/components/checkmark/Component.js +1 -1
  48. package/esm/components/checkmark/index.css +10 -10
  49. package/esm/components/checkmark-mobile/Component.js +1 -1
  50. package/esm/components/checkmark-mobile/index.css +6 -6
  51. package/esm/components/clear-button/Component.js +1 -1
  52. package/esm/components/clear-button/index.css +6 -6
  53. package/esm/components/field/Component.js +1 -1
  54. package/esm/components/field/index.css +12 -12
  55. package/esm/components/footer/Component.js +1 -1
  56. package/esm/components/footer/index.css +5 -5
  57. package/esm/components/optgroup/Component.js +1 -1
  58. package/esm/components/optgroup/index.css +6 -6
  59. package/esm/components/option/Component.js +1 -1
  60. package/esm/components/option/index.css +19 -19
  61. package/esm/components/options-list/Component.js +8 -4
  62. package/esm/components/options-list/index.css +11 -11
  63. package/esm/components/search/Component.js +1 -1
  64. package/esm/components/search/index.css +2 -2
  65. package/esm/components/virtual-options-list/Component.js +1 -1
  66. package/esm/components/virtual-options-list/index.css +15 -15
  67. package/esm/{list-popover-desktop-7be52716.js → list-popover-desktop-bafc9490.js} +1 -1
  68. package/esm/mobile/Component.mobile.js +1 -1
  69. package/esm/mobile.module-3a10018f.js +4 -0
  70. package/esm/presets/index.js +1 -1
  71. package/esm/presets/useSelectWithApply/hook.js +1 -1
  72. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  73. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  74. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  75. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  76. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  77. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  78. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  79. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  80. package/esm/presets/useSelectWithLoading/index.css +2 -2
  81. package/esm/shared/index.js +1 -1
  82. package/{list-popover-desktop-3e79aebd.js → list-popover-desktop-747f244b.js} +1 -1
  83. package/mobile/Component.mobile.js +1 -1
  84. package/mobile.module-ff64b811.js +6 -0
  85. package/modern/components/arrow/Component.js +1 -1
  86. package/modern/components/arrow/index.css +3 -3
  87. package/modern/components/base-checkmark/Component.js +1 -1
  88. package/modern/components/base-checkmark/index.css +6 -6
  89. package/modern/components/base-option/Component.js +1 -1
  90. package/modern/components/base-option/index.css +15 -15
  91. package/modern/components/base-select/Component.js +2 -2
  92. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  93. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  94. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  95. package/modern/components/base-select/index.css +11 -11
  96. package/modern/components/base-select/mobile.css +12 -12
  97. package/modern/components/checkmark/Component.js +1 -1
  98. package/modern/components/checkmark/index.css +10 -10
  99. package/modern/components/checkmark-mobile/Component.js +1 -1
  100. package/modern/components/checkmark-mobile/index.css +6 -6
  101. package/modern/components/clear-button/Component.js +1 -1
  102. package/modern/components/clear-button/index.css +6 -6
  103. package/modern/components/field/Component.js +1 -1
  104. package/modern/components/field/index.css +12 -12
  105. package/modern/components/footer/Component.js +1 -1
  106. package/modern/components/footer/index.css +5 -5
  107. package/modern/components/optgroup/Component.js +1 -1
  108. package/modern/components/optgroup/index.css +6 -6
  109. package/modern/components/option/Component.js +1 -1
  110. package/modern/components/option/index.css +19 -19
  111. package/modern/components/options-list/Component.js +3 -3
  112. package/modern/components/options-list/index.css +11 -11
  113. package/modern/components/search/Component.js +1 -1
  114. package/modern/components/search/index.css +2 -2
  115. package/modern/components/virtual-options-list/Component.js +1 -1
  116. package/modern/components/virtual-options-list/index.css +15 -15
  117. package/modern/{list-popover-desktop-41267fb4.js → list-popover-desktop-c9b03ea7.js} +1 -1
  118. package/modern/mobile/Component.mobile.js +1 -1
  119. package/modern/mobile.module-6575652f.js +4 -0
  120. package/modern/presets/index.js +1 -1
  121. package/modern/presets/useSelectWithApply/hook.js +1 -1
  122. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  123. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  124. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  125. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  126. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  127. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  128. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  129. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  130. package/modern/presets/useSelectWithLoading/index.css +2 -2
  131. package/modern/shared/index.js +1 -1
  132. package/moderncssm/components/options-list/Component.js +2 -2
  133. package/package.json +2 -2
  134. package/presets/index.js +1 -1
  135. package/presets/useSelectWithApply/hook.js +1 -1
  136. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  137. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  138. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  139. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  140. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  141. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  142. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  143. package/presets/useSelectWithLoading/hook.js +1 -1
  144. package/presets/useSelectWithLoading/index.css +2 -2
  145. package/shared/index.js +1 -1
  146. package/src/components/options-list/Component.tsx +8 -5
  147. package/esm/mobile.module-421c8bf6.js +0 -4
  148. package/mobile.module-1d0de1cb.js +0 -6
  149. package/modern/mobile.module-1bc90f2b.js +0 -4
  150. /package/esm/{hook-959f3d8b.d.ts → hook-5c62c301.d.ts} +0 -0
  151. /package/esm/{hook-959f3d8b.js → hook-5c62c301.js} +0 -0
  152. /package/esm/{list-popover-desktop-7be52716.d.ts → list-popover-desktop-bafc9490.d.ts} +0 -0
  153. /package/{hook-079ff90b.d.ts → hook-07cb7608.d.ts} +0 -0
  154. /package/{hook-079ff90b.js → hook-07cb7608.js} +0 -0
  155. /package/{list-popover-desktop-3e79aebd.d.ts → list-popover-desktop-747f244b.d.ts} +0 -0
  156. /package/modern/{hook-baea95e2.d.ts → hook-2824140e.d.ts} +0 -0
  157. /package/modern/{hook-baea95e2.js → hook-2824140e.js} +0 -0
  158. /package/modern/{list-popover-desktop-41267fb4.d.ts → list-popover-desktop-c9b03ea7.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 1x954 */
1
+ /* hash: 693pk */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -44,15 +44,15 @@
44
44
  /* checkmark */
45
45
 
46
46
  /* optgroup */
47
- } .select__clearIcon_rgxnr {
47
+ } .select__clearIcon_rrik8 {
48
48
  display: block;
49
49
  color: var(--color-light-neutral-translucent-500)
50
- } .select__clearIcon_rgxnr:hover {
50
+ } .select__clearIcon_rrik8:hover {
51
51
  color: var(--color-light-neutral-translucent-500-hover);
52
- } .select__clearIcon_rgxnr:active {
52
+ } .select__clearIcon_rrik8:active {
53
53
  color: var(--color-light-neutral-translucent-500-press);
54
- } .select__clearButton_rgxnr + [data-addon='error-icon'] {
54
+ } .select__clearButton_rrik8 + [data-addon='error-icon'] {
55
55
  display: var(--input-error-icon-display);
56
- } .select__clearButton_rgxnr + * {
56
+ } .select__clearButton_rrik8 + * {
57
57
  margin-left: var(--gap-4);
58
58
  }
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"select__component_z5g16","field":"select__field_z5g16","disabled":"select__disabled_z5g16","arrow":"select__arrow_z5g16","placeholder":"select__placeholder_z5g16","show-placeholder":"select__show-placeholder_z5g16","focused":"select__focused_z5g16","contentWrapper":"select__contentWrapper_z5g16","value":"select__value_z5g16","focusVisible":"select__focusVisible_z5g16"};
18
+ var styles = {"component":"select__component_zg0xo","field":"select__field_zg0xo","disabled":"select__disabled_zg0xo","arrow":"select__arrow_zg0xo","placeholder":"select__placeholder_zg0xo","show-placeholder":"select__show-placeholder_zg0xo","focused":"select__focused_zg0xo","contentWrapper":"select__contentWrapper_zg0xo","value":"select__value_zg0xo","focusVisible":"select__focusVisible_zg0xo"};
19
19
  require('./index.css')
20
20
 
21
21
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 5wjfz */
1
+ /* hash: dxm2z */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -46,22 +46,22 @@
46
46
  /* checkmark */
47
47
 
48
48
  /* optgroup */
49
- } .select__component_z5g16 {
49
+ } .select__component_zg0xo {
50
50
  width: 100%;
51
51
  outline: none;
52
- } .select__field_z5g16:not(.select__disabled_z5g16) {
52
+ } .select__field_zg0xo:not(.select__disabled_zg0xo) {
53
53
  cursor: pointer
54
- } .select__field_z5g16:not(.select__disabled_z5g16):hover .select__arrow_z5g16 {
54
+ } .select__field_zg0xo:not(.select__disabled_zg0xo):hover .select__arrow_zg0xo {
55
55
  opacity: var(--select-arrow-hover-opacity);
56
- } .select__disabled_z5g16 {
56
+ } .select__disabled_zg0xo {
57
57
  cursor: var(--disabled-cursor);
58
- } .select__placeholder_z5g16 {
58
+ } .select__placeholder_zg0xo {
59
59
  color: var(--input-placeholder-color);
60
60
  transition: color 0.2s ease;
61
- animation: select__show-placeholder_z5g16 0.2s ease
62
- } .select__placeholder_z5g16.select__focused_z5g16 {
61
+ animation: select__show-placeholder_zg0xo 0.2s ease
62
+ } .select__placeholder_zg0xo.select__focused_zg0xo {
63
63
  color: var(--input-focus-placeholder-color);
64
- } .select__contentWrapper_z5g16 {
64
+ } .select__contentWrapper_zg0xo {
65
65
  font-size: 16px;
66
66
  line-height: 20px;
67
67
  font-weight: 400;
@@ -70,14 +70,14 @@
70
70
  text-overflow: ellipsis;
71
71
  overflow: hidden;
72
72
  width: 100%;
73
- } .select__value_z5g16 {
73
+ } .select__value_zg0xo {
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
76
  text-align: left;
77
- } .select__focusVisible_z5g16 {
77
+ } .select__focusVisible_zg0xo {
78
78
  outline: 2px solid var(--focus-color);
79
79
  outline-offset: 2px;
80
- } @keyframes select__show-placeholder_z5g16 {
80
+ } @keyframes select__show-placeholder_zg0xo {
81
81
  from {
82
82
  opacity: 0;
83
83
  }
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"footer":"select__footer_188xa","button":"select__button_188xa","highlighted":"select__highlighted_188xa"};
16
+ var styles = {"footer":"select__footer_pgxee","button":"select__button_pgxee","highlighted":"select__highlighted_pgxee"};
17
17
  require('./index.css')
18
18
 
19
19
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 11jiv */
1
+ /* hash: 1gj4x */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -31,17 +31,17 @@
31
31
  /* checkmark */
32
32
 
33
33
  /* optgroup */
34
- } .select__footer_188xa {
34
+ } .select__footer_pgxee {
35
35
  display: flex;
36
36
  box-sizing: border-box;
37
37
  width: 100%;
38
38
  padding: var(--gap-16) var(--gap-16);
39
39
  background-color: var(--color-light-modal-bg-primary)
40
- } .select__footer_188xa .select__button_188xa:first-of-type {
40
+ } .select__footer_pgxee .select__button_pgxee:first-of-type {
41
41
  margin-right: var(--gap-16);
42
- } .select__button_188xa {
42
+ } .select__button_pgxee {
43
43
  width: 50%;
44
- } .select__highlighted_188xa {
44
+ } .select__highlighted_pgxee {
45
45
  border-top: 1px solid var(--color-light-neutral-300);
46
46
  background-color: var(--color-light-modal-bg-primary);
47
47
  }
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"optgroup":"select__optgroup_viib8","label":"select__label_viib8","size-64":"select__size-64_viib8","size-72":"select__size-72_viib8"};
14
+ var styles = {"optgroup":"select__optgroup_cbn3e","label":"select__label_cbn3e","size-64":"select__size-64_cbn3e","size-72":"select__size-72_cbn3e"};
15
15
  require('./index.css')
16
16
 
17
17
  var Optgroup = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: x4qh3 */
1
+ /* hash: i54ex */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -42,7 +42,7 @@
42
42
  --select-optgroup-right-padding: var(--gap-12);
43
43
  --select-optgroup-l-left-padding: var(--gap-16);
44
44
  --select-optgroup-l-right-padding: var(--gap-16);
45
- } .select__optgroup_viib8 {
45
+ } .select__optgroup_cbn3e {
46
46
  position: relative;
47
47
  display: flex;
48
48
  align-items: center;
@@ -51,9 +51,9 @@
51
51
  box-sizing: border-box;
52
52
  background: var(--select-optgroup-background);
53
53
  min-height: 40px
54
- } .select__optgroup_viib8 + *[role='option']:before {
54
+ } .select__optgroup_cbn3e + *[role='option']:before {
55
55
  display: none;
56
- } .select__label_viib8 {
56
+ } .select__label_cbn3e {
57
57
  font-size: 12px;
58
58
  line-height: 16px;
59
59
  font-weight: 500;
@@ -62,8 +62,8 @@
62
62
 
63
63
  display: block;
64
64
  color: var(--select-optgroup-color);
65
- } .select__size-64_viib8,
66
- .select__size-72_viib8 {
65
+ } .select__size-64_cbn3e,
66
+ .select__size-72_cbn3e {
67
67
  padding-left: var(--select-optgroup-l-left-padding);
68
68
  padding-right: var(--select-optgroup-l-right-padding);
69
69
  }
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"option":"select__option_9reus","disabled":"select__disabled_9reus","size-48":"select__size-48_9reus","size-56":"select__size-56_9reus","size-64":"select__size-64_9reus","size-72":"select__size-72_9reus","selected":"select__selected_9reus","highlighted":"select__highlighted_9reus","content":"select__content_9reus","textContent":"select__textContent_9reus"};
17
+ var styles = {"option":"select__option_sya2n","disabled":"select__disabled_sya2n","size-48":"select__size-48_sya2n","size-56":"select__size-56_sya2n","size-64":"select__size-64_sya2n","size-72":"select__size-72_sya2n","selected":"select__selected_sya2n","highlighted":"select__highlighted_sya2n","content":"select__content_sya2n","textContent":"select__textContent_sya2n"};
18
18
  require('./index.css')
19
19
 
20
20
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 9dv7t */
1
+ /* hash: ocpw3 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -60,7 +60,7 @@
60
60
  /* checkmark */
61
61
 
62
62
  /* optgroup */
63
- } .select__option_9reus {
63
+ } .select__option_sya2n {
64
64
  font-size: 16px;
65
65
  line-height: 20px;
66
66
  font-weight: 400;
@@ -75,10 +75,10 @@
75
75
  box-sizing: border-box;
76
76
  position: relative;
77
77
  cursor: pointer
78
- } .select__option_9reus:not(.select__disabled_9reus):active {
78
+ } .select__option_sya2n:not(.select__disabled_sya2n):active {
79
79
  background: var(--select-option-active-background);
80
80
  color: var(--select-option-active-color);
81
- } .select__option_9reus:before {
81
+ } .select__option_sya2n:before {
82
82
  content: '';
83
83
  position: absolute;
84
84
  left: var(--select-option-left-padding);
@@ -88,42 +88,42 @@
88
88
  background: var(--select-option-divider-background);
89
89
  display: var(--select-option-divider-display);
90
90
  transition: opacity 0.2s ease;
91
- } .select__option_9reus:first-child:before {
91
+ } .select__option_sya2n:first-child:before {
92
92
  display: none;
93
- } .select__size-48_9reus {
93
+ } .select__size-48_sya2n {
94
94
  min-height: var(--size-s-height);
95
- } .select__size-56_9reus {
95
+ } .select__size-56_sya2n {
96
96
  min-height: var(--size-m-height);
97
- } .select__size-64_9reus {
97
+ } .select__size-64_sya2n {
98
98
  min-height: var(--size-l-height);
99
- } .select__size-72_9reus {
99
+ } .select__size-72_sya2n {
100
100
  min-height: var(--size-xl-height);
101
- } .select__size-64_9reus,
102
- .select__size-72_9reus {
101
+ } .select__size-64_sya2n,
102
+ .select__size-72_sya2n {
103
103
  padding-left: var(--select-option-l-left-padding);
104
104
  padding-right: var(--select-option-l-right-padding)
105
- } .select__size-64_9reus:before, .select__size-72_9reus:before {
105
+ } .select__size-64_sya2n:before, .select__size-72_sya2n:before {
106
106
  left: var(--select-option-l-left-padding);
107
107
  right: var(--select-option-l-right-padding);
108
- } .select__selected_9reus {
108
+ } .select__selected_sya2n {
109
109
  background: var(--select-option-selected-background);
110
110
  color: var(--select-option-selected-color);
111
111
  cursor: default;
112
- } .select__highlighted_9reus {
112
+ } .select__highlighted_sya2n {
113
113
  background: var(--select-option-hover-background);
114
114
  color: var(--select-option-hover-color)
115
- } .select__highlighted_9reus:before,
116
- .select__highlighted_9reus + .select__option_9reus:before {
115
+ } .select__highlighted_sya2n:before,
116
+ .select__highlighted_sya2n + .select__option_sya2n:before {
117
117
  opacity: 0;
118
- } .select__disabled_9reus {
118
+ } .select__disabled_sya2n {
119
119
  cursor: var(--disabled-cursor);
120
120
  background: var(--select-option-disabled-background);
121
121
  color: var(--select-option-disabled-color);
122
- } .select__content_9reus {
122
+ } .select__content_sya2n {
123
123
  overflow: hidden;
124
124
  flex: 1;
125
125
  text-overflow: ellipsis;
126
- } .select__textContent_9reus {
126
+ } .select__textContent_sya2n {
127
127
  padding-top: var(--gap-12);
128
128
  padding-bottom: var(--gap-12);
129
129
  }
@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
19
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
 
22
- var styles = {"optionsList":"select__optionsList_99geg","optionsListHeader":"select__optionsListHeader_99geg","headerHighlighted":"select__headerHighlighted_99geg","optionsListFooter":"select__optionsListFooter_99geg","withBorder":"select__withBorder_99geg","scrollable":"select__scrollable_99geg","-webkit-mask":"select__mask_99geg","mask":"select__mask_99geg","emptyPlaceholder":"select__emptyPlaceholder_99geg","size-64":"select__size-64_99geg","size-72":"select__size-72_99geg"};
22
+ var styles = {"optionsList":"select__optionsList_e2xn0","optionsListHeader":"select__optionsListHeader_e2xn0","headerHighlighted":"select__headerHighlighted_e2xn0","optionsListFooter":"select__optionsListFooter_e2xn0","withBorder":"select__withBorder_e2xn0","scrollable":"select__scrollable_e2xn0","-webkit-mask":"select__mask_e2xn0","mask":"select__mask_e2xn0","emptyPlaceholder":"select__emptyPlaceholder_e2xn0","size-64":"select__size-64_e2xn0","size-72":"select__size-72_e2xn0"};
23
23
  require('./index.css')
24
24
 
25
25
  var createCounter = function () {
@@ -50,12 +50,16 @@ var OptionsList = React.forwardRef(function (_a, ref) {
50
50
  var scrollbarRef = React.useRef(null);
51
51
  var counter = createCounter();
52
52
  var renderGroup = function (group) {
53
- var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) {
54
- return group.options.includes(item);
53
+ var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
54
+ var selectedItemKey = _a.key;
55
+ return group.options.some(function (option) { return option.key === selectedItemKey; });
55
56
  });
56
57
  var handleSelectedItems = function (items) {
57
58
  var _a;
58
- setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return !group.options.includes(item); })) !== null && _a !== void 0 ? _a : []).concat(items));
59
+ setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
60
+ var selectedItemKey = _a.key;
61
+ return !group.options.some(function (option) { return option.key === selectedItemKey; });
62
+ })) !== null && _a !== void 0 ? _a : []).concat(items));
59
63
  };
60
64
  return (React__default.default.createElement(Optgroup, tslib.__assign({ className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple }, groupOptionProps), group.options.map(function (option) { return renderOption(option, counter()); })));
61
65
  };
@@ -1,4 +1,4 @@
1
- /* hash: 1vwmw */
1
+ /* hash: 19ijn */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -37,34 +37,34 @@
37
37
  /* checkmark */
38
38
 
39
39
  /* optgroup */
40
- } .select__optionsList_99geg {
40
+ } .select__optionsList_e2xn0 {
41
41
  width: 100%;
42
42
  outline: none;
43
43
  box-sizing: border-box;
44
44
  position: relative;
45
- } .select__optionsListHeader_99geg {
45
+ } .select__optionsListHeader_e2xn0 {
46
46
  box-sizing: border-box;
47
47
  border-bottom: 1px solid transparent;
48
48
  transition: border-color 0.2s ease
49
- } .select__optionsListHeader_99geg.select__headerHighlighted_99geg {
49
+ } .select__optionsListHeader_e2xn0.select__headerHighlighted_e2xn0 {
50
50
  border-bottom-color: var(--color-light-neutral-300);
51
- } .select__optionsListFooter_99geg {
51
+ } .select__optionsListFooter_e2xn0 {
52
52
  position: sticky;
53
53
  bottom: var(--gap-0);
54
54
  box-sizing: border-box;
55
55
  border-top: 1px solid transparent;
56
56
  transition: border-color 0.2s ease
57
- } .select__optionsListFooter_99geg.select__withBorder_99geg {
57
+ } .select__optionsListFooter_e2xn0.select__withBorder_e2xn0 {
58
58
  border-top-color: var(--color-light-neutral-300);
59
- } .select__scrollable_99geg {
59
+ } .select__scrollable_e2xn0 {
60
60
  overflow: auto;
61
61
  width: 100%;
62
- } .select__mask_99geg {
62
+ } .select__mask_e2xn0 {
63
63
  min-width: 4000px;
64
- } .select__emptyPlaceholder_99geg {
64
+ } .select__emptyPlaceholder_e2xn0 {
65
65
  padding: var(--gap-16) var(--gap-12);
66
66
  color: var(--select-options-list-empty-placeholder-color);
67
- } .select__size-64_99geg .select__emptyPlaceholder_99geg,
68
- .select__size-72_99geg .select__emptyPlaceholder_99geg {
67
+ } .select__size-64_e2xn0 .select__emptyPlaceholder_e2xn0,
68
+ .select__size-72_e2xn0 .select__emptyPlaceholder_e2xn0 {
69
69
  padding: var(--gap-24) var(--gap-16);
70
70
  }
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"select__component_1dptj"};
16
+ var styles = {"component":"select__component_101vs"};
17
17
  require('./index.css')
18
18
 
19
19
  var Search = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1p083 */
1
+ /* hash: 1x1aq */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,6 +27,6 @@
27
27
  /* checkmark */
28
28
 
29
29
  /* optgroup */
30
- } .select__component_1dptj.select__component_1dptj {
30
+ } .select__component_101vs.select__component_101vs {
31
31
  width: auto;
32
32
  }
@@ -20,7 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
 
23
- var styles = {"virtualOptionsList":"select__virtualOptionsList_hu06j","virtualOptionsListHeader":"select__virtualOptionsListHeader_hu06j","virtualOptionsListFooter":"select__virtualOptionsListFooter_hu06j","withBorder":"select__withBorder_hu06j","scrollable":"select__scrollable_hu06j","inner":"select__inner_hu06j","virtualRow":"select__virtualRow_hu06j","highlighted":"select__highlighted_hu06j","emptyPlaceholder":"select__emptyPlaceholder_hu06j","size-64":"select__size-64_hu06j","size-72":"select__size-72_hu06j"};
23
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_1jiae","virtualOptionsListHeader":"select__virtualOptionsListHeader_1jiae","virtualOptionsListFooter":"select__virtualOptionsListFooter_1jiae","withBorder":"select__withBorder_1jiae","scrollable":"select__scrollable_1jiae","inner":"select__inner_1jiae","virtualRow":"select__virtualRow_1jiae","highlighted":"select__highlighted_1jiae","emptyPlaceholder":"select__emptyPlaceholder_1jiae","size-64":"select__size-64_1jiae","size-72":"select__size-72_1jiae"};
24
24
  require('./index.css')
25
25
 
26
26
  var VirtualOptionsList = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1g631 */
1
+ /* hash: 185rs */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -43,35 +43,35 @@
43
43
  /* checkmark */
44
44
 
45
45
  /* optgroup */
46
- } .select__virtualOptionsList_hu06j {
46
+ } .select__virtualOptionsList_1jiae {
47
47
  width: 100%;
48
48
  outline: none;
49
49
  box-sizing: border-box;
50
50
  position: sticky;
51
51
  justify-content: space-between;
52
- } .select__virtualOptionsListHeader_hu06j {
52
+ } .select__virtualOptionsListHeader_1jiae {
53
53
  box-sizing: border-box;
54
54
  border-bottom: 1px solid var(--color-light-neutral-300);
55
- } .select__virtualOptionsListFooter_hu06j {
55
+ } .select__virtualOptionsListFooter_1jiae {
56
56
  position: sticky;
57
57
  bottom: var(--gap-0);
58
58
  box-sizing: border-box;
59
59
  border-top: 1px solid transparent
60
- } .select__virtualOptionsListFooter_hu06j.select__withBorder_hu06j {
60
+ } .select__virtualOptionsListFooter_1jiae.select__withBorder_1jiae {
61
61
  border-top: 1px solid var(--color-light-neutral-300);
62
- } .select__scrollable_hu06j {
62
+ } .select__scrollable_1jiae {
63
63
  position: relative;
64
64
  overflow: auto;
65
65
  width: 100%;
66
- } .select__inner_hu06j {
66
+ } .select__inner_1jiae {
67
67
  position: relative;
68
68
  width: 100%;
69
- } .select__virtualRow_hu06j {
69
+ } .select__virtualRow_1jiae {
70
70
  position: absolute;
71
71
  top: var(--gap-0);
72
72
  left: var(--gap-0);
73
73
  width: 100%
74
- } .select__virtualRow_hu06j:before {
74
+ } .select__virtualRow_1jiae:before {
75
75
  content: '';
76
76
  position: absolute;
77
77
  z-index: 1;
@@ -81,16 +81,16 @@
81
81
  height: 1px;
82
82
  background: var(--select-option-divider-background);
83
83
  display: var(--select-option-divider-display);
84
- } .select__virtualRow_hu06j:first-child:before {
84
+ } .select__virtualRow_1jiae:first-child:before {
85
85
  display: none;
86
- } .select__highlighted_hu06j:before,
87
- .select__highlighted_hu06j + .select__virtualRow_hu06j:before {
86
+ } .select__highlighted_1jiae:before,
87
+ .select__highlighted_1jiae + .select__virtualRow_1jiae:before {
88
88
  display: none;
89
- } .select__emptyPlaceholder_hu06j {
89
+ } .select__emptyPlaceholder_1jiae {
90
90
  padding: var(--gap-16) var(--gap-12);
91
91
  color: var(--select-options-list-empty-placeholder-color);
92
92
  flex: 1;
93
- } .select__size-64_hu06j .select__emptyPlaceholder_hu06j,
94
- .select__size-72_hu06j .select__emptyPlaceholder_hu06j {
93
+ } .select__size-64_1jiae .select__emptyPlaceholder_1jiae,
94
+ .select__size-72_1jiae .select__emptyPlaceholder_1jiae {
95
95
  padding: var(--gap-24) var(--gap-16);
96
96
  }
@@ -49,12 +49,16 @@ var OptionsList = React.forwardRef(function (_a, ref) {
49
49
  var scrollbarRef = React.useRef(null);
50
50
  var counter = createCounter();
51
51
  var renderGroup = function (group) {
52
- var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) {
53
- return group.options.includes(item);
52
+ var groupSelectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
53
+ var selectedItemKey = _a.key;
54
+ return group.options.some(function (option) { return option.key === selectedItemKey; });
54
55
  });
55
56
  var handleSelectedItems = function (items) {
56
57
  var _a;
57
- setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return !group.options.includes(item); })) !== null && _a !== void 0 ? _a : []).concat(items));
58
+ setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (_a) {
59
+ var selectedItemKey = _a.key;
60
+ return !group.options.some(function (option) { return option.key === selectedItemKey; });
61
+ })) !== null && _a !== void 0 ? _a : []).concat(items));
58
62
  };
59
63
  return (React__default.default.createElement(Optgroup, tslib.__assign({ className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple }, groupOptionProps), group.options.map(function (option) { return renderOption(option, counter()); })));
60
64
  };
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
4
4
 
5
- var styles = {"arrow":"select__arrow_6j4wh","open":"select__open_6j4wh"};
5
+ var styles = {"arrow":"select__arrow_1ascm","open":"select__open_1ascm"};
6
6
  require('./index.css')
7
7
 
8
8
  var Arrow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1csyd */
1
+ /* hash: qe3qs */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
@@ -30,13 +30,13 @@
30
30
  /* checkmark */
31
31
 
32
32
  /* optgroup */
33
- } .select__arrow_6j4wh {
33
+ } .select__arrow_1ascm {
34
34
  display: block;
35
35
  width: 24px;
36
36
  height: 24px;
37
37
  color: var(--select-arrow-color);
38
38
 
39
39
  transition: transform 0.15s ease-in-out, opacity 0.2s ease;
40
- } .select__open_6j4wh {
40
+ } .select__open_1ascm {
41
41
  transform: var(--arrow-transform);
42
42
  }