@vkontakte/vkui 4.35.4 → 4.37.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 (1275) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +21771 -18514
  4. package/.cache/ts/src/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts +3 -0
  5. package/.cache/ts/src/components/ActionSheetItem/ActionSheetItem.d.ts +5 -1
  6. package/.cache/ts/src/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  7. package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +1 -1
  8. package/.cache/ts/src/components/Calendar/Calendar.d.ts +3 -2
  9. package/.cache/ts/src/components/CalendarDay/CalendarDay.d.ts +4 -2
  10. package/.cache/ts/src/components/CalendarDays/CalendarDays.d.ts +3 -1
  11. package/.cache/ts/src/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  12. package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +1 -1
  13. package/.cache/ts/src/components/Chip/Chip.d.ts +12 -5
  14. package/.cache/ts/src/components/ChipsInput/ChipsInput.d.ts +5 -26
  15. package/.cache/ts/src/components/ChipsInputBase/ChipsInputBase.d.ts +17 -0
  16. package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +6 -4
  17. package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts +1 -1
  18. package/.cache/ts/src/components/DateInput/DateInput.d.ts +4 -2
  19. package/.cache/ts/src/components/DateRangeInput/DateRangeInput.d.ts +4 -2
  20. package/.cache/ts/src/components/DropdownIcon/DropdownIcon.d.ts +4 -2
  21. package/.cache/ts/src/components/FormField/FormField.d.ts +2 -1
  22. package/.cache/ts/src/components/FormLayoutGroup/FormLayoutGroup.d.ts +5 -1
  23. package/.cache/ts/src/components/FormStatus/FormStatus.d.ts +1 -0
  24. package/.cache/ts/src/components/Group/Group.d.ts +5 -1
  25. package/.cache/ts/src/components/Input/Input.d.ts +1 -1
  26. package/.cache/ts/src/components/List/List.d.ts +2 -1
  27. package/.cache/ts/src/components/ModalPage/ModalPage.d.ts +13 -1
  28. package/.cache/ts/src/components/NativeSelect/NativeSelect.d.ts +3 -2
  29. package/.cache/ts/src/components/Radio/Radio.d.ts +1 -1
  30. package/.cache/ts/src/components/Select/Select.d.ts +1 -1
  31. package/.cache/ts/src/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  32. package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +34 -1
  33. package/.cache/ts/src/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  34. package/.cache/ts/src/components/Tappable/Tappable.d.ts +2 -1
  35. package/.cache/ts/src/components/Textarea/Textarea.d.ts +3 -2
  36. package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +7 -1
  37. package/.cache/ts/src/{components/ChipsInput → hooks}/useChipsInput.d.ts +4 -3
  38. package/{dist/cssm/components/ChipsSelect → .cache/ts/src/hooks}/useChipsSelect.d.ts +4 -4
  39. package/.cache/ts/src/index.d.ts +5 -0
  40. package/.cache/ts/src/tokenized/index.d.ts +58 -0
  41. package/.eslintrc.json +2 -1
  42. package/README.md +3 -2
  43. package/dist/appearance/constants.js.map +1 -1
  44. package/dist/cjs/appearance/constants.js.map +1 -1
  45. package/dist/cjs/components/ActionSheet/ActionSheet.js +4 -4
  46. package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
  47. package/dist/cjs/components/ActionSheet/ActionSheetContext.js.map +1 -1
  48. package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +24 -0
  49. package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -0
  50. package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js +10 -8
  51. package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  52. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js +4 -5
  53. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  54. package/dist/cjs/components/ActionSheet/types.js.map +1 -1
  55. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +15 -39
  56. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  57. package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  58. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js +2 -3
  59. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  60. package/dist/cjs/components/Alert/Alert.js +11 -12
  61. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  62. package/dist/cjs/components/AppRoot/AppRoot.js +2 -5
  63. package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
  64. package/dist/cjs/components/AppRoot/AppRootContext.js.map +1 -1
  65. package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
  66. package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
  67. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  68. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  69. package/dist/cjs/components/Avatar/Avatar.js +4 -17
  70. package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
  71. package/dist/cjs/components/Badge/Badge.js.map +1 -1
  72. package/dist/cjs/components/Banner/Banner.js.map +1 -1
  73. package/dist/cjs/components/BaseGallery/BaseGallery.js +11 -10
  74. package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -1
  75. package/dist/cjs/components/BaseGallery/helpers.js.map +1 -1
  76. package/dist/cjs/components/BaseGallery/types.js.map +1 -1
  77. package/dist/cjs/components/Button/Button.js.map +1 -1
  78. package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
  79. package/dist/cjs/components/Calendar/Calendar.js +9 -3
  80. package/dist/cjs/components/Calendar/Calendar.js.map +1 -1
  81. package/dist/cjs/components/CalendarDay/CalendarDay.js +14 -23
  82. package/dist/cjs/components/CalendarDay/CalendarDay.js.map +1 -1
  83. package/dist/cjs/components/CalendarDays/CalendarDays.js +4 -3
  84. package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
  85. package/dist/cjs/components/CalendarHeader/CalendarHeader.js +10 -4
  86. package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
  87. package/dist/cjs/components/CalendarRange/CalendarRange.js.map +1 -1
  88. package/dist/cjs/components/CalendarTime/CalendarTime.js.map +1 -1
  89. package/dist/cjs/components/Card/Card.js.map +1 -1
  90. package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
  91. package/dist/cjs/components/CardScroll/CardScroll.js +2 -5
  92. package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
  93. package/dist/cjs/components/Cell/Cell.js.map +1 -1
  94. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  95. package/dist/cjs/components/Cell/CellDragger/CellDragger.js.map +1 -1
  96. package/dist/cjs/components/Cell/useDraggable.js.map +1 -1
  97. package/dist/cjs/components/CellButton/CellButton.js.map +1 -1
  98. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  99. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  100. package/dist/cjs/components/ChipsInput/ChipsInput.js +15 -198
  101. package/dist/cjs/components/ChipsInput/ChipsInput.js.map +1 -1
  102. package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js +215 -0
  103. package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js.map +1 -0
  104. package/dist/cjs/components/ChipsSelect/ChipsSelect.js +49 -28
  105. package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
  106. package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
  107. package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  108. package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
  109. package/dist/cjs/components/Counter/Counter.js.map +1 -1
  110. package/dist/cjs/components/CustomScrollView/CustomScrollView.js.map +1 -1
  111. package/dist/cjs/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  112. package/dist/cjs/components/CustomSelect/CustomSelect.js +32 -31
  113. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  114. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  115. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  116. package/dist/cjs/components/DateInput/DateInput.js +4 -2
  117. package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
  118. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  119. package/dist/cjs/components/DateRangeInput/DateRangeInput.js +4 -2
  120. package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
  121. package/dist/cjs/components/Div/Div.js.map +1 -1
  122. package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
  123. package/dist/cjs/components/DropdownIcon/DropdownIcon.js +16 -7
  124. package/dist/cjs/components/DropdownIcon/DropdownIcon.js.map +1 -1
  125. package/dist/cjs/components/Epic/Epic.js.map +1 -1
  126. package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
  127. package/dist/cjs/components/File/File.js.map +1 -1
  128. package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
  129. package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
  130. package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
  131. package/dist/cjs/components/Footer/Footer.js.map +1 -1
  132. package/dist/cjs/components/FormField/FormField.js +4 -2
  133. package/dist/cjs/components/FormField/FormField.js.map +1 -1
  134. package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
  135. package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
  136. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +12 -3
  137. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  138. package/dist/cjs/components/FormStatus/FormStatus.js +4 -6
  139. package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
  140. package/dist/cjs/components/Gallery/Gallery.js +2 -0
  141. package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
  142. package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
  143. package/dist/cjs/components/GridAvatar/GridAvatar.js.map +1 -1
  144. package/dist/cjs/components/Group/Group.js +4 -2
  145. package/dist/cjs/components/Group/Group.js.map +1 -1
  146. package/dist/cjs/components/Header/Header.js +3 -11
  147. package/dist/cjs/components/Header/Header.js.map +1 -1
  148. package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
  149. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  150. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  151. package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
  152. package/dist/cjs/components/IconButton/IconButton.js +4 -3
  153. package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
  154. package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
  155. package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  156. package/dist/cjs/components/Input/Input.js +4 -2
  157. package/dist/cjs/components/Input/Input.js.map +1 -1
  158. package/dist/cjs/components/InputLike/InputLike.js.map +1 -1
  159. package/dist/cjs/components/InputLike/InputLikeDivider.js.map +1 -1
  160. package/dist/cjs/components/Link/Link.js.map +1 -1
  161. package/dist/cjs/components/List/List.js.map +1 -1
  162. package/dist/cjs/components/List/ListContext.js.map +1 -1
  163. package/dist/cjs/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  164. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  165. package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
  166. package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
  167. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js +1 -6
  168. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  169. package/dist/cjs/components/ModalPage/ModalPage.js +11 -10
  170. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  171. package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js +3 -4
  172. package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  173. package/dist/cjs/components/ModalRoot/ModalRoot.js +4 -18
  174. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  175. package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  176. package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
  177. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +3 -11
  178. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  179. package/dist/cjs/components/ModalRoot/constants.js.map +1 -1
  180. package/dist/cjs/components/ModalRoot/types.js.map +1 -1
  181. package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
  182. package/dist/cjs/components/ModalRoot/withModalRootContext.js.map +1 -1
  183. package/dist/cjs/components/NativeSelect/NativeSelect.js +4 -2
  184. package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
  185. package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  186. package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
  187. package/dist/cjs/components/Panel/Panel.js +4 -10
  188. package/dist/cjs/components/Panel/Panel.js.map +1 -1
  189. package/dist/cjs/components/PanelHeader/PanelHeader.js +2 -11
  190. package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
  191. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js +2 -7
  192. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  193. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +2 -7
  194. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  195. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js +1 -1
  196. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  197. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +4 -2
  198. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  199. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +4 -8
  200. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  201. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js +1 -1
  202. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  203. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js +1 -1
  204. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  205. package/dist/cjs/components/PanelSpinner/PanelSpinner.js.map +1 -1
  206. package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
  207. package/dist/cjs/components/PopoutRoot/PopoutRoot.js.map +1 -1
  208. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  209. package/dist/cjs/components/Popper/Popper.js.map +1 -1
  210. package/dist/cjs/components/PopperArrow/PopperArrow.js.map +1 -1
  211. package/dist/cjs/components/Progress/Progress.js.map +1 -1
  212. package/dist/cjs/components/PromoBanner/PromoBanner.js +2 -7
  213. package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
  214. package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
  215. package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  216. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  217. package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
  218. package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
  219. package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
  220. package/dist/cjs/components/Removable/Removable.js.map +1 -1
  221. package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
  222. package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
  223. package/dist/cjs/components/Root/Root.js.map +1 -1
  224. package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  225. package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  226. package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  227. package/dist/cjs/components/Search/Search.js +7 -9
  228. package/dist/cjs/components/Search/Search.js.map +1 -1
  229. package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  230. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  231. package/dist/cjs/components/Select/Select.js.map +1 -1
  232. package/dist/cjs/components/SelectMimicry/SelectMimicry.js +4 -2
  233. package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
  234. package/dist/cjs/components/Separator/Separator.js.map +1 -1
  235. package/dist/cjs/components/SimpleCell/SimpleCell.js +30 -8
  236. package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
  237. package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  238. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  239. package/dist/cjs/components/SliderSwitch/SliderSwitch.js +2 -5
  240. package/dist/cjs/components/SliderSwitch/SliderSwitch.js.map +1 -1
  241. package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js +2 -7
  242. package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  243. package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
  244. package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
  245. package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
  246. package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
  247. package/dist/cjs/components/SplitLayout/SplitLayout.js.map +1 -1
  248. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js +1 -6
  249. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  250. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +17 -16
  251. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  252. package/dist/cjs/components/Switch/Switch.js.map +1 -1
  253. package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
  254. package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
  255. package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
  256. package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
  257. package/dist/cjs/components/Tappable/Tappable.js +8 -16
  258. package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
  259. package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
  260. package/dist/cjs/components/Textarea/Textarea.js +4 -2
  261. package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
  262. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  263. package/dist/cjs/components/Tooltip/TooltipContainer.js.map +1 -1
  264. package/dist/cjs/components/Touch/Touch.js.map +1 -1
  265. package/dist/cjs/components/Touch/TouchContext.js.map +1 -1
  266. package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
  267. package/dist/cjs/components/Typography/Footnote/Footnote.js.map +1 -1
  268. package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
  269. package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
  270. package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
  271. package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
  272. package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
  273. package/dist/cjs/components/UsersStack/UsersStack.js +75 -37
  274. package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
  275. package/dist/cjs/components/View/View.js +2 -7
  276. package/dist/cjs/components/View/View.js.map +1 -1
  277. package/dist/cjs/components/View/ViewInfinite.js +1 -10
  278. package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
  279. package/dist/cjs/components/View/utils.js.map +1 -1
  280. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -4
  281. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  282. package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
  283. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  284. package/dist/cjs/helpers/avatar.js.map +1 -1
  285. package/dist/cjs/helpers/getClassName.js.map +1 -1
  286. package/dist/cjs/helpers/getScheme.js.map +1 -1
  287. package/dist/cjs/helpers/math.js.map +1 -1
  288. package/dist/cjs/helpers/scheme.js.map +1 -1
  289. package/dist/cjs/hoc/withAdaptivity.js.map +1 -1
  290. package/dist/cjs/hoc/withContext.js.map +1 -1
  291. package/dist/cjs/hoc/withInsets.js.map +1 -1
  292. package/dist/cjs/hoc/withPlatform.js.map +1 -1
  293. package/dist/cjs/hooks/useAdaptivity.js.map +1 -1
  294. package/dist/cjs/hooks/useAppearance.js.map +1 -1
  295. package/dist/cjs/hooks/useBooleanState.js.map +1 -1
  296. package/dist/cjs/hooks/useBridgeAdaptivity.js.map +1 -1
  297. package/dist/cjs/hooks/useBrowserInfo.js.map +1 -1
  298. package/dist/cjs/hooks/useCalendar.js.map +1 -1
  299. package/dist/cjs/{components/ChipsInput → hooks}/useChipsInput.js +0 -0
  300. package/dist/cjs/hooks/useChipsInput.js.map +1 -0
  301. package/dist/cjs/{components/ChipsSelect → hooks}/useChipsSelect.js +1 -1
  302. package/dist/cjs/hooks/useChipsSelect.js.map +1 -0
  303. package/dist/cjs/hooks/useDateInput.js.map +1 -1
  304. package/dist/cjs/hooks/useEffectDev.js.map +1 -1
  305. package/dist/cjs/hooks/useEnsuredControl.js.map +1 -1
  306. package/dist/cjs/hooks/useEventListener.js.map +1 -1
  307. package/dist/cjs/hooks/useExternRef.js.map +1 -1
  308. package/dist/cjs/hooks/useFocusVisible.js.map +1 -1
  309. package/dist/cjs/hooks/useGlobalEventListener.js.map +1 -1
  310. package/dist/cjs/hooks/useInsets.js.map +1 -1
  311. package/dist/cjs/hooks/useKeyboard.js.map +1 -1
  312. package/dist/cjs/hooks/useKeyboardInputTracker.js.map +1 -1
  313. package/dist/cjs/hooks/useObjectMemo.js.map +1 -1
  314. package/dist/cjs/hooks/useOrientationChange.js.map +1 -1
  315. package/dist/cjs/hooks/usePagination.js.map +1 -1
  316. package/dist/cjs/hooks/usePatchChildrenRef.js.map +1 -1
  317. package/dist/cjs/hooks/usePlatform.js.map +1 -1
  318. package/dist/cjs/hooks/usePrevious.js.map +1 -1
  319. package/dist/cjs/hooks/useTimeout.js.map +1 -1
  320. package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
  321. package/dist/cjs/index.js +16 -0
  322. package/dist/cjs/index.js.map +1 -1
  323. package/dist/cjs/lib/SSR.js.map +1 -1
  324. package/dist/cjs/lib/accessibility.js.map +1 -1
  325. package/dist/cjs/lib/animate.js +2 -2
  326. package/dist/cjs/lib/animate.js.map +1 -1
  327. package/dist/cjs/lib/browser.js.map +1 -1
  328. package/dist/cjs/lib/calendar.js.map +1 -1
  329. package/dist/cjs/lib/callMultiple.js.map +1 -1
  330. package/dist/cjs/lib/classNames.js.map +1 -1
  331. package/dist/cjs/lib/classScopingMode.js.map +1 -1
  332. package/dist/cjs/lib/date.js.map +1 -1
  333. package/dist/cjs/lib/dom.js.map +1 -1
  334. package/dist/cjs/lib/fx.js.map +1 -1
  335. package/dist/cjs/lib/getNavId.js.map +1 -1
  336. package/dist/cjs/lib/is.js.map +1 -1
  337. package/dist/cjs/lib/isRefObject.js.map +1 -1
  338. package/dist/cjs/lib/jsxRuntime.d.js.map +1 -1
  339. package/dist/cjs/lib/jsxRuntime.js.map +1 -1
  340. package/dist/cjs/lib/offset.js.map +1 -1
  341. package/dist/cjs/lib/platform.js.map +1 -1
  342. package/dist/cjs/lib/polyfills.js.map +1 -1
  343. package/dist/cjs/lib/prefixClass.js.map +1 -1
  344. package/dist/cjs/lib/removeObjectKeys.js.map +1 -1
  345. package/dist/cjs/lib/select.js.map +1 -1
  346. package/dist/cjs/lib/styles.js.map +1 -1
  347. package/dist/cjs/lib/supportEvents.js.map +1 -1
  348. package/dist/cjs/lib/taptic.js.map +1 -1
  349. package/dist/cjs/lib/testing.js +2 -2
  350. package/dist/cjs/lib/testing.js.map +1 -1
  351. package/dist/cjs/lib/touch.js +2 -2
  352. package/dist/cjs/lib/touch.js.map +1 -1
  353. package/dist/cjs/lib/useIsomorphicLayoutEffect.js.map +1 -1
  354. package/dist/cjs/lib/utils.js.map +1 -1
  355. package/dist/cjs/lib/warnOnce.js.map +1 -1
  356. package/dist/cjs/tokenized/index.js +240 -0
  357. package/dist/cjs/tokenized/index.js.map +1 -1
  358. package/dist/cjs/types.js.map +1 -1
  359. package/dist/cjs/unstable/index.js.map +1 -1
  360. package/dist/components/ActionSheet/ActionSheet.js +4 -4
  361. package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
  362. package/dist/components/ActionSheet/ActionSheetContext.js.map +1 -1
  363. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts +3 -0
  364. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +10 -0
  365. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -0
  366. package/dist/components/ActionSheet/ActionSheetDropdown.js +7 -7
  367. package/dist/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  368. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js +3 -4
  369. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  370. package/dist/components/ActionSheet/types.js.map +1 -1
  371. package/dist/components/ActionSheetItem/ActionSheetItem.d.ts +5 -1
  372. package/dist/components/ActionSheetItem/ActionSheetItem.js +16 -36
  373. package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  374. package/dist/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  375. package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  376. package/dist/components/AdaptivityProvider/AdaptivityProvider.js +2 -4
  377. package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  378. package/dist/components/Alert/Alert.js +12 -12
  379. package/dist/components/Alert/Alert.js.map +1 -1
  380. package/dist/components/AppRoot/AppRoot.js +2 -5
  381. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  382. package/dist/components/AppRoot/AppRootContext.js.map +1 -1
  383. package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
  384. package/dist/components/AppRoot/ScrollContext.js.map +1 -1
  385. package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  386. package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  387. package/dist/components/Avatar/Avatar.js +4 -17
  388. package/dist/components/Avatar/Avatar.js.map +1 -1
  389. package/dist/components/Badge/Badge.js.map +1 -1
  390. package/dist/components/Banner/Banner.js.map +1 -1
  391. package/dist/components/BaseGallery/BaseGallery.js +11 -10
  392. package/dist/components/BaseGallery/BaseGallery.js.map +1 -1
  393. package/dist/components/BaseGallery/helpers.js.map +1 -1
  394. package/dist/components/BaseGallery/types.js.map +1 -1
  395. package/dist/components/Button/Button.js.map +1 -1
  396. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  397. package/dist/components/Calendar/Calendar.d.ts +3 -2
  398. package/dist/components/Calendar/Calendar.js +9 -3
  399. package/dist/components/Calendar/Calendar.js.map +1 -1
  400. package/dist/components/CalendarDay/CalendarDay.d.ts +4 -2
  401. package/dist/components/CalendarDay/CalendarDay.js +11 -23
  402. package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
  403. package/dist/components/CalendarDays/CalendarDays.d.ts +3 -1
  404. package/dist/components/CalendarDays/CalendarDays.js +4 -3
  405. package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
  406. package/dist/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  407. package/dist/components/CalendarHeader/CalendarHeader.js +7 -4
  408. package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
  409. package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
  410. package/dist/components/CalendarTime/CalendarTime.js.map +1 -1
  411. package/dist/components/Card/Card.js.map +1 -1
  412. package/dist/components/CardGrid/CardGrid.js.map +1 -1
  413. package/dist/components/CardScroll/CardScroll.js +1 -3
  414. package/dist/components/CardScroll/CardScroll.js.map +1 -1
  415. package/dist/components/Cell/Cell.js.map +1 -1
  416. package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  417. package/dist/components/Cell/CellDragger/CellDragger.js.map +1 -1
  418. package/dist/components/Cell/useDraggable.js.map +1 -1
  419. package/dist/components/CellButton/CellButton.js.map +1 -1
  420. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  421. package/dist/components/Chip/Chip.d.ts +12 -5
  422. package/dist/components/Chip/Chip.js.map +1 -1
  423. package/dist/components/ChipsInput/ChipsInput.d.ts +5 -26
  424. package/dist/components/ChipsInput/ChipsInput.js +14 -183
  425. package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
  426. package/dist/components/ChipsInputBase/ChipsInputBase.d.ts +17 -0
  427. package/dist/components/ChipsInputBase/ChipsInputBase.js +188 -0
  428. package/dist/components/ChipsInputBase/ChipsInputBase.js.map +1 -0
  429. package/dist/components/ChipsSelect/ChipsSelect.d.ts +6 -4
  430. package/dist/components/ChipsSelect/ChipsSelect.js +47 -27
  431. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  432. package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
  433. package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  434. package/dist/components/ContentCard/ContentCard.js.map +1 -1
  435. package/dist/components/Counter/Counter.js.map +1 -1
  436. package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
  437. package/dist/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  438. package/dist/components/CustomSelect/CustomSelect.d.ts +1 -1
  439. package/dist/components/CustomSelect/CustomSelect.js +32 -31
  440. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  441. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  442. package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  443. package/dist/components/DateInput/DateInput.d.ts +4 -2
  444. package/dist/components/DateInput/DateInput.js +4 -2
  445. package/dist/components/DateInput/DateInput.js.map +1 -1
  446. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  447. package/dist/components/DateRangeInput/DateRangeInput.d.ts +4 -2
  448. package/dist/components/DateRangeInput/DateRangeInput.js +4 -2
  449. package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
  450. package/dist/components/Div/Div.js.map +1 -1
  451. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  452. package/dist/components/DropdownIcon/DropdownIcon.d.ts +4 -2
  453. package/dist/components/DropdownIcon/DropdownIcon.js +15 -7
  454. package/dist/components/DropdownIcon/DropdownIcon.js.map +1 -1
  455. package/dist/components/Epic/Epic.js.map +1 -1
  456. package/dist/components/Epic/ScrollSaver.js.map +1 -1
  457. package/dist/components/File/File.js.map +1 -1
  458. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  459. package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
  460. package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
  461. package/dist/components/Footer/Footer.js.map +1 -1
  462. package/dist/components/FormField/FormField.d.ts +2 -1
  463. package/dist/components/FormField/FormField.js +4 -2
  464. package/dist/components/FormField/FormField.js.map +1 -1
  465. package/dist/components/FormItem/FormItem.js.map +1 -1
  466. package/dist/components/FormLayout/FormLayout.js.map +1 -1
  467. package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +5 -1
  468. package/dist/components/FormLayoutGroup/FormLayoutGroup.js +9 -3
  469. package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  470. package/dist/components/FormStatus/FormStatus.d.ts +1 -0
  471. package/dist/components/FormStatus/FormStatus.js +4 -4
  472. package/dist/components/FormStatus/FormStatus.js.map +1 -1
  473. package/dist/components/Gallery/Gallery.js +2 -0
  474. package/dist/components/Gallery/Gallery.js.map +1 -1
  475. package/dist/components/Gradient/Gradient.js.map +1 -1
  476. package/dist/components/GridAvatar/GridAvatar.js.map +1 -1
  477. package/dist/components/Group/Group.d.ts +5 -1
  478. package/dist/components/Group/Group.js +4 -2
  479. package/dist/components/Group/Group.js.map +1 -1
  480. package/dist/components/Header/Header.js +3 -10
  481. package/dist/components/Header/Header.js.map +1 -1
  482. package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
  483. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  484. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  485. package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
  486. package/dist/components/IconButton/IconButton.js +4 -3
  487. package/dist/components/IconButton/IconButton.js.map +1 -1
  488. package/dist/components/InfoRow/InfoRow.js.map +1 -1
  489. package/dist/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  490. package/dist/components/Input/Input.d.ts +1 -1
  491. package/dist/components/Input/Input.js +4 -2
  492. package/dist/components/Input/Input.js.map +1 -1
  493. package/dist/components/InputLike/InputLike.js.map +1 -1
  494. package/dist/components/InputLike/InputLikeDivider.js.map +1 -1
  495. package/dist/components/Link/Link.js.map +1 -1
  496. package/dist/components/List/List.d.ts +2 -1
  497. package/dist/components/List/List.js.map +1 -1
  498. package/dist/components/List/ListContext.js.map +1 -1
  499. package/dist/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  500. package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  501. package/dist/components/ModalCard/ModalCard.js.map +1 -1
  502. package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
  503. package/dist/components/ModalDismissButton/ModalDismissButton.js +1 -4
  504. package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  505. package/dist/components/ModalPage/ModalPage.d.ts +13 -1
  506. package/dist/components/ModalPage/ModalPage.js +12 -10
  507. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  508. package/dist/components/ModalPageHeader/ModalPageHeader.js +3 -3
  509. package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  510. package/dist/components/ModalRoot/ModalRoot.js +4 -18
  511. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  512. package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  513. package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
  514. package/dist/components/ModalRoot/ModalRootDesktop.js +3 -11
  515. package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  516. package/dist/components/ModalRoot/constants.js.map +1 -1
  517. package/dist/components/ModalRoot/types.js.map +1 -1
  518. package/dist/components/ModalRoot/useModalManager.js.map +1 -1
  519. package/dist/components/ModalRoot/withModalRootContext.js.map +1 -1
  520. package/dist/components/NativeSelect/NativeSelect.d.ts +3 -2
  521. package/dist/components/NativeSelect/NativeSelect.js +4 -2
  522. package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
  523. package/dist/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  524. package/dist/components/Pagination/Pagination.js.map +1 -1
  525. package/dist/components/Panel/Panel.js +4 -8
  526. package/dist/components/Panel/Panel.js.map +1 -1
  527. package/dist/components/PanelHeader/PanelHeader.js +2 -11
  528. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  529. package/dist/components/PanelHeaderBack/PanelHeaderBack.js +2 -6
  530. package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  531. package/dist/components/PanelHeaderButton/PanelHeaderButton.js +2 -7
  532. package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  533. package/dist/components/PanelHeaderClose/PanelHeaderClose.js +2 -2
  534. package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  535. package/dist/components/PanelHeaderContent/PanelHeaderContent.js +4 -3
  536. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  537. package/dist/components/PanelHeaderContext/PanelHeaderContext.js +3 -7
  538. package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  539. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js +2 -2
  540. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  541. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js +2 -2
  542. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  543. package/dist/components/PanelSpinner/PanelSpinner.js.map +1 -1
  544. package/dist/components/Placeholder/Placeholder.js.map +1 -1
  545. package/dist/components/PopoutRoot/PopoutRoot.js.map +1 -1
  546. package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  547. package/dist/components/Popper/Popper.js.map +1 -1
  548. package/dist/components/PopperArrow/PopperArrow.js.map +1 -1
  549. package/dist/components/Progress/Progress.js.map +1 -1
  550. package/dist/components/PromoBanner/PromoBanner.js +2 -5
  551. package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
  552. package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
  553. package/dist/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  554. package/dist/components/Radio/Radio.js.map +1 -1
  555. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  556. package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
  557. package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
  558. package/dist/components/Removable/Removable.js.map +1 -1
  559. package/dist/components/RichCell/RichCell.js.map +1 -1
  560. package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
  561. package/dist/components/Root/Root.js.map +1 -1
  562. package/dist/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  563. package/dist/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  564. package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  565. package/dist/components/Search/Search.js +6 -8
  566. package/dist/components/Search/Search.js.map +1 -1
  567. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  568. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  569. package/dist/components/Select/Select.d.ts +1 -1
  570. package/dist/components/Select/Select.js.map +1 -1
  571. package/dist/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  572. package/dist/components/SelectMimicry/SelectMimicry.js +4 -2
  573. package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
  574. package/dist/components/Separator/Separator.js.map +1 -1
  575. package/dist/components/SimpleCell/SimpleCell.d.ts +34 -1
  576. package/dist/components/SimpleCell/SimpleCell.js +29 -8
  577. package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
  578. package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  579. package/dist/components/Slider/Slider.js.map +1 -1
  580. package/dist/components/SliderSwitch/SliderSwitch.js +1 -4
  581. package/dist/components/SliderSwitch/SliderSwitch.js.map +1 -1
  582. package/dist/components/SliderSwitch/SliderSwitchButton.js +1 -5
  583. package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  584. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  585. package/dist/components/Spacing/Spacing.js.map +1 -1
  586. package/dist/components/Spinner/Spinner.js.map +1 -1
  587. package/dist/components/SplitCol/SplitCol.js.map +1 -1
  588. package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
  589. package/dist/components/SubnavigationBar/SubnavigationBar.js +1 -4
  590. package/dist/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  591. package/dist/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  592. package/dist/components/SubnavigationButton/SubnavigationButton.js +16 -15
  593. package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  594. package/dist/components/Switch/Switch.js.map +1 -1
  595. package/dist/components/Tabbar/Tabbar.js.map +1 -1
  596. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  597. package/dist/components/Tabs/Tabs.js.map +1 -1
  598. package/dist/components/TabsItem/TabsItem.js.map +1 -1
  599. package/dist/components/Tappable/Tappable.d.ts +2 -1
  600. package/dist/components/Tappable/Tappable.js +3 -10
  601. package/dist/components/Tappable/Tappable.js.map +1 -1
  602. package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
  603. package/dist/components/Textarea/Textarea.d.ts +3 -2
  604. package/dist/components/Textarea/Textarea.js +4 -2
  605. package/dist/components/Textarea/Textarea.js.map +1 -1
  606. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  607. package/dist/components/Tooltip/TooltipContainer.js.map +1 -1
  608. package/dist/components/Touch/Touch.js.map +1 -1
  609. package/dist/components/Touch/TouchContext.js.map +1 -1
  610. package/dist/components/Typography/Caption/Caption.js.map +1 -1
  611. package/dist/components/Typography/Footnote/Footnote.js.map +1 -1
  612. package/dist/components/Typography/Headline/Headline.js.map +1 -1
  613. package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
  614. package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
  615. package/dist/components/Typography/Text/Text.js.map +1 -1
  616. package/dist/components/Typography/Title/Title.js.map +1 -1
  617. package/dist/components/UsersStack/UsersStack.d.ts +7 -1
  618. package/dist/components/UsersStack/UsersStack.js +73 -31
  619. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  620. package/dist/components/View/View.js +2 -7
  621. package/dist/components/View/View.js.map +1 -1
  622. package/dist/components/View/ViewInfinite.js +1 -10
  623. package/dist/components/View/ViewInfinite.js.map +1 -1
  624. package/dist/components/View/utils.js.map +1 -1
  625. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
  626. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  627. package/dist/components/WriteBar/WriteBar.js.map +1 -1
  628. package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  629. package/dist/components.css +124 -17
  630. package/dist/components.css.map +1 -1
  631. package/dist/cssm/appearance/constants.js.map +1 -1
  632. package/dist/cssm/components/ActionSheet/ActionSheet.css +3 -1
  633. package/dist/cssm/components/ActionSheet/ActionSheet.js +4 -4
  634. package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
  635. package/dist/cssm/components/ActionSheet/ActionSheetContext.js.map +1 -1
  636. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts +3 -0
  637. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +10 -0
  638. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -0
  639. package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js +7 -7
  640. package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  641. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js +3 -4
  642. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  643. package/dist/cssm/components/ActionSheet/types.js.map +1 -1
  644. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.css +7 -1
  645. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.d.ts +5 -1
  646. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +16 -36
  647. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  648. package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  649. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  650. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js +2 -4
  651. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  652. package/dist/cssm/components/Alert/Alert.css +7 -1
  653. package/dist/cssm/components/Alert/Alert.js +12 -12
  654. package/dist/cssm/components/Alert/Alert.js.map +1 -1
  655. package/dist/cssm/components/AppRoot/AppRoot.css +1 -1
  656. package/dist/cssm/components/AppRoot/AppRoot.js +2 -5
  657. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  658. package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
  659. package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
  660. package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
  661. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  662. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  663. package/dist/cssm/components/Avatar/Avatar.js +4 -17
  664. package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
  665. package/dist/cssm/components/Badge/Badge.js.map +1 -1
  666. package/dist/cssm/components/Banner/Banner.js.map +1 -1
  667. package/dist/cssm/components/BaseGallery/BaseGallery.js +11 -10
  668. package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -1
  669. package/dist/cssm/components/BaseGallery/helpers.js.map +1 -1
  670. package/dist/cssm/components/BaseGallery/types.js.map +1 -1
  671. package/dist/cssm/components/Button/Button.js.map +1 -1
  672. package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map +1 -1
  673. package/dist/cssm/components/Calendar/Calendar.d.ts +3 -2
  674. package/dist/cssm/components/Calendar/Calendar.js +9 -3
  675. package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
  676. package/dist/cssm/components/CalendarDay/CalendarDay.d.ts +4 -2
  677. package/dist/cssm/components/CalendarDay/CalendarDay.js +11 -23
  678. package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
  679. package/dist/cssm/components/CalendarDays/CalendarDays.d.ts +3 -1
  680. package/dist/cssm/components/CalendarDays/CalendarDays.js +4 -3
  681. package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
  682. package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  683. package/dist/cssm/components/CalendarHeader/CalendarHeader.js +7 -4
  684. package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
  685. package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
  686. package/dist/cssm/components/CalendarTime/CalendarTime.js.map +1 -1
  687. package/dist/cssm/components/Card/Card.js.map +1 -1
  688. package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
  689. package/dist/cssm/components/CardScroll/CardScroll.js +1 -3
  690. package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
  691. package/dist/cssm/components/Cell/Cell.js.map +1 -1
  692. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.css +1 -1
  693. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  694. package/dist/cssm/components/Cell/CellDragger/CellDragger.css +1 -1
  695. package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map +1 -1
  696. package/dist/cssm/components/Cell/useDraggable.js.map +1 -1
  697. package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
  698. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  699. package/dist/cssm/components/Chip/Chip.css +1 -1
  700. package/dist/cssm/components/Chip/Chip.d.ts +12 -5
  701. package/dist/cssm/components/Chip/Chip.js.map +1 -1
  702. package/dist/cssm/components/ChipsInput/ChipsInput.css +1 -1
  703. package/dist/cssm/components/ChipsInput/ChipsInput.d.ts +5 -26
  704. package/dist/cssm/components/ChipsInput/ChipsInput.js +14 -183
  705. package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
  706. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.css +1 -0
  707. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.d.ts +17 -0
  708. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js +189 -0
  709. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js.map +1 -0
  710. package/dist/cssm/components/ChipsSelect/ChipsSelect.css +1 -1
  711. package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +6 -4
  712. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +47 -27
  713. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  714. package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
  715. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  716. package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
  717. package/dist/cssm/components/Counter/Counter.css +3 -1
  718. package/dist/cssm/components/Counter/Counter.js.map +1 -1
  719. package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
  720. package/dist/cssm/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  721. package/dist/cssm/components/CustomSelect/CustomSelect.css +1 -1
  722. package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +1 -1
  723. package/dist/cssm/components/CustomSelect/CustomSelect.js +32 -31
  724. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  725. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  726. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  727. package/dist/cssm/components/DateInput/DateInput.css +1 -1
  728. package/dist/cssm/components/DateInput/DateInput.d.ts +4 -2
  729. package/dist/cssm/components/DateInput/DateInput.js +4 -2
  730. package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
  731. package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
  732. package/dist/cssm/components/DateRangeInput/DateRangeInput.css +1 -1
  733. package/dist/cssm/components/DateRangeInput/DateRangeInput.d.ts +4 -2
  734. package/dist/cssm/components/DateRangeInput/DateRangeInput.js +4 -2
  735. package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
  736. package/dist/cssm/components/Div/Div.js.map +1 -1
  737. package/dist/cssm/components/Dropdown/Dropdown.js.map +1 -1
  738. package/dist/cssm/components/DropdownIcon/DropdownIcon.d.ts +4 -2
  739. package/dist/cssm/components/DropdownIcon/DropdownIcon.js +15 -8
  740. package/dist/cssm/components/DropdownIcon/DropdownIcon.js.map +1 -1
  741. package/dist/cssm/components/Epic/Epic.js.map +1 -1
  742. package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
  743. package/dist/cssm/components/File/File.js.map +1 -1
  744. package/dist/cssm/components/FixedLayout/FixedLayout.css +7 -1
  745. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  746. package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
  747. package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
  748. package/dist/cssm/components/Footer/Footer.js.map +1 -1
  749. package/dist/cssm/components/FormField/FormField.css +4 -4
  750. package/dist/cssm/components/FormField/FormField.d.ts +2 -1
  751. package/dist/cssm/components/FormField/FormField.js +4 -2
  752. package/dist/cssm/components/FormField/FormField.js.map +1 -1
  753. package/dist/cssm/components/FormItem/FormItem.css +1 -1
  754. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  755. package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
  756. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css +1 -1
  757. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +5 -1
  758. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +9 -3
  759. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  760. package/dist/cssm/components/FormStatus/FormStatus.css +3 -1
  761. package/dist/cssm/components/FormStatus/FormStatus.d.ts +1 -0
  762. package/dist/cssm/components/FormStatus/FormStatus.js +4 -4
  763. package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
  764. package/dist/cssm/components/Gallery/Gallery.js +2 -0
  765. package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
  766. package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
  767. package/dist/cssm/components/GridAvatar/GridAvatar.js.map +1 -1
  768. package/dist/cssm/components/Group/Group.css +1 -1
  769. package/dist/cssm/components/Group/Group.d.ts +5 -1
  770. package/dist/cssm/components/Group/Group.js +4 -2
  771. package/dist/cssm/components/Group/Group.js.map +1 -1
  772. package/dist/cssm/components/Header/Header.css +1 -1
  773. package/dist/cssm/components/Header/Header.js +3 -10
  774. package/dist/cssm/components/Header/Header.js.map +1 -1
  775. package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
  776. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  777. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  778. package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
  779. package/dist/cssm/components/IconButton/IconButton.js +4 -3
  780. package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
  781. package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
  782. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  783. package/dist/cssm/components/Input/Input.css +1 -1
  784. package/dist/cssm/components/Input/Input.d.ts +1 -1
  785. package/dist/cssm/components/Input/Input.js +4 -2
  786. package/dist/cssm/components/Input/Input.js.map +1 -1
  787. package/dist/cssm/components/InputLike/InputLike.js.map +1 -1
  788. package/dist/cssm/components/InputLike/InputLikeDivider.js.map +1 -1
  789. package/dist/cssm/components/Link/Link.css +1 -1
  790. package/dist/cssm/components/Link/Link.js.map +1 -1
  791. package/dist/cssm/components/List/List.d.ts +2 -1
  792. package/dist/cssm/components/List/List.js +1 -1
  793. package/dist/cssm/components/List/List.js.map +1 -1
  794. package/dist/cssm/components/List/ListContext.js.map +1 -1
  795. package/dist/cssm/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  796. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  797. package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
  798. package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
  799. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.css +1 -1
  800. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js +1 -4
  801. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  802. package/dist/cssm/components/ModalPage/ModalPage.css +5 -1
  803. package/dist/cssm/components/ModalPage/ModalPage.d.ts +13 -1
  804. package/dist/cssm/components/ModalPage/ModalPage.js +12 -10
  805. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  806. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.css +1 -1
  807. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js +3 -3
  808. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  809. package/dist/cssm/components/ModalRoot/ModalRoot.css +4 -1
  810. package/dist/cssm/components/ModalRoot/ModalRoot.js +4 -18
  811. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  812. package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  813. package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
  814. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +3 -11
  815. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  816. package/dist/cssm/components/ModalRoot/constants.js.map +1 -1
  817. package/dist/cssm/components/ModalRoot/types.js.map +1 -1
  818. package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
  819. package/dist/cssm/components/ModalRoot/withModalRootContext.js.map +1 -1
  820. package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +3 -2
  821. package/dist/cssm/components/NativeSelect/NativeSelect.js +4 -2
  822. package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
  823. package/dist/cssm/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  824. package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
  825. package/dist/cssm/components/Panel/Panel.css +19 -1
  826. package/dist/cssm/components/Panel/Panel.js +4 -8
  827. package/dist/cssm/components/Panel/Panel.js.map +1 -1
  828. package/dist/cssm/components/PanelHeader/PanelHeader.css +9 -1
  829. package/dist/cssm/components/PanelHeader/PanelHeader.js +2 -11
  830. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  831. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js +2 -6
  832. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  833. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.css +1 -1
  834. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +2 -7
  835. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  836. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js +2 -2
  837. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  838. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.css +5 -1
  839. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +4 -3
  840. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  841. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.css +1 -1
  842. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +3 -7
  843. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  844. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js +2 -2
  845. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  846. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js +2 -2
  847. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  848. package/dist/cssm/components/PanelSpinner/PanelSpinner.js.map +1 -1
  849. package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
  850. package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map +1 -1
  851. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  852. package/dist/cssm/components/Popper/Popper.js.map +1 -1
  853. package/dist/cssm/components/PopperArrow/PopperArrow.js.map +1 -1
  854. package/dist/cssm/components/Progress/Progress.js.map +1 -1
  855. package/dist/cssm/components/PromoBanner/PromoBanner.css +3 -1
  856. package/dist/cssm/components/PromoBanner/PromoBanner.js +2 -5
  857. package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
  858. package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
  859. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  860. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  861. package/dist/cssm/components/RadioGroup/RadioGroup.js.map +1 -1
  862. package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
  863. package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
  864. package/dist/cssm/components/Removable/Removable.js.map +1 -1
  865. package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
  866. package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
  867. package/dist/cssm/components/Root/Root.js.map +1 -1
  868. package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  869. package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  870. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  871. package/dist/cssm/components/Search/Search.css +27 -1
  872. package/dist/cssm/components/Search/Search.js +6 -8
  873. package/dist/cssm/components/Search/Search.js.map +1 -1
  874. package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  875. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  876. package/dist/cssm/components/Select/Select.css +1 -1
  877. package/dist/cssm/components/Select/Select.d.ts +1 -1
  878. package/dist/cssm/components/Select/Select.js.map +1 -1
  879. package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  880. package/dist/cssm/components/SelectMimicry/SelectMimicry.js +4 -2
  881. package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
  882. package/dist/cssm/components/Separator/Separator.js.map +1 -1
  883. package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
  884. package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +34 -1
  885. package/dist/cssm/components/SimpleCell/SimpleCell.js +29 -8
  886. package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
  887. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  888. package/dist/cssm/components/Slider/Slider.js.map +1 -1
  889. package/dist/cssm/components/SliderSwitch/SliderSwitch.js +1 -4
  890. package/dist/cssm/components/SliderSwitch/SliderSwitch.js.map +1 -1
  891. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js +1 -5
  892. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  893. package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
  894. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  895. package/dist/cssm/components/Spinner/Spinner.js.map +1 -1
  896. package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
  897. package/dist/cssm/components/SplitLayout/SplitLayout.css +7 -1
  898. package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
  899. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.css +1 -1
  900. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js +1 -4
  901. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  902. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.css +9 -1
  903. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  904. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +16 -15
  905. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  906. package/dist/cssm/components/Switch/Switch.js.map +1 -1
  907. package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
  908. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  909. package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
  910. package/dist/cssm/components/TabsItem/TabsItem.css +5 -1
  911. package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
  912. package/dist/cssm/components/Tappable/Tappable.d.ts +2 -1
  913. package/dist/cssm/components/Tappable/Tappable.js +3 -10
  914. package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
  915. package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
  916. package/dist/cssm/components/Textarea/Textarea.css +1 -1
  917. package/dist/cssm/components/Textarea/Textarea.d.ts +3 -2
  918. package/dist/cssm/components/Textarea/Textarea.js +4 -2
  919. package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
  920. package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
  921. package/dist/cssm/components/Tooltip/TooltipContainer.js.map +1 -1
  922. package/dist/cssm/components/Touch/Touch.js.map +1 -1
  923. package/dist/cssm/components/Touch/TouchContext.js.map +1 -1
  924. package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
  925. package/dist/cssm/components/Typography/Footnote/Footnote.js.map +1 -1
  926. package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
  927. package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
  928. package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
  929. package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
  930. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  931. package/dist/cssm/components/UsersStack/UsersStack.css +1 -1
  932. package/dist/cssm/components/UsersStack/UsersStack.d.ts +7 -1
  933. package/dist/cssm/components/UsersStack/UsersStack.js +73 -31
  934. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  935. package/dist/cssm/components/View/View.js +2 -7
  936. package/dist/cssm/components/View/View.js.map +1 -1
  937. package/dist/cssm/components/View/ViewInfinite.js +1 -10
  938. package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
  939. package/dist/cssm/components/View/utils.js.map +1 -1
  940. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
  941. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  942. package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
  943. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  944. package/dist/cssm/helpers/avatar.js.map +1 -1
  945. package/dist/cssm/helpers/getClassName.js.map +1 -1
  946. package/dist/cssm/helpers/getScheme.js.map +1 -1
  947. package/dist/cssm/helpers/math.js.map +1 -1
  948. package/dist/cssm/helpers/scheme.js.map +1 -1
  949. package/dist/cssm/hoc/withAdaptivity.js.map +1 -1
  950. package/dist/cssm/hoc/withContext.js.map +1 -1
  951. package/dist/cssm/hoc/withInsets.js.map +1 -1
  952. package/dist/cssm/hoc/withPlatform.js.map +1 -1
  953. package/dist/cssm/hooks/useAdaptivity.js.map +1 -1
  954. package/dist/cssm/hooks/useAppearance.js.map +1 -1
  955. package/dist/cssm/hooks/useBooleanState.js.map +1 -1
  956. package/dist/cssm/hooks/useBridgeAdaptivity.js.map +1 -1
  957. package/dist/cssm/hooks/useBrowserInfo.js.map +1 -1
  958. package/dist/cssm/hooks/useCalendar.js.map +1 -1
  959. package/dist/cssm/{components/ChipsInput → hooks}/useChipsInput.d.ts +4 -3
  960. package/dist/{components/ChipsInput → cssm/hooks}/useChipsInput.js +0 -0
  961. package/dist/cssm/hooks/useChipsInput.js.map +1 -0
  962. package/{.cache/ts/src/components/ChipsSelect → dist/cssm/hooks}/useChipsSelect.d.ts +4 -4
  963. package/dist/{components/ChipsSelect → cssm/hooks}/useChipsSelect.js +1 -1
  964. package/dist/cssm/hooks/useChipsSelect.js.map +1 -0
  965. package/dist/cssm/hooks/useDateInput.js.map +1 -1
  966. package/dist/cssm/hooks/useEffectDev.js.map +1 -1
  967. package/dist/cssm/hooks/useEnsuredControl.js.map +1 -1
  968. package/dist/cssm/hooks/useEventListener.js.map +1 -1
  969. package/dist/cssm/hooks/useExternRef.js.map +1 -1
  970. package/dist/cssm/hooks/useFocusVisible.js.map +1 -1
  971. package/dist/cssm/hooks/useGlobalEventListener.js.map +1 -1
  972. package/dist/cssm/hooks/useInsets.js.map +1 -1
  973. package/dist/cssm/hooks/useKeyboard.js.map +1 -1
  974. package/dist/cssm/hooks/useKeyboardInputTracker.js.map +1 -1
  975. package/dist/cssm/hooks/useObjectMemo.js.map +1 -1
  976. package/dist/cssm/hooks/useOrientationChange.js.map +1 -1
  977. package/dist/cssm/hooks/usePagination.js.map +1 -1
  978. package/dist/cssm/hooks/usePatchChildrenRef.js.map +1 -1
  979. package/dist/cssm/hooks/usePlatform.js.map +1 -1
  980. package/dist/cssm/hooks/usePrevious.js.map +1 -1
  981. package/dist/cssm/hooks/useTimeout.js.map +1 -1
  982. package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
  983. package/dist/cssm/index.d.ts +5 -0
  984. package/dist/cssm/index.js +2 -0
  985. package/dist/cssm/index.js.map +1 -1
  986. package/dist/cssm/lib/SSR.js.map +1 -1
  987. package/dist/cssm/lib/accessibility.js.map +1 -1
  988. package/dist/cssm/lib/animate.js +1 -1
  989. package/dist/cssm/lib/animate.js.map +1 -1
  990. package/dist/cssm/lib/browser.js.map +1 -1
  991. package/dist/cssm/lib/calendar.js.map +1 -1
  992. package/dist/cssm/lib/callMultiple.js.map +1 -1
  993. package/dist/cssm/lib/classNames.js.map +1 -1
  994. package/dist/cssm/lib/classScopingMode.js.map +1 -1
  995. package/dist/cssm/lib/date.js.map +1 -1
  996. package/dist/cssm/lib/dom.js.map +1 -1
  997. package/dist/cssm/lib/fx.js.map +1 -1
  998. package/dist/cssm/lib/getNavId.js.map +1 -1
  999. package/dist/cssm/lib/is.js.map +1 -1
  1000. package/dist/cssm/lib/isRefObject.js.map +1 -1
  1001. package/dist/cssm/lib/jsxRuntime.d.js.map +1 -1
  1002. package/dist/cssm/lib/jsxRuntime.js.map +1 -1
  1003. package/dist/cssm/lib/offset.js.map +1 -1
  1004. package/dist/cssm/lib/platform.js.map +1 -1
  1005. package/dist/cssm/lib/polyfills.js.map +1 -1
  1006. package/dist/cssm/lib/prefixClass.js.map +1 -1
  1007. package/dist/cssm/lib/removeObjectKeys.js.map +1 -1
  1008. package/dist/cssm/lib/select.js.map +1 -1
  1009. package/dist/cssm/lib/styles.js.map +1 -1
  1010. package/dist/cssm/lib/supportEvents.js.map +1 -1
  1011. package/dist/cssm/lib/taptic.js.map +1 -1
  1012. package/dist/cssm/lib/testing.js +1 -1
  1013. package/dist/cssm/lib/testing.js.map +1 -1
  1014. package/dist/cssm/lib/touch.js +1 -1
  1015. package/dist/cssm/lib/touch.js.map +1 -1
  1016. package/dist/cssm/lib/useIsomorphicLayoutEffect.js.map +1 -1
  1017. package/dist/cssm/lib/utils.js.map +1 -1
  1018. package/dist/cssm/lib/warnOnce.js.map +1 -1
  1019. package/dist/cssm/styles/components.css +124 -17
  1020. package/dist/cssm/styles/themes.css +1 -1
  1021. package/dist/cssm/styles/unstable.css +1 -1
  1022. package/dist/cssm/styles/vkcom_dark.css +1 -1
  1023. package/dist/cssm/styles/vkcom_light.css +1 -1
  1024. package/dist/cssm/tokenized/index.d.ts +58 -0
  1025. package/dist/cssm/tokenized/index.js +30 -0
  1026. package/dist/cssm/tokenized/index.js.map +1 -1
  1027. package/dist/cssm/types.js.map +1 -1
  1028. package/dist/cssm/unstable/index.js.map +1 -1
  1029. package/dist/helpers/avatar.js.map +1 -1
  1030. package/dist/helpers/getClassName.js.map +1 -1
  1031. package/dist/helpers/getScheme.js.map +1 -1
  1032. package/dist/helpers/math.js.map +1 -1
  1033. package/dist/helpers/scheme.js.map +1 -1
  1034. package/dist/hoc/withAdaptivity.js.map +1 -1
  1035. package/dist/hoc/withContext.js.map +1 -1
  1036. package/dist/hoc/withInsets.js.map +1 -1
  1037. package/dist/hoc/withPlatform.js.map +1 -1
  1038. package/dist/hooks/useAdaptivity.js.map +1 -1
  1039. package/dist/hooks/useAppearance.js.map +1 -1
  1040. package/dist/hooks/useBooleanState.js.map +1 -1
  1041. package/dist/hooks/useBridgeAdaptivity.js.map +1 -1
  1042. package/dist/hooks/useBrowserInfo.js.map +1 -1
  1043. package/dist/hooks/useCalendar.js.map +1 -1
  1044. package/dist/{components/ChipsInput → hooks}/useChipsInput.d.ts +4 -3
  1045. package/dist/{cssm/components/ChipsInput → hooks}/useChipsInput.js +0 -0
  1046. package/dist/hooks/useChipsInput.js.map +1 -0
  1047. package/dist/{components/ChipsSelect → hooks}/useChipsSelect.d.ts +4 -4
  1048. package/dist/{cssm/components/ChipsSelect → hooks}/useChipsSelect.js +1 -1
  1049. package/dist/hooks/useChipsSelect.js.map +1 -0
  1050. package/dist/hooks/useDateInput.js.map +1 -1
  1051. package/dist/hooks/useEffectDev.js.map +1 -1
  1052. package/dist/hooks/useEnsuredControl.js.map +1 -1
  1053. package/dist/hooks/useEventListener.js.map +1 -1
  1054. package/dist/hooks/useExternRef.js.map +1 -1
  1055. package/dist/hooks/useFocusVisible.js.map +1 -1
  1056. package/dist/hooks/useGlobalEventListener.js.map +1 -1
  1057. package/dist/hooks/useInsets.js.map +1 -1
  1058. package/dist/hooks/useKeyboard.js.map +1 -1
  1059. package/dist/hooks/useKeyboardInputTracker.js.map +1 -1
  1060. package/dist/hooks/useObjectMemo.js.map +1 -1
  1061. package/dist/hooks/useOrientationChange.js.map +1 -1
  1062. package/dist/hooks/usePagination.js.map +1 -1
  1063. package/dist/hooks/usePatchChildrenRef.js.map +1 -1
  1064. package/dist/hooks/usePlatform.js.map +1 -1
  1065. package/dist/hooks/usePrevious.js.map +1 -1
  1066. package/dist/hooks/useTimeout.js.map +1 -1
  1067. package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
  1068. package/dist/index.d.ts +5 -0
  1069. package/dist/index.js +2 -0
  1070. package/dist/index.js.map +1 -1
  1071. package/dist/lib/SSR.js.map +1 -1
  1072. package/dist/lib/accessibility.js.map +1 -1
  1073. package/dist/lib/animate.js +1 -1
  1074. package/dist/lib/animate.js.map +1 -1
  1075. package/dist/lib/browser.js.map +1 -1
  1076. package/dist/lib/calendar.js.map +1 -1
  1077. package/dist/lib/callMultiple.js.map +1 -1
  1078. package/dist/lib/classNames.js.map +1 -1
  1079. package/dist/lib/classScopingMode.js.map +1 -1
  1080. package/dist/lib/date.js.map +1 -1
  1081. package/dist/lib/dom.js.map +1 -1
  1082. package/dist/lib/fx.js.map +1 -1
  1083. package/dist/lib/getNavId.js.map +1 -1
  1084. package/dist/lib/is.js.map +1 -1
  1085. package/dist/lib/isRefObject.js.map +1 -1
  1086. package/dist/lib/jsxRuntime.d.js.map +1 -1
  1087. package/dist/lib/jsxRuntime.js.map +1 -1
  1088. package/dist/lib/offset.js.map +1 -1
  1089. package/dist/lib/platform.js.map +1 -1
  1090. package/dist/lib/polyfills.js.map +1 -1
  1091. package/dist/lib/prefixClass.js.map +1 -1
  1092. package/dist/lib/removeObjectKeys.js.map +1 -1
  1093. package/dist/lib/select.js.map +1 -1
  1094. package/dist/lib/styles.js.map +1 -1
  1095. package/dist/lib/supportEvents.js.map +1 -1
  1096. package/dist/lib/taptic.js.map +1 -1
  1097. package/dist/lib/testing.js +1 -1
  1098. package/dist/lib/testing.js.map +1 -1
  1099. package/dist/lib/touch.js +1 -1
  1100. package/dist/lib/touch.js.map +1 -1
  1101. package/dist/lib/useIsomorphicLayoutEffect.js.map +1 -1
  1102. package/dist/lib/utils.js.map +1 -1
  1103. package/dist/lib/warnOnce.js.map +1 -1
  1104. package/dist/tokenized/index.d.ts +58 -0
  1105. package/dist/tokenized/index.js +30 -0
  1106. package/dist/tokenized/index.js.map +1 -1
  1107. package/dist/types.js.map +1 -1
  1108. package/dist/unstable/index.js.map +1 -1
  1109. package/dist/unstable.css +1 -1
  1110. package/dist/unstable.css.map +1 -1
  1111. package/dist/vkui.css +125 -18
  1112. package/dist/vkui.css.map +1 -1
  1113. package/package.json +24 -25
  1114. package/src/components/ActionSheet/ActionSheet.css +31 -59
  1115. package/src/components/ActionSheet/ActionSheet.tsx +4 -7
  1116. package/src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx +12 -0
  1117. package/src/components/ActionSheet/ActionSheetDropdown.tsx +9 -6
  1118. package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +4 -4
  1119. package/src/components/ActionSheet/Readme.md +6 -30
  1120. package/src/components/ActionSheetItem/ActionSheetItem.css +67 -120
  1121. package/src/components/ActionSheetItem/ActionSheetItem.tsx +42 -71
  1122. package/src/components/AdaptivityProvider/AdaptivityProvider.tsx +5 -5
  1123. package/src/components/Alert/Alert.css +79 -79
  1124. package/src/components/Alert/Alert.tsx +14 -14
  1125. package/src/components/Alert/Readme.md +83 -104
  1126. package/src/components/AppRoot/AppRoot.css +2 -1
  1127. package/src/components/AppRoot/AppRoot.tsx +1 -4
  1128. package/src/components/Avatar/Avatar.tsx +15 -17
  1129. package/src/components/Avatar/Readme.md +11 -11
  1130. package/src/components/BaseGallery/BaseGallery.tsx +9 -5
  1131. package/src/components/Calendar/Calendar.tsx +10 -1
  1132. package/src/components/Calendar/Readme.md +3 -0
  1133. package/src/components/CalendarDay/CalendarDay.tsx +30 -22
  1134. package/src/components/CalendarDays/CalendarDays.tsx +7 -1
  1135. package/src/components/CalendarHeader/CalendarHeader.tsx +9 -1
  1136. package/src/components/CalendarRange/Readme.md +3 -0
  1137. package/src/components/CardScroll/CardScroll.tsx +1 -2
  1138. package/src/components/Cell/CellCheckbox/CellCheckbox.css +2 -2
  1139. package/src/components/Cell/CellDragger/CellDragger.css +1 -1
  1140. package/src/components/Chip/Chip.css +1 -0
  1141. package/src/components/Chip/Chip.tsx +14 -2
  1142. package/src/components/ChipsInput/ChipsInput.css +0 -71
  1143. package/src/components/ChipsInput/ChipsInput.tsx +20 -220
  1144. package/src/components/ChipsInputBase/ChipsInputBase.css +73 -0
  1145. package/src/components/ChipsInputBase/ChipsInputBase.tsx +206 -0
  1146. package/src/components/ChipsSelect/ChipsSelect.css +8 -0
  1147. package/src/components/ChipsSelect/ChipsSelect.tsx +53 -39
  1148. package/src/components/Counter/Counter.css +13 -0
  1149. package/src/components/CustomSelect/CustomSelect.css +1 -0
  1150. package/src/components/CustomSelect/CustomSelect.tsx +2 -3
  1151. package/src/components/CustomSelect/Readme.md +8 -2
  1152. package/src/components/DateInput/DateInput.css +1 -1
  1153. package/src/components/DateInput/DateInput.tsx +6 -3
  1154. package/src/components/DateInput/Readme.md +13 -0
  1155. package/src/components/DateRangeInput/DateRangeInput.css +1 -1
  1156. package/src/components/DateRangeInput/DateRangeInput.tsx +6 -3
  1157. package/src/components/DateRangeInput/Readme.md +13 -0
  1158. package/src/components/DropdownIcon/DropdownIcon.tsx +22 -8
  1159. package/src/components/Epic/Readme.md +10 -5
  1160. package/src/components/FixedLayout/FixedLayout.css +19 -3
  1161. package/src/components/FormField/FormField.css +58 -6
  1162. package/src/components/FormField/FormField.tsx +3 -0
  1163. package/src/components/FormItem/FormItem.css +5 -3
  1164. package/src/components/FormLayoutGroup/FormLayoutGroup.css +35 -0
  1165. package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +13 -2
  1166. package/src/components/FormLayoutGroup/Readme.md +58 -48
  1167. package/src/components/FormStatus/FormStatus.css +8 -5
  1168. package/src/components/FormStatus/FormStatus.tsx +4 -8
  1169. package/src/components/FormStatus/Readme.md +4 -0
  1170. package/src/components/Gallery/Gallery.tsx +1 -0
  1171. package/src/components/Gallery/Readme.md +64 -18
  1172. package/src/components/Gradient/Readme.md +1 -1
  1173. package/src/components/Group/Group.css +11 -2
  1174. package/src/components/Group/Group.tsx +7 -1
  1175. package/src/components/Group/Readme.md +2 -2
  1176. package/src/components/Header/Header.css +10 -11
  1177. package/src/components/Header/Header.tsx +9 -8
  1178. package/src/components/HorizontalCell/Readme.md +1 -1
  1179. package/src/components/IconButton/IconButton.tsx +2 -2
  1180. package/src/components/Input/Input.css +1 -1
  1181. package/src/components/Input/Input.tsx +2 -0
  1182. package/src/components/Link/Link.css +2 -1
  1183. package/src/components/List/List.tsx +3 -4
  1184. package/src/components/ModalDismissButton/ModalDismissButton.css +6 -6
  1185. package/src/components/ModalDismissButton/ModalDismissButton.tsx +1 -5
  1186. package/src/components/ModalDismissButton/Readme.md +1 -1
  1187. package/src/components/ModalPage/ModalPage.css +69 -63
  1188. package/src/components/ModalPage/ModalPage.tsx +24 -11
  1189. package/src/components/ModalPageHeader/ModalPageHeader.css +9 -12
  1190. package/src/components/ModalPageHeader/ModalPageHeader.tsx +3 -2
  1191. package/src/components/ModalRoot/ModalRoot.css +14 -2
  1192. package/src/components/ModalRoot/ModalRoot.tsx +24 -24
  1193. package/src/components/ModalRoot/ModalRootDesktop.tsx +12 -14
  1194. package/src/components/ModalRoot/Readme.md +8 -3
  1195. package/src/components/NativeSelect/NativeSelect.tsx +5 -2
  1196. package/src/components/Panel/Panel.css +54 -24
  1197. package/src/components/Panel/Panel.tsx +7 -9
  1198. package/src/components/PanelHeader/PanelHeader.css +20 -8
  1199. package/src/components/PanelHeader/PanelHeader.tsx +11 -12
  1200. package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +6 -5
  1201. package/src/components/PanelHeaderButton/PanelHeaderButton.css +8 -15
  1202. package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +6 -6
  1203. package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +2 -6
  1204. package/src/components/PanelHeaderContent/PanelHeaderContent.css +14 -26
  1205. package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +10 -3
  1206. package/src/components/PanelHeaderContent/Readme.md +5 -1
  1207. package/src/components/PanelHeaderContext/PanelHeaderContext.css +9 -25
  1208. package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +11 -7
  1209. package/src/components/PanelHeaderContext/Readme.md +85 -101
  1210. package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +2 -2
  1211. package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +2 -6
  1212. package/src/components/PromoBanner/PromoBanner.css +10 -22
  1213. package/src/components/PromoBanner/PromoBanner.tsx +2 -6
  1214. package/src/components/RichTooltip/Readme.md +2 -2
  1215. package/src/components/Search/Search.css +134 -48
  1216. package/src/components/Search/Search.tsx +13 -8
  1217. package/src/components/Select/Select.css +2 -2
  1218. package/src/components/SelectMimicry/Readme.md +3 -3
  1219. package/src/components/SelectMimicry/SelectMimicry.tsx +3 -1
  1220. package/src/components/SimpleCell/Readme.md +3 -3
  1221. package/src/components/SimpleCell/SimpleCell.css +6 -1
  1222. package/src/components/SimpleCell/SimpleCell.tsx +71 -8
  1223. package/src/components/SliderSwitch/SliderSwitch.tsx +5 -5
  1224. package/src/components/SliderSwitch/SliderSwitchButton.tsx +7 -7
  1225. package/src/components/Snackbar/Readme.md +12 -3
  1226. package/src/components/SplitLayout/Readme.md +1 -1
  1227. package/src/components/SplitLayout/SplitLayout.css +8 -2
  1228. package/src/components/SubnavigationBar/SubnavigationBar.css +7 -19
  1229. package/src/components/SubnavigationBar/SubnavigationBar.tsx +1 -8
  1230. package/src/components/SubnavigationButton/Readme.md +133 -116
  1231. package/src/components/SubnavigationButton/SubnavigationButton.css +95 -49
  1232. package/src/components/SubnavigationButton/SubnavigationButton.tsx +22 -18
  1233. package/src/components/TabbarItem/Readme.md +6 -1
  1234. package/src/components/Tabs/Readme.md +10 -2
  1235. package/src/components/TabsItem/TabsItem.css +9 -3
  1236. package/src/components/Tappable/Tappable.tsx +22 -22
  1237. package/src/components/Textarea/Textarea.css +1 -1
  1238. package/src/components/Textarea/Textarea.tsx +5 -2
  1239. package/src/components/Tooltip/Readme.md +9 -9
  1240. package/src/components/Touch/Readme.md +4 -4
  1241. package/src/components/UsersStack/UsersStack.css +42 -0
  1242. package/src/components/UsersStack/UsersStack.tsx +80 -18
  1243. package/src/components/View/Readme.md +5 -5
  1244. package/src/components/View/View.tsx +2 -9
  1245. package/src/components/View/ViewInfinite.tsx +14 -14
  1246. package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +1 -6
  1247. package/src/{components/ChipsInput → hooks}/useChipsInput.ts +5 -8
  1248. package/src/{components/ChipsSelect → hooks}/useChipsSelect.ts +4 -4
  1249. package/src/index.ts +5 -0
  1250. package/src/lib/animate.ts +1 -1
  1251. package/src/lib/testing.ts +1 -1
  1252. package/src/lib/touch.ts +1 -1
  1253. package/src/styles/components.css +1 -0
  1254. package/src/styles/vkcom_dark.css +8 -8
  1255. package/src/styles/vkcom_light.css +34 -34
  1256. package/src/testing/utils.tsx +1 -1
  1257. package/src/tokenized/index.ts +88 -0
  1258. package/.cache/ts/src/components/UsersStack/masks.d.ts +0 -1
  1259. package/dist/cjs/components/ChipsInput/useChipsInput.js.map +0 -1
  1260. package/dist/cjs/components/ChipsSelect/useChipsSelect.js.map +0 -1
  1261. package/dist/cjs/components/UsersStack/masks.js +0 -29
  1262. package/dist/cjs/components/UsersStack/masks.js.map +0 -1
  1263. package/dist/components/ChipsInput/useChipsInput.js.map +0 -1
  1264. package/dist/components/ChipsSelect/useChipsSelect.js.map +0 -1
  1265. package/dist/components/UsersStack/masks.d.ts +0 -1
  1266. package/dist/components/UsersStack/masks.js +0 -20
  1267. package/dist/components/UsersStack/masks.js.map +0 -1
  1268. package/dist/cssm/components/ChipsInput/useChipsInput.js.map +0 -1
  1269. package/dist/cssm/components/ChipsSelect/useChipsSelect.js.map +0 -1
  1270. package/dist/cssm/components/DropdownIcon/DropdownIcon.css +0 -1
  1271. package/dist/cssm/components/UsersStack/masks.d.ts +0 -1
  1272. package/dist/cssm/components/UsersStack/masks.js +0 -20
  1273. package/dist/cssm/components/UsersStack/masks.js.map +0 -1
  1274. package/src/components/DropdownIcon/DropdownIcon.css +0 -3
  1275. package/src/components/UsersStack/masks.tsx +0 -69
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"names":["Card","Caption","Headline","Text","Tappable","hasReactNode","warnOnce","classNames","warn","ContentCard","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","source","process","env","NODE_ENV","disabled","onClick","href"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Card, CardProps } from \"../Card/Card\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ContentCard.css\";\n\nexport interface ContentCardProps\n extends HasRootRef<HTMLDivElement>,\n Omit<TappableProps, \"getRootRef\" | \"crossOrigin\">,\n Omit<\n React.ImgHTMLAttributes<HTMLImageElement>,\n keyof React.HTMLAttributes<HTMLImageElement>\n >,\n HasRef<HTMLImageElement> {\n /**\n Текст над заголовком\n */\n subtitle?: React.ReactNode;\n /**\n Заголовок\n */\n header?: React.ReactNode;\n /**\n Текст\n */\n text?: React.ReactNode;\n /**\n Нижний текст\n */\n caption?: React.ReactNode;\n /**\n @deprecated будет удалено в 5.0.0. Используйте src\n */\n image?: string;\n /**\n Максимальная высота изображения\n */\n maxHeight?: number;\n mode?: CardProps[\"mode\"];\n}\n\nconst warn = warnOnce(\"ContentCard\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n subtitle,\n header,\n text,\n caption,\n // card props\n className,\n mode = \"shadow\",\n style,\n getRootRef,\n // img props\n getRef,\n maxHeight,\n image,\n src,\n srcSet,\n alt,\n width,\n height,\n crossOrigin,\n decoding,\n loading,\n referrerPolicy,\n sizes,\n useMap,\n ...restProps\n}: ContentCardProps) => {\n const source = image || src;\n\n if (image && process.env.NODE_ENV === \"development\") {\n warn(\"Свойство image устарело и будет удалено в 5.0.0. Используйте src\");\n }\n\n return (\n <Card\n mode={mode}\n getRootRef={getRootRef}\n vkuiClass={classNames(\n \"ContentCard\",\n restProps.disabled && \"ContentCard--disabled\"\n )}\n style={style}\n className={className}\n >\n <Tappable\n {...restProps}\n disabled={restProps.disabled || (!restProps.onClick && !restProps.href)}\n hasHover={false}\n hasActive={false}\n vkuiClass=\"ContentCard__tappable\"\n >\n {(source || srcSet) && (\n <img\n ref={getRef}\n vkuiClass=\"ContentCard__img\"\n src={source}\n srcSet={srcSet}\n alt={alt}\n crossOrigin={crossOrigin}\n decoding={decoding}\n loading={loading}\n referrerPolicy={referrerPolicy}\n sizes={sizes}\n useMap={useMap}\n height={height}\n style={{ maxHeight }}\n width=\"100%\"\n />\n )}\n <div vkuiClass=\"ContentCard__body\">\n {hasReactNode(subtitle) && (\n <Caption\n vkuiClass=\"ContentCard__text ContentCard__subtitle\"\n weight=\"1\"\n level=\"3\"\n caps\n >\n {subtitle}\n </Caption>\n )}\n {hasReactNode(header) && (\n <Headline vkuiClass=\"ContentCard__text\" weight=\"2\" level=\"1\">\n {header}\n </Headline>\n )}\n {hasReactNode(text) && (\n <Text vkuiClass=\"ContentCard__text\">{text}</Text>\n )}\n {hasReactNode(caption) && (\n <Caption vkuiClass=\"ContentCard__text ContentCard__caption\">\n {caption}\n </Caption>\n )}\n </div>\n </Tappable>\n </Card>\n );\n};\n"],"file":"ContentCard.js"}
1
+ {"version":3,"file":"ContentCard.js","names":["Card","Caption","Headline","Text","Tappable","hasReactNode","warnOnce","classNames","warn","ContentCard","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","source","process","env","NODE_ENV","disabled","onClick","href"],"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Card, CardProps } from \"../Card/Card\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ContentCard.css\";\n\nexport interface ContentCardProps\n extends HasRootRef<HTMLDivElement>,\n Omit<TappableProps, \"getRootRef\" | \"crossOrigin\">,\n Omit<\n React.ImgHTMLAttributes<HTMLImageElement>,\n keyof React.HTMLAttributes<HTMLImageElement>\n >,\n HasRef<HTMLImageElement> {\n /**\n Текст над заголовком\n */\n subtitle?: React.ReactNode;\n /**\n Заголовок\n */\n header?: React.ReactNode;\n /**\n Текст\n */\n text?: React.ReactNode;\n /**\n Нижний текст\n */\n caption?: React.ReactNode;\n /**\n @deprecated будет удалено в 5.0.0. Используйте src\n */\n image?: string;\n /**\n Максимальная высота изображения\n */\n maxHeight?: number;\n mode?: CardProps[\"mode\"];\n}\n\nconst warn = warnOnce(\"ContentCard\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n subtitle,\n header,\n text,\n caption,\n // card props\n className,\n mode = \"shadow\",\n style,\n getRootRef,\n // img props\n getRef,\n maxHeight,\n image,\n src,\n srcSet,\n alt,\n width,\n height,\n crossOrigin,\n decoding,\n loading,\n referrerPolicy,\n sizes,\n useMap,\n ...restProps\n}: ContentCardProps) => {\n const source = image || src;\n\n if (image && process.env.NODE_ENV === \"development\") {\n warn(\"Свойство image устарело и будет удалено в 5.0.0. Используйте src\");\n }\n\n return (\n <Card\n mode={mode}\n getRootRef={getRootRef}\n vkuiClass={classNames(\n \"ContentCard\",\n restProps.disabled && \"ContentCard--disabled\"\n )}\n style={style}\n className={className}\n >\n <Tappable\n {...restProps}\n disabled={restProps.disabled || (!restProps.onClick && !restProps.href)}\n hasHover={false}\n hasActive={false}\n vkuiClass=\"ContentCard__tappable\"\n >\n {(source || srcSet) && (\n <img\n ref={getRef}\n vkuiClass=\"ContentCard__img\"\n src={source}\n srcSet={srcSet}\n alt={alt}\n crossOrigin={crossOrigin}\n decoding={decoding}\n loading={loading}\n referrerPolicy={referrerPolicy}\n sizes={sizes}\n useMap={useMap}\n height={height}\n style={{ maxHeight }}\n width=\"100%\"\n />\n )}\n <div vkuiClass=\"ContentCard__body\">\n {hasReactNode(subtitle) && (\n <Caption\n vkuiClass=\"ContentCard__text ContentCard__subtitle\"\n weight=\"1\"\n level=\"3\"\n caps\n >\n {subtitle}\n </Caption>\n )}\n {hasReactNode(header) && (\n <Headline vkuiClass=\"ContentCard__text\" weight=\"2\" level=\"1\">\n {header}\n </Headline>\n )}\n {hasReactNode(text) && (\n <Text vkuiClass=\"ContentCard__text\">{text}</Text>\n )}\n {hasReactNode(caption) && (\n <Caption vkuiClass=\"ContentCard__text ContentCard__caption\">\n {caption}\n </Caption>\n )}\n </div>\n </Tappable>\n </Card>\n );\n};\n"],"mappings":"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"}
@@ -28,4 +28,6 @@
28
28
  --media_overlay_button_foreground,var(--vkui--color_text_primary_invariably)
29
29
  )}.vkuiWriteBarIcon .vkuiCounter{background:#4bb34b;background:var(
30
30
  --button_commerce_background,var(--vkui--color_background_positive)
31
- );color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiTabsItem .vkuiCounter--secondary{background-color:#76787a;background-color:var(--panel_tab_inactive_text);color:#fff;color:var(--white)}.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#5d5f61;background-color:var(--panel_tab_active_text);color:#ebedf0;color:var(--panel_tab_active_background)}.vkuiTabsItem--ios.vkuiTabsItem--segmented .vkuiCounter--secondary{background-color:#99a2ad;background-color:var(--segmented_control_tint);color:#fff;color:var(--background_content)}.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#fff;background-color:var(--background_content);color:#99a2ad;color:var(--segmented_control_tint)}
31
+ );color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiTabsItem .vkuiCounter--secondary{background-color:#76787a;background-color:var(--panel_tab_inactive_text);color:#fff;color:var(--white)}.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#5d5f61;background-color:var(--panel_tab_active_text);color:#ebedf0;color:var(--panel_tab_active_background)}.vkuiTabsItem--ios.vkuiTabsItem--segmented .vkuiCounter--secondary{background-color:#99a2ad;background-color:var(--segmented_control_tint);color:#fff;color:var(--background_content)}.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#fff;background-color:var(--background_content);color:#99a2ad;color:var(--segmented_control_tint)}.vkuiSubnavigationButton--selected:not(.vkuiSubnavigationButton--mode-tertiary) .vkuiCounter{background-color:#fff;background-color:var(
32
+ --button_primary_foreground,var(--vkui--color_background_contrast)
33
+ );color:#2d81e0;color:var(--button_primary_background,var(--vkui--color_text_accent))}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Counter/Counter.tsx"],"names":["React","classNames","Caption","Headline","hasReactNode","Counter","mode","size","children","restProps","Children","count","CounterTypography"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;AAAA,uBAJlBC,IAIkB;AAAA,MAJlBA,IAIkB,0BAJX,WAIW;AAAA,uBAHlBC,IAGkB;AAAA,MAHlBA,IAGkB,0BAHX,GAGW;AAAA,MAFlBC,QAEkB,QAFlBA,QAEkB;AAAA,MADfC,SACe;;AAClB,MAAIT,KAAK,CAACU,QAAN,CAAeC,KAAf,CAAqBH,QAArB,MAAmC,CAAvC,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,MAAMI,iBAAiB,GAAGL,IAAI,KAAK,GAAT,GAAeL,OAAf,GAAyBC,QAAnD;AAEA,SACE,yCACMM,SADN;AAEE,IAAA,SAAS,EAAER,UAAU,CACnB,SADmB,qBAEPK,IAFO,wBAGLC,IAHK;AAFvB,MAQGH,YAAY,CAACI,QAAD,CAAZ,IACC,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAC,MAA7B;AAAoC,IAAA,SAAS,EAAC,aAA9C;AAA4D,IAAA,KAAK,EAAC;AAAlE,KACGA,QADH,CATJ,CADF;AAgBD,CA5BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./Counter.css\";\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n /**\n * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n */\n mode?: \"secondary\" | \"primary\" | \"prominent\" | \"contrast\";\n size?: \"s\" | \"m\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Counter\n */\nexport const Counter = ({\n mode = \"secondary\",\n size = \"m\",\n children,\n ...restProps\n}: CounterProps) => {\n if (React.Children.count(children) === 0) {\n return null;\n }\n\n const CounterTypography = size === \"s\" ? Caption : Headline;\n\n return (\n <span\n {...restProps}\n vkuiClass={classNames(\n \"Counter\",\n `Counter--${mode}`,\n `Counter--s-${size}`\n )}\n >\n {hasReactNode(children) && (\n <CounterTypography Component=\"span\" vkuiClass=\"Counter__in\" level=\"2\">\n {children}\n </CounterTypography>\n )}\n </span>\n );\n};\n"],"file":"Counter.js"}
1
+ {"version":3,"file":"Counter.js","names":["React","classNames","Caption","Headline","hasReactNode","Counter","mode","size","children","restProps","Children","count","CounterTypography"],"sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./Counter.css\";\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n /**\n * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n */\n mode?: \"secondary\" | \"primary\" | \"prominent\" | \"contrast\";\n size?: \"s\" | \"m\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Counter\n */\nexport const Counter = ({\n mode = \"secondary\",\n size = \"m\",\n children,\n ...restProps\n}: CounterProps) => {\n if (React.Children.count(children) === 0) {\n return null;\n }\n\n const CounterTypography = size === \"s\" ? Caption : Headline;\n\n return (\n <span\n {...restProps}\n vkuiClass={classNames(\n \"Counter\",\n `Counter--${mode}`,\n `Counter--s-${size}`\n )}\n >\n {hasReactNode(children) && (\n <CounterTypography Component=\"span\" vkuiClass=\"Counter__in\" level=\"2\">\n {children}\n </CounterTypography>\n )}\n </span>\n );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,qBAJlBC,IAIkB;EAAA,IAJlBA,IAIkB,0BAJX,WAIW;EAAA,qBAHlBC,IAGkB;EAAA,IAHlBA,IAGkB,0BAHX,GAGW;EAAA,IAFlBC,QAEkB,QAFlBA,QAEkB;EAAA,IADfC,SACe;;EAClB,IAAIT,KAAK,CAACU,QAAN,CAAeC,KAAf,CAAqBH,QAArB,MAAmC,CAAvC,EAA0C;IACxC,OAAO,IAAP;EACD;;EAED,IAAMI,iBAAiB,GAAGL,IAAI,KAAK,GAAT,GAAeL,OAAf,GAAyBC,QAAnD;EAEA,OACE,yCACMM,SADN;IAEE,SAAS,EAAER,UAAU,CACnB,SADmB,qBAEPK,IAFO,wBAGLC,IAHK;EAFvB,IAQGH,YAAY,CAACI,QAAD,CAAZ,IACC,oBAAC,iBAAD;IAAmB,SAAS,EAAC,MAA7B;IAAoC,SAAS,EAAC,aAA9C;IAA4D,KAAK,EAAC;EAAlE,GACGA,QADH,CATJ,CADF;AAgBD,CA5BM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CustomScrollView/CustomScrollView.tsx"],"names":["React","useDOM","classNames","useIsomorphicLayoutEffect","useExternRef","useEventListener","useTrackerVisibility","CustomScrollView","className","children","externalBoxRef","boxRef","windowResize","autoHideScrollbar","autoHideScrollbarDelay","document","window","ratio","useRef","NaN","lastTrackerTop","clientHeight","trackerHeight","scrollHeight","transformProp","startY","trackerTop","barY","trackerY","setTrackerPosition","scrollTop","current","style","setTrackerPositionFromScroll","progress","resize","localClientHeight","localScrollHeight","localRatio","localTrackerHeight","Math","max","display","height","resizeHandler","add","prop","undefined","setScrollPositionFromTracker","onMove","e","preventDefault","diff","clientY","position","min","trackerVisible","onTargetScroll","onTrackerDragStart","onTrackerDragStop","onTrackerMouseEnter","onTrackerMouseLeave","onUp","unsubscribe","scroll","listeners","subscribe","el","forEach","l","remove","onDragStart"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport {\n TrackerOptionsProps,\n useTrackerVisibility,\n} from \"./useTrackerVisibility\";\nimport \"./CustomScrollView.css\";\n\nexport interface CustomScrollViewProps extends DOMProps, TrackerOptionsProps {\n windowResize?: boolean;\n boxRef?: React.Ref<HTMLDivElement>;\n className?: HTMLDivElement[\"className\"];\n children: React.ReactNode;\n}\n\nexport const CustomScrollView = ({\n className,\n children,\n boxRef: externalBoxRef,\n windowResize,\n autoHideScrollbar = false,\n autoHideScrollbarDelay,\n}: CustomScrollViewProps) => {\n const { document, window } = useDOM();\n\n const ratio = React.useRef(NaN);\n const lastTrackerTop = React.useRef(0);\n const clientHeight = React.useRef(0);\n const trackerHeight = React.useRef(0);\n const scrollHeight = React.useRef(0);\n const transformProp = React.useRef(\"\");\n const startY = React.useRef(0);\n const trackerTop = React.useRef(0);\n\n const boxRef = useExternRef(externalBoxRef);\n\n const barY = React.useRef<HTMLDivElement>(null);\n const trackerY = React.useRef<HTMLDivElement>(null);\n\n const setTrackerPosition = (scrollTop: number) => {\n lastTrackerTop.current = scrollTop;\n if (trackerY.current !== null) {\n (trackerY.current.style as any)[\n transformProp.current\n ] = `translate(0, ${scrollTop}px)`;\n }\n };\n\n const setTrackerPositionFromScroll = (scrollTop: number) => {\n const progress = scrollTop / (scrollHeight.current - clientHeight.current);\n setTrackerPosition(\n (clientHeight.current - trackerHeight.current) * progress\n );\n };\n\n const resize = () => {\n if (!boxRef.current || !barY.current || !trackerY.current) {\n return;\n }\n const localClientHeight = boxRef.current.clientHeight;\n const localScrollHeight = boxRef.current.scrollHeight;\n const localRatio = localClientHeight / localScrollHeight;\n const localTrackerHeight = Math.max(localClientHeight * localRatio, 40);\n\n ratio.current = localRatio;\n clientHeight.current = localClientHeight;\n scrollHeight.current = localScrollHeight;\n trackerHeight.current = localTrackerHeight;\n\n if (localRatio >= 1) {\n barY.current.style.display = \"none\";\n } else {\n barY.current.style.display = \"\";\n trackerY.current.style.height = `${localTrackerHeight}px`;\n setTrackerPositionFromScroll(boxRef.current.scrollTop);\n }\n };\n\n const resizeHandler = useEventListener(\"resize\", resize);\n\n useIsomorphicLayoutEffect(() => {\n if (windowResize && window) {\n resizeHandler.add(window);\n }\n }, [windowResize, window]);\n\n useIsomorphicLayoutEffect(() => {\n let style = trackerY.current?.style;\n let prop = \"\";\n if (style !== undefined) {\n if (\"transform\" in style) {\n prop = \"transform\";\n } else if (\"webkitTransform\" in style) {\n prop = \"webkitTransform\";\n }\n }\n transformProp.current = prop;\n }, []);\n\n useIsomorphicLayoutEffect(resize);\n\n const setScrollPositionFromTracker = (trackerTop: number) => {\n const progress =\n trackerTop / (clientHeight.current - trackerHeight.current);\n if (boxRef.current !== null) {\n boxRef.current.scrollTop =\n (scrollHeight.current - clientHeight.current) * progress;\n }\n };\n\n const onMove = (e: MouseEvent) => {\n e.preventDefault();\n const diff = e.clientY - startY.current;\n const position = Math.min(\n Math.max(trackerTop.current + diff, 0),\n clientHeight.current - trackerHeight.current\n );\n\n setScrollPositionFromTracker(position);\n };\n\n const {\n trackerVisible,\n onTargetScroll,\n onTrackerDragStart,\n onTrackerDragStop,\n onTrackerMouseEnter,\n onTrackerMouseLeave,\n } = useTrackerVisibility(autoHideScrollbar, autoHideScrollbarDelay);\n\n const onUp = (e: MouseEvent) => {\n e.preventDefault();\n\n if (autoHideScrollbar) {\n onTrackerDragStop();\n }\n\n unsubscribe();\n };\n\n const scroll = () => {\n if (ratio.current >= 1 || !boxRef.current) {\n return;\n }\n\n if (autoHideScrollbar) {\n onTargetScroll();\n }\n\n setTrackerPositionFromScroll(boxRef.current.scrollTop);\n };\n\n const listeners = [\n useEventListener(\"mousemove\", onMove),\n useEventListener(\"mouseup\", onUp),\n ];\n\n function subscribe(el: Document | undefined) {\n if (el) {\n listeners.forEach((l) => l.add(el));\n }\n }\n\n function unsubscribe() {\n listeners.forEach((l) => l.remove());\n }\n\n const onDragStart = (e: React.MouseEvent) => {\n e.preventDefault();\n startY.current = e.clientY;\n trackerTop.current = lastTrackerTop.current;\n\n if (autoHideScrollbar) {\n onTrackerDragStart();\n }\n\n subscribe(document);\n };\n\n return (\n <div vkuiClass=\"CustomScrollView\" className={className}>\n <div vkuiClass=\"CustomScrollView__barY\" ref={barY}>\n <div\n vkuiClass={classNames(\n \"CustomScrollView__trackerY\",\n !trackerVisible && `CustomScrollView__trackerY--hidden`\n )}\n onMouseEnter={autoHideScrollbar ? onTrackerMouseEnter : undefined}\n onMouseLeave={autoHideScrollbar ? onTrackerMouseLeave : undefined}\n ref={trackerY}\n onMouseDown={onDragStart}\n />\n </div>\n\n <div\n vkuiClass=\"CustomScrollView__box\"\n tabIndex={-1}\n ref={boxRef}\n onScroll={scroll}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"file":"CustomScrollView.js"}
1
+ {"version":3,"file":"CustomScrollView.js","names":["React","useDOM","classNames","useIsomorphicLayoutEffect","useExternRef","useEventListener","useTrackerVisibility","CustomScrollView","className","children","externalBoxRef","boxRef","windowResize","autoHideScrollbar","autoHideScrollbarDelay","document","window","ratio","useRef","NaN","lastTrackerTop","clientHeight","trackerHeight","scrollHeight","transformProp","startY","trackerTop","barY","trackerY","setTrackerPosition","scrollTop","current","style","setTrackerPositionFromScroll","progress","resize","localClientHeight","localScrollHeight","localRatio","localTrackerHeight","Math","max","display","height","resizeHandler","add","prop","undefined","setScrollPositionFromTracker","onMove","e","preventDefault","diff","clientY","position","min","trackerVisible","onTargetScroll","onTrackerDragStart","onTrackerDragStop","onTrackerMouseEnter","onTrackerMouseLeave","onUp","unsubscribe","scroll","listeners","subscribe","el","forEach","l","remove","onDragStart"],"sources":["../../../../src/components/CustomScrollView/CustomScrollView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport {\n TrackerOptionsProps,\n useTrackerVisibility,\n} from \"./useTrackerVisibility\";\nimport \"./CustomScrollView.css\";\n\nexport interface CustomScrollViewProps extends DOMProps, TrackerOptionsProps {\n windowResize?: boolean;\n boxRef?: React.Ref<HTMLDivElement>;\n className?: HTMLDivElement[\"className\"];\n children: React.ReactNode;\n}\n\nexport const CustomScrollView = ({\n className,\n children,\n boxRef: externalBoxRef,\n windowResize,\n autoHideScrollbar = false,\n autoHideScrollbarDelay,\n}: CustomScrollViewProps) => {\n const { document, window } = useDOM();\n\n const ratio = React.useRef(NaN);\n const lastTrackerTop = React.useRef(0);\n const clientHeight = React.useRef(0);\n const trackerHeight = React.useRef(0);\n const scrollHeight = React.useRef(0);\n const transformProp = React.useRef(\"\");\n const startY = React.useRef(0);\n const trackerTop = React.useRef(0);\n\n const boxRef = useExternRef(externalBoxRef);\n\n const barY = React.useRef<HTMLDivElement>(null);\n const trackerY = React.useRef<HTMLDivElement>(null);\n\n const setTrackerPosition = (scrollTop: number) => {\n lastTrackerTop.current = scrollTop;\n if (trackerY.current !== null) {\n (trackerY.current.style as any)[\n transformProp.current\n ] = `translate(0, ${scrollTop}px)`;\n }\n };\n\n const setTrackerPositionFromScroll = (scrollTop: number) => {\n const progress = scrollTop / (scrollHeight.current - clientHeight.current);\n setTrackerPosition(\n (clientHeight.current - trackerHeight.current) * progress\n );\n };\n\n const resize = () => {\n if (!boxRef.current || !barY.current || !trackerY.current) {\n return;\n }\n const localClientHeight = boxRef.current.clientHeight;\n const localScrollHeight = boxRef.current.scrollHeight;\n const localRatio = localClientHeight / localScrollHeight;\n const localTrackerHeight = Math.max(localClientHeight * localRatio, 40);\n\n ratio.current = localRatio;\n clientHeight.current = localClientHeight;\n scrollHeight.current = localScrollHeight;\n trackerHeight.current = localTrackerHeight;\n\n if (localRatio >= 1) {\n barY.current.style.display = \"none\";\n } else {\n barY.current.style.display = \"\";\n trackerY.current.style.height = `${localTrackerHeight}px`;\n setTrackerPositionFromScroll(boxRef.current.scrollTop);\n }\n };\n\n const resizeHandler = useEventListener(\"resize\", resize);\n\n useIsomorphicLayoutEffect(() => {\n if (windowResize && window) {\n resizeHandler.add(window);\n }\n }, [windowResize, window]);\n\n useIsomorphicLayoutEffect(() => {\n let style = trackerY.current?.style;\n let prop = \"\";\n if (style !== undefined) {\n if (\"transform\" in style) {\n prop = \"transform\";\n } else if (\"webkitTransform\" in style) {\n prop = \"webkitTransform\";\n }\n }\n transformProp.current = prop;\n }, []);\n\n useIsomorphicLayoutEffect(resize);\n\n const setScrollPositionFromTracker = (trackerTop: number) => {\n const progress =\n trackerTop / (clientHeight.current - trackerHeight.current);\n if (boxRef.current !== null) {\n boxRef.current.scrollTop =\n (scrollHeight.current - clientHeight.current) * progress;\n }\n };\n\n const onMove = (e: MouseEvent) => {\n e.preventDefault();\n const diff = e.clientY - startY.current;\n const position = Math.min(\n Math.max(trackerTop.current + diff, 0),\n clientHeight.current - trackerHeight.current\n );\n\n setScrollPositionFromTracker(position);\n };\n\n const {\n trackerVisible,\n onTargetScroll,\n onTrackerDragStart,\n onTrackerDragStop,\n onTrackerMouseEnter,\n onTrackerMouseLeave,\n } = useTrackerVisibility(autoHideScrollbar, autoHideScrollbarDelay);\n\n const onUp = (e: MouseEvent) => {\n e.preventDefault();\n\n if (autoHideScrollbar) {\n onTrackerDragStop();\n }\n\n unsubscribe();\n };\n\n const scroll = () => {\n if (ratio.current >= 1 || !boxRef.current) {\n return;\n }\n\n if (autoHideScrollbar) {\n onTargetScroll();\n }\n\n setTrackerPositionFromScroll(boxRef.current.scrollTop);\n };\n\n const listeners = [\n useEventListener(\"mousemove\", onMove),\n useEventListener(\"mouseup\", onUp),\n ];\n\n function subscribe(el: Document | undefined) {\n if (el) {\n listeners.forEach((l) => l.add(el));\n }\n }\n\n function unsubscribe() {\n listeners.forEach((l) => l.remove());\n }\n\n const onDragStart = (e: React.MouseEvent) => {\n e.preventDefault();\n startY.current = e.clientY;\n trackerTop.current = lastTrackerTop.current;\n\n if (autoHideScrollbar) {\n onTrackerDragStart();\n }\n\n subscribe(document);\n };\n\n return (\n <div vkuiClass=\"CustomScrollView\" className={className}>\n <div vkuiClass=\"CustomScrollView__barY\" ref={barY}>\n <div\n vkuiClass={classNames(\n \"CustomScrollView__trackerY\",\n !trackerVisible && `CustomScrollView__trackerY--hidden`\n )}\n onMouseEnter={autoHideScrollbar ? onTrackerMouseEnter : undefined}\n onMouseLeave={autoHideScrollbar ? onTrackerMouseLeave : undefined}\n ref={trackerY}\n onMouseDown={onDragStart}\n />\n </div>\n\n <div\n vkuiClass=\"CustomScrollView__box\"\n tabIndex={-1}\n ref={boxRef}\n onScroll={scroll}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CustomScrollView/useTrackerVisibility.ts"],"names":["React","useTimeout","useTrackerVisibility","autoHideScrollbar","autoHideScrollbarDelay","useState","trackerVisible","setTrackerVisible","isMouseOver","useRef","isTrackerDragging","setVisibilityTimeout","set","clearVisibilityTimeout","clear","onTrackerDragStart","useCallback","current","onTrackerDragStop","queueTrackerVisibility","onTrackerMouseEnter","onTrackerMouseLeave","onTargetScroll"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAGP;AAAA,MAF3BC,iBAE2B,uEAFP,KAEO;AAAA,MAD3BC,sBAC2B,uEADF,GACE;;AAC3B,wBAA4CJ,KAAK,CAACK,QAAN,CAC1C,CAACF,iBADyC,CAA5C;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB;;AAGA,MAAMC,WAAW,GAAGR,KAAK,CAACS,MAAN,CAAa,KAAb,CAApB;AACA,MAAMC,iBAAiB,GAAGV,KAAK,CAACS,MAAN,CAAa,KAAb,CAA1B;;AAEA,oBACER,UAAU,CAAC;AAAA,WAAMM,iBAAiB,CAAC,KAAD,CAAvB;AAAA,GAAD,EAAiCH,sBAAjC,CADZ;AAAA,MAAaO,oBAAb,eAAQC,GAAR;AAAA,MAA0CC,sBAA1C,eAAmCC,KAAnC;;AAGA,MAAMC,kBAAkB,GAAGf,KAAK,CAACgB,WAAN,CAAkB,YAAM;AACjDH,IAAAA,sBAAsB;AACtBN,IAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACAG,IAAAA,iBAAiB,CAACO,OAAlB,GAA4B,IAA5B;AACD,GAJ0B,EAIxB,CAACJ,sBAAD,CAJwB,CAA3B;AAMA,MAAMK,iBAAiB,GAAGlB,KAAK,CAACgB,WAAN,CAAkB,YAAM;AAChDN,IAAAA,iBAAiB,CAACO,OAAlB,GAA4B,KAA5B;;AACA,QAAI,CAACT,WAAW,CAACS,OAAjB,EAA0B;AACxBN,MAAAA,oBAAoB;AACrB;AACF,GALyB,EAKvB,CAACA,oBAAD,EAAuBH,WAAvB,CALuB,CAA1B;AAOA;AACF;AACA;AACA;;AACE,MAAMW,sBAAsB,GAAGnB,KAAK,CAACgB,WAAN,CAAkB,YAAM;AACrD,QAAIN,iBAAiB,CAACO,OAAtB,EAA+B;AAC7B;AACD;;AACDV,IAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACAI,IAAAA,oBAAoB;AACrB,GAN8B,EAM5B,CAACA,oBAAD,CAN4B,CAA/B;AAQA,MAAMS,mBAAmB,GAAGpB,KAAK,CAACgB,WAAN,CAAkB,YAAM;AAClDH,IAAAA,sBAAsB;AACtBL,IAAAA,WAAW,CAACS,OAAZ,GAAsB,IAAtB;AACAV,IAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD,GAJ2B,EAIzB,CAACM,sBAAD,CAJyB,CAA5B;AAMA,MAAMQ,mBAAmB,GAAGrB,KAAK,CAACgB,WAAN,CAAkB,YAAM;AAClDG,IAAAA,sBAAsB;AACtBX,IAAAA,WAAW,CAACS,OAAZ,GAAsB,KAAtB;AACD,GAH2B,EAGzB,CAACE,sBAAD,CAHyB,CAA5B;AAKA,MAAMG,cAAc,GAAGtB,KAAK,CAACgB,WAAN,CAAkB,YAAM;AAC7CG,IAAAA,sBAAsB;AACvB,GAFsB,EAEpB,CAACA,sBAAD,CAFoB,CAAvB;AAIA,SAAO;AACLb,IAAAA,cAAc,EAAdA,cADK;AAELS,IAAAA,kBAAkB,EAAlBA,kBAFK;AAGLG,IAAAA,iBAAiB,EAAjBA,iBAHK;AAILE,IAAAA,mBAAmB,EAAnBA,mBAJK;AAKLC,IAAAA,mBAAmB,EAAnBA,mBALK;AAMLC,IAAAA,cAAc,EAAdA;AANK,GAAP;AAQD,CA7DM","sourcesContent":["import * as React from \"react\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\n/**\n * Хук, который позволяет управлять видимостью ползунка скроллбара.\n * @param autoHideScrollbar - скрывать ли ползунок скроллбара\n * @param autoHideScrollbarDelay - через какое кол-во миллисекунд ползунок скроллбара скрывается\n * @returns Объект, содержащий параметры, которые позволяют управлять видимостью ползунка\n */\nexport const useTrackerVisibility = (\n autoHideScrollbar = false,\n autoHideScrollbarDelay = 500\n): TrackerVisibilityProps => {\n const [trackerVisible, setTrackerVisible] = React.useState(\n !autoHideScrollbar\n );\n const isMouseOver = React.useRef(false);\n const isTrackerDragging = React.useRef(false);\n\n const { set: setVisibilityTimeout, clear: clearVisibilityTimeout } =\n useTimeout(() => setTrackerVisible(false), autoHideScrollbarDelay);\n\n const onTrackerDragStart = React.useCallback(() => {\n clearVisibilityTimeout();\n setTrackerVisible(true);\n isTrackerDragging.current = true;\n }, [clearVisibilityTimeout]);\n\n const onTrackerDragStop = React.useCallback(() => {\n isTrackerDragging.current = false;\n if (!isMouseOver.current) {\n setVisibilityTimeout();\n }\n }, [setVisibilityTimeout, isMouseOver]);\n\n /**\n * Позволяет \"запланировать\" скрытие ползунка через delay миллисекунд. Если тайм-аут не успевает сработать, то каждый\n * последующий вызов функции откладывает скрытие ползунка на delay миллисекунд\n */\n const queueTrackerVisibility = React.useCallback(() => {\n if (isTrackerDragging.current) {\n return;\n }\n setTrackerVisible(true);\n setVisibilityTimeout();\n }, [setVisibilityTimeout]);\n\n const onTrackerMouseEnter = React.useCallback(() => {\n clearVisibilityTimeout();\n isMouseOver.current = true;\n setTrackerVisible(true);\n }, [clearVisibilityTimeout]);\n\n const onTrackerMouseLeave = React.useCallback(() => {\n queueTrackerVisibility();\n isMouseOver.current = false;\n }, [queueTrackerVisibility]);\n\n const onTargetScroll = React.useCallback(() => {\n queueTrackerVisibility();\n }, [queueTrackerVisibility]);\n\n return {\n trackerVisible,\n onTrackerDragStart,\n onTrackerDragStop,\n onTrackerMouseEnter,\n onTrackerMouseLeave,\n onTargetScroll,\n };\n};\n\nexport interface TrackerOptionsProps {\n /**\n * Скрывать ли ползунок скроллбара\n */\n autoHideScrollbar?: boolean;\n /**\n * Через какое кол-во миллисекунд ползунок скроллбара скрывается\n */\n autoHideScrollbarDelay?: number;\n}\n\nexport interface TrackerVisibilityProps {\n /**\n * Отвечает за видимость ползунка\n */\n trackerVisible: boolean;\n /**\n * Функция для обработки события у блока со скроллом\n */\n onTargetScroll(this: void): void;\n /**\n * Функция для обработки начала drag event ползунка\n */\n onTrackerDragStart(this: void): void;\n /**\n * Функция для обработки окончания drag event ползунка\n */\n onTrackerDragStop(this: void): void;\n /**\n * Функция для обработки mouseLeave event ползунка\n */\n onTrackerMouseEnter(this: void): void;\n /**\n * Функция для обработки mouseEnter event ползунка\n */\n onTrackerMouseLeave(this: void): void;\n}\n"],"file":"useTrackerVisibility.js"}
1
+ {"version":3,"file":"useTrackerVisibility.js","names":["React","useTimeout","useTrackerVisibility","autoHideScrollbar","autoHideScrollbarDelay","useState","trackerVisible","setTrackerVisible","isMouseOver","useRef","isTrackerDragging","setVisibilityTimeout","set","clearVisibilityTimeout","clear","onTrackerDragStart","useCallback","current","onTrackerDragStop","queueTrackerVisibility","onTrackerMouseEnter","onTrackerMouseLeave","onTargetScroll"],"sources":["../../../../src/components/CustomScrollView/useTrackerVisibility.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\n/**\n * Хук, который позволяет управлять видимостью ползунка скроллбара.\n * @param autoHideScrollbar - скрывать ли ползунок скроллбара\n * @param autoHideScrollbarDelay - через какое кол-во миллисекунд ползунок скроллбара скрывается\n * @returns Объект, содержащий параметры, которые позволяют управлять видимостью ползунка\n */\nexport const useTrackerVisibility = (\n autoHideScrollbar = false,\n autoHideScrollbarDelay = 500\n): TrackerVisibilityProps => {\n const [trackerVisible, setTrackerVisible] = React.useState(\n !autoHideScrollbar\n );\n const isMouseOver = React.useRef(false);\n const isTrackerDragging = React.useRef(false);\n\n const { set: setVisibilityTimeout, clear: clearVisibilityTimeout } =\n useTimeout(() => setTrackerVisible(false), autoHideScrollbarDelay);\n\n const onTrackerDragStart = React.useCallback(() => {\n clearVisibilityTimeout();\n setTrackerVisible(true);\n isTrackerDragging.current = true;\n }, [clearVisibilityTimeout]);\n\n const onTrackerDragStop = React.useCallback(() => {\n isTrackerDragging.current = false;\n if (!isMouseOver.current) {\n setVisibilityTimeout();\n }\n }, [setVisibilityTimeout, isMouseOver]);\n\n /**\n * Позволяет \"запланировать\" скрытие ползунка через delay миллисекунд. Если тайм-аут не успевает сработать, то каждый\n * последующий вызов функции откладывает скрытие ползунка на delay миллисекунд\n */\n const queueTrackerVisibility = React.useCallback(() => {\n if (isTrackerDragging.current) {\n return;\n }\n setTrackerVisible(true);\n setVisibilityTimeout();\n }, [setVisibilityTimeout]);\n\n const onTrackerMouseEnter = React.useCallback(() => {\n clearVisibilityTimeout();\n isMouseOver.current = true;\n setTrackerVisible(true);\n }, [clearVisibilityTimeout]);\n\n const onTrackerMouseLeave = React.useCallback(() => {\n queueTrackerVisibility();\n isMouseOver.current = false;\n }, [queueTrackerVisibility]);\n\n const onTargetScroll = React.useCallback(() => {\n queueTrackerVisibility();\n }, [queueTrackerVisibility]);\n\n return {\n trackerVisible,\n onTrackerDragStart,\n onTrackerDragStop,\n onTrackerMouseEnter,\n onTrackerMouseLeave,\n onTargetScroll,\n };\n};\n\nexport interface TrackerOptionsProps {\n /**\n * Скрывать ли ползунок скроллбара\n */\n autoHideScrollbar?: boolean;\n /**\n * Через какое кол-во миллисекунд ползунок скроллбара скрывается\n */\n autoHideScrollbarDelay?: number;\n}\n\nexport interface TrackerVisibilityProps {\n /**\n * Отвечает за видимость ползунка\n */\n trackerVisible: boolean;\n /**\n * Функция для обработки события у блока со скроллом\n */\n onTargetScroll(this: void): void;\n /**\n * Функция для обработки начала drag event ползунка\n */\n onTrackerDragStart(this: void): void;\n /**\n * Функция для обработки окончания drag event ползунка\n */\n onTrackerDragStop(this: void): void;\n /**\n * Функция для обработки mouseLeave event ползунка\n */\n onTrackerMouseEnter(this: void): void;\n /**\n * Функция для обработки mouseEnter event ползунка\n */\n onTrackerMouseLeave(this: void): void;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAGP;EAAA,IAF3BC,iBAE2B,uEAFP,KAEO;EAAA,IAD3BC,sBAC2B,uEADF,GACE;;EAC3B,sBAA4CJ,KAAK,CAACK,QAAN,CAC1C,CAACF,iBADyC,CAA5C;EAAA;EAAA,IAAOG,cAAP;EAAA,IAAuBC,iBAAvB;;EAGA,IAAMC,WAAW,GAAGR,KAAK,CAACS,MAAN,CAAa,KAAb,CAApB;EACA,IAAMC,iBAAiB,GAAGV,KAAK,CAACS,MAAN,CAAa,KAAb,CAA1B;;EAEA,kBACER,UAAU,CAAC;IAAA,OAAMM,iBAAiB,CAAC,KAAD,CAAvB;EAAA,CAAD,EAAiCH,sBAAjC,CADZ;EAAA,IAAaO,oBAAb,eAAQC,GAAR;EAAA,IAA0CC,sBAA1C,eAAmCC,KAAnC;;EAGA,IAAMC,kBAAkB,GAAGf,KAAK,CAACgB,WAAN,CAAkB,YAAM;IACjDH,sBAAsB;IACtBN,iBAAiB,CAAC,IAAD,CAAjB;IACAG,iBAAiB,CAACO,OAAlB,GAA4B,IAA5B;EACD,CAJ0B,EAIxB,CAACJ,sBAAD,CAJwB,CAA3B;EAMA,IAAMK,iBAAiB,GAAGlB,KAAK,CAACgB,WAAN,CAAkB,YAAM;IAChDN,iBAAiB,CAACO,OAAlB,GAA4B,KAA5B;;IACA,IAAI,CAACT,WAAW,CAACS,OAAjB,EAA0B;MACxBN,oBAAoB;IACrB;EACF,CALyB,EAKvB,CAACA,oBAAD,EAAuBH,WAAvB,CALuB,CAA1B;EAOA;AACF;AACA;AACA;;EACE,IAAMW,sBAAsB,GAAGnB,KAAK,CAACgB,WAAN,CAAkB,YAAM;IACrD,IAAIN,iBAAiB,CAACO,OAAtB,EAA+B;MAC7B;IACD;;IACDV,iBAAiB,CAAC,IAAD,CAAjB;IACAI,oBAAoB;EACrB,CAN8B,EAM5B,CAACA,oBAAD,CAN4B,CAA/B;EAQA,IAAMS,mBAAmB,GAAGpB,KAAK,CAACgB,WAAN,CAAkB,YAAM;IAClDH,sBAAsB;IACtBL,WAAW,CAACS,OAAZ,GAAsB,IAAtB;IACAV,iBAAiB,CAAC,IAAD,CAAjB;EACD,CAJ2B,EAIzB,CAACM,sBAAD,CAJyB,CAA5B;EAMA,IAAMQ,mBAAmB,GAAGrB,KAAK,CAACgB,WAAN,CAAkB,YAAM;IAClDG,sBAAsB;IACtBX,WAAW,CAACS,OAAZ,GAAsB,KAAtB;EACD,CAH2B,EAGzB,CAACE,sBAAD,CAHyB,CAA5B;EAKA,IAAMG,cAAc,GAAGtB,KAAK,CAACgB,WAAN,CAAkB,YAAM;IAC7CG,sBAAsB;EACvB,CAFsB,EAEpB,CAACA,sBAAD,CAFoB,CAAvB;EAIA,OAAO;IACLb,cAAc,EAAdA,cADK;IAELS,kBAAkB,EAAlBA,kBAFK;IAGLG,iBAAiB,EAAjBA,iBAHK;IAILE,mBAAmB,EAAnBA,mBAJK;IAKLC,mBAAmB,EAAnBA,mBALK;IAMLC,cAAc,EAAdA;EANK,CAAP;AAQD,CA7DM"}
@@ -1 +1 @@
1
- .vkuiCustomSelect{display:block;position:relative;width:100%}.vkuiCustomSelect__control{display:none}.vkuiCustomSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiCustomSelect__fetching{align-items:center;display:flex;justify-content:center}
1
+ .vkuiCustomSelect{cursor:pointer;display:block;position:relative;width:100%}.vkuiCustomSelect__control{display:none}.vkuiCustomSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiCustomSelect__fetching{align-items:center;display:flex;justify-content:center}
@@ -58,5 +58,5 @@ export interface CustomSelectProps extends NativeSelectProps, HasPlatform, FormF
58
58
  /**
59
59
  * @see https://vkcom.github.io/VKUI/#/CustomSelect
60
60
  */
61
- export declare const CustomSelect: React.FC<Pick<CustomSelectProps, "platform" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "icon" | "after" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "onOpen" | "onClose" | "before" | "options" | "popupDirection" | "multiline" | "onInputChange" | "selectType" | "searchable" | "emptyText" | "filterFn" | "renderOption" | "renderDropdown" | "fetching" | "dropdownOffsetDistance" | "fixDropdownWidth" | "forceDropdownPortal" | "autoHideScrollbar" | "autoHideScrollbarDelay"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
61
+ export declare const CustomSelect: React.FC<Pick<CustomSelectProps, "platform" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "icon" | "after" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "onOpen" | "onClose" | "before" | "options" | "popupDirection" | "multiline" | "onInputChange" | "selectType" | "searchable" | "emptyText" | "filterFn" | "renderOption" | "renderDropdown" | "fetching" | "dropdownOffsetDistance" | "fixDropdownWidth" | "forceDropdownPortal" | "autoHideScrollbar" | "autoHideScrollbarDelay"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
62
62
  export {};
@@ -92,11 +92,15 @@ var filter = function filter(options, inputValue, filterFn) {
92
92
  };
93
93
 
94
94
  var defaultOptions = [];
95
- var defaultIcon = createScopedElement(DropdownIcon, null);
96
95
 
97
96
  function CustomSelectComponent(props) {
98
97
  var _props$value, _props$value2;
99
98
 
99
+ var _React$useState = React.useState(false),
100
+ _React$useState2 = _slicedToArray(_React$useState, 2),
101
+ opened = _React$useState2[0],
102
+ setOpened = _React$useState2[1];
103
+
100
104
  var before = props.before,
101
105
  name = props.name,
102
106
  className = props.className,
@@ -129,7 +133,9 @@ function CustomSelectComponent(props) {
129
133
  _props$filterFn = props.filterFn,
130
134
  filterFn = _props$filterFn === void 0 ? defaultFilterFn : _props$filterFn,
131
135
  _props$icon = props.icon,
132
- icon = _props$icon === void 0 ? defaultIcon : _props$icon,
136
+ icon = _props$icon === void 0 ? createScopedElement(DropdownIcon, {
137
+ opened: opened
138
+ }) : _props$icon,
133
139
  _props$dropdownOffset = props.dropdownOffsetDistance,
134
140
  dropdownOffsetDistance = _props$dropdownOffset === void 0 ? 0 : _props$dropdownOffset,
135
141
  _props$fixDropdownWid = props.fixDropdownWidth,
@@ -144,50 +150,45 @@ function CustomSelectComponent(props) {
144
150
  var scrollBoxRef = React.useRef(null);
145
151
  var selectElRef = React.useRef(null);
146
152
 
147
- var _React$useState = React.useState(-1),
148
- _React$useState2 = _slicedToArray(_React$useState, 2),
149
- focusedOptionIndex = _React$useState2[0],
150
- setFocusedOptionIndex = _React$useState2[1];
151
-
152
- var _React$useState3 = React.useState(props.value !== undefined),
153
+ var _React$useState3 = React.useState(-1),
153
154
  _React$useState4 = _slicedToArray(_React$useState3, 2),
154
- isControlledOutside = _React$useState4[0],
155
- setIsControlledOutside = _React$useState4[1];
155
+ focusedOptionIndex = _React$useState4[0],
156
+ setFocusedOptionIndex = _React$useState4[1];
156
157
 
157
- var _React$useState5 = React.useState(""),
158
+ var _React$useState5 = React.useState(props.value !== undefined),
158
159
  _React$useState6 = _slicedToArray(_React$useState5, 2),
159
- inputValue = _React$useState6[0],
160
- setInputValue = _React$useState6[1];
160
+ isControlledOutside = _React$useState6[0],
161
+ setIsControlledOutside = _React$useState6[1];
161
162
 
162
- var _React$useState7 = React.useState((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.defaultValue),
163
+ var _React$useState7 = React.useState(""),
163
164
  _React$useState8 = _slicedToArray(_React$useState7, 2),
164
- nativeSelectValue = _React$useState8[0],
165
- setNativeSelectValue = _React$useState8[1];
165
+ inputValue = _React$useState8[0],
166
+ setInputValue = _React$useState8[1];
166
167
 
167
- var _React$useState9 = React.useState(""),
168
+ var _React$useState9 = React.useState((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.defaultValue),
168
169
  _React$useState10 = _slicedToArray(_React$useState9, 2),
169
- keyboardInput = _React$useState10[0],
170
- setKeyboardInput = _React$useState10[1];
170
+ nativeSelectValue = _React$useState10[0],
171
+ setNativeSelectValue = _React$useState10[1];
171
172
 
172
- var _React$useState11 = React.useState(undefined),
173
+ var _React$useState11 = React.useState(""),
173
174
  _React$useState12 = _slicedToArray(_React$useState11, 2),
174
- popperPlacement = _React$useState12[0],
175
- setPopperPlacement = _React$useState12[1];
175
+ keyboardInput = _React$useState12[0],
176
+ setKeyboardInput = _React$useState12[1];
176
177
 
177
- var _React$useState13 = React.useState(optionsProp),
178
+ var _React$useState13 = React.useState(undefined),
178
179
  _React$useState14 = _slicedToArray(_React$useState13, 2),
179
- options = _React$useState14[0],
180
- setOptions = _React$useState14[1];
180
+ popperPlacement = _React$useState14[0],
181
+ setPopperPlacement = _React$useState14[1];
181
182
 
182
- var _React$useState15 = React.useState(findSelectedIndex(optionsProp, (_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : props.defaultValue)),
183
+ var _React$useState15 = React.useState(optionsProp),
183
184
  _React$useState16 = _slicedToArray(_React$useState15, 2),
184
- selectedOptionIndex = _React$useState16[0],
185
- setSelectedOptionIndex = _React$useState16[1];
185
+ options = _React$useState16[0],
186
+ setOptions = _React$useState16[1];
186
187
 
187
- var _React$useState17 = React.useState(false),
188
+ var _React$useState17 = React.useState(findSelectedIndex(optionsProp, (_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : props.defaultValue)),
188
189
  _React$useState18 = _slicedToArray(_React$useState17, 2),
189
- opened = _React$useState18[0],
190
- setOpened = _React$useState18[1];
190
+ selectedOptionIndex = _React$useState18[0],
191
+ setSelectedOptionIndex = _React$useState18[1];
191
192
 
192
193
  React.useEffect(function () {
193
194
  setIsControlledOutside(props.value !== undefined);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"names":["React","SelectMimicry","debounce","multiRef","getTitleFromChildren","classNames","withAdaptivity","CustomSelectOption","Input","DropdownIcon","Caption","warnOnce","defaultFilterFn","getFormFieldModeFromSelectType","CustomSelectDropdown","SelectType","useIsomorphicLayoutEffect","findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","warn","checkOptionsValueType","Set","map","item","value","size","defaultRenderOptionFn","props","handleOptionDown","e","preventDefault","findSelectedIndex","Number","filter","inputValue","filterFn","defaultOptions","defaultIcon","CustomSelectComponent","before","name","className","getRef","getRootRef","popupDirection","sizeY","platform","style","onChange","children","onInputChangeProp","onInputChange","renderDropdown","onOpen","onClose","fetching","forceDropdownPortal","selectType","default","autoHideScrollbar","autoHideScrollbarDelay","searchable","renderOption","renderOptionProp","optionsProp","emptyText","icon","dropdownOffsetDistance","fixDropdownWidth","restProps","process","env","NODE_ENV","containerRef","useRef","scrollBoxRef","selectElRef","useState","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","opened","setOpened","useEffect","event","Event","bubbles","current","dispatchEvent","selected","useMemo","openedClassNames","includes","resetKeyboardInput","useCallback","scrollToElement","index","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","isValidIndex","focusOptionByIndex","scrollTo","areOptionsShown","onKeyboardInput","key","fullInput","optionIndex","label","toLowerCase","close","selectFocused","open","onBlur","resetFocusedOption","onFocus","onClick","handleKeyUp","focusOption","type","nextIndex","beforeIndex","onLabelClick","contains","target","onNativeSelectChange","newSelectedOptionIndex","currentTarget","onInputKeyDown","handleKeyDownSelect","handleOptionClick","Array","prototype","indexOf","call","parentNode","handleOptionHover","hovered","onMouseDown","onMouseOver","resolvedContent","defaultDropdownContent","placeholder","CustomSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { SelectMimicry } from \"../SelectMimicry/SelectMimicry\";\nimport { debounce, multiRef, getTitleFromChildren } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { NativeSelectProps } from \"../NativeSelect/NativeSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { FormFieldProps } from \"../FormField/FormField\";\nimport { HasPlatform } from \"../../types\";\nimport { Input } from \"../Input/Input\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n defaultFilterFn,\n getFormFieldModeFromSelectType,\n} from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { SelectType } from \"../Select/Select\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./CustomSelect.css\";\n\nconst findIndexAfter = (\n options: CustomSelectOptionInterface[] = [],\n startIndex = -1\n) => {\n if (startIndex >= options.length - 1) {\n return -1;\n }\n return options.findIndex((option, i) => i > startIndex && !option.disabled);\n};\n\nconst findIndexBefore = (\n options: CustomSelectOptionInterface[] = [],\n endIndex: number = options.length\n) => {\n let result = -1;\n if (endIndex <= 0) {\n return result;\n }\n for (let i = endIndex - 1; i >= 0; i--) {\n let option = options[i];\n\n if (!option.disabled) {\n result = i;\n break;\n }\n }\n return result;\n};\n\nconst warn = warnOnce(\"CustomSelect\");\n\nconst checkOptionsValueType = (options: CustomSelectOptionInterface[]) => {\n if (new Set(options.map((item) => typeof item.value)).size > 1) {\n warn(\n \"Некоторые значения ваших опций имеют разные типы. onChange всегда возвращает строковый тип.\",\n \"error\"\n );\n }\n};\n\nfunction defaultRenderOptionFn({\n option,\n ...props\n}: CustomSelectOptionProps): React.ReactNode {\n return <CustomSelectOption {...props} />;\n}\n\nconst handleOptionDown: MouseEventHandler = (\n e: React.MouseEvent<HTMLElement>\n) => {\n e.preventDefault();\n};\n\nfunction findSelectedIndex(\n options: CustomSelectOptionInterface[],\n value: SelectValue\n) {\n return (\n options.findIndex((item) => {\n value = typeof item.value === \"number\" ? Number(value) : value;\n return item.value === value;\n }) ?? -1\n );\n}\n\nconst filter = (\n options: CustomSelectProps[\"options\"],\n inputValue: string,\n filterFn: CustomSelectProps[\"filterFn\"]\n) => {\n return typeof filterFn === \"function\"\n ? options.filter((option) => filterFn(inputValue, option))\n : options;\n};\n\nconst defaultOptions: CustomSelectOptionInterface[] = [];\nconst defaultIcon = <DropdownIcon />;\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n\nexport interface CustomSelectOptionInterface {\n value: SelectValue;\n label: React.ReactElement | string;\n disabled?: boolean;\n [index: string]: any;\n}\n\nexport interface CustomSelectProps\n extends NativeSelectProps,\n HasPlatform,\n FormFieldProps,\n TrackerOptionsProps {\n /**\n * Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n * производится по `option.label`.\n */\n searchable?: boolean;\n /**\n * Текст, который будет отображен, если приходит пустой `options`.\n */\n emptyText?: string;\n onInputChange?: (\n e: React.ChangeEvent,\n options: CustomSelectOptionInterface[]\n ) => void | CustomSelectOptionInterface[];\n options: CustomSelectOptionInterface[];\n /**\n * Функция для кастомной фильтрации. По умолчанию поиск производится по `option.label`.\n */\n filterFn?:\n | false\n | ((\n value: string,\n option: CustomSelectOptionInterface,\n getOptionLabel?: (\n option: Partial<CustomSelectOptionInterface>\n ) => string\n ) => boolean);\n popupDirection?: \"top\" | \"bottom\";\n /**\n * Рендер-проп для кастомного рендера опции.\n * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props)\n */\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /**\n * Рендер-проп для кастомного рендера содержимого дропдауна.\n * В `defaultDropdownContent` содержится список опций в виде скроллящегося блока.\n */\n renderDropdown?: ({\n defaultDropdownContent,\n }: {\n defaultDropdownContent: React.ReactNode;\n }) => React.ReactNode;\n /**\n * Если `true`, то в дропдауне вместо списка опций рисуется спиннер. При переданных `renderDropdown` и `fetching: true`\n * \"победит\" `renderDropdown`.\n */\n fetching?: boolean;\n onClose?: VoidFunction;\n onOpen?: VoidFunction;\n icon?: React.ReactNode;\n dropdownOffsetDistance?: number;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n selectType?: keyof typeof SelectType;\n}\n\ntype MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;\n\nfunction CustomSelectComponent(props: CustomSelectProps) {\n const {\n before,\n name,\n className,\n getRef,\n getRootRef,\n popupDirection,\n sizeY,\n platform,\n style,\n onChange,\n children,\n onInputChange: onInputChangeProp,\n renderDropdown,\n onOpen,\n onClose,\n fetching,\n forceDropdownPortal,\n selectType = SelectType.default,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n searchable = false,\n renderOption: renderOptionProp = defaultRenderOptionFn,\n options: optionsProp = defaultOptions,\n emptyText = \"Ничего не найдено\",\n filterFn = defaultFilterFn,\n icon = defaultIcon,\n dropdownOffsetDistance = 0,\n fixDropdownWidth = true,\n ...restProps\n } = props;\n\n if (process.env.NODE_ENV === \"development\") {\n checkOptionsValueType(optionsProp);\n }\n\n const containerRef = React.useRef<HTMLLabelElement>(null);\n const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n const selectElRef = React.useRef<HTMLSelectElement>(null);\n\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n number | undefined\n >(-1);\n const [isControlledOutside, setIsControlledOutside] = React.useState(\n props.value !== undefined\n );\n const [inputValue, setInputValue] = React.useState(\"\");\n const [nativeSelectValue, setNativeSelectValue] = React.useState(\n props.value ?? props.defaultValue\n );\n const [keyboardInput, setKeyboardInput] = React.useState(\"\");\n const [popperPlacement, setPopperPlacement] = React.useState<\n Placement | undefined\n >(undefined);\n const [options, setOptions] = React.useState(optionsProp);\n const [selectedOptionIndex, setSelectedOptionIndex] = React.useState<\n number | undefined\n >(findSelectedIndex(optionsProp, props.value ?? props.defaultValue));\n const [opened, setOpened] = React.useState(false);\n\n React.useEffect(() => {\n setIsControlledOutside(props.value !== undefined);\n setNativeSelectValue(\n (nativeSelectValue) => props.value ?? nativeSelectValue\n );\n }, [props.value]);\n\n useIsomorphicLayoutEffect(() => {\n if (nativeSelectValue !== undefined) {\n const event = new Event(\"change\", { bubbles: true });\n\n selectElRef.current?.dispatchEvent(event);\n }\n }, [nativeSelectValue]);\n\n const selected = React.useMemo(() => {\n if (!options.length) {\n return null;\n }\n\n return selectedOptionIndex !== undefined\n ? options[selectedOptionIndex]\n : undefined;\n }, [options, selectedOptionIndex]);\n\n const openedClassNames = React.useMemo(\n () =>\n classNames(\n opened && \"Select--open\",\n opened &&\n dropdownOffsetDistance === 0 &&\n (popperPlacement?.includes(\"top\")\n ? \"Select--pop-up\"\n : \"Select--pop-down\")\n ),\n [dropdownOffsetDistance, opened, popperPlacement]\n );\n\n const resetKeyboardInput = React.useCallback(() => {\n setKeyboardInput(\"\");\n }, []);\n\n const scrollToElement = React.useCallback((index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = dropdown ? (dropdown.children[index] as HTMLElement) : null;\n\n if (!item || !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n }, []);\n\n const isValidIndex = React.useCallback(\n (index: number) => {\n return index >= 0 && index < (options.length ?? 0);\n },\n [options.length]\n );\n\n const focusOptionByIndex = React.useCallback(\n (index: number | undefined, scrollTo = true) => {\n if (\n index === undefined ||\n index < 0 ||\n index > (options.length ?? 0) - 1\n ) {\n return;\n }\n\n const option = options[index];\n\n if (option?.disabled) {\n return;\n }\n\n if (scrollTo) {\n scrollToElement(index);\n }\n\n // Это оптимизация, прежде всего, под `onMouseOver`\n setFocusedOptionIndex((focusedOptionIndex) =>\n focusedOptionIndex !== index ? index : focusedOptionIndex\n );\n },\n [options, scrollToElement]\n );\n\n const areOptionsShown = React.useCallback(() => {\n return scrollBoxRef.current !== null;\n }, []);\n\n const onKeyboardInput = React.useCallback(\n (key: string) => {\n const fullInput = keyboardInput + key;\n\n const optionIndex = options.findIndex((option) => {\n return getTitleFromChildren(option.label)\n .toLowerCase()\n .includes(fullInput);\n });\n\n if (optionIndex !== undefined && optionIndex > -1) {\n focusOptionByIndex(optionIndex);\n }\n\n setKeyboardInput(fullInput);\n },\n [focusOptionByIndex, keyboardInput, options]\n );\n\n const close = React.useCallback(() => {\n resetKeyboardInput();\n\n setInputValue(\"\");\n setOpened(false);\n setFocusedOptionIndex(-1);\n setOptions(optionsProp);\n onClose?.();\n }, [onClose, optionsProp, resetKeyboardInput]);\n\n const selectFocused = React.useCallback(() => {\n if (focusedOptionIndex !== undefined && isValidIndex(focusedOptionIndex)) {\n const item = options[focusedOptionIndex];\n\n setNativeSelectValue(item?.value);\n close();\n }\n }, [close, focusedOptionIndex, isValidIndex, options]);\n\n const open = React.useCallback(() => {\n setOpened(true);\n setFocusedOptionIndex(selectedOptionIndex);\n\n if (typeof onOpen === \"function\") {\n onOpen();\n }\n }, [onOpen, selectedOptionIndex]);\n\n React.useEffect(() => {\n if (\n opened &&\n selectedOptionIndex !== undefined &&\n isValidIndex(selectedOptionIndex)\n ) {\n scrollToElement(selectedOptionIndex, true);\n }\n }, [isValidIndex, opened, scrollToElement, selectedOptionIndex]);\n\n const onBlur = React.useCallback(() => {\n close();\n const event = new Event(\"blur\");\n selectElRef.current?.dispatchEvent(event);\n }, [close]);\n\n const resetFocusedOption = React.useCallback(() => {\n setFocusedOptionIndex(-1);\n }, []);\n\n const onFocus = React.useCallback(() => {\n const event = new Event(\"focus\");\n selectElRef.current?.dispatchEvent(event);\n }, []);\n\n const onClick = React.useCallback(() => {\n if (opened) {\n close();\n } else {\n open();\n }\n }, [close, open, opened]);\n\n const handleKeyUp = React.useMemo(\n () => debounce(resetKeyboardInput, 1000),\n [resetKeyboardInput]\n );\n\n const focusOption = React.useCallback(\n (type: \"next\" | \"prev\") => {\n let index = focusedOptionIndex;\n\n if (type === \"next\") {\n const nextIndex = findIndexAfter(options, index);\n index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n } else if (type === \"prev\") {\n const beforeIndex = findIndexBefore(options, index);\n index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n }\n\n focusOptionByIndex(index);\n },\n [focusOptionByIndex, focusedOptionIndex, options]\n );\n\n React.useEffect(() => {\n const value = props.value ?? nativeSelectValue ?? props.defaultValue;\n\n const options =\n searchable && inputValue !== undefined\n ? filter(optionsProp, inputValue, filterFn)\n : optionsProp;\n\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, value));\n }, [\n filterFn,\n inputValue,\n nativeSelectValue,\n optionsProp,\n props.defaultValue,\n props.value,\n searchable,\n ]);\n\n /**\n * Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n * выпадающему списку.\n */\n const onLabelClick = React.useCallback(\n (e: React.MouseEvent<HTMLLabelElement>) => {\n if (scrollBoxRef.current?.contains(e.target as Node)) {\n e.preventDefault();\n }\n },\n []\n );\n\n const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> =\n React.useCallback(\n (e) => {\n const newSelectedOptionIndex = findSelectedIndex(\n options,\n e.currentTarget.value\n );\n\n if (selectedOptionIndex !== newSelectedOptionIndex) {\n if (!isControlledOutside) {\n setSelectedOptionIndex(newSelectedOptionIndex);\n }\n onChange?.(e);\n }\n },\n [isControlledOutside, onChange, options, selectedOptionIndex]\n );\n\n const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> =\n React.useCallback(\n (event) => {\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n areOptionsShown() && focusOption(\"prev\");\n break;\n case \"ArrowDown\":\n areOptionsShown() && focusOption(\"next\");\n break;\n case \"Escape\":\n close();\n break;\n case \"Enter\":\n areOptionsShown() && selectFocused();\n break;\n }\n },\n [areOptionsShown, close, focusOption, selectFocused]\n );\n\n const onInputChange: React.ChangeEventHandler<HTMLInputElement> =\n React.useCallback(\n (e) => {\n if (onInputChangeProp) {\n const options = onInputChangeProp(e, optionsProp);\n if (options) {\n if (process.env.NODE_ENV === \"development\") {\n warn(\n \"Этот метод фильтрации устарел. Возвращаемое значение onInputChange будет \" +\n \"проигнорировано в v5.0.0. Для фильтрации обновляйте props.options самостоятельно или используйте свойство filterFn.\"\n );\n }\n setOptions(options);\n setSelectedOptionIndex(\n findSelectedIndex(options, nativeSelectValue)\n );\n }\n } else {\n const options = filter(optionsProp, e.target.value, filterFn);\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n }\n setInputValue(e.target.value);\n },\n [filterFn, nativeSelectValue, onInputChangeProp, optionsProp]\n );\n\n const handleKeyDownSelect = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key.length === 1 && event.key !== \" \") {\n onKeyboardInput(event.key);\n return;\n }\n\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n if (opened) {\n areOptionsShown() && focusOption(\"prev\");\n } else {\n open();\n }\n break;\n case \"ArrowDown\":\n if (opened) {\n areOptionsShown() && focusOption(\"next\");\n } else {\n open();\n }\n break;\n case \"Escape\":\n close();\n break;\n case \"Enter\":\n case \"Spacebar\":\n case \" \":\n if (opened) {\n areOptionsShown() && selectFocused();\n } else {\n open();\n }\n break;\n }\n },\n [\n areOptionsShown,\n close,\n focusOption,\n onKeyboardInput,\n open,\n opened,\n selectFocused,\n ]\n );\n\n const handleOptionClick = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n const index = Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n );\n const option = options[index];\n\n if (option && !option.disabled) {\n selectFocused();\n }\n },\n [options, selectFocused]\n );\n\n const handleOptionHover = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n focusOptionByIndex(\n Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n ),\n false\n );\n },\n [focusOptionByIndex]\n );\n\n const renderOption = React.useCallback(\n (option: CustomSelectOptionInterface, index: number) => {\n const hovered = index === focusedOptionIndex;\n const selected = index === selectedOptionIndex;\n\n return (\n <React.Fragment key={`${option.value}`}>\n {renderOptionProp({\n option,\n hovered,\n children: option.label,\n selected,\n disabled: option.disabled,\n onClick: handleOptionClick,\n onMouseDown: handleOptionDown,\n // Используем `onMouseOver` вместо `onMouseEnter`.\n // При параметре `searchable`, обновляется \"ребёнок\", из-за чего `onMouseEnter` не срабатывает в следующих кейсах:\n // 1. До загрузки выпадающего списка, курсор мышки находится над произвольным элементом этого списка.\n // > Лечение: только увод курсора мыши и возвращении его обратно вызывает событие `onMouseEnter` на этот элемент.\n // 2. Если это тач-устройство.\n // > Лечение: нужно нажать на какой-нибудь произвольный элемент списка, после чего `onMouseEnter` будет работать на соседние элементы,\n // но не на тот, на который нажали в первый раз.\n // Более подробно по ссылке https://github.com/facebook/react/issues/13956#issuecomment-1082055744\n onMouseOver: handleOptionHover,\n })}\n </React.Fragment>\n );\n },\n [\n focusedOptionIndex,\n handleOptionClick,\n handleOptionHover,\n renderOptionProp,\n selectedOptionIndex,\n ]\n );\n\n const resolvedContent = React.useMemo(() => {\n const defaultDropdownContent =\n options?.length > 0 ? (\n options.map(renderOption)\n ) : (\n <Caption vkuiClass=\"CustomSelect__empty\">{emptyText}</Caption>\n );\n\n if (typeof renderDropdown === \"function\") {\n return renderDropdown({ defaultDropdownContent });\n } else {\n return defaultDropdownContent;\n }\n }, [emptyText, options, renderDropdown, renderOption]);\n\n return (\n <label\n vkuiClass=\"CustomSelect\"\n className={className}\n style={style}\n ref={multiRef(containerRef, getRootRef)}\n onClick={onLabelClick}\n >\n {opened && searchable ? (\n <Input\n {...restProps}\n autoFocus\n onBlur={onBlur}\n vkuiClass={openedClassNames}\n value={inputValue}\n onKeyDown={onInputKeyDown}\n onChange={onInputChange}\n // TODO Ожидается, что клик поймает нативный select, но его перехватывает Input. К сожалению, это приводит к конфликтам типизации.\n // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n // @ts-ignore\n onClick={props.onClick}\n before={before}\n after={icon}\n placeholder={restProps.placeholder}\n mode={getFormFieldModeFromSelectType(selectType)}\n />\n ) : (\n <SelectMimicry\n {...restProps}\n aria-hidden={true}\n onClick={onClick}\n onKeyDown={handleKeyDownSelect}\n onKeyUp={handleKeyUp}\n onFocus={onFocus}\n onBlur={onBlur}\n vkuiClass={openedClassNames}\n after={icon}\n selectType={selectType}\n >\n {selected?.label}\n </SelectMimicry>\n )}\n <select\n ref={selectElRef}\n name={name}\n onChange={onNativeSelectChange}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onClick={props.onClick}\n value={nativeSelectValue}\n aria-hidden={true}\n vkuiClass=\"CustomSelect__control\"\n >\n {optionsProp.map((item) => (\n <option key={`${item.value}`} value={item.value} />\n ))}\n </select>\n {opened && (\n <CustomSelectDropdown\n targetRef={containerRef}\n placement={popupDirection}\n scrollBoxRef={scrollBoxRef}\n onPlacementChange={setPopperPlacement}\n onMouseLeave={resetFocusedOption}\n fetching={fetching}\n offsetDistance={dropdownOffsetDistance}\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n observableRefs={scrollBoxRef}\n >\n {resolvedContent}\n </CustomSelectDropdown>\n )}\n </label>\n );\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelect\n */\nexport const CustomSelect = withAdaptivity(CustomSelectComponent, {\n sizeY: true,\n});\n"],"file":"CustomSelect.js"}
1
+ {"version":3,"file":"CustomSelect.js","names":["React","SelectMimicry","debounce","multiRef","getTitleFromChildren","classNames","withAdaptivity","CustomSelectOption","Input","DropdownIcon","Caption","warnOnce","defaultFilterFn","getFormFieldModeFromSelectType","CustomSelectDropdown","SelectType","useIsomorphicLayoutEffect","findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","warn","checkOptionsValueType","Set","map","item","value","size","defaultRenderOptionFn","props","handleOptionDown","e","preventDefault","findSelectedIndex","Number","filter","inputValue","filterFn","defaultOptions","CustomSelectComponent","useState","opened","setOpened","before","name","className","getRef","getRootRef","popupDirection","sizeY","platform","style","onChange","children","onInputChangeProp","onInputChange","renderDropdown","onOpen","onClose","fetching","forceDropdownPortal","selectType","default","autoHideScrollbar","autoHideScrollbarDelay","searchable","renderOption","renderOptionProp","optionsProp","emptyText","icon","dropdownOffsetDistance","fixDropdownWidth","restProps","process","env","NODE_ENV","containerRef","useRef","scrollBoxRef","selectElRef","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","useEffect","event","Event","bubbles","current","dispatchEvent","selected","useMemo","openedClassNames","includes","resetKeyboardInput","useCallback","scrollToElement","index","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","isValidIndex","focusOptionByIndex","scrollTo","areOptionsShown","onKeyboardInput","key","fullInput","optionIndex","label","toLowerCase","close","selectFocused","open","onBlur","resetFocusedOption","onFocus","onClick","handleKeyUp","focusOption","type","nextIndex","beforeIndex","onLabelClick","contains","target","onNativeSelectChange","newSelectedOptionIndex","currentTarget","onInputKeyDown","handleKeyDownSelect","handleOptionClick","Array","prototype","indexOf","call","parentNode","handleOptionHover","hovered","onMouseDown","onMouseOver","resolvedContent","defaultDropdownContent","placeholder","CustomSelect"],"sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SelectMimicry } from \"../SelectMimicry/SelectMimicry\";\nimport { debounce, multiRef, getTitleFromChildren } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { NativeSelectProps } from \"../NativeSelect/NativeSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { FormFieldProps } from \"../FormField/FormField\";\nimport { HasPlatform } from \"../../types\";\nimport { Input } from \"../Input/Input\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n defaultFilterFn,\n getFormFieldModeFromSelectType,\n} from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { SelectType } from \"../Select/Select\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./CustomSelect.css\";\n\nconst findIndexAfter = (\n options: CustomSelectOptionInterface[] = [],\n startIndex = -1\n) => {\n if (startIndex >= options.length - 1) {\n return -1;\n }\n return options.findIndex((option, i) => i > startIndex && !option.disabled);\n};\n\nconst findIndexBefore = (\n options: CustomSelectOptionInterface[] = [],\n endIndex: number = options.length\n) => {\n let result = -1;\n if (endIndex <= 0) {\n return result;\n }\n for (let i = endIndex - 1; i >= 0; i--) {\n let option = options[i];\n\n if (!option.disabled) {\n result = i;\n break;\n }\n }\n return result;\n};\n\nconst warn = warnOnce(\"CustomSelect\");\n\nconst checkOptionsValueType = (options: CustomSelectOptionInterface[]) => {\n if (new Set(options.map((item) => typeof item.value)).size > 1) {\n warn(\n \"Некоторые значения ваших опций имеют разные типы. onChange всегда возвращает строковый тип.\",\n \"error\"\n );\n }\n};\n\nfunction defaultRenderOptionFn({\n option,\n ...props\n}: CustomSelectOptionProps): React.ReactNode {\n return <CustomSelectOption {...props} />;\n}\n\nconst handleOptionDown: MouseEventHandler = (\n e: React.MouseEvent<HTMLElement>\n) => {\n e.preventDefault();\n};\n\nfunction findSelectedIndex(\n options: CustomSelectOptionInterface[],\n value: SelectValue\n) {\n return (\n options.findIndex((item) => {\n value = typeof item.value === \"number\" ? Number(value) : value;\n return item.value === value;\n }) ?? -1\n );\n}\n\nconst filter = (\n options: CustomSelectProps[\"options\"],\n inputValue: string,\n filterFn: CustomSelectProps[\"filterFn\"]\n) => {\n return typeof filterFn === \"function\"\n ? options.filter((option) => filterFn(inputValue, option))\n : options;\n};\n\nconst defaultOptions: CustomSelectOptionInterface[] = [];\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n\nexport interface CustomSelectOptionInterface {\n value: SelectValue;\n label: React.ReactElement | string;\n disabled?: boolean;\n [index: string]: any;\n}\n\nexport interface CustomSelectProps\n extends NativeSelectProps,\n HasPlatform,\n FormFieldProps,\n TrackerOptionsProps {\n /**\n * Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n * производится по `option.label`.\n */\n searchable?: boolean;\n /**\n * Текст, который будет отображен, если приходит пустой `options`.\n */\n emptyText?: string;\n onInputChange?: (\n e: React.ChangeEvent,\n options: CustomSelectOptionInterface[]\n ) => void | CustomSelectOptionInterface[];\n options: CustomSelectOptionInterface[];\n /**\n * Функция для кастомной фильтрации. По умолчанию поиск производится по `option.label`.\n */\n filterFn?:\n | false\n | ((\n value: string,\n option: CustomSelectOptionInterface,\n getOptionLabel?: (\n option: Partial<CustomSelectOptionInterface>\n ) => string\n ) => boolean);\n popupDirection?: \"top\" | \"bottom\";\n /**\n * Рендер-проп для кастомного рендера опции.\n * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props)\n */\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /**\n * Рендер-проп для кастомного рендера содержимого дропдауна.\n * В `defaultDropdownContent` содержится список опций в виде скроллящегося блока.\n */\n renderDropdown?: ({\n defaultDropdownContent,\n }: {\n defaultDropdownContent: React.ReactNode;\n }) => React.ReactNode;\n /**\n * Если `true`, то в дропдауне вместо списка опций рисуется спиннер. При переданных `renderDropdown` и `fetching: true`\n * \"победит\" `renderDropdown`.\n */\n fetching?: boolean;\n onClose?: VoidFunction;\n onOpen?: VoidFunction;\n icon?: React.ReactNode;\n dropdownOffsetDistance?: number;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n selectType?: keyof typeof SelectType;\n}\n\ntype MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;\n\nfunction CustomSelectComponent(props: CustomSelectProps) {\n const [opened, setOpened] = React.useState(false);\n const {\n before,\n name,\n className,\n getRef,\n getRootRef,\n popupDirection,\n sizeY,\n platform,\n style,\n onChange,\n children,\n onInputChange: onInputChangeProp,\n renderDropdown,\n onOpen,\n onClose,\n fetching,\n forceDropdownPortal,\n selectType = SelectType.default,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n searchable = false,\n renderOption: renderOptionProp = defaultRenderOptionFn,\n options: optionsProp = defaultOptions,\n emptyText = \"Ничего не найдено\",\n filterFn = defaultFilterFn,\n icon = <DropdownIcon opened={opened} />,\n dropdownOffsetDistance = 0,\n fixDropdownWidth = true,\n ...restProps\n } = props;\n\n if (process.env.NODE_ENV === \"development\") {\n checkOptionsValueType(optionsProp);\n }\n\n const containerRef = React.useRef<HTMLLabelElement>(null);\n const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n const selectElRef = React.useRef<HTMLSelectElement>(null);\n\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n number | undefined\n >(-1);\n const [isControlledOutside, setIsControlledOutside] = React.useState(\n props.value !== undefined\n );\n const [inputValue, setInputValue] = React.useState(\"\");\n const [nativeSelectValue, setNativeSelectValue] = React.useState(\n props.value ?? props.defaultValue\n );\n const [keyboardInput, setKeyboardInput] = React.useState(\"\");\n const [popperPlacement, setPopperPlacement] = React.useState<\n Placement | undefined\n >(undefined);\n const [options, setOptions] = React.useState(optionsProp);\n const [selectedOptionIndex, setSelectedOptionIndex] = React.useState<\n number | undefined\n >(findSelectedIndex(optionsProp, props.value ?? props.defaultValue));\n\n React.useEffect(() => {\n setIsControlledOutside(props.value !== undefined);\n setNativeSelectValue(\n (nativeSelectValue) => props.value ?? nativeSelectValue\n );\n }, [props.value]);\n\n useIsomorphicLayoutEffect(() => {\n if (nativeSelectValue !== undefined) {\n const event = new Event(\"change\", { bubbles: true });\n\n selectElRef.current?.dispatchEvent(event);\n }\n }, [nativeSelectValue]);\n\n const selected = React.useMemo(() => {\n if (!options.length) {\n return null;\n }\n\n return selectedOptionIndex !== undefined\n ? options[selectedOptionIndex]\n : undefined;\n }, [options, selectedOptionIndex]);\n\n const openedClassNames = React.useMemo(\n () =>\n classNames(\n opened && \"Select--open\",\n opened &&\n dropdownOffsetDistance === 0 &&\n (popperPlacement?.includes(\"top\")\n ? \"Select--pop-up\"\n : \"Select--pop-down\")\n ),\n [dropdownOffsetDistance, opened, popperPlacement]\n );\n\n const resetKeyboardInput = React.useCallback(() => {\n setKeyboardInput(\"\");\n }, []);\n\n const scrollToElement = React.useCallback((index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = dropdown ? (dropdown.children[index] as HTMLElement) : null;\n\n if (!item || !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n }, []);\n\n const isValidIndex = React.useCallback(\n (index: number) => {\n return index >= 0 && index < (options.length ?? 0);\n },\n [options.length]\n );\n\n const focusOptionByIndex = React.useCallback(\n (index: number | undefined, scrollTo = true) => {\n if (\n index === undefined ||\n index < 0 ||\n index > (options.length ?? 0) - 1\n ) {\n return;\n }\n\n const option = options[index];\n\n if (option?.disabled) {\n return;\n }\n\n if (scrollTo) {\n scrollToElement(index);\n }\n\n // Это оптимизация, прежде всего, под `onMouseOver`\n setFocusedOptionIndex((focusedOptionIndex) =>\n focusedOptionIndex !== index ? index : focusedOptionIndex\n );\n },\n [options, scrollToElement]\n );\n\n const areOptionsShown = React.useCallback(() => {\n return scrollBoxRef.current !== null;\n }, []);\n\n const onKeyboardInput = React.useCallback(\n (key: string) => {\n const fullInput = keyboardInput + key;\n\n const optionIndex = options.findIndex((option) => {\n return getTitleFromChildren(option.label)\n .toLowerCase()\n .includes(fullInput);\n });\n\n if (optionIndex !== undefined && optionIndex > -1) {\n focusOptionByIndex(optionIndex);\n }\n\n setKeyboardInput(fullInput);\n },\n [focusOptionByIndex, keyboardInput, options]\n );\n\n const close = React.useCallback(() => {\n resetKeyboardInput();\n\n setInputValue(\"\");\n setOpened(false);\n setFocusedOptionIndex(-1);\n setOptions(optionsProp);\n onClose?.();\n }, [onClose, optionsProp, resetKeyboardInput]);\n\n const selectFocused = React.useCallback(() => {\n if (focusedOptionIndex !== undefined && isValidIndex(focusedOptionIndex)) {\n const item = options[focusedOptionIndex];\n\n setNativeSelectValue(item?.value);\n close();\n }\n }, [close, focusedOptionIndex, isValidIndex, options]);\n\n const open = React.useCallback(() => {\n setOpened(true);\n setFocusedOptionIndex(selectedOptionIndex);\n\n if (typeof onOpen === \"function\") {\n onOpen();\n }\n }, [onOpen, selectedOptionIndex]);\n\n React.useEffect(() => {\n if (\n opened &&\n selectedOptionIndex !== undefined &&\n isValidIndex(selectedOptionIndex)\n ) {\n scrollToElement(selectedOptionIndex, true);\n }\n }, [isValidIndex, opened, scrollToElement, selectedOptionIndex]);\n\n const onBlur = React.useCallback(() => {\n close();\n const event = new Event(\"blur\");\n selectElRef.current?.dispatchEvent(event);\n }, [close]);\n\n const resetFocusedOption = React.useCallback(() => {\n setFocusedOptionIndex(-1);\n }, []);\n\n const onFocus = React.useCallback(() => {\n const event = new Event(\"focus\");\n selectElRef.current?.dispatchEvent(event);\n }, []);\n\n const onClick = React.useCallback(() => {\n if (opened) {\n close();\n } else {\n open();\n }\n }, [close, open, opened]);\n\n const handleKeyUp = React.useMemo(\n () => debounce(resetKeyboardInput, 1000),\n [resetKeyboardInput]\n );\n\n const focusOption = React.useCallback(\n (type: \"next\" | \"prev\") => {\n let index = focusedOptionIndex;\n\n if (type === \"next\") {\n const nextIndex = findIndexAfter(options, index);\n index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n } else if (type === \"prev\") {\n const beforeIndex = findIndexBefore(options, index);\n index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n }\n\n focusOptionByIndex(index);\n },\n [focusOptionByIndex, focusedOptionIndex, options]\n );\n\n React.useEffect(() => {\n const value = props.value ?? nativeSelectValue ?? props.defaultValue;\n\n const options =\n searchable && inputValue !== undefined\n ? filter(optionsProp, inputValue, filterFn)\n : optionsProp;\n\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, value));\n }, [\n filterFn,\n inputValue,\n nativeSelectValue,\n optionsProp,\n props.defaultValue,\n props.value,\n searchable,\n ]);\n\n /**\n * Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n * выпадающему списку.\n */\n const onLabelClick = React.useCallback(\n (e: React.MouseEvent<HTMLLabelElement>) => {\n if (scrollBoxRef.current?.contains(e.target as Node)) {\n e.preventDefault();\n }\n },\n []\n );\n\n const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> =\n React.useCallback(\n (e) => {\n const newSelectedOptionIndex = findSelectedIndex(\n options,\n e.currentTarget.value\n );\n\n if (selectedOptionIndex !== newSelectedOptionIndex) {\n if (!isControlledOutside) {\n setSelectedOptionIndex(newSelectedOptionIndex);\n }\n onChange?.(e);\n }\n },\n [isControlledOutside, onChange, options, selectedOptionIndex]\n );\n\n const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> =\n React.useCallback(\n (event) => {\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n areOptionsShown() && focusOption(\"prev\");\n break;\n case \"ArrowDown\":\n areOptionsShown() && focusOption(\"next\");\n break;\n case \"Escape\":\n close();\n break;\n case \"Enter\":\n areOptionsShown() && selectFocused();\n break;\n }\n },\n [areOptionsShown, close, focusOption, selectFocused]\n );\n\n const onInputChange: React.ChangeEventHandler<HTMLInputElement> =\n React.useCallback(\n (e) => {\n if (onInputChangeProp) {\n const options = onInputChangeProp(e, optionsProp);\n if (options) {\n if (process.env.NODE_ENV === \"development\") {\n warn(\n \"Этот метод фильтрации устарел. Возвращаемое значение onInputChange будет \" +\n \"проигнорировано в v5.0.0. Для фильтрации обновляйте props.options самостоятельно или используйте свойство filterFn.\"\n );\n }\n setOptions(options);\n setSelectedOptionIndex(\n findSelectedIndex(options, nativeSelectValue)\n );\n }\n } else {\n const options = filter(optionsProp, e.target.value, filterFn);\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n }\n setInputValue(e.target.value);\n },\n [filterFn, nativeSelectValue, onInputChangeProp, optionsProp]\n );\n\n const handleKeyDownSelect = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key.length === 1 && event.key !== \" \") {\n onKeyboardInput(event.key);\n return;\n }\n\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n if (opened) {\n areOptionsShown() && focusOption(\"prev\");\n } else {\n open();\n }\n break;\n case \"ArrowDown\":\n if (opened) {\n areOptionsShown() && focusOption(\"next\");\n } else {\n open();\n }\n break;\n case \"Escape\":\n close();\n break;\n case \"Enter\":\n case \"Spacebar\":\n case \" \":\n if (opened) {\n areOptionsShown() && selectFocused();\n } else {\n open();\n }\n break;\n }\n },\n [\n areOptionsShown,\n close,\n focusOption,\n onKeyboardInput,\n open,\n opened,\n selectFocused,\n ]\n );\n\n const handleOptionClick = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n const index = Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n );\n const option = options[index];\n\n if (option && !option.disabled) {\n selectFocused();\n }\n },\n [options, selectFocused]\n );\n\n const handleOptionHover = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n focusOptionByIndex(\n Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n ),\n false\n );\n },\n [focusOptionByIndex]\n );\n\n const renderOption = React.useCallback(\n (option: CustomSelectOptionInterface, index: number) => {\n const hovered = index === focusedOptionIndex;\n const selected = index === selectedOptionIndex;\n\n return (\n <React.Fragment key={`${option.value}`}>\n {renderOptionProp({\n option,\n hovered,\n children: option.label,\n selected,\n disabled: option.disabled,\n onClick: handleOptionClick,\n onMouseDown: handleOptionDown,\n // Используем `onMouseOver` вместо `onMouseEnter`.\n // При параметре `searchable`, обновляется \"ребёнок\", из-за чего `onMouseEnter` не срабатывает в следующих кейсах:\n // 1. До загрузки выпадающего списка, курсор мышки находится над произвольным элементом этого списка.\n // > Лечение: только увод курсора мыши и возвращении его обратно вызывает событие `onMouseEnter` на этот элемент.\n // 2. Если это тач-устройство.\n // > Лечение: нужно нажать на какой-нибудь произвольный элемент списка, после чего `onMouseEnter` будет работать на соседние элементы,\n // но не на тот, на который нажали в первый раз.\n // Более подробно по ссылке https://github.com/facebook/react/issues/13956#issuecomment-1082055744\n onMouseOver: handleOptionHover,\n })}\n </React.Fragment>\n );\n },\n [\n focusedOptionIndex,\n handleOptionClick,\n handleOptionHover,\n renderOptionProp,\n selectedOptionIndex,\n ]\n );\n\n const resolvedContent = React.useMemo(() => {\n const defaultDropdownContent =\n options?.length > 0 ? (\n options.map(renderOption)\n ) : (\n <Caption vkuiClass=\"CustomSelect__empty\">{emptyText}</Caption>\n );\n\n if (typeof renderDropdown === \"function\") {\n return renderDropdown({ defaultDropdownContent });\n } else {\n return defaultDropdownContent;\n }\n }, [emptyText, options, renderDropdown, renderOption]);\n\n return (\n <label\n vkuiClass=\"CustomSelect\"\n className={className}\n style={style}\n ref={multiRef(containerRef, getRootRef)}\n onClick={onLabelClick}\n >\n {opened && searchable ? (\n <Input\n {...restProps}\n autoFocus\n onBlur={onBlur}\n vkuiClass={openedClassNames}\n value={inputValue}\n onKeyDown={onInputKeyDown}\n onChange={onInputChange}\n // TODO Ожидается, что клик поймает нативный select, но его перехватывает Input. К сожалению, это приводит к конфликтам типизации.\n // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n // @ts-ignore\n onClick={props.onClick}\n before={before}\n after={icon}\n placeholder={restProps.placeholder}\n mode={getFormFieldModeFromSelectType(selectType)}\n />\n ) : (\n <SelectMimicry\n {...restProps}\n aria-hidden={true}\n onClick={onClick}\n onKeyDown={handleKeyDownSelect}\n onKeyUp={handleKeyUp}\n onFocus={onFocus}\n onBlur={onBlur}\n vkuiClass={openedClassNames}\n after={icon}\n selectType={selectType}\n >\n {selected?.label}\n </SelectMimicry>\n )}\n <select\n ref={selectElRef}\n name={name}\n onChange={onNativeSelectChange}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onClick={props.onClick}\n value={nativeSelectValue}\n aria-hidden={true}\n vkuiClass=\"CustomSelect__control\"\n >\n {optionsProp.map((item) => (\n <option key={`${item.value}`} value={item.value} />\n ))}\n </select>\n {opened && (\n <CustomSelectDropdown\n targetRef={containerRef}\n placement={popupDirection}\n scrollBoxRef={scrollBoxRef}\n onPlacementChange={setPopperPlacement}\n onMouseLeave={resetFocusedOption}\n fetching={fetching}\n offsetDistance={dropdownOffsetDistance}\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n observableRefs={scrollBoxRef}\n >\n {resolvedContent}\n </CustomSelectDropdown>\n )}\n </label>\n );\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelect\n */\nexport const CustomSelect = withAdaptivity(CustomSelectComponent, {\n sizeY: true,\n});\n"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,oBAA7B;AACA,SAASC,UAAT;AAEA,SAASC,cAAT;AACA,SACEC,kBADF;AAMA,SAASC,KAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SACEC,eADF,EAEEC,8BAFF;AAKA,SAASC,oBAAT;AAEA,SAASC,UAAT;AACA,SAASC,yBAAT;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAGlB;EAAA,IAFHC,OAEG,uEAFsC,EAEtC;EAAA,IADHC,UACG,uEADU,CAAC,CACX;;EACH,IAAIA,UAAU,IAAID,OAAO,CAACE,MAAR,GAAiB,CAAnC,EAAsC;IACpC,OAAO,CAAC,CAAR;EACD;;EACD,OAAOF,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD,EAASC,CAAT;IAAA,OAAeA,CAAC,GAAGJ,UAAJ,IAAkB,CAACG,MAAM,CAACE,QAAzC;EAAA,CAAlB,CAAP;AACD,CARD;;AAUA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAGnB;EAAA,IAFHP,OAEG,uEAFsC,EAEtC;EAAA,IADHQ,QACG,uEADgBR,OAAO,CAACE,MACxB;EACH,IAAIO,MAAM,GAAG,CAAC,CAAd;;EACA,IAAID,QAAQ,IAAI,CAAhB,EAAmB;IACjB,OAAOC,MAAP;EACD;;EACD,KAAK,IAAIJ,CAAC,GAAGG,QAAQ,GAAG,CAAxB,EAA2BH,CAAC,IAAI,CAAhC,EAAmCA,CAAC,EAApC,EAAwC;IACtC,IAAID,OAAM,GAAGJ,OAAO,CAACK,CAAD,CAApB;;IAEA,IAAI,CAACD,OAAM,CAACE,QAAZ,EAAsB;MACpBG,MAAM,GAAGJ,CAAT;MACA;IACD;EACF;;EACD,OAAOI,MAAP;AACD,CAjBD;;AAmBA,IAAMC,IAAI,GAAGjB,QAAQ,CAAC,cAAD,CAArB;;AAEA,IAAMkB,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACX,OAAD,EAA4C;EACxE,IAAI,IAAIY,GAAJ,CAAQZ,OAAO,CAACa,GAAR,CAAY,UAACC,IAAD;IAAA,eAAiBA,IAAI,CAACC,KAAtB;EAAA,CAAZ,CAAR,EAAkDC,IAAlD,GAAyD,CAA7D,EAAgE;IAC9DN,IAAI,CACF,6FADE,EAEF,OAFE,CAAJ;EAID;AACF,CAPD;;AASA,SAASO,qBAAT,OAG6C;EAAA,IAF3Cb,MAE2C,QAF3CA,MAE2C;EAAA,IADxCc,KACwC;;EAC3C,OAAO,oBAAC,kBAAD,EAAwBA,KAAxB,CAAP;AACD;;AAED,IAAMC,gBAAmC,GAAG,SAAtCA,gBAAsC,CAC1CC,CAD0C,EAEvC;EACHA,CAAC,CAACC,cAAF;AACD,CAJD;;AAMA,SAASC,iBAAT,CACEtB,OADF,EAEEe,KAFF,EAGE;EAAA;;EACA,6BACEf,OAAO,CAACG,SAAR,CAAkB,UAACW,IAAD,EAAU;IAC1BC,KAAK,GAAG,OAAOD,IAAI,CAACC,KAAZ,KAAsB,QAAtB,GAAiCQ,MAAM,CAACR,KAAD,CAAvC,GAAiDA,KAAzD;IACA,OAAOD,IAAI,CAACC,KAAL,KAAeA,KAAtB;EACD,CAHD,CADF,mEAIQ,CAAC,CAJT;AAMD;;AAED,IAAMS,MAAM,GAAG,SAATA,MAAS,CACbxB,OADa,EAEbyB,UAFa,EAGbC,QAHa,EAIV;EACH,OAAO,OAAOA,QAAP,KAAoB,UAApB,GACH1B,OAAO,CAACwB,MAAR,CAAe,UAACpB,MAAD;IAAA,OAAYsB,QAAQ,CAACD,UAAD,EAAarB,MAAb,CAApB;EAAA,CAAf,CADG,GAEHJ,OAFJ;AAGD,CARD;;AAUA,IAAM2B,cAA6C,GAAG,EAAtD;;AAyEA,SAASC,qBAAT,CAA+BV,KAA/B,EAAyD;EAAA;;EACvD,sBAA4BpC,KAAK,CAAC+C,QAAN,CAAe,KAAf,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,IACEC,MADF,GA8BId,KA9BJ,CACEc,MADF;EAAA,IAEEC,IAFF,GA8BIf,KA9BJ,CAEEe,IAFF;EAAA,IAGEC,SAHF,GA8BIhB,KA9BJ,CAGEgB,SAHF;EAAA,IAIEC,MAJF,GA8BIjB,KA9BJ,CAIEiB,MAJF;EAAA,IAKEC,UALF,GA8BIlB,KA9BJ,CAKEkB,UALF;EAAA,IAMEC,cANF,GA8BInB,KA9BJ,CAMEmB,cANF;EAAA,IAOEC,KAPF,GA8BIpB,KA9BJ,CAOEoB,KAPF;EAAA,IAQEC,QARF,GA8BIrB,KA9BJ,CAQEqB,QARF;EAAA,IASEC,KATF,GA8BItB,KA9BJ,CASEsB,KATF;EAAA,IAUEC,QAVF,GA8BIvB,KA9BJ,CAUEuB,QAVF;EAAA,IAWEC,QAXF,GA8BIxB,KA9BJ,CAWEwB,QAXF;EAAA,IAYiBC,iBAZjB,GA8BIzB,KA9BJ,CAYE0B,aAZF;EAAA,IAaEC,cAbF,GA8BI3B,KA9BJ,CAaE2B,cAbF;EAAA,IAcEC,MAdF,GA8BI5B,KA9BJ,CAcE4B,MAdF;EAAA,IAeEC,OAfF,GA8BI7B,KA9BJ,CAeE6B,OAfF;EAAA,IAgBEC,QAhBF,GA8BI9B,KA9BJ,CAgBE8B,QAhBF;EAAA,IAiBEC,mBAjBF,GA8BI/B,KA9BJ,CAiBE+B,mBAjBF;EAAA,wBA8BI/B,KA9BJ,CAkBEgC,UAlBF;EAAA,IAkBEA,UAlBF,kCAkBerD,UAAU,CAACsD,OAlB1B;EAAA,IAmBEC,iBAnBF,GA8BIlC,KA9BJ,CAmBEkC,iBAnBF;EAAA,IAoBEC,sBApBF,GA8BInC,KA9BJ,CAoBEmC,sBApBF;EAAA,wBA8BInC,KA9BJ,CAqBEoC,UArBF;EAAA,IAqBEA,UArBF,kCAqBe,KArBf;EAAA,0BA8BIpC,KA9BJ,CAsBEqC,YAtBF;EAAA,IAsBgBC,gBAtBhB,oCAsBmCvC,qBAtBnC;EAAA,qBA8BIC,KA9BJ,CAuBElB,OAvBF;EAAA,IAuBWyD,WAvBX,+BAuByB9B,cAvBzB;EAAA,uBA8BIT,KA9BJ,CAwBEwC,SAxBF;EAAA,IAwBEA,SAxBF,iCAwBc,mBAxBd;EAAA,sBA8BIxC,KA9BJ,CAyBEQ,QAzBF;EAAA,IAyBEA,QAzBF,gCAyBahC,eAzBb;EAAA,kBA8BIwB,KA9BJ,CA0BEyC,IA1BF;EAAA,IA0BEA,IA1BF,4BA0BS,oBAAC,YAAD;IAAc,MAAM,EAAE7B;EAAtB,EA1BT;EAAA,4BA8BIZ,KA9BJ,CA2BE0C,sBA3BF;EAAA,IA2BEA,sBA3BF,sCA2B2B,CA3B3B;EAAA,4BA8BI1C,KA9BJ,CA4BE2C,gBA5BF;EAAA,IA4BEA,gBA5BF,sCA4BqB,IA5BrB;EAAA,IA6BKC,SA7BL,4BA8BI5C,KA9BJ;;EAgCA,IAAI6C,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1CtD,qBAAqB,CAAC8C,WAAD,CAArB;EACD;;EAED,IAAMS,YAAY,GAAGpF,KAAK,CAACqF,MAAN,CAA+B,IAA/B,CAArB;EACA,IAAMC,YAAY,GAAGtF,KAAK,CAACqF,MAAN,CAA6B,IAA7B,CAArB;EACA,IAAME,WAAW,GAAGvF,KAAK,CAACqF,MAAN,CAAgC,IAAhC,CAApB;;EAEA,uBAAoDrF,KAAK,CAAC+C,QAAN,CAElD,CAAC,CAFiD,CAApD;EAAA;EAAA,IAAOyC,kBAAP;EAAA,IAA2BC,qBAA3B;;EAGA,uBAAsDzF,KAAK,CAAC+C,QAAN,CACpDX,KAAK,CAACH,KAAN,KAAgByD,SADoC,CAAtD;EAAA;EAAA,IAAOC,mBAAP;EAAA,IAA4BC,sBAA5B;;EAGA,uBAAoC5F,KAAK,CAAC+C,QAAN,CAAe,EAAf,CAApC;EAAA;EAAA,IAAOJ,UAAP;EAAA,IAAmBkD,aAAnB;;EACA,uBAAkD7F,KAAK,CAAC+C,QAAN,iBAChDX,KAAK,CAACH,KAD0C,uDACjCG,KAAK,CAAC0D,YAD2B,CAAlD;EAAA;EAAA,IAAOC,iBAAP;EAAA,IAA0BC,oBAA1B;;EAGA,wBAA0ChG,KAAK,CAAC+C,QAAN,CAAe,EAAf,CAA1C;EAAA;EAAA,IAAOkD,aAAP;EAAA,IAAsBC,gBAAtB;;EACA,wBAA8ClG,KAAK,CAAC+C,QAAN,CAE5C2C,SAF4C,CAA9C;EAAA;EAAA,IAAOS,eAAP;EAAA,IAAwBC,kBAAxB;;EAGA,wBAA8BpG,KAAK,CAAC+C,QAAN,CAAe4B,WAAf,CAA9B;EAAA;EAAA,IAAOzD,OAAP;EAAA,IAAgBmF,UAAhB;;EACA,wBAAsDrG,KAAK,CAAC+C,QAAN,CAEpDP,iBAAiB,CAACmC,WAAD,mBAAcvC,KAAK,CAACH,KAApB,yDAA6BG,KAAK,CAAC0D,YAAnC,CAFmC,CAAtD;EAAA;EAAA,IAAOQ,mBAAP;EAAA,IAA4BC,sBAA5B;;EAIAvG,KAAK,CAACwG,SAAN,CAAgB,YAAM;IACpBZ,sBAAsB,CAACxD,KAAK,CAACH,KAAN,KAAgByD,SAAjB,CAAtB;IACAM,oBAAoB,CAClB,UAACD,iBAAD;MAAA;;MAAA,wBAAuB3D,KAAK,CAACH,KAA7B,yDAAsC8D,iBAAtC;IAAA,CADkB,CAApB;EAGD,CALD,EAKG,CAAC3D,KAAK,CAACH,KAAP,CALH;EAOAjB,yBAAyB,CAAC,YAAM;IAC9B,IAAI+E,iBAAiB,KAAKL,SAA1B,EAAqC;MAAA;;MACnC,IAAMe,MAAK,GAAG,IAAIC,KAAJ,CAAU,QAAV,EAAoB;QAAEC,OAAO,EAAE;MAAX,CAApB,CAAd;;MAEA,wBAAApB,WAAW,CAACqB,OAAZ,8EAAqBC,aAArB,CAAmCJ,MAAnC;IACD;EACF,CANwB,EAMtB,CAACV,iBAAD,CANsB,CAAzB;EAQA,IAAMe,QAAQ,GAAG9G,KAAK,CAAC+G,OAAN,CAAc,YAAM;IACnC,IAAI,CAAC7F,OAAO,CAACE,MAAb,EAAqB;MACnB,OAAO,IAAP;IACD;;IAED,OAAOkF,mBAAmB,KAAKZ,SAAxB,GACHxE,OAAO,CAACoF,mBAAD,CADJ,GAEHZ,SAFJ;EAGD,CARgB,EAQd,CAACxE,OAAD,EAAUoF,mBAAV,CARc,CAAjB;EAUA,IAAMU,gBAAgB,GAAGhH,KAAK,CAAC+G,OAAN,CACvB;IAAA,OACE1G,UAAU,CACR2C,MAAM,IAAI,cADF,EAERA,MAAM,IACJ8B,sBAAsB,KAAK,CAD7B,KAEGqB,eAAe,SAAf,IAAAA,eAAe,WAAf,IAAAA,eAAe,CAAEc,QAAjB,CAA0B,KAA1B,IACG,gBADH,GAEG,kBAJN,CAFQ,CADZ;EAAA,CADuB,EAUvB,CAACnC,sBAAD,EAAyB9B,MAAzB,EAAiCmD,eAAjC,CAVuB,CAAzB;EAaA,IAAMe,kBAAkB,GAAGlH,KAAK,CAACmH,WAAN,CAAkB,YAAM;IACjDjB,gBAAgB,CAAC,EAAD,CAAhB;EACD,CAF0B,EAExB,EAFwB,CAA3B;EAIA,IAAMkB,eAAe,GAAGpH,KAAK,CAACmH,WAAN,CAAkB,UAACE,KAAD,EAAmC;IAAA,IAAnBC,MAAmB,uEAAV,KAAU;IAC3E,IAAMC,QAAQ,GAAGjC,YAAY,CAACsB,OAA9B;IACA,IAAM5E,IAAI,GAAGuF,QAAQ,GAAIA,QAAQ,CAAC3D,QAAT,CAAkByD,KAAlB,CAAJ,GAA+C,IAApE;;IAEA,IAAI,CAACrF,IAAD,IAAS,CAACuF,QAAd,EAAwB;MACtB;IACD;;IAED,IAAMC,cAAc,GAAGD,QAAQ,CAACE,YAAhC;IACA,IAAMC,SAAS,GAAGH,QAAQ,CAACG,SAA3B;IACA,IAAMC,OAAO,GAAG3F,IAAI,CAAC4F,SAArB;IACA,IAAMC,UAAU,GAAG7F,IAAI,CAACyF,YAAxB;;IAEA,IAAIH,MAAJ,EAAY;MACVC,QAAQ,CAACG,SAAT,GAAqBC,OAAO,GAAGH,cAAc,GAAG,CAA3B,GAA+BK,UAAU,GAAG,CAAjE;IACD,CAFD,MAEO,IAAIF,OAAO,GAAGE,UAAV,GAAuBL,cAAc,GAAGE,SAA5C,EAAuD;MAC5DH,QAAQ,CAACG,SAAT,GAAqBC,OAAO,GAAGH,cAAV,GAA2BK,UAAhD;IACD,CAFM,MAEA,IAAIF,OAAO,GAAGD,SAAd,EAAyB;MAC9BH,QAAQ,CAACG,SAAT,GAAqBC,OAArB;IACD;EACF,CApBuB,EAoBrB,EApBqB,CAAxB;EAsBA,IAAMG,YAAY,GAAG9H,KAAK,CAACmH,WAAN,CACnB,UAACE,KAAD,EAAmB;IAAA;;IACjB,OAAOA,KAAK,IAAI,CAAT,IAAcA,KAAK,uBAAInG,OAAO,CAACE,MAAZ,6DAAsB,CAAtB,CAA1B;EACD,CAHkB,EAInB,CAACF,OAAO,CAACE,MAAT,CAJmB,CAArB;EAOA,IAAM2G,kBAAkB,GAAG/H,KAAK,CAACmH,WAAN,CACzB,UAACE,KAAD,EAAgD;IAAA;;IAAA,IAApBW,QAAoB,uEAAT,IAAS;;IAC9C,IACEX,KAAK,KAAK3B,SAAV,IACA2B,KAAK,GAAG,CADR,IAEAA,KAAK,GAAG,qBAACnG,OAAO,CAACE,MAAT,+DAAmB,CAAnB,IAAwB,CAHlC,EAIE;MACA;IACD;;IAED,IAAME,MAAM,GAAGJ,OAAO,CAACmG,KAAD,CAAtB;;IAEA,IAAI/F,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,QAAZ,EAAsB;MACpB;IACD;;IAED,IAAIwG,QAAJ,EAAc;MACZZ,eAAe,CAACC,KAAD,CAAf;IACD,CAjB6C,CAmB9C;;;IACA5B,qBAAqB,CAAC,UAACD,kBAAD;MAAA,OACpBA,kBAAkB,KAAK6B,KAAvB,GAA+BA,KAA/B,GAAuC7B,kBADnB;IAAA,CAAD,CAArB;EAGD,CAxBwB,EAyBzB,CAACtE,OAAD,EAAUkG,eAAV,CAzByB,CAA3B;EA4BA,IAAMa,eAAe,GAAGjI,KAAK,CAACmH,WAAN,CAAkB,YAAM;IAC9C,OAAO7B,YAAY,CAACsB,OAAb,KAAyB,IAAhC;EACD,CAFuB,EAErB,EAFqB,CAAxB;EAIA,IAAMsB,eAAe,GAAGlI,KAAK,CAACmH,WAAN,CACtB,UAACgB,GAAD,EAAiB;IACf,IAAMC,SAAS,GAAGnC,aAAa,GAAGkC,GAAlC;IAEA,IAAME,WAAW,GAAGnH,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD,EAAY;MAChD,OAAOlB,oBAAoB,CAACkB,MAAM,CAACgH,KAAR,CAApB,CACJC,WADI,GAEJtB,QAFI,CAEKmB,SAFL,CAAP;IAGD,CAJmB,CAApB;;IAMA,IAAIC,WAAW,KAAK3C,SAAhB,IAA6B2C,WAAW,GAAG,CAAC,CAAhD,EAAmD;MACjDN,kBAAkB,CAACM,WAAD,CAAlB;IACD;;IAEDnC,gBAAgB,CAACkC,SAAD,CAAhB;EACD,CAfqB,EAgBtB,CAACL,kBAAD,EAAqB9B,aAArB,EAAoC/E,OAApC,CAhBsB,CAAxB;EAmBA,IAAMsH,KAAK,GAAGxI,KAAK,CAACmH,WAAN,CAAkB,YAAM;IACpCD,kBAAkB;IAElBrB,aAAa,CAAC,EAAD,CAAb;IACA5C,SAAS,CAAC,KAAD,CAAT;IACAwC,qBAAqB,CAAC,CAAC,CAAF,CAArB;IACAY,UAAU,CAAC1B,WAAD,CAAV;IACAV,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;EACR,CARa,EAQX,CAACA,OAAD,EAAUU,WAAV,EAAuBuC,kBAAvB,CARW,CAAd;EAUA,IAAMuB,aAAa,GAAGzI,KAAK,CAACmH,WAAN,CAAkB,YAAM;IAC5C,IAAI3B,kBAAkB,KAAKE,SAAvB,IAAoCoC,YAAY,CAACtC,kBAAD,CAApD,EAA0E;MACxE,IAAMxD,IAAI,GAAGd,OAAO,CAACsE,kBAAD,CAApB;MAEAQ,oBAAoB,CAAChE,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEC,KAAP,CAApB;MACAuG,KAAK;IACN;EACF,CAPqB,EAOnB,CAACA,KAAD,EAAQhD,kBAAR,EAA4BsC,YAA5B,EAA0C5G,OAA1C,CAPmB,CAAtB;EASA,IAAMwH,IAAI,GAAG1I,KAAK,CAACmH,WAAN,CAAkB,YAAM;IACnClE,SAAS,CAAC,IAAD,CAAT;IACAwC,qBAAqB,CAACa,mBAAD,CAArB;;IAEA,IAAI,OAAOtC,MAAP,KAAkB,UAAtB,EAAkC;MAChCA,MAAM;IACP;EACF,CAPY,EAOV,CAACA,MAAD,EAASsC,mBAAT,CAPU,CAAb;EASAtG,KAAK,CAACwG,SAAN,CAAgB,YAAM;IACpB,IACExD,MAAM,IACNsD,mBAAmB,KAAKZ,SADxB,IAEAoC,YAAY,CAACxB,mBAAD,CAHd,EAIE;MACAc,eAAe,CAACd,mBAAD,EAAsB,IAAtB,CAAf;IACD;EACF,CARD,EAQG,CAACwB,YAAD,EAAe9E,MAAf,EAAuBoE,eAAvB,EAAwCd,mBAAxC,CARH;EAUA,IAAMqC,MAAM,GAAG3I,KAAK,CAACmH,WAAN,CAAkB,YAAM;IAAA;;IACrCqB,KAAK;IACL,IAAM/B,KAAK,GAAG,IAAIC,KAAJ,CAAU,MAAV,CAAd;IACA,yBAAAnB,WAAW,CAACqB,OAAZ,gFAAqBC,aAArB,CAAmCJ,KAAnC;EACD,CAJc,EAIZ,CAAC+B,KAAD,CAJY,CAAf;EAMA,IAAMI,kBAAkB,GAAG5I,KAAK,CAACmH,WAAN,CAAkB,YAAM;IACjD1B,qBAAqB,CAAC,CAAC,CAAF,CAArB;EACD,CAF0B,EAExB,EAFwB,CAA3B;EAIA,IAAMoD,OAAO,GAAG7I,KAAK,CAACmH,WAAN,CAAkB,YAAM;IAAA;;IACtC,IAAMV,KAAK,GAAG,IAAIC,KAAJ,CAAU,OAAV,CAAd;IACA,yBAAAnB,WAAW,CAACqB,OAAZ,gFAAqBC,aAArB,CAAmCJ,KAAnC;EACD,CAHe,EAGb,EAHa,CAAhB;EAKA,IAAMqC,OAAO,GAAG9I,KAAK,CAACmH,WAAN,CAAkB,YAAM;IACtC,IAAInE,MAAJ,EAAY;MACVwF,KAAK;IACN,CAFD,MAEO;MACLE,IAAI;IACL;EACF,CANe,EAMb,CAACF,KAAD,EAAQE,IAAR,EAAc1F,MAAd,CANa,CAAhB;EAQA,IAAM+F,WAAW,GAAG/I,KAAK,CAAC+G,OAAN,CAClB;IAAA,OAAM7G,QAAQ,CAACgH,kBAAD,EAAqB,IAArB,CAAd;EAAA,CADkB,EAElB,CAACA,kBAAD,CAFkB,CAApB;EAKA,IAAM8B,WAAW,GAAGhJ,KAAK,CAACmH,WAAN,CAClB,UAAC8B,IAAD,EAA2B;IACzB,IAAI5B,KAAK,GAAG7B,kBAAZ;;IAEA,IAAIyD,IAAI,KAAK,MAAb,EAAqB;MACnB,IAAMC,SAAS,GAAGjI,cAAc,CAACC,OAAD,EAAUmG,KAAV,CAAhC;MACAA,KAAK,GAAG6B,SAAS,KAAK,CAAC,CAAf,GAAmBjI,cAAc,CAACC,OAAD,CAAjC,GAA6CgI,SAArD,CAFmB,CAE6C;IACjE,CAHD,MAGO,IAAID,IAAI,KAAK,MAAb,EAAqB;MAC1B,IAAME,WAAW,GAAG1H,eAAe,CAACP,OAAD,EAAUmG,KAAV,CAAnC;MACAA,KAAK,GAAG8B,WAAW,KAAK,CAAC,CAAjB,GAAqB1H,eAAe,CAACP,OAAD,CAApC,GAAgDiI,WAAxD,CAF0B,CAE2C;IACtE;;IAEDpB,kBAAkB,CAACV,KAAD,CAAlB;EACD,CAbiB,EAclB,CAACU,kBAAD,EAAqBvC,kBAArB,EAAyCtE,OAAzC,CAdkB,CAApB;EAiBAlB,KAAK,CAACwG,SAAN,CAAgB,YAAM;IAAA;;IACpB,IAAMvE,KAAK,6BAAGG,KAAK,CAACH,KAAT,yDAAkB8D,iBAAlB,yCAAuC3D,KAAK,CAAC0D,YAAxD;IAEA,IAAM5E,OAAO,GACXsD,UAAU,IAAI7B,UAAU,KAAK+C,SAA7B,GACIhD,MAAM,CAACiC,WAAD,EAAchC,UAAd,EAA0BC,QAA1B,CADV,GAEI+B,WAHN;IAKA0B,UAAU,CAACnF,OAAD,CAAV;IACAqF,sBAAsB,CAAC/D,iBAAiB,CAACtB,OAAD,EAAUe,KAAV,CAAlB,CAAtB;EACD,CAVD,EAUG,CACDW,QADC,EAEDD,UAFC,EAGDoD,iBAHC,EAIDpB,WAJC,EAKDvC,KAAK,CAAC0D,YALL,EAMD1D,KAAK,CAACH,KANL,EAODuC,UAPC,CAVH;EAoBA;AACF;AACA;AACA;;EACE,IAAM4E,YAAY,GAAGpJ,KAAK,CAACmH,WAAN,CACnB,UAAC7E,CAAD,EAA2C;IAAA;;IACzC,6BAAIgD,YAAY,CAACsB,OAAjB,kDAAI,sBAAsByC,QAAtB,CAA+B/G,CAAC,CAACgH,MAAjC,CAAJ,EAAsD;MACpDhH,CAAC,CAACC,cAAF;IACD;EACF,CALkB,EAMnB,EANmB,CAArB;EASA,IAAMgH,oBAAiE,GACrEvJ,KAAK,CAACmH,WAAN,CACE,UAAC7E,CAAD,EAAO;IACL,IAAMkH,sBAAsB,GAAGhH,iBAAiB,CAC9CtB,OAD8C,EAE9CoB,CAAC,CAACmH,aAAF,CAAgBxH,KAF8B,CAAhD;;IAKA,IAAIqE,mBAAmB,KAAKkD,sBAA5B,EAAoD;MAClD,IAAI,CAAC7D,mBAAL,EAA0B;QACxBY,sBAAsB,CAACiD,sBAAD,CAAtB;MACD;;MACD7F,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGrB,CAAH,CAAR;IACD;EACF,CAbH,EAcE,CAACqD,mBAAD,EAAsBhC,QAAtB,EAAgCzC,OAAhC,EAAyCoF,mBAAzC,CAdF,CADF;EAkBA,IAAMoD,cAA4D,GAChE1J,KAAK,CAACmH,WAAN,CACE,UAACV,KAAD,EAAW;IACT,CAAC,SAAD,EAAY,WAAZ,EAAyB,QAAzB,EAAmC,OAAnC,EAA4CQ,QAA5C,CAAqDR,KAAK,CAAC0B,GAA3D,KACEF,eAAe,EADjB,IAEExB,KAAK,CAAClE,cAAN,EAFF;;IAIA,QAAQkE,KAAK,CAAC0B,GAAd;MACE,KAAK,SAAL;QACEF,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;QACA;;MACF,KAAK,WAAL;QACEf,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;QACA;;MACF,KAAK,QAAL;QACER,KAAK;QACL;;MACF,KAAK,OAAL;QACEP,eAAe,MAAMQ,aAAa,EAAlC;QACA;IAZJ;EAcD,CApBH,EAqBE,CAACR,eAAD,EAAkBO,KAAlB,EAAyBQ,WAAzB,EAAsCP,aAAtC,CArBF,CADF;EAyBA,IAAM3E,aAAyD,GAC7D9D,KAAK,CAACmH,WAAN,CACE,UAAC7E,CAAD,EAAO;IACL,IAAIuB,iBAAJ,EAAuB;MACrB,IAAM3C,QAAO,GAAG2C,iBAAiB,CAACvB,CAAD,EAAIqC,WAAJ,CAAjC;;MACA,IAAIzD,QAAJ,EAAa;QACX,IAAI+D,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;UAC1CvD,IAAI,CACF,8EACE,qHAFA,CAAJ;QAID;;QACDyE,UAAU,CAACnF,QAAD,CAAV;QACAqF,sBAAsB,CACpB/D,iBAAiB,CAACtB,QAAD,EAAU6E,iBAAV,CADG,CAAtB;MAGD;IACF,CAdD,MAcO;MACL,IAAM7E,SAAO,GAAGwB,MAAM,CAACiC,WAAD,EAAcrC,CAAC,CAACgH,MAAF,CAASrH,KAAvB,EAA8BW,QAA9B,CAAtB;;MACAyD,UAAU,CAACnF,SAAD,CAAV;MACAqF,sBAAsB,CAAC/D,iBAAiB,CAACtB,SAAD,EAAU6E,iBAAV,CAAlB,CAAtB;IACD;;IACDF,aAAa,CAACvD,CAAC,CAACgH,MAAF,CAASrH,KAAV,CAAb;EACD,CAtBH,EAuBE,CAACW,QAAD,EAAWmD,iBAAX,EAA8BlC,iBAA9B,EAAiDc,WAAjD,CAvBF,CADF;EA2BA,IAAMgF,mBAAmB,GAAG3J,KAAK,CAACmH,WAAN,CAC1B,UAACV,KAAD,EAAgC;IAC9B,IAAIA,KAAK,CAAC0B,GAAN,CAAU/G,MAAV,KAAqB,CAArB,IAA0BqF,KAAK,CAAC0B,GAAN,KAAc,GAA5C,EAAiD;MAC/CD,eAAe,CAACzB,KAAK,CAAC0B,GAAP,CAAf;MACA;IACD;;IAED,CAAC,SAAD,EAAY,WAAZ,EAAyB,QAAzB,EAAmC,OAAnC,EAA4ClB,QAA5C,CAAqDR,KAAK,CAAC0B,GAA3D,KACEF,eAAe,EADjB,IAEExB,KAAK,CAAClE,cAAN,EAFF;;IAIA,QAAQkE,KAAK,CAAC0B,GAAd;MACE,KAAK,SAAL;QACE,IAAInF,MAAJ,EAAY;UACViF,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;QACD,CAFD,MAEO;UACLN,IAAI;QACL;;QACD;;MACF,KAAK,WAAL;QACE,IAAI1F,MAAJ,EAAY;UACViF,eAAe,MAAMe,WAAW,CAAC,MAAD,CAAhC;QACD,CAFD,MAEO;UACLN,IAAI;QACL;;QACD;;MACF,KAAK,QAAL;QACEF,KAAK;QACL;;MACF,KAAK,OAAL;MACA,KAAK,UAAL;MACA,KAAK,GAAL;QACE,IAAIxF,MAAJ,EAAY;UACViF,eAAe,MAAMQ,aAAa,EAAlC;QACD,CAFD,MAEO;UACLC,IAAI;QACL;;QACD;IA1BJ;EA4BD,CAvCyB,EAwC1B,CACET,eADF,EAEEO,KAFF,EAGEQ,WAHF,EAIEd,eAJF,EAKEQ,IALF,EAME1F,MANF,EAOEyF,aAPF,CAxC0B,CAA5B;EAmDA,IAAMmB,iBAAiB,GAAG5J,KAAK,CAACmH,WAAN,CACxB,UAAC7E,CAAD,EAAsC;IAAA;;IACpC,IAAM+E,KAAK,GAAGwC,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,0BACZ1H,CAAC,CAACmH,aAAF,CAAgBQ,UADJ,0DACZ,sBAA4BrG,QADhB,EAEZtB,CAAC,CAACmH,aAFU,CAAd;IAIA,IAAMnI,MAAM,GAAGJ,OAAO,CAACmG,KAAD,CAAtB;;IAEA,IAAI/F,MAAM,IAAI,CAACA,MAAM,CAACE,QAAtB,EAAgC;MAC9BiH,aAAa;IACd;EACF,CAXuB,EAYxB,CAACvH,OAAD,EAAUuH,aAAV,CAZwB,CAA1B;EAeA,IAAMyB,iBAAiB,GAAGlK,KAAK,CAACmH,WAAN,CACxB,UAAC7E,CAAD,EAAsC;IAAA;;IACpCyF,kBAAkB,CAChB8B,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,2BACE1H,CAAC,CAACmH,aAAF,CAAgBQ,UADlB,2DACE,uBAA4BrG,QAD9B,EAEEtB,CAAC,CAACmH,aAFJ,CADgB,EAKhB,KALgB,CAAlB;EAOD,CATuB,EAUxB,CAAC1B,kBAAD,CAVwB,CAA1B;EAaA,IAAMtD,YAAY,GAAGzE,KAAK,CAACmH,WAAN,CACnB,UAAC7F,MAAD,EAAsC+F,KAAtC,EAAwD;IACtD,IAAM8C,OAAO,GAAG9C,KAAK,KAAK7B,kBAA1B;IACA,IAAMsB,QAAQ,GAAGO,KAAK,KAAKf,mBAA3B;IAEA,OACE,oBAAC,KAAD,CAAO,QAAP;MAAgB,GAAG,YAAKhF,MAAM,CAACW,KAAZ;IAAnB,GACGyC,gBAAgB,CAAC;MAChBpD,MAAM,EAANA,MADgB;MAEhB6I,OAAO,EAAPA,OAFgB;MAGhBvG,QAAQ,EAAEtC,MAAM,CAACgH,KAHD;MAIhBxB,QAAQ,EAARA,QAJgB;MAKhBtF,QAAQ,EAAEF,MAAM,CAACE,QALD;MAMhBsH,OAAO,EAAEc,iBANO;MAOhBQ,WAAW,EAAE/H,gBAPG;MAQhB;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACAgI,WAAW,EAAEH;IAhBG,CAAD,CADnB,CADF;EAsBD,CA3BkB,EA4BnB,CACE1E,kBADF,EAEEoE,iBAFF,EAGEM,iBAHF,EAIExF,gBAJF,EAKE4B,mBALF,CA5BmB,CAArB;EAqCA,IAAMgE,eAAe,GAAGtK,KAAK,CAAC+G,OAAN,CAAc,YAAM;IAC1C,IAAMwD,sBAAsB,GAC1B,CAAArJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEE,MAAT,IAAkB,CAAlB,GACEF,OAAO,CAACa,GAAR,CAAY0C,YAAZ,CADF,GAGE,oBAAC,OAAD;MAAS,SAAS,EAAC;IAAnB,GAA0CG,SAA1C,CAJJ;;IAOA,IAAI,OAAOb,cAAP,KAA0B,UAA9B,EAA0C;MACxC,OAAOA,cAAc,CAAC;QAAEwG,sBAAsB,EAAtBA;MAAF,CAAD,CAArB;IACD,CAFD,MAEO;MACL,OAAOA,sBAAP;IACD;EACF,CAbuB,EAarB,CAAC3F,SAAD,EAAY1D,OAAZ,EAAqB6C,cAArB,EAAqCU,YAArC,CAbqB,CAAxB;EAeA,OACE;IACE,SAAS,EAAC,cADZ;IAEE,SAAS,EAAErB,SAFb;IAGE,KAAK,EAAEM,KAHT;IAIE,GAAG,EAAEvD,QAAQ,CAACiF,YAAD,EAAe9B,UAAf,CAJf;IAKE,OAAO,EAAE8F;EALX,GAOGpG,MAAM,IAAIwB,UAAV,GACC,oBAAC,KAAD,eACMQ,SADN;IAEE,SAAS,MAFX;IAGE,MAAM,EAAE2D,MAHV;IAIE,SAAS,EAAE3B,gBAJb;IAKE,KAAK,EAAErE,UALT;IAME,SAAS,EAAE+G,cANb;IAOE,QAAQ,EAAE5F,aAPZ,CAQE;IACA;IACA;IAVF;IAWE,OAAO,EAAE1B,KAAK,CAAC0G,OAXjB;IAYE,MAAM,EAAE5F,MAZV;IAaE,KAAK,EAAE2B,IAbT;IAcE,WAAW,EAAEG,SAAS,CAACwF,WAdzB;IAeE,IAAI,EAAE3J,8BAA8B,CAACuD,UAAD;EAftC,GADD,GAmBC,oBAAC,aAAD,eACMY,SADN;IAEE,eAAa,IAFf;IAGE,OAAO,EAAE8D,OAHX;IAIE,SAAS,EAAEa,mBAJb;IAKE,OAAO,EAAEZ,WALX;IAME,OAAO,EAAEF,OANX;IAOE,MAAM,EAAEF,MAPV;IAQE,SAAS,EAAE3B,gBARb;IASE,KAAK,EAAEnC,IATT;IAUE,UAAU,EAAET;EAVd,IAYG0C,QAZH,aAYGA,QAZH,uBAYGA,QAAQ,CAAEwB,KAZb,CA1BJ,EAyCE;IACE,GAAG,EAAE/C,WADP;IAEE,IAAI,EAAEpC,IAFR;IAGE,QAAQ,EAAEoG,oBAHZ;IAIE,MAAM,EAAEnH,KAAK,CAACuG,MAJhB;IAKE,OAAO,EAAEvG,KAAK,CAACyG,OALjB;IAME,OAAO,EAAEzG,KAAK,CAAC0G,OANjB;IAOE,KAAK,EAAE/C,iBAPT;IAQE,eAAa,IARf;IASE,SAAS,EAAC;EATZ,GAWGpB,WAAW,CAAC5C,GAAZ,CAAgB,UAACC,IAAD;IAAA,OACf;MAAQ,GAAG,YAAKA,IAAI,CAACC,KAAV,CAAX;MAA8B,KAAK,EAAED,IAAI,CAACC;IAA1C,EADe;EAAA,CAAhB,CAXH,CAzCF,EAwDGe,MAAM,IACL,oBAAC,oBAAD;IACE,SAAS,EAAEoC,YADb;IAEE,SAAS,EAAE7B,cAFb;IAGE,YAAY,EAAE+B,YAHhB;IAIE,iBAAiB,EAAEc,kBAJrB;IAKE,YAAY,EAAEwC,kBALhB;IAME,QAAQ,EAAE1E,QANZ;IAOE,cAAc,EAAEY,sBAPlB;IAQE,SAAS,EAAEC,gBARb;IASE,WAAW,EAAEZ,mBATf;IAUE,iBAAiB,EAAEG,iBAVrB;IAWE,sBAAsB,EAAEC,sBAX1B;IAYE,cAAc,EAAEe;EAZlB,GAcGgF,eAdH,CAzDJ,CADF;AA6ED;AAED;AACA;AACA;;;AACA,OAAO,IAAMG,YAAY,GAAGnK,cAAc,CAACwC,qBAAD,EAAwB;EAChEU,KAAK,EAAE;AADyD,CAAxB,CAAnC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":["React","CustomScrollView","classNames","Popper","Spinner","useIsomorphicLayoutEffect","noop","calcIsTop","placement","includes","getObserverModifier","element","name","enabled","phase","fn","effect","instance","observer","MutationObserver","forceUpdate","observe","childList","subtree","disconnect","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","observableRefs","restProps","useState","isTop","setIsTop","customModifiers","setCustomModifiers","Array","isArray","ref","current","push","useCallback"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Modifier } from \"react-popper\";\nimport { CustomScrollView } from \"../CustomScrollView/CustomScrollView\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement>,\n TrackerOptionsProps {\n targetRef: React.RefObject<HTMLElement>;\n placement?: Placement;\n scrollBoxRef?: React.RefObject<HTMLDivElement>;\n observableRefs?:\n | Array<React.RefObject<HTMLElement>>\n | React.RefObject<HTMLElement>;\n fetching?: boolean;\n offsetDistance?: number;\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nfunction getObserverModifier<T extends HTMLElement>(\n element: T\n): Modifier<string> {\n return {\n name: \"customSelectChildrenChange\",\n enabled: true,\n phase: \"main\",\n fn: noop,\n effect: ({ instance }) => {\n const observer = new MutationObserver(instance.forceUpdate);\n\n observer.observe(element, {\n childList: true,\n subtree: true,\n });\n\n return () => {\n observer.disconnect();\n };\n },\n };\n}\n\nexport const CustomSelectDropdown = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n offsetDistance = 0,\n sameWidth = true,\n forcePortal = true,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n observableRefs,\n ...restProps\n}: CustomSelectDropdownProps) => {\n const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n const [customModifiers, setCustomModifiers] = React.useState<\n Array<Modifier<string>>\n >([]);\n\n useIsomorphicLayoutEffect(() => {\n if (!observableRefs) {\n return;\n }\n const customModifiers: Array<Modifier<string>> = [];\n\n if (Array.isArray(observableRefs)) {\n for (const ref of observableRefs) {\n if (ref?.current) {\n customModifiers.push(getObserverModifier(ref.current));\n }\n }\n } else if (observableRefs.current) {\n customModifiers.push(getObserverModifier(observableRefs.current));\n }\n\n setCustomModifiers(customModifiers);\n }, [observableRefs]);\n\n const onPlacementChange = React.useCallback(\n ({ placement }: { placement?: Placement }) => {\n setIsTop(calcIsTop(placement));\n parentOnPlacementChange?.(placement);\n },\n [parentOnPlacementChange, setIsTop]\n );\n\n return (\n <Popper\n targetRef={targetRef}\n offsetDistance={offsetDistance}\n sameWidth={sameWidth}\n onPlacementChange={onPlacementChange}\n placement={placement}\n vkuiClass={classNames(\n \"CustomSelectDropdown\",\n offsetDistance === 0 &&\n (isTop\n ? \"CustomSelectDropdown--top\"\n : \"CustomSelectDropdown--bottom\"),\n sameWidth && \"CustomSelectDropdown--wide\"\n )}\n forcePortal={forcePortal}\n customModifiers={customModifiers}\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n vkuiClass=\"CustomSelectDropdown__in\"\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n >\n {fetching ? (\n <div vkuiClass=\"CustomSelectDropdown__fetching\">\n <Spinner size=\"small\" />\n </div>\n ) : (\n children\n )}\n </CustomScrollView>\n </Popper>\n );\n};\n"],"file":"CustomSelectDropdown.js"}
1
+ {"version":3,"file":"CustomSelectDropdown.js","names":["React","CustomScrollView","classNames","Popper","Spinner","useIsomorphicLayoutEffect","noop","calcIsTop","placement","includes","getObserverModifier","element","name","enabled","phase","fn","effect","instance","observer","MutationObserver","forceUpdate","observe","childList","subtree","disconnect","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","observableRefs","restProps","useState","isTop","setIsTop","customModifiers","setCustomModifiers","Array","isArray","ref","current","push","useCallback"],"sources":["../../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Modifier } from \"react-popper\";\nimport { CustomScrollView } from \"../CustomScrollView/CustomScrollView\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement>,\n TrackerOptionsProps {\n targetRef: React.RefObject<HTMLElement>;\n placement?: Placement;\n scrollBoxRef?: React.RefObject<HTMLDivElement>;\n observableRefs?:\n | Array<React.RefObject<HTMLElement>>\n | React.RefObject<HTMLElement>;\n fetching?: boolean;\n offsetDistance?: number;\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nfunction getObserverModifier<T extends HTMLElement>(\n element: T\n): Modifier<string> {\n return {\n name: \"customSelectChildrenChange\",\n enabled: true,\n phase: \"main\",\n fn: noop,\n effect: ({ instance }) => {\n const observer = new MutationObserver(instance.forceUpdate);\n\n observer.observe(element, {\n childList: true,\n subtree: true,\n });\n\n return () => {\n observer.disconnect();\n };\n },\n };\n}\n\nexport const CustomSelectDropdown = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n offsetDistance = 0,\n sameWidth = true,\n forcePortal = true,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n observableRefs,\n ...restProps\n}: CustomSelectDropdownProps) => {\n const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n const [customModifiers, setCustomModifiers] = React.useState<\n Array<Modifier<string>>\n >([]);\n\n useIsomorphicLayoutEffect(() => {\n if (!observableRefs) {\n return;\n }\n const customModifiers: Array<Modifier<string>> = [];\n\n if (Array.isArray(observableRefs)) {\n for (const ref of observableRefs) {\n if (ref?.current) {\n customModifiers.push(getObserverModifier(ref.current));\n }\n }\n } else if (observableRefs.current) {\n customModifiers.push(getObserverModifier(observableRefs.current));\n }\n\n setCustomModifiers(customModifiers);\n }, [observableRefs]);\n\n const onPlacementChange = React.useCallback(\n ({ placement }: { placement?: Placement }) => {\n setIsTop(calcIsTop(placement));\n parentOnPlacementChange?.(placement);\n },\n [parentOnPlacementChange, setIsTop]\n );\n\n return (\n <Popper\n targetRef={targetRef}\n offsetDistance={offsetDistance}\n sameWidth={sameWidth}\n onPlacementChange={onPlacementChange}\n placement={placement}\n vkuiClass={classNames(\n \"CustomSelectDropdown\",\n offsetDistance === 0 &&\n (isTop\n ? \"CustomSelectDropdown--top\"\n : \"CustomSelectDropdown--bottom\"),\n sameWidth && \"CustomSelectDropdown--wide\"\n )}\n forcePortal={forcePortal}\n customModifiers={customModifiers}\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n vkuiClass=\"CustomSelectDropdown__in\"\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n >\n {fetching ? (\n <div vkuiClass=\"CustomSelectDropdown__fetching\">\n <Spinner size=\"small\" />\n </div>\n ) : (\n children\n )}\n </CustomScrollView>\n </Popper>\n );\n};\n"],"mappings":"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"}