@salutejs/plasma-new-hope 0.320.1-canary.1910.14466228582.0 → 0.320.1-canary.1910.14480923795.0

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 (193) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +3 -2
  2. package/cjs/components/Autocomplete/Autocomplete.js +7 -1
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Autocomplete/Autocomplete.styles.js +7 -1
  5. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  6. package/cjs/components/Autocomplete/{Autocomplete.styles_3utepb.css → Autocomplete.styles_1luhe6h.css} +1 -0
  7. package/cjs/components/Checkbox/Checkbox.js +2 -0
  8. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.css +5 -4
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -6
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -1
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_1wjf3wt.css → Combobox.styles_1ckzrys.css} +1 -0
  15. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +5 -4
  16. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  17. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  18. package/cjs/components/Pagination/Pagination.css +4 -3
  19. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -3
  20. package/cjs/components/Select/Select.css +4 -3
  21. package/cjs/components/Select/Select.js +5 -4
  22. package/cjs/components/Select/Select.js.map +1 -1
  23. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +2 -2
  24. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  25. package/cjs/components/Select/ui/Target/Target.css +4 -3
  26. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -3
  27. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -1
  28. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  29. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -1
  30. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  31. package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1a1zt2a.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1i2t1rz.css} +1 -0
  32. package/cjs/components/Table/Table.css +4 -3
  33. package/cjs/components/Table/Table.js +11 -7
  34. package/cjs/components/Table/Table.js.map +1 -1
  35. package/cjs/components/Table/ui/Cell/Cell.css +4 -3
  36. package/cjs/components/Table/ui/EditableCell/EditableCell.css +4 -3
  37. package/cjs/components/Table/ui/HeadCell/HeadCell.css +4 -3
  38. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +4 -3
  39. package/cjs/index.css +12 -9
  40. package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -1
  41. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +19 -6
  42. package/emotion/cjs/components/Checkbox/Checkbox.js +2 -0
  43. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -6
  44. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +23 -10
  45. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  46. package/emotion/cjs/components/Select/Select.js +5 -4
  47. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +2 -2
  48. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -1
  49. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +20 -7
  50. package/emotion/cjs/components/Table/Table.js +11 -7
  51. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
  52. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
  53. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  54. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  55. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +13 -12
  56. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
  57. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
  58. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
  59. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  60. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  61. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +13 -12
  62. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
  63. package/emotion/es/components/Autocomplete/Autocomplete.js +8 -2
  64. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +18 -5
  65. package/emotion/es/components/Checkbox/Checkbox.js +2 -0
  66. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +13 -7
  67. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +22 -9
  68. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  69. package/emotion/es/components/Select/Select.js +5 -4
  70. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +2 -2
  71. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -2
  72. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +19 -6
  73. package/emotion/es/components/Table/Table.js +11 -7
  74. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
  75. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
  76. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  77. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  78. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +13 -12
  79. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
  80. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
  81. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
  82. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  83. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  84. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +13 -12
  85. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
  86. package/es/components/Autocomplete/Autocomplete.css +3 -2
  87. package/es/components/Autocomplete/Autocomplete.js +8 -2
  88. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  89. package/es/components/Autocomplete/Autocomplete.styles.js +7 -2
  90. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  91. package/es/components/Autocomplete/{Autocomplete.styles_3utepb.css → Autocomplete.styles_1luhe6h.css} +1 -0
  92. package/es/components/Checkbox/Checkbox.js +2 -0
  93. package/es/components/Checkbox/Checkbox.js.map +1 -1
  94. package/es/components/Combobox/ComboboxNew/Combobox.css +5 -4
  95. package/es/components/Combobox/ComboboxNew/Combobox.js +13 -7
  96. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  97. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -2
  98. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  99. package/es/components/Combobox/ComboboxNew/{Combobox.styles_1wjf3wt.css → Combobox.styles_1ckzrys.css} +1 -0
  100. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +5 -4
  101. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  102. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  103. package/es/components/Pagination/Pagination.css +4 -3
  104. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -3
  105. package/es/components/Select/Select.css +4 -3
  106. package/es/components/Select/Select.js +5 -4
  107. package/es/components/Select/Select.js.map +1 -1
  108. package/es/components/Select/ui/Inner/ui/Item/Item.js +2 -2
  109. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  110. package/es/components/Select/ui/Target/Target.css +4 -3
  111. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -3
  112. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -2
  113. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  114. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -2
  115. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  116. package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1a1zt2a.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1i2t1rz.css} +1 -0
  117. package/es/components/Table/Table.css +4 -3
  118. package/es/components/Table/Table.js +11 -7
  119. package/es/components/Table/Table.js.map +1 -1
  120. package/es/components/Table/ui/Cell/Cell.css +4 -3
  121. package/es/components/Table/ui/EditableCell/EditableCell.css +4 -3
  122. package/es/components/Table/ui/HeadCell/HeadCell.css +4 -3
  123. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +4 -3
  124. package/es/index.css +12 -9
  125. package/package.json +3 -3
  126. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +7 -1
  127. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +5 -2
  128. package/styled-components/cjs/components/Checkbox/Checkbox.js +2 -0
  129. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -6
  130. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +5 -2
  131. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  132. package/styled-components/cjs/components/Select/Select.js +5 -4
  133. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +2 -2
  134. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -1
  135. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -2
  136. package/styled-components/cjs/components/Table/Table.js +11 -7
  137. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
  138. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
  139. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  140. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -1
  141. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +2 -1
  142. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
  143. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
  144. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
  145. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  146. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -1
  147. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +2 -1
  148. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
  149. package/styled-components/es/components/Autocomplete/Autocomplete.js +8 -2
  150. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +4 -1
  151. package/styled-components/es/components/Checkbox/Checkbox.js +2 -0
  152. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +13 -7
  153. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +4 -1
  154. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  155. package/styled-components/es/components/Select/Select.js +5 -4
  156. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +2 -2
  157. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -2
  158. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
  159. package/styled-components/es/components/Table/Table.js +11 -7
  160. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
  161. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
  162. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  163. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -1
  164. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js +2 -1
  165. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +1 -1
  166. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
  167. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
  168. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  169. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -1
  170. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js +2 -1
  171. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +1 -1
  172. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  173. package/types/components/Autocomplete/Autocomplete.styles.d.ts +1 -0
  174. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
  175. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  176. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  177. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -0
  178. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  179. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +0 -2
  180. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  181. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  182. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
  183. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  184. package/types/components/Select/Select.d.ts.map +1 -1
  185. package/types/components/Select/Select.types.d.ts +0 -2
  186. package/types/components/Select/Select.types.d.ts.map +1 -1
  187. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  188. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  189. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -0
  190. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  191. package/types/components/Table/Table.d.ts.map +1 -1
  192. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +0 -6
  193. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
@@ -25,7 +25,7 @@ const meta: Meta<typeof Radiobox> = {
25
25
  },
26
26
  },
27
27
  size: {
28
- options: ['m', 's'],
28
+ options: ['l', 'm', 's'],
29
29
  control: {
30
30
  type: 'radio',
31
31
  },
@@ -78,5 +78,6 @@
78
78
  .SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
79
79
 
80
80
 
81
- .Autocomplete_styles_3utepb_u1ih3p9n__6a53037d{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u1ih3p9n-0);overflow:auto;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--plasma-autocomplete-margin) 0 0 0;padding:var(--plasma-autocomplete-padding);}
82
- .Autocomplete_styles_3utepb_i610ple__6a53037d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
81
+ .Autocomplete_styles_1luhe6h_u1ih3p9n__424e6ab8{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u1ih3p9n-0);overflow:auto;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--plasma-autocomplete-margin) 0 0 0;padding:var(--plasma-autocomplete-padding);}
82
+ .Autocomplete_styles_1luhe6h_i610ple__424e6ab8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
83
+ .Autocomplete_styles_1luhe6h_s1nz87td__424e6ab8{margin:0;padding:0;}
@@ -3,7 +3,7 @@ import React, { forwardRef, useReducer, useState, useRef, useLayoutEffect } from
3
3
  import { safeUseId } from '@salutejs/plasma-core';
4
4
  import { FloatingPopover } from './FloatingPopover.js';
5
5
  import { focusedReducer } from './reducers/focusedReducer.js';
6
- import { Ul, InfiniteLoaderWrapper, base } from './Autocomplete.styles.js';
6
+ import { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from './Autocomplete.styles.js';
7
7
  import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
8
8
  import { useOutsideClick } from '../../hooks/useOutsideClick.js';
9
9
  import { useDidMountEffect } from '../../hooks/useDidMountEffect.js';
@@ -22,6 +22,7 @@ var VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;
22
22
  */
23
23
  var autocompleteRoot = function autocompleteRoot(Root) {
24
24
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
25
+ var _StyledLeftHelper;
25
26
  var outerValue = _ref.value,
26
27
  defaultValue = _ref.defaultValue,
27
28
  onChange = _ref.onChange,
@@ -106,6 +107,9 @@ var autocompleteRoot = function autocompleteRoot(Root) {
106
107
  var label = _ref2.label;
107
108
  return label.toLowerCase().includes(value.toString().toLowerCase());
108
109
  };
110
+ var helperTextStopPropagation = function helperTextStopPropagation(event) {
111
+ event.stopPropagation();
112
+ };
109
113
  var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
110
114
  virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;
111
115
  var _useKeyNavigation = useKeyNavigation({
@@ -167,7 +171,9 @@ var autocompleteRoot = function autocompleteRoot(Root) {
167
171
  hintText: String(hintText || ''),
168
172
  labelPlacement: labelPlacement,
169
173
  keepPlaceholder: keepPlaceholder,
170
- leftHelper: leftHelper
174
+ leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
175
+ onClick: helperTextStopPropagation
176
+ }, leftHelper)))
171
177
  }, rest));
172
178
  }
173
179
  }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Root, {
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n// Пороговое значение количества результирующих элементов в списке,\n// при котором возможна виртуализация (при virtual=true);\nconst VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n defaultValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n keepPlaceholder,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n portal,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n onSearch,\n hintText,\n hintView = 'default',\n hintSize = 'm',\n beforeList,\n afterList,\n virtual = false,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue ?? innerValue;\n\n const helperTextId = safeUseId();\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n setIsOpen(false);\n }, floatingPopoverRef);\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n useLayoutEffect(() => {\n if (defaultValue) {\n setInnerValue(defaultValue);\n }\n }, [defaultValue]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n hintView={hintView}\n hintSize={hintSize}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isOpen}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <StyledTextField\n ref={ref}\n inputWrapperRef={referenceRef}\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n size={size}\n view={view}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n hintText={String(hintText || '')}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n leftHelper={leftHelper}\n {...rest}\n />\n )}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n ref={targetRef}\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={virtual ? undefined : onScroll}\n listMaxHeight={listMaxHeight}\n virtual={virtual}\n >\n {virtual ? (\n <VirtualList\n items={finalResults}\n onClick={handleItemClick}\n listId={listId}\n listMaxHeight={listMaxHeight}\n onScroll={onScroll}\n />\n ) : (\n <>\n {beforeList}\n\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n />\n ))}\n\n {afterList}\n </>\n )}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </Root>\n ))}\n </FloatingPopover>\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["VIRTUAL_ITEM_AMOUNT_THRESHOLD","autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","concat","String","Boolean","Ul","id","VirtualList","items","onClick","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
1
+ {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n// Пороговое значение количества результирующих элементов в списке,\n// при котором возможна виртуализация (при virtual=true);\nconst VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n defaultValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n keepPlaceholder,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n portal,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n onSearch,\n hintText,\n hintView = 'default',\n hintSize = 'm',\n beforeList,\n afterList,\n virtual = false,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue ?? innerValue;\n\n const helperTextId = safeUseId();\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n setIsOpen(false);\n }, floatingPopoverRef);\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n useLayoutEffect(() => {\n if (defaultValue) {\n setInnerValue(defaultValue);\n }\n }, [defaultValue]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n hintView={hintView}\n hintSize={hintSize}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isOpen}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <StyledTextField\n ref={ref}\n inputWrapperRef={referenceRef}\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n size={size}\n view={view}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n hintText={String(hintText || '')}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n leftHelper={\n leftHelper && (\n <StyledLeftHelper onClick={helperTextStopPropagation}>\n {leftHelper}\n </StyledLeftHelper>\n )\n }\n {...rest}\n />\n )}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n ref={targetRef}\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={virtual ? undefined : onScroll}\n listMaxHeight={listMaxHeight}\n virtual={virtual}\n >\n {virtual ? (\n <VirtualList\n items={finalResults}\n onClick={handleItemClick}\n listId={listId}\n listMaxHeight={listMaxHeight}\n onScroll={onScroll}\n />\n ) : (\n <>\n {beforeList}\n\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n />\n ))}\n\n {afterList}\n </>\n )}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </Root>\n ))}\n </FloatingPopover>\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["VIRTUAL_ITEM_AMOUNT_THRESHOLD","autocompleteRoot","Root","forwardRef","_ref","ref","_StyledLeftHelper","outerValue","value","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","concat","String","StyledLeftHelper","onClick","Boolean","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './Autocomplete.styles_3utepb.css';
1
+ import './Autocomplete.styles_1luhe6h.css';
2
2
  import { styled } from '@linaria/react';
3
3
 
4
4
  var base = "bn6ooh7";
@@ -22,6 +22,11 @@ var InfiniteLoaderWrapper = /*#__PURE__*/styled('li')({
22
22
  "class": "i610ple",
23
23
  propsAsIs: false
24
24
  });
25
+ var StyledLeftHelper = /*#__PURE__*/styled('span')({
26
+ name: "StyledLeftHelper",
27
+ "class": "s1nz87td",
28
+ propsAsIs: false
29
+ });
25
30
 
26
- export { InfiniteLoaderWrapper, Ul, base };
31
+ export { InfiniteLoaderWrapper, StyledLeftHelper, Ul, base };
27
32
  //# sourceMappingURL=Autocomplete.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css``;\n\nexport const Ul = styled.ul<{\n listMaxHeight: AutocompleteProps['listMaxHeight'];\n virtual: AutocompleteProps['virtual'];\n}>`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n height: auto;\n max-height: ${({ virtual, listMaxHeight }) => (virtual ? 'auto' : listMaxHeight || 'auto')};\n overflow: auto;\n\n border: var(${tokens.dropdownBorderWidth}) solid var(${tokens.dropdownBorderColor});\n\n margin: var(${tokens.margin}) 0 0 0;\n padding: var(${tokens.padding});\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n min-height: var(${tokens.textFieldHeight});\n`;\n"],"names":["base","_exp4","_ref","virtual","listMaxHeight","Ul","styled","name","class","propsAsIs","vars","InfiniteLoaderWrapper"],"mappings":";;AAMO,IAAMA,IAAI,GAAQ,UAAA;AAAC,IAAAC,KAAA,GALRA,SAKQA,KAAAA,GAAA;AAAA,EAAA,OAaR,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAEC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBD,OAAO,GAAG,MAAM,GAAGC,aAAa,IAAI,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAXvF,IAAMC,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAWNT,KAA4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAO7F,EAAA;AAEM,IAAMU,qBAAqB,gBAAGL,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C;;;;"}
1
+ {"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css``;\n\nexport const Ul = styled.ul<{\n listMaxHeight: AutocompleteProps['listMaxHeight'];\n virtual: AutocompleteProps['virtual'];\n}>`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n height: auto;\n max-height: ${({ virtual, listMaxHeight }) => (virtual ? 'auto' : listMaxHeight || 'auto')};\n overflow: auto;\n\n border: var(${tokens.dropdownBorderWidth}) solid var(${tokens.dropdownBorderColor});\n\n margin: var(${tokens.margin}) 0 0 0;\n padding: var(${tokens.padding});\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n min-height: var(${tokens.textFieldHeight});\n`;\n\nexport const StyledLeftHelper = styled.span`\n margin: 0;\n padding: 0;\n`;\n"],"names":["base","_exp4","_ref","virtual","listMaxHeight","Ul","styled","name","class","propsAsIs","vars","InfiniteLoaderWrapper","StyledLeftHelper"],"mappings":";;AAMO,IAAMA,IAAI,GAAQ,UAAA;AAAC,IAAAC,KAAA,GALRA,SAKQA,KAAAA,GAAA;AAAA,EAAA,OAaR,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAEC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBD,OAAO,GAAG,MAAM,GAAGC,aAAa,IAAI,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAXvF,IAAMC,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAWNT,KAA4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAO7F,EAAA;AAEM,IAAMU,qBAAqB,gBAAGL,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC;;;;"}
@@ -1,3 +1,4 @@
1
1
 
2
2
  .u1ih3p9n{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u1ih3p9n-0);overflow:auto;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--plasma-autocomplete-margin) 0 0 0;padding:var(--plasma-autocomplete-padding);}
3
3
  .i610ple{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
4
+ .s1nz87td{margin:0;padding:0;}
@@ -48,6 +48,8 @@ var checkboxRoot = function checkboxRoot(Root) {
48
48
  var hasContent = label || description;
49
49
  var singleLineClass = singleLine ? classes.singleLine : undefined;
50
50
  var onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;
51
+
52
+ // Временное решение
51
53
  var getIcon = function getIcon() {
52
54
  if (appearance === 'outline') {
53
55
  return _DoneThin || (_DoneThin = /*#__PURE__*/React.createElement(DoneThin, null));
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n appearance,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n const getIcon = () => {\n if (appearance === 'outline') {\n return <DoneThin />;\n }\n\n return <Done />;\n };\n\n const getIndeterminate = () => {\n if (appearance === 'outline') {\n return <IndeterminateThin />;\n }\n\n return <Indeterminate />;\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n <StyledTriggerWrapper>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? getIndeterminate() : getIcon()}\n </StyledTrigger>\n </StyledTriggerWrapper>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","_DoneThin","React","createElement","DoneThin","_Done","Done","getIndeterminate","_IndeterminateThin","IndeterminateThin","_Indeterminate","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n appearance,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n // Временное решение\n const getIcon = () => {\n if (appearance === 'outline') {\n return <DoneThin />;\n }\n\n return <Done />;\n };\n\n const getIndeterminate = () => {\n if (appearance === 'outline') {\n return <IndeterminateThin />;\n }\n\n return <Indeterminate />;\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n <StyledTriggerWrapper>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? getIndeterminate() : getIcon()}\n </StyledTrigger>\n </StyledTriggerWrapper>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","_DoneThin","React","createElement","DoneThin","_Done","Done","getIndeterminate","_IndeterminateThin","IndeterminateThin","_Indeterminate","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
@@ -156,10 +156,11 @@
156
156
 
157
157
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
158
158
 
159
- .Combobox_styles_1wjf3wt_uxiiees__459cea74{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow-y:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_1wjf3wt_uxiiees__459cea74 .Combobox_styles_1wjf3wt_comboboxEmptyStateWrapper__459cea74{box-shadow:none;}
160
- .Combobox_styles_1wjf3wt_i1veo3wn__459cea74{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_1wjf3wt_i1veo3wn__459cea74 .Combobox_styles_1wjf3wt_arrowInverse__459cea74{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_1wjf3wt_i1veo3wn__459cea74:hover,.Combobox_styles_1wjf3wt_i1veo3wn__459cea74:active{color:var(--i1veo3wn-1);}
161
- .Combobox_styles_1wjf3wt_s1hxiinv__459cea74{width:var(--s1hxiinv-0);height:var(--s1hxiinv-0);}
159
+ .Combobox_styles_1ckzrys_uxiiees__61126b68{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow-y:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_1ckzrys_uxiiees__61126b68 .Combobox_styles_1ckzrys_comboboxEmptyStateWrapper__61126b68{box-shadow:none;}
160
+ .Combobox_styles_1ckzrys_i1veo3wn__61126b68{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_1ckzrys_i1veo3wn__61126b68 .Combobox_styles_1ckzrys_arrowInverse__61126b68{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_1ckzrys_i1veo3wn__61126b68:hover,.Combobox_styles_1ckzrys_i1veo3wn__61126b68:active{color:var(--i1veo3wn-1);}
161
+ .Combobox_styles_1ckzrys_s1hxiinv__61126b68{width:var(--s1hxiinv-0);height:var(--s1hxiinv-0);}
162
162
 
163
- .Combobox_styles_1wjf3wt_s11cn92k__459cea74{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
163
+ .Combobox_styles_1ckzrys_s11cn92k__61126b68{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
164
+ .Combobox_styles_1ckzrys_spp7ogj__61126b68{margin:0;padding:0;}
164
165
 
165
166
  .SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
@@ -5,7 +5,7 @@ import { classes } from './Combobox.tokens.js';
5
5
  import { FloatingPopover } from './FloatingPopover.js';
6
6
  import { getItemByFocused, useKeyNavigation } from './hooks/useKeyboardNavigation.js';
7
7
  import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
8
- import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
8
+ import { IconArrowWrapper, StyledArrow, StyledLeftHelper, Ul, StyledEmptyState, base } from './Combobox.styles.js';
9
9
  import { base as base$1 } from './variations/_view/base.js';
10
10
  import { base as base$2 } from './variations/_size/base.js';
11
11
  import { SelectNative } from './ui/SelectNative/SelectNative.js';
@@ -26,7 +26,7 @@ import { VirtualList } from './ui/VirtualList/VirtualList.js';
26
26
  import { Inner } from './ui/Inner/Inner.js';
27
27
  import { getRemovedElement } from './utils/getRemovedElement.js';
28
28
 
29
- var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "checkboxAppearance", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
29
+ var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
30
30
 
31
31
  /**
32
32
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
@@ -34,7 +34,7 @@ var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTar
34
34
 
35
35
  var comboboxRoot = function comboboxRoot(Root) {
36
36
  return /*#__PURE__*/forwardRef(function (props, ref) {
37
- var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
37
+ var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused, _StyledLeftHelper;
38
38
  var name = props.name,
39
39
  multiple = props.multiple,
40
40
  outerValue = props.value,
@@ -44,8 +44,6 @@ var comboboxRoot = function comboboxRoot(Root) {
44
44
  items = props.items,
45
45
  _props$placement = props.placement,
46
46
  placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
47
- _props$checkboxAppear = props.checkboxAppearance,
48
- checkboxAppearance = _props$checkboxAppear === void 0 ? 'default' : _props$checkboxAppear,
49
47
  label = props.label,
50
48
  placeholder = props.placeholder,
51
49
  helperText = props.helperText,
@@ -381,6 +379,9 @@ var comboboxRoot = function comboboxRoot(Root) {
381
379
  handleCheckboxChange(item);
382
380
  }
383
381
  };
382
+ var helperTextStopPropagation = function helperTextStopPropagation(event) {
383
+ event.stopPropagation();
384
+ };
384
385
  var _useKeyNavigation = useKeyNavigation({
385
386
  focusedPath: focusedPath,
386
387
  dispatchFocusedPath: dispatchFocusedPath,
@@ -465,7 +466,10 @@ var comboboxRoot = function comboboxRoot(Root) {
465
466
  variant: variant,
466
467
  renderItem: renderItem,
467
468
  treeId: treeId,
468
- checkboxAppearance: checkboxAppearance
469
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
470
+ // @ts-ignore
471
+ // eslint-disable-next-line no-underscore-dangle
472
+ _checkboxAppearance: rest._checkboxAppearance
469
473
  }
470
474
  }, /*#__PURE__*/React.createElement(FloatingPopover, {
471
475
  ref: floatingPopoverRef,
@@ -498,7 +502,9 @@ var comboboxRoot = function comboboxRoot(Root) {
498
502
  textBefore: textBefore,
499
503
  textAfter: textAfter,
500
504
  onKeyDown: onKeyDown,
501
- leftHelper: helperText,
505
+ leftHelper: helperText && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
506
+ onClick: helperTextStopPropagation
507
+ }, helperText))),
502
508
  role: "combobox",
503
509
  "aria-autocomplete": "list",
504
510
  "aria-controls": "".concat(treeId, "_tree_level_1"),