@vkontakte/vkui 4.36.1 → 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 (888) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +221 -262
  4. package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +1 -1
  5. package/.cache/ts/src/components/Calendar/Calendar.d.ts +3 -2
  6. package/.cache/ts/src/components/CalendarDay/CalendarDay.d.ts +4 -2
  7. package/.cache/ts/src/components/CalendarDays/CalendarDays.d.ts +3 -1
  8. package/.cache/ts/src/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  9. package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +1 -1
  10. package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +2 -0
  11. package/.cache/ts/src/components/Group/Group.d.ts +5 -1
  12. package/.cache/ts/src/components/Radio/Radio.d.ts +1 -1
  13. package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +34 -1
  14. package/.cache/ts/src/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  15. package/.cache/ts/src/components/Tappable/Tappable.d.ts +2 -1
  16. package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +7 -1
  17. package/.cache/ts/src/index.d.ts +2 -0
  18. package/.cache/ts/src/tokenized/index.d.ts +2 -0
  19. package/.eslintrc.json +2 -1
  20. package/dist/appearance/constants.js.map +1 -1
  21. package/dist/cjs/appearance/constants.js.map +1 -1
  22. package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
  23. package/dist/cjs/components/ActionSheet/ActionSheetContext.js.map +1 -1
  24. package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
  25. package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  26. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  27. package/dist/cjs/components/ActionSheet/types.js.map +1 -1
  28. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  29. package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  30. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  31. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  32. package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
  33. package/dist/cjs/components/AppRoot/AppRootContext.js.map +1 -1
  34. package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
  35. package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
  36. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  37. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  38. package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
  39. package/dist/cjs/components/Badge/Badge.js.map +1 -1
  40. package/dist/cjs/components/Banner/Banner.js.map +1 -1
  41. package/dist/cjs/components/BaseGallery/BaseGallery.js +11 -10
  42. package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -1
  43. package/dist/cjs/components/BaseGallery/helpers.js.map +1 -1
  44. package/dist/cjs/components/BaseGallery/types.js.map +1 -1
  45. package/dist/cjs/components/Button/Button.js.map +1 -1
  46. package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
  47. package/dist/cjs/components/Calendar/Calendar.js +9 -3
  48. package/dist/cjs/components/Calendar/Calendar.js.map +1 -1
  49. package/dist/cjs/components/CalendarDay/CalendarDay.js +11 -3
  50. package/dist/cjs/components/CalendarDay/CalendarDay.js.map +1 -1
  51. package/dist/cjs/components/CalendarDays/CalendarDays.js +4 -3
  52. package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
  53. package/dist/cjs/components/CalendarHeader/CalendarHeader.js +10 -4
  54. package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
  55. package/dist/cjs/components/CalendarRange/CalendarRange.js.map +1 -1
  56. package/dist/cjs/components/CalendarTime/CalendarTime.js.map +1 -1
  57. package/dist/cjs/components/Card/Card.js.map +1 -1
  58. package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
  59. package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
  60. package/dist/cjs/components/Cell/Cell.js.map +1 -1
  61. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  62. package/dist/cjs/components/Cell/CellDragger/CellDragger.js.map +1 -1
  63. package/dist/cjs/components/Cell/useDraggable.js.map +1 -1
  64. package/dist/cjs/components/CellButton/CellButton.js.map +1 -1
  65. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  66. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  67. package/dist/cjs/components/ChipsInput/ChipsInput.js.map +1 -1
  68. package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  69. package/dist/cjs/components/ChipsSelect/ChipsSelect.js +6 -2
  70. package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
  71. package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
  72. package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  73. package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
  74. package/dist/cjs/components/Counter/Counter.js.map +1 -1
  75. package/dist/cjs/components/CustomScrollView/CustomScrollView.js.map +1 -1
  76. package/dist/cjs/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  77. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  78. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  79. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  80. package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
  81. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  82. package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
  83. package/dist/cjs/components/Div/Div.js.map +1 -1
  84. package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
  85. package/dist/cjs/components/DropdownIcon/DropdownIcon.js.map +1 -1
  86. package/dist/cjs/components/Epic/Epic.js.map +1 -1
  87. package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
  88. package/dist/cjs/components/File/File.js.map +1 -1
  89. package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
  90. package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
  91. package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
  92. package/dist/cjs/components/Footer/Footer.js.map +1 -1
  93. package/dist/cjs/components/FormField/FormField.js.map +1 -1
  94. package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
  95. package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
  96. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  97. package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
  98. package/dist/cjs/components/Gallery/Gallery.js +2 -0
  99. package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
  100. package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
  101. package/dist/cjs/components/GridAvatar/GridAvatar.js.map +1 -1
  102. package/dist/cjs/components/Group/Group.js +4 -2
  103. package/dist/cjs/components/Group/Group.js.map +1 -1
  104. package/dist/cjs/components/Header/Header.js.map +1 -1
  105. package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
  106. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  107. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  108. package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
  109. package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
  110. package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
  111. package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  112. package/dist/cjs/components/Input/Input.js.map +1 -1
  113. package/dist/cjs/components/InputLike/InputLike.js.map +1 -1
  114. package/dist/cjs/components/InputLike/InputLikeDivider.js.map +1 -1
  115. package/dist/cjs/components/Link/Link.js.map +1 -1
  116. package/dist/cjs/components/List/List.js.map +1 -1
  117. package/dist/cjs/components/List/ListContext.js.map +1 -1
  118. package/dist/cjs/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  119. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  120. package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
  121. package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
  122. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  123. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  124. package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  125. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  126. package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  127. package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
  128. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  129. package/dist/cjs/components/ModalRoot/constants.js.map +1 -1
  130. package/dist/cjs/components/ModalRoot/types.js.map +1 -1
  131. package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
  132. package/dist/cjs/components/ModalRoot/withModalRootContext.js.map +1 -1
  133. package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
  134. package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  135. package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
  136. package/dist/cjs/components/Panel/Panel.js.map +1 -1
  137. package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
  138. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  139. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  140. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  141. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  142. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  143. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  144. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  145. package/dist/cjs/components/PanelSpinner/PanelSpinner.js.map +1 -1
  146. package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
  147. package/dist/cjs/components/PopoutRoot/PopoutRoot.js.map +1 -1
  148. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  149. package/dist/cjs/components/Popper/Popper.js.map +1 -1
  150. package/dist/cjs/components/PopperArrow/PopperArrow.js.map +1 -1
  151. package/dist/cjs/components/Progress/Progress.js.map +1 -1
  152. package/dist/cjs/components/PromoBanner/PromoBanner.js +1 -1
  153. package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
  154. package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
  155. package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  156. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  157. package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
  158. package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
  159. package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
  160. package/dist/cjs/components/Removable/Removable.js.map +1 -1
  161. package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
  162. package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
  163. package/dist/cjs/components/Root/Root.js.map +1 -1
  164. package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  165. package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  166. package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  167. package/dist/cjs/components/Search/Search.js.map +1 -1
  168. package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  169. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  170. package/dist/cjs/components/Select/Select.js.map +1 -1
  171. package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
  172. package/dist/cjs/components/Separator/Separator.js.map +1 -1
  173. package/dist/cjs/components/SimpleCell/SimpleCell.js +30 -8
  174. package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
  175. package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  176. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  177. package/dist/cjs/components/SliderSwitch/SliderSwitch.js.map +1 -1
  178. package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  179. package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
  180. package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
  181. package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
  182. package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
  183. package/dist/cjs/components/SplitLayout/SplitLayout.js.map +1 -1
  184. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  185. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +16 -12
  186. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  187. package/dist/cjs/components/Switch/Switch.js.map +1 -1
  188. package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
  189. package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
  190. package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
  191. package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
  192. package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
  193. package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
  194. package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
  195. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  196. package/dist/cjs/components/Tooltip/TooltipContainer.js.map +1 -1
  197. package/dist/cjs/components/Touch/Touch.js.map +1 -1
  198. package/dist/cjs/components/Touch/TouchContext.js.map +1 -1
  199. package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
  200. package/dist/cjs/components/Typography/Footnote/Footnote.js.map +1 -1
  201. package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
  202. package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
  203. package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
  204. package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
  205. package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
  206. package/dist/cjs/components/UsersStack/UsersStack.js +5 -4
  207. package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
  208. package/dist/cjs/components/View/View.js.map +1 -1
  209. package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
  210. package/dist/cjs/components/View/utils.js.map +1 -1
  211. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -4
  212. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  213. package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
  214. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  215. package/dist/cjs/helpers/avatar.js.map +1 -1
  216. package/dist/cjs/helpers/getClassName.js.map +1 -1
  217. package/dist/cjs/helpers/getScheme.js.map +1 -1
  218. package/dist/cjs/helpers/math.js.map +1 -1
  219. package/dist/cjs/helpers/scheme.js.map +1 -1
  220. package/dist/cjs/hoc/withAdaptivity.js.map +1 -1
  221. package/dist/cjs/hoc/withContext.js.map +1 -1
  222. package/dist/cjs/hoc/withInsets.js.map +1 -1
  223. package/dist/cjs/hoc/withPlatform.js.map +1 -1
  224. package/dist/cjs/hooks/useAdaptivity.js.map +1 -1
  225. package/dist/cjs/hooks/useAppearance.js.map +1 -1
  226. package/dist/cjs/hooks/useBooleanState.js.map +1 -1
  227. package/dist/cjs/hooks/useBridgeAdaptivity.js.map +1 -1
  228. package/dist/cjs/hooks/useBrowserInfo.js.map +1 -1
  229. package/dist/cjs/hooks/useCalendar.js.map +1 -1
  230. package/dist/cjs/hooks/useChipsInput.js.map +1 -1
  231. package/dist/cjs/hooks/useChipsSelect.js.map +1 -1
  232. package/dist/cjs/hooks/useDateInput.js.map +1 -1
  233. package/dist/cjs/hooks/useEffectDev.js.map +1 -1
  234. package/dist/cjs/hooks/useEnsuredControl.js.map +1 -1
  235. package/dist/cjs/hooks/useEventListener.js.map +1 -1
  236. package/dist/cjs/hooks/useExternRef.js.map +1 -1
  237. package/dist/cjs/hooks/useFocusVisible.js.map +1 -1
  238. package/dist/cjs/hooks/useGlobalEventListener.js.map +1 -1
  239. package/dist/cjs/hooks/useInsets.js.map +1 -1
  240. package/dist/cjs/hooks/useKeyboard.js.map +1 -1
  241. package/dist/cjs/hooks/useKeyboardInputTracker.js.map +1 -1
  242. package/dist/cjs/hooks/useObjectMemo.js.map +1 -1
  243. package/dist/cjs/hooks/useOrientationChange.js.map +1 -1
  244. package/dist/cjs/hooks/usePagination.js.map +1 -1
  245. package/dist/cjs/hooks/usePatchChildrenRef.js.map +1 -1
  246. package/dist/cjs/hooks/usePlatform.js.map +1 -1
  247. package/dist/cjs/hooks/usePrevious.js.map +1 -1
  248. package/dist/cjs/hooks/useTimeout.js.map +1 -1
  249. package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
  250. package/dist/cjs/index.js +8 -0
  251. package/dist/cjs/index.js.map +1 -1
  252. package/dist/cjs/lib/SSR.js.map +1 -1
  253. package/dist/cjs/lib/accessibility.js.map +1 -1
  254. package/dist/cjs/lib/animate.js.map +1 -1
  255. package/dist/cjs/lib/browser.js.map +1 -1
  256. package/dist/cjs/lib/calendar.js.map +1 -1
  257. package/dist/cjs/lib/callMultiple.js.map +1 -1
  258. package/dist/cjs/lib/classNames.js.map +1 -1
  259. package/dist/cjs/lib/classScopingMode.js.map +1 -1
  260. package/dist/cjs/lib/date.js.map +1 -1
  261. package/dist/cjs/lib/dom.js.map +1 -1
  262. package/dist/cjs/lib/fx.js.map +1 -1
  263. package/dist/cjs/lib/getNavId.js.map +1 -1
  264. package/dist/cjs/lib/is.js.map +1 -1
  265. package/dist/cjs/lib/isRefObject.js.map +1 -1
  266. package/dist/cjs/lib/jsxRuntime.d.js.map +1 -1
  267. package/dist/cjs/lib/jsxRuntime.js.map +1 -1
  268. package/dist/cjs/lib/offset.js.map +1 -1
  269. package/dist/cjs/lib/platform.js.map +1 -1
  270. package/dist/cjs/lib/polyfills.js.map +1 -1
  271. package/dist/cjs/lib/prefixClass.js.map +1 -1
  272. package/dist/cjs/lib/removeObjectKeys.js.map +1 -1
  273. package/dist/cjs/lib/select.js.map +1 -1
  274. package/dist/cjs/lib/styles.js.map +1 -1
  275. package/dist/cjs/lib/supportEvents.js.map +1 -1
  276. package/dist/cjs/lib/taptic.js.map +1 -1
  277. package/dist/cjs/lib/testing.js.map +1 -1
  278. package/dist/cjs/lib/touch.js.map +1 -1
  279. package/dist/cjs/lib/useIsomorphicLayoutEffect.js.map +1 -1
  280. package/dist/cjs/lib/utils.js.map +1 -1
  281. package/dist/cjs/lib/warnOnce.js.map +1 -1
  282. package/dist/cjs/tokenized/index.js +8 -0
  283. package/dist/cjs/tokenized/index.js.map +1 -1
  284. package/dist/cjs/types.js.map +1 -1
  285. package/dist/cjs/unstable/index.js.map +1 -1
  286. package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
  287. package/dist/components/ActionSheet/ActionSheetContext.js.map +1 -1
  288. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
  289. package/dist/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  290. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  291. package/dist/components/ActionSheet/types.js.map +1 -1
  292. package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  293. package/dist/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  294. package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  295. package/dist/components/Alert/Alert.js.map +1 -1
  296. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  297. package/dist/components/AppRoot/AppRootContext.js.map +1 -1
  298. package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
  299. package/dist/components/AppRoot/ScrollContext.js.map +1 -1
  300. package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  301. package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  302. package/dist/components/Avatar/Avatar.js.map +1 -1
  303. package/dist/components/Badge/Badge.js.map +1 -1
  304. package/dist/components/Banner/Banner.js.map +1 -1
  305. package/dist/components/BaseGallery/BaseGallery.js +11 -10
  306. package/dist/components/BaseGallery/BaseGallery.js.map +1 -1
  307. package/dist/components/BaseGallery/helpers.js.map +1 -1
  308. package/dist/components/BaseGallery/types.js.map +1 -1
  309. package/dist/components/Button/Button.js.map +1 -1
  310. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  311. package/dist/components/Calendar/Calendar.d.ts +3 -2
  312. package/dist/components/Calendar/Calendar.js +9 -3
  313. package/dist/components/Calendar/Calendar.js.map +1 -1
  314. package/dist/components/CalendarDay/CalendarDay.d.ts +4 -2
  315. package/dist/components/CalendarDay/CalendarDay.js +8 -3
  316. package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
  317. package/dist/components/CalendarDays/CalendarDays.d.ts +3 -1
  318. package/dist/components/CalendarDays/CalendarDays.js +4 -3
  319. package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
  320. package/dist/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  321. package/dist/components/CalendarHeader/CalendarHeader.js +7 -4
  322. package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
  323. package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
  324. package/dist/components/CalendarTime/CalendarTime.js.map +1 -1
  325. package/dist/components/Card/Card.js.map +1 -1
  326. package/dist/components/CardGrid/CardGrid.js.map +1 -1
  327. package/dist/components/CardScroll/CardScroll.js.map +1 -1
  328. package/dist/components/Cell/Cell.js.map +1 -1
  329. package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  330. package/dist/components/Cell/CellDragger/CellDragger.js.map +1 -1
  331. package/dist/components/Cell/useDraggable.js.map +1 -1
  332. package/dist/components/CellButton/CellButton.js.map +1 -1
  333. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  334. package/dist/components/Chip/Chip.js.map +1 -1
  335. package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
  336. package/dist/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  337. package/dist/components/ChipsSelect/ChipsSelect.d.ts +2 -0
  338. package/dist/components/ChipsSelect/ChipsSelect.js +6 -2
  339. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  340. package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
  341. package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  342. package/dist/components/ContentCard/ContentCard.js.map +1 -1
  343. package/dist/components/Counter/Counter.js.map +1 -1
  344. package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
  345. package/dist/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  346. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  347. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  348. package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  349. package/dist/components/DateInput/DateInput.js.map +1 -1
  350. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  351. package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
  352. package/dist/components/Div/Div.js.map +1 -1
  353. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  354. package/dist/components/DropdownIcon/DropdownIcon.js.map +1 -1
  355. package/dist/components/Epic/Epic.js.map +1 -1
  356. package/dist/components/Epic/ScrollSaver.js.map +1 -1
  357. package/dist/components/File/File.js.map +1 -1
  358. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  359. package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
  360. package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
  361. package/dist/components/Footer/Footer.js.map +1 -1
  362. package/dist/components/FormField/FormField.js.map +1 -1
  363. package/dist/components/FormItem/FormItem.js.map +1 -1
  364. package/dist/components/FormLayout/FormLayout.js.map +1 -1
  365. package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  366. package/dist/components/FormStatus/FormStatus.js.map +1 -1
  367. package/dist/components/Gallery/Gallery.js +2 -0
  368. package/dist/components/Gallery/Gallery.js.map +1 -1
  369. package/dist/components/Gradient/Gradient.js.map +1 -1
  370. package/dist/components/GridAvatar/GridAvatar.js.map +1 -1
  371. package/dist/components/Group/Group.d.ts +5 -1
  372. package/dist/components/Group/Group.js +4 -2
  373. package/dist/components/Group/Group.js.map +1 -1
  374. package/dist/components/Header/Header.js.map +1 -1
  375. package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
  376. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  377. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  378. package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
  379. package/dist/components/IconButton/IconButton.js.map +1 -1
  380. package/dist/components/InfoRow/InfoRow.js.map +1 -1
  381. package/dist/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  382. package/dist/components/Input/Input.js.map +1 -1
  383. package/dist/components/InputLike/InputLike.js.map +1 -1
  384. package/dist/components/InputLike/InputLikeDivider.js.map +1 -1
  385. package/dist/components/Link/Link.js.map +1 -1
  386. package/dist/components/List/List.js.map +1 -1
  387. package/dist/components/List/ListContext.js.map +1 -1
  388. package/dist/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  389. package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  390. package/dist/components/ModalCard/ModalCard.js.map +1 -1
  391. package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
  392. package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  393. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  394. package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  395. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  396. package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  397. package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
  398. package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  399. package/dist/components/ModalRoot/constants.js.map +1 -1
  400. package/dist/components/ModalRoot/types.js.map +1 -1
  401. package/dist/components/ModalRoot/useModalManager.js.map +1 -1
  402. package/dist/components/ModalRoot/withModalRootContext.js.map +1 -1
  403. package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
  404. package/dist/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  405. package/dist/components/Pagination/Pagination.js.map +1 -1
  406. package/dist/components/Panel/Panel.js.map +1 -1
  407. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  408. package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  409. package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  410. package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  411. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  412. package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  413. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  414. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  415. package/dist/components/PanelSpinner/PanelSpinner.js.map +1 -1
  416. package/dist/components/Placeholder/Placeholder.js.map +1 -1
  417. package/dist/components/PopoutRoot/PopoutRoot.js.map +1 -1
  418. package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  419. package/dist/components/Popper/Popper.js.map +1 -1
  420. package/dist/components/PopperArrow/PopperArrow.js.map +1 -1
  421. package/dist/components/Progress/Progress.js.map +1 -1
  422. package/dist/components/PromoBanner/PromoBanner.js +1 -1
  423. package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
  424. package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
  425. package/dist/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  426. package/dist/components/Radio/Radio.js.map +1 -1
  427. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  428. package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
  429. package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
  430. package/dist/components/Removable/Removable.js.map +1 -1
  431. package/dist/components/RichCell/RichCell.js.map +1 -1
  432. package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
  433. package/dist/components/Root/Root.js.map +1 -1
  434. package/dist/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  435. package/dist/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  436. package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  437. package/dist/components/Search/Search.js.map +1 -1
  438. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  439. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  440. package/dist/components/Select/Select.js.map +1 -1
  441. package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
  442. package/dist/components/Separator/Separator.js.map +1 -1
  443. package/dist/components/SimpleCell/SimpleCell.d.ts +34 -1
  444. package/dist/components/SimpleCell/SimpleCell.js +29 -8
  445. package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
  446. package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  447. package/dist/components/Slider/Slider.js.map +1 -1
  448. package/dist/components/SliderSwitch/SliderSwitch.js.map +1 -1
  449. package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  450. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  451. package/dist/components/Spacing/Spacing.js.map +1 -1
  452. package/dist/components/Spinner/Spinner.js.map +1 -1
  453. package/dist/components/SplitCol/SplitCol.js.map +1 -1
  454. package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
  455. package/dist/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  456. package/dist/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  457. package/dist/components/SubnavigationButton/SubnavigationButton.js +15 -11
  458. package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  459. package/dist/components/Switch/Switch.js.map +1 -1
  460. package/dist/components/Tabbar/Tabbar.js.map +1 -1
  461. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  462. package/dist/components/Tabs/Tabs.js.map +1 -1
  463. package/dist/components/TabsItem/TabsItem.js.map +1 -1
  464. package/dist/components/Tappable/Tappable.d.ts +2 -1
  465. package/dist/components/Tappable/Tappable.js.map +1 -1
  466. package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
  467. package/dist/components/Textarea/Textarea.js.map +1 -1
  468. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  469. package/dist/components/Tooltip/TooltipContainer.js.map +1 -1
  470. package/dist/components/Touch/Touch.js.map +1 -1
  471. package/dist/components/Touch/TouchContext.js.map +1 -1
  472. package/dist/components/Typography/Caption/Caption.js.map +1 -1
  473. package/dist/components/Typography/Footnote/Footnote.js.map +1 -1
  474. package/dist/components/Typography/Headline/Headline.js.map +1 -1
  475. package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
  476. package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
  477. package/dist/components/Typography/Text/Text.js.map +1 -1
  478. package/dist/components/Typography/Title/Title.js.map +1 -1
  479. package/dist/components/UsersStack/UsersStack.d.ts +7 -1
  480. package/dist/components/UsersStack/UsersStack.js +5 -4
  481. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  482. package/dist/components/View/View.js.map +1 -1
  483. package/dist/components/View/ViewInfinite.js.map +1 -1
  484. package/dist/components/View/utils.js.map +1 -1
  485. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
  486. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  487. package/dist/components/WriteBar/WriteBar.js.map +1 -1
  488. package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  489. package/dist/components.css +36 -7
  490. package/dist/components.css.map +1 -1
  491. package/dist/cssm/appearance/constants.js.map +1 -1
  492. package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
  493. package/dist/cssm/components/ActionSheet/ActionSheetContext.js.map +1 -1
  494. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
  495. package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  496. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  497. package/dist/cssm/components/ActionSheet/types.js.map +1 -1
  498. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  499. package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  500. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  501. package/dist/cssm/components/Alert/Alert.js.map +1 -1
  502. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  503. package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
  504. package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
  505. package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
  506. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  507. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  508. package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
  509. package/dist/cssm/components/Badge/Badge.js.map +1 -1
  510. package/dist/cssm/components/Banner/Banner.js.map +1 -1
  511. package/dist/cssm/components/BaseGallery/BaseGallery.js +11 -10
  512. package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -1
  513. package/dist/cssm/components/BaseGallery/helpers.js.map +1 -1
  514. package/dist/cssm/components/BaseGallery/types.js.map +1 -1
  515. package/dist/cssm/components/Button/Button.js.map +1 -1
  516. package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map +1 -1
  517. package/dist/cssm/components/Calendar/Calendar.d.ts +3 -2
  518. package/dist/cssm/components/Calendar/Calendar.js +9 -3
  519. package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
  520. package/dist/cssm/components/CalendarDay/CalendarDay.d.ts +4 -2
  521. package/dist/cssm/components/CalendarDay/CalendarDay.js +8 -3
  522. package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
  523. package/dist/cssm/components/CalendarDays/CalendarDays.d.ts +3 -1
  524. package/dist/cssm/components/CalendarDays/CalendarDays.js +4 -3
  525. package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
  526. package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  527. package/dist/cssm/components/CalendarHeader/CalendarHeader.js +7 -4
  528. package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
  529. package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
  530. package/dist/cssm/components/CalendarTime/CalendarTime.js.map +1 -1
  531. package/dist/cssm/components/Card/Card.js.map +1 -1
  532. package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
  533. package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
  534. package/dist/cssm/components/Cell/Cell.js.map +1 -1
  535. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  536. package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map +1 -1
  537. package/dist/cssm/components/Cell/useDraggable.js.map +1 -1
  538. package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
  539. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  540. package/dist/cssm/components/Chip/Chip.js.map +1 -1
  541. package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
  542. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  543. package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +2 -0
  544. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +6 -2
  545. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  546. package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
  547. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  548. package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
  549. package/dist/cssm/components/Counter/Counter.css +3 -1
  550. package/dist/cssm/components/Counter/Counter.js.map +1 -1
  551. package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
  552. package/dist/cssm/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  553. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  554. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  555. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  556. package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
  557. package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
  558. package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
  559. package/dist/cssm/components/Div/Div.js.map +1 -1
  560. package/dist/cssm/components/Dropdown/Dropdown.js.map +1 -1
  561. package/dist/cssm/components/DropdownIcon/DropdownIcon.js.map +1 -1
  562. package/dist/cssm/components/Epic/Epic.js.map +1 -1
  563. package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
  564. package/dist/cssm/components/File/File.js.map +1 -1
  565. package/dist/cssm/components/FixedLayout/FixedLayout.css +7 -1
  566. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  567. package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
  568. package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
  569. package/dist/cssm/components/Footer/Footer.js.map +1 -1
  570. package/dist/cssm/components/FormField/FormField.js.map +1 -1
  571. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  572. package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
  573. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  574. package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
  575. package/dist/cssm/components/Gallery/Gallery.js +2 -0
  576. package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
  577. package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
  578. package/dist/cssm/components/GridAvatar/GridAvatar.js.map +1 -1
  579. package/dist/cssm/components/Group/Group.css +1 -1
  580. package/dist/cssm/components/Group/Group.d.ts +5 -1
  581. package/dist/cssm/components/Group/Group.js +4 -2
  582. package/dist/cssm/components/Group/Group.js.map +1 -1
  583. package/dist/cssm/components/Header/Header.css +1 -1
  584. package/dist/cssm/components/Header/Header.js.map +1 -1
  585. package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
  586. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  587. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  588. package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
  589. package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
  590. package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
  591. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  592. package/dist/cssm/components/Input/Input.js.map +1 -1
  593. package/dist/cssm/components/InputLike/InputLike.js.map +1 -1
  594. package/dist/cssm/components/InputLike/InputLikeDivider.js.map +1 -1
  595. package/dist/cssm/components/Link/Link.js.map +1 -1
  596. package/dist/cssm/components/List/List.js.map +1 -1
  597. package/dist/cssm/components/List/ListContext.js.map +1 -1
  598. package/dist/cssm/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  599. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  600. package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
  601. package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
  602. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  603. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  604. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  605. package/dist/cssm/components/ModalRoot/ModalRoot.css +4 -1
  606. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  607. package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  608. package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
  609. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  610. package/dist/cssm/components/ModalRoot/constants.js.map +1 -1
  611. package/dist/cssm/components/ModalRoot/types.js.map +1 -1
  612. package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
  613. package/dist/cssm/components/ModalRoot/withModalRootContext.js.map +1 -1
  614. package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
  615. package/dist/cssm/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  616. package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
  617. package/dist/cssm/components/Panel/Panel.js.map +1 -1
  618. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  619. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  620. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  621. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  622. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  623. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  624. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  625. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  626. package/dist/cssm/components/PanelSpinner/PanelSpinner.js.map +1 -1
  627. package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
  628. package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map +1 -1
  629. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  630. package/dist/cssm/components/Popper/Popper.js.map +1 -1
  631. package/dist/cssm/components/PopperArrow/PopperArrow.js.map +1 -1
  632. package/dist/cssm/components/Progress/Progress.js.map +1 -1
  633. package/dist/cssm/components/PromoBanner/PromoBanner.js +1 -1
  634. package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
  635. package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
  636. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  637. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  638. package/dist/cssm/components/RadioGroup/RadioGroup.js.map +1 -1
  639. package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
  640. package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
  641. package/dist/cssm/components/Removable/Removable.js.map +1 -1
  642. package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
  643. package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
  644. package/dist/cssm/components/Root/Root.js.map +1 -1
  645. package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  646. package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  647. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  648. package/dist/cssm/components/Search/Search.js.map +1 -1
  649. package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  650. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  651. package/dist/cssm/components/Select/Select.js.map +1 -1
  652. package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
  653. package/dist/cssm/components/Separator/Separator.js.map +1 -1
  654. package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
  655. package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +34 -1
  656. package/dist/cssm/components/SimpleCell/SimpleCell.js +29 -8
  657. package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
  658. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  659. package/dist/cssm/components/Slider/Slider.js.map +1 -1
  660. package/dist/cssm/components/SliderSwitch/SliderSwitch.js.map +1 -1
  661. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  662. package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
  663. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  664. package/dist/cssm/components/Spinner/Spinner.js.map +1 -1
  665. package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
  666. package/dist/cssm/components/SplitLayout/SplitLayout.css +7 -1
  667. package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
  668. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  669. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.css +9 -1
  670. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  671. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +15 -11
  672. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  673. package/dist/cssm/components/Switch/Switch.js.map +1 -1
  674. package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
  675. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  676. package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
  677. package/dist/cssm/components/TabsItem/TabsItem.css +5 -1
  678. package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
  679. package/dist/cssm/components/Tappable/Tappable.d.ts +2 -1
  680. package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
  681. package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
  682. package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
  683. package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
  684. package/dist/cssm/components/Tooltip/TooltipContainer.js.map +1 -1
  685. package/dist/cssm/components/Touch/Touch.js.map +1 -1
  686. package/dist/cssm/components/Touch/TouchContext.js.map +1 -1
  687. package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
  688. package/dist/cssm/components/Typography/Footnote/Footnote.js.map +1 -1
  689. package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
  690. package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
  691. package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
  692. package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
  693. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  694. package/dist/cssm/components/UsersStack/UsersStack.d.ts +7 -1
  695. package/dist/cssm/components/UsersStack/UsersStack.js +5 -4
  696. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  697. package/dist/cssm/components/View/View.js.map +1 -1
  698. package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
  699. package/dist/cssm/components/View/utils.js.map +1 -1
  700. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
  701. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  702. package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
  703. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  704. package/dist/cssm/helpers/avatar.js.map +1 -1
  705. package/dist/cssm/helpers/getClassName.js.map +1 -1
  706. package/dist/cssm/helpers/getScheme.js.map +1 -1
  707. package/dist/cssm/helpers/math.js.map +1 -1
  708. package/dist/cssm/helpers/scheme.js.map +1 -1
  709. package/dist/cssm/hoc/withAdaptivity.js.map +1 -1
  710. package/dist/cssm/hoc/withContext.js.map +1 -1
  711. package/dist/cssm/hoc/withInsets.js.map +1 -1
  712. package/dist/cssm/hoc/withPlatform.js.map +1 -1
  713. package/dist/cssm/hooks/useAdaptivity.js.map +1 -1
  714. package/dist/cssm/hooks/useAppearance.js.map +1 -1
  715. package/dist/cssm/hooks/useBooleanState.js.map +1 -1
  716. package/dist/cssm/hooks/useBridgeAdaptivity.js.map +1 -1
  717. package/dist/cssm/hooks/useBrowserInfo.js.map +1 -1
  718. package/dist/cssm/hooks/useCalendar.js.map +1 -1
  719. package/dist/cssm/hooks/useChipsInput.js.map +1 -1
  720. package/dist/cssm/hooks/useChipsSelect.js.map +1 -1
  721. package/dist/cssm/hooks/useDateInput.js.map +1 -1
  722. package/dist/cssm/hooks/useEffectDev.js.map +1 -1
  723. package/dist/cssm/hooks/useEnsuredControl.js.map +1 -1
  724. package/dist/cssm/hooks/useEventListener.js.map +1 -1
  725. package/dist/cssm/hooks/useExternRef.js.map +1 -1
  726. package/dist/cssm/hooks/useFocusVisible.js.map +1 -1
  727. package/dist/cssm/hooks/useGlobalEventListener.js.map +1 -1
  728. package/dist/cssm/hooks/useInsets.js.map +1 -1
  729. package/dist/cssm/hooks/useKeyboard.js.map +1 -1
  730. package/dist/cssm/hooks/useKeyboardInputTracker.js.map +1 -1
  731. package/dist/cssm/hooks/useObjectMemo.js.map +1 -1
  732. package/dist/cssm/hooks/useOrientationChange.js.map +1 -1
  733. package/dist/cssm/hooks/usePagination.js.map +1 -1
  734. package/dist/cssm/hooks/usePatchChildrenRef.js.map +1 -1
  735. package/dist/cssm/hooks/usePlatform.js.map +1 -1
  736. package/dist/cssm/hooks/usePrevious.js.map +1 -1
  737. package/dist/cssm/hooks/useTimeout.js.map +1 -1
  738. package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
  739. package/dist/cssm/index.d.ts +2 -0
  740. package/dist/cssm/index.js +1 -0
  741. package/dist/cssm/index.js.map +1 -1
  742. package/dist/cssm/lib/SSR.js.map +1 -1
  743. package/dist/cssm/lib/accessibility.js.map +1 -1
  744. package/dist/cssm/lib/animate.js.map +1 -1
  745. package/dist/cssm/lib/browser.js.map +1 -1
  746. package/dist/cssm/lib/calendar.js.map +1 -1
  747. package/dist/cssm/lib/callMultiple.js.map +1 -1
  748. package/dist/cssm/lib/classNames.js.map +1 -1
  749. package/dist/cssm/lib/classScopingMode.js.map +1 -1
  750. package/dist/cssm/lib/date.js.map +1 -1
  751. package/dist/cssm/lib/dom.js.map +1 -1
  752. package/dist/cssm/lib/fx.js.map +1 -1
  753. package/dist/cssm/lib/getNavId.js.map +1 -1
  754. package/dist/cssm/lib/is.js.map +1 -1
  755. package/dist/cssm/lib/isRefObject.js.map +1 -1
  756. package/dist/cssm/lib/jsxRuntime.d.js.map +1 -1
  757. package/dist/cssm/lib/jsxRuntime.js.map +1 -1
  758. package/dist/cssm/lib/offset.js.map +1 -1
  759. package/dist/cssm/lib/platform.js.map +1 -1
  760. package/dist/cssm/lib/polyfills.js.map +1 -1
  761. package/dist/cssm/lib/prefixClass.js.map +1 -1
  762. package/dist/cssm/lib/removeObjectKeys.js.map +1 -1
  763. package/dist/cssm/lib/select.js.map +1 -1
  764. package/dist/cssm/lib/styles.js.map +1 -1
  765. package/dist/cssm/lib/supportEvents.js.map +1 -1
  766. package/dist/cssm/lib/taptic.js.map +1 -1
  767. package/dist/cssm/lib/testing.js.map +1 -1
  768. package/dist/cssm/lib/touch.js.map +1 -1
  769. package/dist/cssm/lib/useIsomorphicLayoutEffect.js.map +1 -1
  770. package/dist/cssm/lib/utils.js.map +1 -1
  771. package/dist/cssm/lib/warnOnce.js.map +1 -1
  772. package/dist/cssm/styles/components.css +36 -7
  773. package/dist/cssm/styles/themes.css +1 -1
  774. package/dist/cssm/tokenized/index.d.ts +2 -0
  775. package/dist/cssm/tokenized/index.js +1 -0
  776. package/dist/cssm/tokenized/index.js.map +1 -1
  777. package/dist/cssm/types.js.map +1 -1
  778. package/dist/cssm/unstable/index.js.map +1 -1
  779. package/dist/helpers/avatar.js.map +1 -1
  780. package/dist/helpers/getClassName.js.map +1 -1
  781. package/dist/helpers/getScheme.js.map +1 -1
  782. package/dist/helpers/math.js.map +1 -1
  783. package/dist/helpers/scheme.js.map +1 -1
  784. package/dist/hoc/withAdaptivity.js.map +1 -1
  785. package/dist/hoc/withContext.js.map +1 -1
  786. package/dist/hoc/withInsets.js.map +1 -1
  787. package/dist/hoc/withPlatform.js.map +1 -1
  788. package/dist/hooks/useAdaptivity.js.map +1 -1
  789. package/dist/hooks/useAppearance.js.map +1 -1
  790. package/dist/hooks/useBooleanState.js.map +1 -1
  791. package/dist/hooks/useBridgeAdaptivity.js.map +1 -1
  792. package/dist/hooks/useBrowserInfo.js.map +1 -1
  793. package/dist/hooks/useCalendar.js.map +1 -1
  794. package/dist/hooks/useChipsInput.js.map +1 -1
  795. package/dist/hooks/useChipsSelect.js.map +1 -1
  796. package/dist/hooks/useDateInput.js.map +1 -1
  797. package/dist/hooks/useEffectDev.js.map +1 -1
  798. package/dist/hooks/useEnsuredControl.js.map +1 -1
  799. package/dist/hooks/useEventListener.js.map +1 -1
  800. package/dist/hooks/useExternRef.js.map +1 -1
  801. package/dist/hooks/useFocusVisible.js.map +1 -1
  802. package/dist/hooks/useGlobalEventListener.js.map +1 -1
  803. package/dist/hooks/useInsets.js.map +1 -1
  804. package/dist/hooks/useKeyboard.js.map +1 -1
  805. package/dist/hooks/useKeyboardInputTracker.js.map +1 -1
  806. package/dist/hooks/useObjectMemo.js.map +1 -1
  807. package/dist/hooks/useOrientationChange.js.map +1 -1
  808. package/dist/hooks/usePagination.js.map +1 -1
  809. package/dist/hooks/usePatchChildrenRef.js.map +1 -1
  810. package/dist/hooks/usePlatform.js.map +1 -1
  811. package/dist/hooks/usePrevious.js.map +1 -1
  812. package/dist/hooks/useTimeout.js.map +1 -1
  813. package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
  814. package/dist/index.d.ts +2 -0
  815. package/dist/index.js +1 -0
  816. package/dist/index.js.map +1 -1
  817. package/dist/lib/SSR.js.map +1 -1
  818. package/dist/lib/accessibility.js.map +1 -1
  819. package/dist/lib/animate.js.map +1 -1
  820. package/dist/lib/browser.js.map +1 -1
  821. package/dist/lib/calendar.js.map +1 -1
  822. package/dist/lib/callMultiple.js.map +1 -1
  823. package/dist/lib/classNames.js.map +1 -1
  824. package/dist/lib/classScopingMode.js.map +1 -1
  825. package/dist/lib/date.js.map +1 -1
  826. package/dist/lib/dom.js.map +1 -1
  827. package/dist/lib/fx.js.map +1 -1
  828. package/dist/lib/getNavId.js.map +1 -1
  829. package/dist/lib/is.js.map +1 -1
  830. package/dist/lib/isRefObject.js.map +1 -1
  831. package/dist/lib/jsxRuntime.d.js.map +1 -1
  832. package/dist/lib/jsxRuntime.js.map +1 -1
  833. package/dist/lib/offset.js.map +1 -1
  834. package/dist/lib/platform.js.map +1 -1
  835. package/dist/lib/polyfills.js.map +1 -1
  836. package/dist/lib/prefixClass.js.map +1 -1
  837. package/dist/lib/removeObjectKeys.js.map +1 -1
  838. package/dist/lib/select.js.map +1 -1
  839. package/dist/lib/styles.js.map +1 -1
  840. package/dist/lib/supportEvents.js.map +1 -1
  841. package/dist/lib/taptic.js.map +1 -1
  842. package/dist/lib/testing.js.map +1 -1
  843. package/dist/lib/touch.js.map +1 -1
  844. package/dist/lib/useIsomorphicLayoutEffect.js.map +1 -1
  845. package/dist/lib/utils.js.map +1 -1
  846. package/dist/lib/warnOnce.js.map +1 -1
  847. package/dist/tokenized/index.d.ts +2 -0
  848. package/dist/tokenized/index.js +1 -0
  849. package/dist/tokenized/index.js.map +1 -1
  850. package/dist/types.js.map +1 -1
  851. package/dist/unstable/index.js.map +1 -1
  852. package/dist/vkui.css +37 -8
  853. package/dist/vkui.css.map +1 -1
  854. package/package.json +16 -17
  855. package/src/components/Avatar/Readme.md +8 -8
  856. package/src/components/BaseGallery/BaseGallery.tsx +9 -5
  857. package/src/components/Calendar/Calendar.tsx +10 -1
  858. package/src/components/CalendarDay/CalendarDay.tsx +9 -2
  859. package/src/components/CalendarDays/CalendarDays.tsx +7 -1
  860. package/src/components/CalendarHeader/CalendarHeader.tsx +9 -1
  861. package/src/components/ChipsSelect/ChipsSelect.tsx +6 -0
  862. package/src/components/Counter/Counter.css +13 -0
  863. package/src/components/FixedLayout/FixedLayout.css +19 -3
  864. package/src/components/Gallery/Gallery.tsx +1 -0
  865. package/src/components/Gradient/Readme.md +1 -1
  866. package/src/components/Group/Group.css +11 -2
  867. package/src/components/Group/Group.tsx +7 -1
  868. package/src/components/Group/Readme.md +2 -2
  869. package/src/components/Header/Header.css +3 -4
  870. package/src/components/ModalRoot/ModalRoot.css +14 -2
  871. package/src/components/Panel/Panel.css +2 -0
  872. package/src/components/PanelHeaderContent/Readme.md +5 -1
  873. package/src/components/PromoBanner/PromoBanner.tsx +1 -1
  874. package/src/components/SimpleCell/Readme.md +3 -3
  875. package/src/components/SimpleCell/SimpleCell.css +6 -1
  876. package/src/components/SimpleCell/SimpleCell.tsx +71 -8
  877. package/src/components/SplitLayout/SplitLayout.css +8 -2
  878. package/src/components/SubnavigationButton/Readme.md +133 -116
  879. package/src/components/SubnavigationButton/SubnavigationButton.css +86 -53
  880. package/src/components/SubnavigationButton/SubnavigationButton.tsx +22 -15
  881. package/src/components/TabsItem/TabsItem.css +8 -2
  882. package/src/components/Tappable/Tappable.tsx +13 -11
  883. package/src/components/Tooltip/Readme.md +7 -7
  884. package/src/components/UsersStack/UsersStack.tsx +9 -3
  885. package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +1 -6
  886. package/src/index.ts +2 -0
  887. package/src/testing/utils.tsx +1 -1
  888. package/src/tokenized/index.ts +3 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":["React","hasMouse","_hasMouse","hasHover","_hasHover","AdaptivityContext","SizeType","ViewHeight","ViewWidth","useDOM","useBridgeAdaptivity","DESKTOP_SIZE","TABLET_SIZE","SMALL_TABLET_SIZE","MOBILE_SIZE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","AdaptivityProvider","props","adaptivityRef","useRef","useState","updateAdaptivity","bridge","window","current","calculateAdaptivity","useEffect","onResize","calculated","viewWidth","viewHeight","sizeX","sizeY","deviceHasHover","addEventListener","removeEventListener","children","windowWidth","windowHeight","type","viewportWidth","viewportHeight","innerWidth","innerHeight","SMALL_MOBILE","SMALL","REGULAR","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MEDIUM","EXTRA_SMALL","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse, hasHover as _hasHover } from \"@vkontakte/vkjs\";\nimport {\n AdaptivityContext,\n AdaptivityProps,\n SizeType,\n ViewHeight,\n ViewWidth,\n} from \"./AdaptivityContext\";\nimport { useDOM } from \"../../lib/dom\";\nimport {\n useBridgeAdaptivity,\n BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\n\nexport const DESKTOP_SIZE = 1280;\nexport const TABLET_SIZE = 1024;\nexport const SMALL_TABLET_SIZE = 768;\nexport const MOBILE_SIZE = 320;\n\nexport const MOBILE_LANDSCAPE_HEIGHT = 414;\nexport const MEDIUM_HEIGHT = 720;\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = (props: AdaptivityProviderProps) => {\n const adaptivityRef = React.useRef<ReturnType<\n typeof calculateAdaptivity\n > | null>(null);\n const [, updateAdaptivity] = React.useState({});\n const bridge = useBridgeAdaptivity();\n\n const { window } = useDOM();\n\n if (!adaptivityRef.current) {\n adaptivityRef.current = calculateAdaptivity(props, bridge, window);\n }\n\n React.useEffect(() => {\n function onResize() {\n if (adaptivityRef.current === null) {\n return;\n }\n\n const calculated = calculateAdaptivity(props, bridge, window);\n const { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover } =\n adaptivityRef.current;\n\n if (\n viewWidth !== calculated.viewWidth ||\n viewHeight !== calculated.viewHeight ||\n sizeX !== calculated.sizeX ||\n sizeY !== calculated.sizeY ||\n hasMouse !== calculated.hasMouse ||\n deviceHasHover !== calculated.deviceHasHover\n ) {\n adaptivityRef.current = calculated;\n updateAdaptivity({});\n }\n }\n\n onResize();\n window!.addEventListener(\"resize\", onResize, false);\n\n return () => {\n window!.removeEventListener(\"resize\", onResize, false);\n };\n }, [\n props.viewWidth,\n props.viewHeight,\n props.sizeX,\n props.sizeY,\n props.hasMouse,\n props.deviceHasHover,\n window,\n props,\n bridge,\n ]);\n\n return (\n <AdaptivityContext.Provider value={adaptivityRef.current}>\n {props.children}\n </AdaptivityContext.Provider>\n );\n};\n\nfunction calculateAdaptivity(\n props: AdaptivityProps,\n bridge: BridgeAdaptivity,\n window?: Window\n) {\n let windowWidth = 0;\n let windowHeight = 0;\n\n if (bridge.type === \"adaptive\") {\n windowWidth = bridge.viewportWidth;\n windowHeight = bridge.viewportHeight;\n } else if (window) {\n windowWidth = window.innerWidth;\n windowHeight = window.innerHeight;\n }\n\n let viewWidth = ViewWidth.SMALL_MOBILE;\n let viewHeight = ViewHeight.SMALL;\n let sizeY = SizeType.REGULAR;\n let sizeX = SizeType.REGULAR;\n let hasMouse = _hasMouse;\n let deviceHasHover = _hasHover;\n\n if (windowWidth >= DESKTOP_SIZE) {\n viewWidth = ViewWidth.DESKTOP;\n } else if (windowWidth >= TABLET_SIZE) {\n viewWidth = ViewWidth.TABLET;\n } else if (windowWidth >= SMALL_TABLET_SIZE) {\n viewWidth = ViewWidth.SMALL_TABLET;\n } else if (windowWidth >= MOBILE_SIZE) {\n viewWidth = ViewWidth.MOBILE;\n } else {\n viewWidth = ViewWidth.SMALL_MOBILE;\n }\n\n if (windowHeight >= MEDIUM_HEIGHT) {\n viewHeight = ViewHeight.MEDIUM;\n } else if (windowHeight > MOBILE_LANDSCAPE_HEIGHT) {\n viewHeight = ViewHeight.SMALL;\n } else {\n viewHeight = ViewHeight.EXTRA_SMALL;\n }\n\n if (!bridge.type) {\n props.viewWidth && (viewWidth = props.viewWidth);\n props.viewHeight && (viewHeight = props.viewHeight);\n\n hasMouse = props.hasMouse ?? hasMouse;\n deviceHasHover = props.deviceHasHover ?? deviceHasHover;\n }\n\n if (viewWidth <= ViewWidth.MOBILE) {\n sizeX = SizeType.COMPACT;\n }\n\n if (\n (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse) ||\n viewHeight <= ViewHeight.EXTRA_SMALL\n ) {\n sizeY = SizeType.COMPACT;\n }\n\n if (!bridge.type) {\n props.sizeX && (sizeX = props.sizeX);\n props.sizeY && (sizeY = props.sizeY);\n }\n\n if (\n bridge.type === \"force_mobile\" ||\n bridge.type === \"force_mobile_compact\"\n ) {\n viewWidth = ViewWidth.MOBILE;\n sizeX = SizeType.COMPACT;\n\n if (bridge.type === \"force_mobile_compact\") {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n }\n\n return { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover };\n}\n"],"file":"AdaptivityProvider.js"}
1
+ {"version":3,"file":"AdaptivityProvider.js","names":["React","hasMouse","_hasMouse","hasHover","_hasHover","AdaptivityContext","SizeType","ViewHeight","ViewWidth","useDOM","useBridgeAdaptivity","DESKTOP_SIZE","TABLET_SIZE","SMALL_TABLET_SIZE","MOBILE_SIZE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","AdaptivityProvider","props","adaptivityRef","useRef","useState","updateAdaptivity","bridge","window","current","calculateAdaptivity","useEffect","onResize","calculated","viewWidth","viewHeight","sizeX","sizeY","deviceHasHover","addEventListener","removeEventListener","children","windowWidth","windowHeight","type","viewportWidth","viewportHeight","innerWidth","innerHeight","SMALL_MOBILE","SMALL","REGULAR","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MEDIUM","EXTRA_SMALL","COMPACT"],"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse, hasHover as _hasHover } from \"@vkontakte/vkjs\";\nimport {\n AdaptivityContext,\n AdaptivityProps,\n SizeType,\n ViewHeight,\n ViewWidth,\n} from \"./AdaptivityContext\";\nimport { useDOM } from \"../../lib/dom\";\nimport {\n useBridgeAdaptivity,\n BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\n\nexport const DESKTOP_SIZE = 1280;\nexport const TABLET_SIZE = 1024;\nexport const SMALL_TABLET_SIZE = 768;\nexport const MOBILE_SIZE = 320;\n\nexport const MOBILE_LANDSCAPE_HEIGHT = 414;\nexport const MEDIUM_HEIGHT = 720;\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = (props: AdaptivityProviderProps) => {\n const adaptivityRef = React.useRef<ReturnType<\n typeof calculateAdaptivity\n > | null>(null);\n const [, updateAdaptivity] = React.useState({});\n const bridge = useBridgeAdaptivity();\n\n const { window } = useDOM();\n\n if (!adaptivityRef.current) {\n adaptivityRef.current = calculateAdaptivity(props, bridge, window);\n }\n\n React.useEffect(() => {\n function onResize() {\n if (adaptivityRef.current === null) {\n return;\n }\n\n const calculated = calculateAdaptivity(props, bridge, window);\n const { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover } =\n adaptivityRef.current;\n\n if (\n viewWidth !== calculated.viewWidth ||\n viewHeight !== calculated.viewHeight ||\n sizeX !== calculated.sizeX ||\n sizeY !== calculated.sizeY ||\n hasMouse !== calculated.hasMouse ||\n deviceHasHover !== calculated.deviceHasHover\n ) {\n adaptivityRef.current = calculated;\n updateAdaptivity({});\n }\n }\n\n onResize();\n window!.addEventListener(\"resize\", onResize, false);\n\n return () => {\n window!.removeEventListener(\"resize\", onResize, false);\n };\n }, [\n props.viewWidth,\n props.viewHeight,\n props.sizeX,\n props.sizeY,\n props.hasMouse,\n props.deviceHasHover,\n window,\n props,\n bridge,\n ]);\n\n return (\n <AdaptivityContext.Provider value={adaptivityRef.current}>\n {props.children}\n </AdaptivityContext.Provider>\n );\n};\n\nfunction calculateAdaptivity(\n props: AdaptivityProps,\n bridge: BridgeAdaptivity,\n window?: Window\n) {\n let windowWidth = 0;\n let windowHeight = 0;\n\n if (bridge.type === \"adaptive\") {\n windowWidth = bridge.viewportWidth;\n windowHeight = bridge.viewportHeight;\n } else if (window) {\n windowWidth = window.innerWidth;\n windowHeight = window.innerHeight;\n }\n\n let viewWidth = ViewWidth.SMALL_MOBILE;\n let viewHeight = ViewHeight.SMALL;\n let sizeY = SizeType.REGULAR;\n let sizeX = SizeType.REGULAR;\n let hasMouse = _hasMouse;\n let deviceHasHover = _hasHover;\n\n if (windowWidth >= DESKTOP_SIZE) {\n viewWidth = ViewWidth.DESKTOP;\n } else if (windowWidth >= TABLET_SIZE) {\n viewWidth = ViewWidth.TABLET;\n } else if (windowWidth >= SMALL_TABLET_SIZE) {\n viewWidth = ViewWidth.SMALL_TABLET;\n } else if (windowWidth >= MOBILE_SIZE) {\n viewWidth = ViewWidth.MOBILE;\n } else {\n viewWidth = ViewWidth.SMALL_MOBILE;\n }\n\n if (windowHeight >= MEDIUM_HEIGHT) {\n viewHeight = ViewHeight.MEDIUM;\n } else if (windowHeight > MOBILE_LANDSCAPE_HEIGHT) {\n viewHeight = ViewHeight.SMALL;\n } else {\n viewHeight = ViewHeight.EXTRA_SMALL;\n }\n\n if (!bridge.type) {\n props.viewWidth && (viewWidth = props.viewWidth);\n props.viewHeight && (viewHeight = props.viewHeight);\n\n hasMouse = props.hasMouse ?? hasMouse;\n deviceHasHover = props.deviceHasHover ?? deviceHasHover;\n }\n\n if (viewWidth <= ViewWidth.MOBILE) {\n sizeX = SizeType.COMPACT;\n }\n\n if (\n (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse) ||\n viewHeight <= ViewHeight.EXTRA_SMALL\n ) {\n sizeY = SizeType.COMPACT;\n }\n\n if (!bridge.type) {\n props.sizeX && (sizeX = props.sizeX);\n props.sizeY && (sizeY = props.sizeY);\n }\n\n if (\n bridge.type === \"force_mobile\" ||\n bridge.type === \"force_mobile_compact\"\n ) {\n viewWidth = ViewWidth.MOBILE;\n sizeX = SizeType.COMPACT;\n\n if (bridge.type === \"force_mobile_compact\") {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n }\n\n return { viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover };\n}\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"names":["React","Tappable","PopoutWrapper","classNames","VKCOM","IOS","ViewWidth","Button","hasReactNode","stopPropagation","Title","Caption","Text","ModalDismissButton","FocusTrap","useScrollLock","useWaitTransitionFinish","usePlatform","useAdaptivity","AlertHeader","props","platform","AlertText","AlertAction","action","onItemClick","restProps","viewWidth","handleItemClick","useCallback","Component","href","mode","target","title","DESKTOP","Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","waitTransitionFinish","useState","closing","setClosing","elementRef","useRef","resolvedActionsLayout","canShowCloseButton","SMALL_TABLET","isDesktop","timeout","close","current","e","propertyName","item","autoclose","map","i"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { VKCOM, IOS } from \"../../lib/platform\";\nimport { ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { hasReactNode, stopPropagation } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Alert.css\";\n\nexport type AlertActionInterface = AlertAction &\n React.AnchorHTMLAttributes<HTMLElement>;\n\nexport interface AlertAction extends Pick<ButtonProps, \"Component\" | \"href\"> {\n title: string;\n action?: VoidFunction;\n autoclose?: boolean;\n mode: \"cancel\" | \"destructive\" | \"default\";\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement> {\n actionsLayout?: \"vertical\" | \"horizontal\";\n actions?: AlertAction[];\n header?: React.ReactNode;\n text?: React.ReactNode;\n onClose?: VoidFunction;\n\n /**\n * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n}\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\n\ninterface AlertTypography {\n id: string;\n children?: React.ReactNode;\n}\n\nconst AlertHeader = (props: AlertTypography) => {\n const platform = usePlatform();\n\n switch (platform) {\n case IOS:\n return (\n <Title vkuiClass=\"Alert__header\" weight=\"1\" level=\"3\" {...props} />\n );\n default:\n return (\n <Title vkuiClass=\"Alert__header\" weight=\"2\" level=\"2\" {...props} />\n );\n }\n};\n\nconst AlertText = (props: AlertTypography) => {\n const platform = usePlatform();\n\n switch (platform) {\n case VKCOM:\n return <Caption vkuiClass=\"Alert__text\" {...props} />;\n case IOS:\n return <Caption vkuiClass=\"Alert__text\" level=\"2\" {...props} />;\n default:\n return (\n <Text Component=\"span\" vkuiClass=\"Alert__text\" weight=\"3\" {...props} />\n );\n }\n};\n\ninterface AlertActionProps {\n action: AlertActionInterface;\n onItemClick: ItemClickHandler;\n}\n\nconst AlertAction = ({\n action,\n onItemClick,\n ...restProps\n}: AlertActionProps) => {\n const platform = usePlatform();\n const { viewWidth } = useAdaptivity();\n const handleItemClick = React.useCallback(\n () => onItemClick(action),\n [onItemClick, action]\n );\n\n if (platform === IOS) {\n const { Component = \"button\" } = action;\n return (\n <Tappable\n Component={action.href ? \"a\" : Component}\n vkuiClass={classNames(\"Alert__action\", `Alert__action--${action.mode}`)}\n onClick={handleItemClick}\n href={action.href}\n target={action.target}\n {...restProps}\n >\n {action.title}\n </Tappable>\n );\n }\n\n let mode: ButtonProps[\"mode\"] = \"tertiary\";\n\n // TODO v5.0.0 поправить под новую адаптивность\n if (viewWidth === ViewWidth.DESKTOP && action.mode === \"destructive\") {\n mode = \"destructive\";\n }\n\n if (platform === VKCOM) {\n mode = action.mode === \"cancel\" ? \"secondary\" : \"primary\";\n }\n\n return (\n <Button\n vkuiClass={classNames(\"Alert__button\", `Alert__button--${action.mode}`)}\n mode={mode}\n size=\"m\"\n onClick={handleItemClick}\n Component={action.Component}\n href={action.href}\n target={action.target}\n >\n {action.title}\n </Button>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n actions = [],\n actionsLayout = \"horizontal\",\n children,\n className,\n style,\n text,\n header,\n onClose,\n dismissLabel = \"Закрыть предупреждение\",\n ...restProps\n}: AlertProps) => {\n const platform = usePlatform();\n const { viewWidth } = useAdaptivity();\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n\n const elementRef = React.useRef<HTMLDivElement>(null);\n\n const resolvedActionsLayout: AlertProps[\"actionsLayout\"] =\n platform === VKCOM ? \"horizontal\" : actionsLayout;\n const canShowCloseButton =\n platform !== IOS && viewWidth >= ViewWidth.SMALL_TABLET;\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET; // TODO v5.0.0 поправить под новую адаптивность\n\n const timeout = platform === IOS ? 300 : 200;\n\n const close = React.useCallback(() => {\n setClosing(true);\n waitTransitionFinish(\n elementRef.current,\n (e?: TransitionEvent) => {\n if (!e || e.propertyName === \"opacity\") {\n onClose && onClose();\n }\n },\n timeout\n );\n }, [elementRef, waitTransitionFinish, onClose, timeout]);\n\n const onItemClick: ItemClickHandler = React.useCallback(\n (item: AlertActionInterface) => {\n const { action, autoclose } = item;\n\n if (autoclose) {\n setClosing(true);\n waitTransitionFinish(\n elementRef.current,\n (e?: TransitionEvent) => {\n if (!e || e.propertyName === \"opacity\") {\n onClose && onClose();\n action && action();\n }\n },\n timeout\n );\n } else {\n action && action();\n }\n },\n [elementRef, waitTransitionFinish, onClose, timeout]\n );\n\n useScrollLock();\n\n return (\n <PopoutWrapper\n className={className}\n closing={closing}\n style={style}\n onClick={close}\n >\n <FocusTrap\n {...restProps}\n getRootRef={elementRef}\n onClick={stopPropagation}\n onClose={close}\n timeout={timeout}\n vkuiClass={classNames(\n \"Alert\",\n platform === IOS && \"Alert--ios\",\n platform === VKCOM && \"Alert--vkcom\",\n resolvedActionsLayout === \"vertical\" ? \"Alert--v\" : \"Alert--h\",\n closing && \"Alert--closing\",\n isDesktop && \"Alert--desktop\"\n )}\n role=\"alertdialog\"\n aria-modal\n aria-labelledby=\"vkui--alert--title\"\n aria-describedby=\"vkui--alert--desc\"\n >\n <div vkuiClass=\"Alert__content\">\n {hasReactNode(header) && (\n <AlertHeader id=\"vkui--alert--title\">{header}</AlertHeader>\n )}\n {hasReactNode(text) && (\n <AlertText id=\"vkui--alert--desc\">{text}</AlertText>\n )}\n {children}\n </div>\n <div vkuiClass=\"Alert__actions\">\n {actions.map((action, i) => (\n <AlertAction key={i} action={action} onItemClick={onItemClick} />\n ))}\n </div>\n {canShowCloseButton && (\n <ModalDismissButton onClick={close} aria-label={dismissLabel} />\n )}\n </FocusTrap>\n </PopoutWrapper>\n );\n};\n"],"file":"Alert.js"}
1
+ {"version":3,"file":"Alert.js","names":["React","Tappable","PopoutWrapper","classNames","VKCOM","IOS","ViewWidth","Button","hasReactNode","stopPropagation","Title","Caption","Text","ModalDismissButton","FocusTrap","useScrollLock","useWaitTransitionFinish","usePlatform","useAdaptivity","AlertHeader","props","platform","AlertText","AlertAction","action","onItemClick","restProps","viewWidth","handleItemClick","useCallback","Component","href","mode","target","title","DESKTOP","Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","waitTransitionFinish","useState","closing","setClosing","elementRef","useRef","resolvedActionsLayout","canShowCloseButton","SMALL_TABLET","isDesktop","timeout","close","current","e","propertyName","item","autoclose","map","i"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { VKCOM, IOS } from \"../../lib/platform\";\nimport { ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { hasReactNode, stopPropagation } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Alert.css\";\n\nexport type AlertActionInterface = AlertAction &\n React.AnchorHTMLAttributes<HTMLElement>;\n\nexport interface AlertAction extends Pick<ButtonProps, \"Component\" | \"href\"> {\n title: string;\n action?: VoidFunction;\n autoclose?: boolean;\n mode: \"cancel\" | \"destructive\" | \"default\";\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement> {\n actionsLayout?: \"vertical\" | \"horizontal\";\n actions?: AlertAction[];\n header?: React.ReactNode;\n text?: React.ReactNode;\n onClose?: VoidFunction;\n\n /**\n * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n}\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\n\ninterface AlertTypography {\n id: string;\n children?: React.ReactNode;\n}\n\nconst AlertHeader = (props: AlertTypography) => {\n const platform = usePlatform();\n\n switch (platform) {\n case IOS:\n return (\n <Title vkuiClass=\"Alert__header\" weight=\"1\" level=\"3\" {...props} />\n );\n default:\n return (\n <Title vkuiClass=\"Alert__header\" weight=\"2\" level=\"2\" {...props} />\n );\n }\n};\n\nconst AlertText = (props: AlertTypography) => {\n const platform = usePlatform();\n\n switch (platform) {\n case VKCOM:\n return <Caption vkuiClass=\"Alert__text\" {...props} />;\n case IOS:\n return <Caption vkuiClass=\"Alert__text\" level=\"2\" {...props} />;\n default:\n return (\n <Text Component=\"span\" vkuiClass=\"Alert__text\" weight=\"3\" {...props} />\n );\n }\n};\n\ninterface AlertActionProps {\n action: AlertActionInterface;\n onItemClick: ItemClickHandler;\n}\n\nconst AlertAction = ({\n action,\n onItemClick,\n ...restProps\n}: AlertActionProps) => {\n const platform = usePlatform();\n const { viewWidth } = useAdaptivity();\n const handleItemClick = React.useCallback(\n () => onItemClick(action),\n [onItemClick, action]\n );\n\n if (platform === IOS) {\n const { Component = \"button\" } = action;\n return (\n <Tappable\n Component={action.href ? \"a\" : Component}\n vkuiClass={classNames(\"Alert__action\", `Alert__action--${action.mode}`)}\n onClick={handleItemClick}\n href={action.href}\n target={action.target}\n {...restProps}\n >\n {action.title}\n </Tappable>\n );\n }\n\n let mode: ButtonProps[\"mode\"] = \"tertiary\";\n\n // TODO v5.0.0 поправить под новую адаптивность\n if (viewWidth === ViewWidth.DESKTOP && action.mode === \"destructive\") {\n mode = \"destructive\";\n }\n\n if (platform === VKCOM) {\n mode = action.mode === \"cancel\" ? \"secondary\" : \"primary\";\n }\n\n return (\n <Button\n vkuiClass={classNames(\"Alert__button\", `Alert__button--${action.mode}`)}\n mode={mode}\n size=\"m\"\n onClick={handleItemClick}\n Component={action.Component}\n href={action.href}\n target={action.target}\n >\n {action.title}\n </Button>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n actions = [],\n actionsLayout = \"horizontal\",\n children,\n className,\n style,\n text,\n header,\n onClose,\n dismissLabel = \"Закрыть предупреждение\",\n ...restProps\n}: AlertProps) => {\n const platform = usePlatform();\n const { viewWidth } = useAdaptivity();\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n\n const elementRef = React.useRef<HTMLDivElement>(null);\n\n const resolvedActionsLayout: AlertProps[\"actionsLayout\"] =\n platform === VKCOM ? \"horizontal\" : actionsLayout;\n const canShowCloseButton =\n platform !== IOS && viewWidth >= ViewWidth.SMALL_TABLET;\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET; // TODO v5.0.0 поправить под новую адаптивность\n\n const timeout = platform === IOS ? 300 : 200;\n\n const close = React.useCallback(() => {\n setClosing(true);\n waitTransitionFinish(\n elementRef.current,\n (e?: TransitionEvent) => {\n if (!e || e.propertyName === \"opacity\") {\n onClose && onClose();\n }\n },\n timeout\n );\n }, [elementRef, waitTransitionFinish, onClose, timeout]);\n\n const onItemClick: ItemClickHandler = React.useCallback(\n (item: AlertActionInterface) => {\n const { action, autoclose } = item;\n\n if (autoclose) {\n setClosing(true);\n waitTransitionFinish(\n elementRef.current,\n (e?: TransitionEvent) => {\n if (!e || e.propertyName === \"opacity\") {\n onClose && onClose();\n action && action();\n }\n },\n timeout\n );\n } else {\n action && action();\n }\n },\n [elementRef, waitTransitionFinish, onClose, timeout]\n );\n\n useScrollLock();\n\n return (\n <PopoutWrapper\n className={className}\n closing={closing}\n style={style}\n onClick={close}\n >\n <FocusTrap\n {...restProps}\n getRootRef={elementRef}\n onClick={stopPropagation}\n onClose={close}\n timeout={timeout}\n vkuiClass={classNames(\n \"Alert\",\n platform === IOS && \"Alert--ios\",\n platform === VKCOM && \"Alert--vkcom\",\n resolvedActionsLayout === \"vertical\" ? \"Alert--v\" : \"Alert--h\",\n closing && \"Alert--closing\",\n isDesktop && \"Alert--desktop\"\n )}\n role=\"alertdialog\"\n aria-modal\n aria-labelledby=\"vkui--alert--title\"\n aria-describedby=\"vkui--alert--desc\"\n >\n <div vkuiClass=\"Alert__content\">\n {hasReactNode(header) && (\n <AlertHeader id=\"vkui--alert--title\">{header}</AlertHeader>\n )}\n {hasReactNode(text) && (\n <AlertText id=\"vkui--alert--desc\">{text}</AlertText>\n )}\n {children}\n </div>\n <div vkuiClass=\"Alert__actions\">\n {actions.map((action, i) => (\n <AlertAction key={i} action={action} onItemClick={onItemClick} />\n ))}\n </div>\n {canShowCloseButton && (\n <ModalDismissButton onClick={close} aria-label={dismissLabel} />\n )}\n </FocusTrap>\n </PopoutWrapper>\n );\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA,SAASC,KAAT,EAAgBC,GAAhB;AACA,SAASC,SAAT;AACA,SAASC,MAAT;AACA,SAASC,YAAT,EAAuBC,eAAvB;AACA,SAASC,KAAT;AACA,SAASC,OAAT;AACA,SAASC,IAAT;AACA,SAASC,kBAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA,SAASC,uBAAT;AACA,SAASC,WAAT;AACA,SAASC,aAAT;;AAiCA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA4B;EAC9C,IAAMC,QAAQ,GAAGJ,WAAW,EAA5B;;EAEA,QAAQI,QAAR;IACE,KAAKhB,GAAL;MACE,OACE,oBAAC,KAAD;QAAO,SAAS,EAAC,eAAjB;QAAiC,MAAM,EAAC,GAAxC;QAA4C,KAAK,EAAC;MAAlD,GAA0De,KAA1D,EADF;;IAGF;MACE,OACE,oBAAC,KAAD;QAAO,SAAS,EAAC,eAAjB;QAAiC,MAAM,EAAC,GAAxC;QAA4C,KAAK,EAAC;MAAlD,GAA0DA,KAA1D,EADF;EANJ;AAUD,CAbD;;AAeA,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACF,KAAD,EAA4B;EAC5C,IAAMC,QAAQ,GAAGJ,WAAW,EAA5B;;EAEA,QAAQI,QAAR;IACE,KAAKjB,KAAL;MACE,OAAO,oBAAC,OAAD;QAAS,SAAS,EAAC;MAAnB,GAAqCgB,KAArC,EAAP;;IACF,KAAKf,GAAL;MACE,OAAO,oBAAC,OAAD;QAAS,SAAS,EAAC,aAAnB;QAAiC,KAAK,EAAC;MAAvC,GAA+Ce,KAA/C,EAAP;;IACF;MACE,OACE,oBAAC,IAAD;QAAM,SAAS,EAAC,MAAhB;QAAuB,SAAS,EAAC,aAAjC;QAA+C,MAAM,EAAC;MAAtD,GAA8DA,KAA9D,EADF;EANJ;AAUD,CAbD;;AAoBA,IAAMG,WAAW,GAAG,SAAdA,WAAc,OAII;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,IAFtBC,WAEsB,QAFtBA,WAEsB;EAAA,IADnBC,SACmB;;EACtB,IAAML,QAAQ,GAAGJ,WAAW,EAA5B;;EACA,qBAAsBC,aAAa,EAAnC;EAAA,IAAQS,SAAR,kBAAQA,SAAR;;EACA,IAAMC,eAAe,GAAG5B,KAAK,CAAC6B,WAAN,CACtB;IAAA,OAAMJ,WAAW,CAACD,MAAD,CAAjB;EAAA,CADsB,EAEtB,CAACC,WAAD,EAAcD,MAAd,CAFsB,CAAxB;;EAKA,IAAIH,QAAQ,KAAKhB,GAAjB,EAAsB;IACpB,wBAAiCmB,MAAjC,CAAQM,SAAR;IAAA,IAAQA,SAAR,kCAAoB,QAApB;IACA,OACE,oBAAC,QAAD;MACE,SAAS,EAAEN,MAAM,CAACO,IAAP,GAAc,GAAd,GAAoBD,SADjC;MAEE,SAAS,EAAE3B,UAAU,CAAC,eAAD,2BAAoCqB,MAAM,CAACQ,IAA3C,EAFvB;MAGE,OAAO,EAAEJ,eAHX;MAIE,IAAI,EAAEJ,MAAM,CAACO,IAJf;MAKE,MAAM,EAAEP,MAAM,CAACS;IALjB,GAMMP,SANN,GAQGF,MAAM,CAACU,KARV,CADF;EAYD;;EAED,IAAIF,IAAyB,GAAG,UAAhC,CAxBsB,CA0BtB;;EACA,IAAIL,SAAS,KAAKrB,SAAS,CAAC6B,OAAxB,IAAmCX,MAAM,CAACQ,IAAP,KAAgB,aAAvD,EAAsE;IACpEA,IAAI,GAAG,aAAP;EACD;;EAED,IAAIX,QAAQ,KAAKjB,KAAjB,EAAwB;IACtB4B,IAAI,GAAGR,MAAM,CAACQ,IAAP,KAAgB,QAAhB,GAA2B,WAA3B,GAAyC,SAAhD;EACD;;EAED,OACE,oBAAC,MAAD;IACE,SAAS,EAAE7B,UAAU,CAAC,eAAD,2BAAoCqB,MAAM,CAACQ,IAA3C,EADvB;IAEE,IAAI,EAAEA,IAFR;IAGE,IAAI,EAAC,GAHP;IAIE,OAAO,EAAEJ,eAJX;IAKE,SAAS,EAAEJ,MAAM,CAACM,SALpB;IAME,IAAI,EAAEN,MAAM,CAACO,IANf;IAOE,MAAM,EAAEP,MAAM,CAACS;EAPjB,GASGT,MAAM,CAACU,KATV,CADF;AAaD,CApDD;AAsDA;AACA;AACA;;;AACA,OAAO,IAAME,KAAK,GAAG,SAARA,KAAQ,QAWH;EAAA,0BAVhBC,OAUgB;EAAA,IAVhBA,OAUgB,8BAVN,EAUM;EAAA,gCAThBC,aASgB;EAAA,IAThBA,aASgB,oCATA,YASA;EAAA,IARhBC,QAQgB,SARhBA,QAQgB;EAAA,IAPhBC,SAOgB,SAPhBA,SAOgB;EAAA,IANhBC,KAMgB,SANhBA,KAMgB;EAAA,IALhBC,IAKgB,SALhBA,IAKgB;EAAA,IAJhBC,MAIgB,SAJhBA,MAIgB;EAAA,IAHhBC,OAGgB,SAHhBA,OAGgB;EAAA,+BAFhBC,YAEgB;EAAA,IAFhBA,YAEgB,mCAFD,wBAEC;EAAA,IADbnB,SACa;;EAChB,IAAML,QAAQ,GAAGJ,WAAW,EAA5B;;EACA,sBAAsBC,aAAa,EAAnC;EAAA,IAAQS,SAAR,mBAAQA,SAAR;;EACA,4BAAiCX,uBAAuB,EAAxD;EAAA,IAAQ8B,oBAAR,yBAAQA,oBAAR;;EAEA,sBAA8B9C,KAAK,CAAC+C,QAAN,CAAe,KAAf,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,UAAU,GAAGlD,KAAK,CAACmD,MAAN,CAA6B,IAA7B,CAAnB;EAEA,IAAMC,qBAAkD,GACtD/B,QAAQ,KAAKjB,KAAb,GAAqB,YAArB,GAAoCkC,aADtC;EAEA,IAAMe,kBAAkB,GACtBhC,QAAQ,KAAKhB,GAAb,IAAoBsB,SAAS,IAAIrB,SAAS,CAACgD,YAD7C;EAEA,IAAMC,SAAS,GAAG5B,SAAS,IAAIrB,SAAS,CAACgD,YAAzC,CAbgB,CAauC;;EAEvD,IAAME,OAAO,GAAGnC,QAAQ,KAAKhB,GAAb,GAAmB,GAAnB,GAAyB,GAAzC;EAEA,IAAMoD,KAAK,GAAGzD,KAAK,CAAC6B,WAAN,CAAkB,YAAM;IACpCoB,UAAU,CAAC,IAAD,CAAV;IACAH,oBAAoB,CAClBI,UAAU,CAACQ,OADO,EAElB,UAACC,CAAD,EAAyB;MACvB,IAAI,CAACA,CAAD,IAAMA,CAAC,CAACC,YAAF,KAAmB,SAA7B,EAAwC;QACtChB,OAAO,IAAIA,OAAO,EAAlB;MACD;IACF,CANiB,EAOlBY,OAPkB,CAApB;EASD,CAXa,EAWX,CAACN,UAAD,EAAaJ,oBAAb,EAAmCF,OAAnC,EAA4CY,OAA5C,CAXW,CAAd;EAaA,IAAM/B,WAA6B,GAAGzB,KAAK,CAAC6B,WAAN,CACpC,UAACgC,IAAD,EAAgC;IAC9B,IAAQrC,MAAR,GAA8BqC,IAA9B,CAAQrC,MAAR;IAAA,IAAgBsC,SAAhB,GAA8BD,IAA9B,CAAgBC,SAAhB;;IAEA,IAAIA,SAAJ,EAAe;MACbb,UAAU,CAAC,IAAD,CAAV;MACAH,oBAAoB,CAClBI,UAAU,CAACQ,OADO,EAElB,UAACC,CAAD,EAAyB;QACvB,IAAI,CAACA,CAAD,IAAMA,CAAC,CAACC,YAAF,KAAmB,SAA7B,EAAwC;UACtChB,OAAO,IAAIA,OAAO,EAAlB;UACApB,MAAM,IAAIA,MAAM,EAAhB;QACD;MACF,CAPiB,EAQlBgC,OARkB,CAApB;IAUD,CAZD,MAYO;MACLhC,MAAM,IAAIA,MAAM,EAAhB;IACD;EACF,CAnBmC,EAoBpC,CAAC0B,UAAD,EAAaJ,oBAAb,EAAmCF,OAAnC,EAA4CY,OAA5C,CApBoC,CAAtC;EAuBAzC,aAAa;EAEb,OACE,oBAAC,aAAD;IACE,SAAS,EAAEyB,SADb;IAEE,OAAO,EAAEQ,OAFX;IAGE,KAAK,EAAEP,KAHT;IAIE,OAAO,EAAEgB;EAJX,GAME,oBAAC,SAAD,eACM/B,SADN;IAEE,UAAU,EAAEwB,UAFd;IAGE,OAAO,EAAEzC,eAHX;IAIE,OAAO,EAAEgD,KAJX;IAKE,OAAO,EAAED,OALX;IAME,SAAS,EAAErD,UAAU,CACnB,OADmB,EAEnBkB,QAAQ,KAAKhB,GAAb,IAAoB,YAFD,EAGnBgB,QAAQ,KAAKjB,KAAb,IAAsB,cAHH,EAInBgD,qBAAqB,KAAK,UAA1B,GAAuC,UAAvC,GAAoD,UAJjC,EAKnBJ,OAAO,IAAI,gBALQ,EAMnBO,SAAS,IAAI,gBANM,CANvB;IAcE,IAAI,EAAC,aAdP;IAeE,kBAfF;IAgBE,mBAAgB,oBAhBlB;IAiBE,oBAAiB;EAjBnB,IAmBE;IAAK,SAAS,EAAC;EAAf,GACG/C,YAAY,CAACmC,MAAD,CAAZ,IACC,oBAAC,WAAD;IAAa,EAAE,EAAC;EAAhB,GAAsCA,MAAtC,CAFJ,EAIGnC,YAAY,CAACkC,IAAD,CAAZ,IACC,oBAAC,SAAD;IAAW,EAAE,EAAC;EAAd,GAAmCA,IAAnC,CALJ,EAOGH,QAPH,CAnBF,EA4BE;IAAK,SAAS,EAAC;EAAf,GACGF,OAAO,CAAC0B,GAAR,CAAY,UAACvC,MAAD,EAASwC,CAAT;IAAA,OACX,oBAAC,WAAD;MAAa,GAAG,EAAEA,CAAlB;MAAqB,MAAM,EAAExC,MAA7B;MAAqC,WAAW,EAAEC;IAAlD,EADW;EAAA,CAAZ,CADH,CA5BF,EAiCG4B,kBAAkB,IACjB,oBAAC,kBAAD;IAAoB,OAAO,EAAEI,KAA7B;IAAoC,cAAYZ;EAAhD,EAlCJ,CANF,CADF;AA8CD,CAhHM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AppRoot/AppRoot.tsx"],"names":["React","useDOM","classNames","AppRootContext","withAdaptivity","SizeType","useIsomorphicLayoutEffect","classScopingMode","IconSettingsProvider","ElementScrollController","GlobalScrollController","noop","warnOnce","useKeyboardInputTracker","useInsets","ConfigProviderContext","isRefObject","warn","AppRoot","children","_mode","mode","_embedded","embedded","sizeX","hasMouse","noLegacyClasses","scroll","portalRoot","portalRootProp","disablePortal","props","isKeyboardInputActive","rootRef","useRef","useState","setPortalRoot","document","insets","useContext","appearance","noConflict","process","env","NODE_ENV","portal","current","createElement","classList","add","body","appendChild","parentElement","removeChild","parent","classes","concat","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","REGULAR","container","ScrollController","useMemo","content","appRoot","keyboardInput","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport {\n withAdaptivity,\n SizeType,\n AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { classScopingMode } from \"../../lib/classScopingMode\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n ElementScrollController,\n GlobalScrollController,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport \"./AppRoot.css\";\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<AdaptivityProps, \"sizeX\" | \"hasMouse\"> {\n /** @deprecated Use mode=\"embedded\" */\n embedded?: boolean;\n /** Режим встраивания */\n mode?: \"partial\" | \"embedded\" | \"full\";\n window?: Window;\n /** Убирает классы без префикса (.Button) */\n noLegacyClasses?: boolean;\n scroll?: \"global\" | \"contain\";\n /** Элемент используемый в качестве root для порталов\n * При передаче своего элемента необходимо задать ему class=\"vkui__portal-root\" и добавить в DOM\n */\n // TODO: v5.0.0 изменить тип на HTMLElement\n portalRoot?: HTMLDivElement | React.RefObject<HTMLDivElement> | null;\n /** Disable portal for components */\n disablePortal?: boolean;\n}\n\nconst warn = warnOnce(\"AppRoot\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = withAdaptivity<AppRootProps>(\n ({\n children,\n mode: _mode,\n embedded: _embedded,\n sizeX,\n hasMouse,\n noLegacyClasses = false,\n scroll = \"global\",\n portalRoot: portalRootProp = null,\n disablePortal,\n ...props\n }) => {\n // normalize mode\n const mode = _mode || (_embedded ? \"embedded\" : \"full\");\n const isKeyboardInputActive = useKeyboardInputTracker();\n const rootRef = React.useRef<HTMLDivElement | null>(null);\n const [portalRoot, setPortalRoot] = React.useState<HTMLDivElement | null>(\n null\n );\n const { document } = useDOM();\n const insets = useInsets();\n const { appearance } = React.useContext(ConfigProviderContext);\n\n classScopingMode.noConflict = noLegacyClasses;\n\n if (process.env.NODE_ENV === \"development\") {\n if (scroll !== \"global\" && mode !== \"embedded\") {\n warn(\n `Свойство scroll=\"${scroll}\" поддерживается только в режиме embedded`,\n \"error\"\n );\n }\n if (_mode && _embedded) {\n warn(`Свойство mode=\"${mode}\" приоритетнее, чем \"embedded\"`);\n }\n }\n\n // setup portal\n useIsomorphicLayoutEffect(() => {\n let portal: HTMLDivElement | null = null;\n if (portalRootProp) {\n if (isRefObject(portalRootProp)) {\n portal = portalRootProp.current;\n } else {\n portal = portalRootProp;\n }\n }\n if (!portal) {\n portal = document!.createElement(\"div\");\n portal.classList.add(\"vkui__portal-root\");\n document!.body.appendChild(portal);\n }\n setPortalRoot(portal);\n return () => {\n portal?.parentElement?.removeChild(portal);\n };\n }, [portalRootProp]);\n\n // setup root classes\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\") {\n return noop;\n }\n\n const parent = rootRef.current?.parentElement;\n const classes = [\"vkui__root\"].concat(\n mode === \"embedded\" ? \"vkui__root--embedded\" : []\n );\n parent?.classList.add(...classes);\n\n return () => {\n parent?.classList.remove(...classes);\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (mode === \"full\") {\n document!.documentElement.classList.add(\"vkui\");\n\n return () => {\n document!.documentElement.classList.remove(\"vkui\");\n };\n }\n\n return undefined;\n }, [document, mode]);\n\n // setup insets\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\" || !rootRef.current?.parentElement) {\n return noop;\n }\n\n const parent = rootRef.current.parentElement;\n\n for (const key in insets) {\n if (\n insets.hasOwnProperty(key) &&\n typeof insets[key as keyof Insets] === \"number\"\n ) {\n const inset = insets[key as keyof Insets];\n parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n portalRoot &&\n portalRoot.style.setProperty(\n `--safe-area-inset-${key}`,\n `${inset}px`\n );\n }\n }\n\n return () => {\n for (const key in insets) {\n if (insets.hasOwnProperty(key)) {\n parent.style.removeProperty(`--safe-area-inset-${key}`);\n portalRoot &&\n portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n }\n }\n };\n }, [insets, portalRoot]);\n\n // adaptivity handler\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\" || sizeX !== SizeType.REGULAR) {\n return noop;\n }\n const container =\n mode === \"embedded\" ? rootRef.current?.parentElement : document!.body;\n container?.classList.add(\"vkui--sizeX-regular\");\n return () => container?.classList.remove(\"vkui--sizeX-regular\");\n }, [sizeX]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode !== \"full\" || appearance === undefined) {\n return noop;\n }\n document!.documentElement.style.setProperty(\"color-scheme\", appearance);\n\n return () =>\n document!.documentElement.style.removeProperty(\"color-scheme\");\n }, [appearance]);\n\n const ScrollController = React.useMemo(\n () =>\n scroll === \"contain\" ? ElementScrollController : GlobalScrollController,\n [scroll]\n );\n\n const content = (\n <AppRootContext.Provider\n value={{\n appRoot: rootRef,\n portalRoot,\n embedded: mode === \"embedded\",\n keyboardInput: isKeyboardInputActive,\n mode,\n disablePortal,\n }}\n >\n <ScrollController elRef={rootRef}>\n <IconSettingsProvider\n classPrefix=\"vkui\"\n globalClasses={!noLegacyClasses}\n >\n {children}\n </IconSettingsProvider>\n </ScrollController>\n </AppRootContext.Provider>\n );\n\n return mode === \"partial\" ? (\n content\n ) : (\n <div\n ref={rootRef}\n vkuiClass={classNames(\"AppRoot\", !hasMouse && \"AppRoot--no-mouse\")}\n {...props}\n >\n {content}\n </div>\n );\n },\n {\n sizeX: true,\n hasMouse: true,\n }\n);\n\nAppRoot.displayName = \"AppRoot\";\n"],"file":"AppRoot.js"}
1
+ {"version":3,"file":"AppRoot.js","names":["React","useDOM","classNames","AppRootContext","withAdaptivity","SizeType","useIsomorphicLayoutEffect","classScopingMode","IconSettingsProvider","ElementScrollController","GlobalScrollController","noop","warnOnce","useKeyboardInputTracker","useInsets","ConfigProviderContext","isRefObject","warn","AppRoot","children","_mode","mode","_embedded","embedded","sizeX","hasMouse","noLegacyClasses","scroll","portalRoot","portalRootProp","disablePortal","props","isKeyboardInputActive","rootRef","useRef","useState","setPortalRoot","document","insets","useContext","appearance","noConflict","process","env","NODE_ENV","portal","current","createElement","classList","add","body","appendChild","parentElement","removeChild","parent","classes","concat","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","REGULAR","container","ScrollController","useMemo","content","appRoot","keyboardInput","displayName"],"sources":["../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport {\n withAdaptivity,\n SizeType,\n AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { classScopingMode } from \"../../lib/classScopingMode\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n ElementScrollController,\n GlobalScrollController,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport \"./AppRoot.css\";\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<AdaptivityProps, \"sizeX\" | \"hasMouse\"> {\n /** @deprecated Use mode=\"embedded\" */\n embedded?: boolean;\n /** Режим встраивания */\n mode?: \"partial\" | \"embedded\" | \"full\";\n window?: Window;\n /** Убирает классы без префикса (.Button) */\n noLegacyClasses?: boolean;\n scroll?: \"global\" | \"contain\";\n /** Элемент используемый в качестве root для порталов\n * При передаче своего элемента необходимо задать ему class=\"vkui__portal-root\" и добавить в DOM\n */\n // TODO: v5.0.0 изменить тип на HTMLElement\n portalRoot?: HTMLDivElement | React.RefObject<HTMLDivElement> | null;\n /** Disable portal for components */\n disablePortal?: boolean;\n}\n\nconst warn = warnOnce(\"AppRoot\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = withAdaptivity<AppRootProps>(\n ({\n children,\n mode: _mode,\n embedded: _embedded,\n sizeX,\n hasMouse,\n noLegacyClasses = false,\n scroll = \"global\",\n portalRoot: portalRootProp = null,\n disablePortal,\n ...props\n }) => {\n // normalize mode\n const mode = _mode || (_embedded ? \"embedded\" : \"full\");\n const isKeyboardInputActive = useKeyboardInputTracker();\n const rootRef = React.useRef<HTMLDivElement | null>(null);\n const [portalRoot, setPortalRoot] = React.useState<HTMLDivElement | null>(\n null\n );\n const { document } = useDOM();\n const insets = useInsets();\n const { appearance } = React.useContext(ConfigProviderContext);\n\n classScopingMode.noConflict = noLegacyClasses;\n\n if (process.env.NODE_ENV === \"development\") {\n if (scroll !== \"global\" && mode !== \"embedded\") {\n warn(\n `Свойство scroll=\"${scroll}\" поддерживается только в режиме embedded`,\n \"error\"\n );\n }\n if (_mode && _embedded) {\n warn(`Свойство mode=\"${mode}\" приоритетнее, чем \"embedded\"`);\n }\n }\n\n // setup portal\n useIsomorphicLayoutEffect(() => {\n let portal: HTMLDivElement | null = null;\n if (portalRootProp) {\n if (isRefObject(portalRootProp)) {\n portal = portalRootProp.current;\n } else {\n portal = portalRootProp;\n }\n }\n if (!portal) {\n portal = document!.createElement(\"div\");\n portal.classList.add(\"vkui__portal-root\");\n document!.body.appendChild(portal);\n }\n setPortalRoot(portal);\n return () => {\n portal?.parentElement?.removeChild(portal);\n };\n }, [portalRootProp]);\n\n // setup root classes\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\") {\n return noop;\n }\n\n const parent = rootRef.current?.parentElement;\n const classes = [\"vkui__root\"].concat(\n mode === \"embedded\" ? \"vkui__root--embedded\" : []\n );\n parent?.classList.add(...classes);\n\n return () => {\n parent?.classList.remove(...classes);\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (mode === \"full\") {\n document!.documentElement.classList.add(\"vkui\");\n\n return () => {\n document!.documentElement.classList.remove(\"vkui\");\n };\n }\n\n return undefined;\n }, [document, mode]);\n\n // setup insets\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\" || !rootRef.current?.parentElement) {\n return noop;\n }\n\n const parent = rootRef.current.parentElement;\n\n for (const key in insets) {\n if (\n insets.hasOwnProperty(key) &&\n typeof insets[key as keyof Insets] === \"number\"\n ) {\n const inset = insets[key as keyof Insets];\n parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n portalRoot &&\n portalRoot.style.setProperty(\n `--safe-area-inset-${key}`,\n `${inset}px`\n );\n }\n }\n\n return () => {\n for (const key in insets) {\n if (insets.hasOwnProperty(key)) {\n parent.style.removeProperty(`--safe-area-inset-${key}`);\n portalRoot &&\n portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n }\n }\n };\n }, [insets, portalRoot]);\n\n // adaptivity handler\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\" || sizeX !== SizeType.REGULAR) {\n return noop;\n }\n const container =\n mode === \"embedded\" ? rootRef.current?.parentElement : document!.body;\n container?.classList.add(\"vkui--sizeX-regular\");\n return () => container?.classList.remove(\"vkui--sizeX-regular\");\n }, [sizeX]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode !== \"full\" || appearance === undefined) {\n return noop;\n }\n document!.documentElement.style.setProperty(\"color-scheme\", appearance);\n\n return () =>\n document!.documentElement.style.removeProperty(\"color-scheme\");\n }, [appearance]);\n\n const ScrollController = React.useMemo(\n () =>\n scroll === \"contain\" ? ElementScrollController : GlobalScrollController,\n [scroll]\n );\n\n const content = (\n <AppRootContext.Provider\n value={{\n appRoot: rootRef,\n portalRoot,\n embedded: mode === \"embedded\",\n keyboardInput: isKeyboardInputActive,\n mode,\n disablePortal,\n }}\n >\n <ScrollController elRef={rootRef}>\n <IconSettingsProvider\n classPrefix=\"vkui\"\n globalClasses={!noLegacyClasses}\n >\n {children}\n </IconSettingsProvider>\n </ScrollController>\n </AppRootContext.Provider>\n );\n\n return mode === \"partial\" ? (\n content\n ) : (\n <div\n ref={rootRef}\n vkuiClass={classNames(\"AppRoot\", !hasMouse && \"AppRoot--no-mouse\")}\n {...props}\n >\n {content}\n </div>\n );\n },\n {\n sizeX: true,\n hasMouse: true,\n }\n);\n\nAppRoot.displayName = \"AppRoot\";\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AppRoot/AppRootContext.ts"],"names":["React","AppRootContext","createContext","portalRoot"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAWA,OAAO,IAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAA6C;AACzEC,EAAAA,UAAU,EAAE;AAD6D,CAA7C,CAAvB","sourcesContent":["import * as React from \"react\";\n\nexport interface AppRootContextInterface {\n appRoot?: React.RefObject<HTMLDivElement>;\n portalRoot?: HTMLDivElement | null;\n embedded?: boolean;\n mode?: \"partial\" | \"embedded\" | \"full\";\n keyboardInput?: boolean;\n disablePortal?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n portalRoot: null,\n});\n"],"file":"AppRootContext.js"}
1
+ {"version":3,"file":"AppRootContext.js","names":["React","AppRootContext","createContext","portalRoot"],"sources":["../../../src/components/AppRoot/AppRootContext.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport interface AppRootContextInterface {\n appRoot?: React.RefObject<HTMLDivElement>;\n portalRoot?: HTMLDivElement | null;\n embedded?: boolean;\n mode?: \"partial\" | \"embedded\" | \"full\";\n keyboardInput?: boolean;\n disablePortal?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n portalRoot: null,\n});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAWA,OAAO,IAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAA6C;EACzEC,UAAU,EAAE;AAD6D,CAA7C,CAAvB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AppRoot/AppRootPortal.tsx"],"names":["React","createPortal","AppRootContext","AppearanceProvider","useAppearance","AppRootPortal","children","className","forcePortal","useContext","portalRoot","mode","disablePortal","appearance"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,cAAT;AACA,SAASC,kBAAT;AACA,SAASC,aAAT;AAQA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAIH;AAAA;;AAAA,MAHxBC,QAGwB,QAHxBA,QAGwB;AAAA,MAFxBC,SAEwB,QAFxBA,SAEwB;AAAA,MADxBC,WACwB,QADxBA,WACwB;;AACxB,0BAA4CR,KAAK,CAACS,UAAN,CAAiBP,cAAjB,CAA5C;AAAA,MAAQQ,UAAR,qBAAQA,UAAR;AAAA,MAAoBC,IAApB,qBAAoBA,IAApB;AAAA,MAA0BC,aAA1B,qBAA0BA,aAA1B;;AACA,MAAMC,UAAU,GAAGT,aAAa,EAAhC;AAEAI,EAAAA,WAAW,mBAAGA,WAAH,uDAAkBG,IAAI,KAAK,MAAtC;AACA,SAAO,CAACC,aAAD,IAAkBF,UAAlB,IAAgCF,WAAhC,gBACLP,YAAY,CACV,oBAAC,kBAAD;AAAoB,IAAA,UAAU,EAAEY;AAAhC,KACE;AAAK,IAAA,SAAS,EAAEN;AAAhB,KAA4BD,QAA5B,CADF,CADU,EAIVI,UAJU,CADP,GAQL,oBAAC,KAAD,CAAO,QAAP,QAAiBJ,QAAjB,CARF;AAUD,CAnBM","sourcesContent":["import * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { AppearanceProvider } from \"../AppearanceProvider/AppearanceProvider\";\nimport { useAppearance } from \"../../hooks/useAppearance\";\n\nexport interface AppRootPortalProps {\n className?: string;\n forcePortal?: boolean;\n children?: React.ReactNode;\n}\n\nexport const AppRootPortal = ({\n children,\n className,\n forcePortal,\n}: AppRootPortalProps) => {\n const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n const appearance = useAppearance();\n\n forcePortal = forcePortal ?? mode !== \"full\";\n return !disablePortal && portalRoot && forcePortal ? (\n createPortal(\n <AppearanceProvider appearance={appearance}>\n <div className={className}>{children}</div>\n </AppearanceProvider>,\n portalRoot\n )\n ) : (\n <React.Fragment>{children}</React.Fragment>\n );\n};\n"],"file":"AppRootPortal.js"}
1
+ {"version":3,"file":"AppRootPortal.js","names":["React","createPortal","AppRootContext","AppearanceProvider","useAppearance","AppRootPortal","children","className","forcePortal","useContext","portalRoot","mode","disablePortal","appearance"],"sources":["../../../src/components/AppRoot/AppRootPortal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { AppearanceProvider } from \"../AppearanceProvider/AppearanceProvider\";\nimport { useAppearance } from \"../../hooks/useAppearance\";\n\nexport interface AppRootPortalProps {\n className?: string;\n forcePortal?: boolean;\n children?: React.ReactNode;\n}\n\nexport const AppRootPortal = ({\n children,\n className,\n forcePortal,\n}: AppRootPortalProps) => {\n const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n const appearance = useAppearance();\n\n forcePortal = forcePortal ?? mode !== \"full\";\n return !disablePortal && portalRoot && forcePortal ? (\n createPortal(\n <AppearanceProvider appearance={appearance}>\n <div className={className}>{children}</div>\n </AppearanceProvider>,\n portalRoot\n )\n ) : (\n <React.Fragment>{children}</React.Fragment>\n );\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,cAAT;AACA,SAASC,kBAAT;AACA,SAASC,aAAT;AAQA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAIH;EAAA;;EAAA,IAHxBC,QAGwB,QAHxBA,QAGwB;EAAA,IAFxBC,SAEwB,QAFxBA,SAEwB;EAAA,IADxBC,WACwB,QADxBA,WACwB;;EACxB,wBAA4CR,KAAK,CAACS,UAAN,CAAiBP,cAAjB,CAA5C;EAAA,IAAQQ,UAAR,qBAAQA,UAAR;EAAA,IAAoBC,IAApB,qBAAoBA,IAApB;EAAA,IAA0BC,aAA1B,qBAA0BA,aAA1B;;EACA,IAAMC,UAAU,GAAGT,aAAa,EAAhC;EAEAI,WAAW,mBAAGA,WAAH,uDAAkBG,IAAI,KAAK,MAAtC;EACA,OAAO,CAACC,aAAD,IAAkBF,UAAlB,IAAgCF,WAAhC,gBACLP,YAAY,CACV,oBAAC,kBAAD;IAAoB,UAAU,EAAEY;EAAhC,GACE;IAAK,SAAS,EAAEN;EAAhB,GAA4BD,QAA5B,CADF,CADU,EAIVI,UAJU,CADP,GAQL,oBAAC,KAAD,CAAO,QAAP,QAAiBJ,QAAjB,CARF;AAUD,CAnBM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AppRoot/ScrollContext.tsx"],"names":["React","noop","useIsomorphicLayoutEffect","clamp","useDOM","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","ScrollContext","createContext","getScroll","x","y","scrollTo","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","window","document","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","pageYOffset","body","scrollWidth","innerWidth","scrollHeight","innerHeight","current","forEach","fn","scrollY","scrollX","documentElement","clientWidth","clientHeight","parseInt","scrollController","useMemo","ElementScrollController","elRef","scrollLeft","scrollTop","el","useScrollLockEffect","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","useScrollLock","enabled"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { clamp } from \"../../helpers/math\";\nimport { useDOM } from \"../../lib/dom\";\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n Object.assign(node.style, {\n position: \"\",\n top: \"\",\n left: \"\",\n right: \"\",\n overflowY: \"\",\n overflowX: \"\",\n });\n};\n\nexport interface ScrollContextInterface {\n getScroll(this: void): { x: number; y: number };\n scrollTo(this: void, x?: number, y?: number): void;\n isScrollLock: boolean;\n enableScrollLock(this: void): void;\n disableScrollLock(this: void): void;\n beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n getScroll: () => ({ x: 0, y: 0 }),\n scrollTo: noop,\n isScrollLock: false,\n enableScrollLock: noop,\n disableScrollLock: noop,\n});\n\nexport const useScroll = () => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps {\n elRef: React.RefObject<HTMLElement>;\n children?: React.ReactNode;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps) => {\n const { window, document } = useDOM();\n const [isScrollLock, setScrollLock] = React.useState(false);\n const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n () => ({ x: window!.pageXOffset, y: window!.pageYOffset }),\n [window]\n );\n const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n (x = 0, y = 0) => {\n // Some iOS versions do not normalize scroll — do it manually.\n window!.scrollTo(\n x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0\n );\n },\n [document, window]\n );\n\n const enableScrollLock = React.useCallback<\n ScrollContextInterface[\"enableScrollLock\"]\n >(() => {\n beforeScrollLockFnSetRef.current.forEach((fn) => {\n fn();\n });\n\n const scrollY = window!.pageYOffset;\n const scrollX = window!.pageXOffset;\n const overflowY =\n window!.innerWidth > document!.documentElement.clientWidth\n ? \"scroll\"\n : \"\";\n const overflowX =\n window!.innerHeight > document!.documentElement.clientHeight\n ? \"scroll\"\n : \"\";\n\n Object.assign(document!.body.style, {\n position: \"fixed\",\n top: `-${scrollY}px`,\n left: `-${scrollX}px`,\n right: \"0\",\n overflowY,\n overflowX,\n });\n setScrollLock(true);\n }, [document, window]);\n\n const disableScrollLock = React.useCallback<\n ScrollContextInterface[\"disableScrollLock\"]\n >(() => {\n const scrollY = document!.body.style.top;\n const scrollX = document!.body.style.left;\n\n clearDisableScrollStyle(document!.body);\n window!.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n setScrollLock(false);\n }, [document, window]);\n\n const scrollController = React.useMemo<ScrollContextInterface>(\n () => ({\n getScroll,\n scrollTo,\n isScrollLock,\n disableScrollLock,\n enableScrollLock,\n\n beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n }),\n [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n );\n\n return (\n <ScrollContext.Provider value={scrollController}>\n {children}\n </ScrollContext.Provider>\n );\n};\n\nexport const ElementScrollController = ({\n elRef,\n children,\n}: ScrollControllerProps) => {\n const [isScrollLock, setScrollLock] = React.useState(false);\n const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n () => ({\n x: elRef.current?.scrollLeft ?? 0,\n y: elRef.current?.scrollTop ?? 0,\n }),\n [elRef]\n );\n const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n (x = 0, y = 0) => {\n const el = elRef.current;\n // Some iOS versions do not normalize scroll — do it manually.\n el?.scrollTo(\n x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0\n );\n },\n [elRef]\n );\n\n const enableScrollLock = React.useCallback<\n ScrollContextInterface[\"enableScrollLock\"]\n >(() => {\n const el = elRef.current;\n if (!el) {\n return;\n }\n beforeScrollLockFnSetRef.current.forEach((fn) => {\n fn();\n });\n\n const scrollY = el.scrollTop;\n const scrollX = el.scrollLeft;\n const overflowY = el.scrollWidth > el.clientWidth ? \"scroll\" : \"\";\n const overflowX = el.scrollHeight > el.clientHeight ? \"scroll\" : \"\";\n\n Object.assign(el.style, {\n position: \"absolute\",\n top: `-${scrollY}px`,\n left: `-${scrollX}px`,\n right: \"0\",\n overflowY,\n overflowX,\n });\n setScrollLock(true);\n }, [elRef]);\n\n const disableScrollLock = React.useCallback<\n ScrollContextInterface[\"disableScrollLock\"]\n >(() => {\n const el = elRef.current;\n if (!el) {\n return;\n }\n\n const scrollY = el.style.top;\n const scrollX = el.style.left;\n\n clearDisableScrollStyle(el);\n el.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n setScrollLock(false);\n }, [elRef]);\n\n const scrollController = React.useMemo<ScrollContextInterface>(\n () => ({\n getScroll,\n scrollTo,\n isScrollLock,\n disableScrollLock,\n enableScrollLock,\n beforeScrollLockFnSetRef,\n }),\n [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n );\n\n return (\n <ScrollContext.Provider value={scrollController}>\n {children}\n </ScrollContext.Provider>\n );\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (\n effect: React.EffectCallback,\n deps: React.DependencyList\n) => {\n const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n // Изменяем effectCallback только при изменении deps\n const effectCallback = React.useCallback(() => {\n destructorRef.current = effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n\n // Добавляем effectCallback в список функций, которые необходимо вызвать\n // до блокировки\n React.useEffect(() => {\n const beforeSet = beforeScrollLockFnSetRef?.current;\n if (!beforeSet) {\n return noop;\n }\n\n beforeSet.add(effectCallback);\n\n return () => {\n beforeSet.delete(effectCallback);\n };\n }, [beforeScrollLockFnSetRef, effectCallback]);\n\n // Вызываем сбрасывающую функцию, после отключения блокировки\n React.useEffect(() => {\n if (!isScrollLock && destructorRef.current) {\n destructorRef.current();\n }\n }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true) => {\n const { enableScrollLock, disableScrollLock } = useScroll();\n useIsomorphicLayoutEffect(() => {\n if (enabled) {\n enableScrollLock();\n return disableScrollLock;\n }\n return noop;\n }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"file":"ScrollContext.js"}
1
+ {"version":3,"file":"ScrollContext.js","names":["React","noop","useIsomorphicLayoutEffect","clamp","useDOM","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","ScrollContext","createContext","getScroll","x","y","scrollTo","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","window","document","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","pageYOffset","body","scrollWidth","innerWidth","scrollHeight","innerHeight","current","forEach","fn","scrollY","scrollX","documentElement","clientWidth","clientHeight","parseInt","scrollController","useMemo","ElementScrollController","elRef","scrollLeft","scrollTop","el","useScrollLockEffect","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","useScrollLock","enabled"],"sources":["../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { clamp } from \"../../helpers/math\";\nimport { useDOM } from \"../../lib/dom\";\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n Object.assign(node.style, {\n position: \"\",\n top: \"\",\n left: \"\",\n right: \"\",\n overflowY: \"\",\n overflowX: \"\",\n });\n};\n\nexport interface ScrollContextInterface {\n getScroll(this: void): { x: number; y: number };\n scrollTo(this: void, x?: number, y?: number): void;\n isScrollLock: boolean;\n enableScrollLock(this: void): void;\n disableScrollLock(this: void): void;\n beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n getScroll: () => ({ x: 0, y: 0 }),\n scrollTo: noop,\n isScrollLock: false,\n enableScrollLock: noop,\n disableScrollLock: noop,\n});\n\nexport const useScroll = () => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps {\n elRef: React.RefObject<HTMLElement>;\n children?: React.ReactNode;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps) => {\n const { window, document } = useDOM();\n const [isScrollLock, setScrollLock] = React.useState(false);\n const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n () => ({ x: window!.pageXOffset, y: window!.pageYOffset }),\n [window]\n );\n const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n (x = 0, y = 0) => {\n // Some iOS versions do not normalize scroll — do it manually.\n window!.scrollTo(\n x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0\n );\n },\n [document, window]\n );\n\n const enableScrollLock = React.useCallback<\n ScrollContextInterface[\"enableScrollLock\"]\n >(() => {\n beforeScrollLockFnSetRef.current.forEach((fn) => {\n fn();\n });\n\n const scrollY = window!.pageYOffset;\n const scrollX = window!.pageXOffset;\n const overflowY =\n window!.innerWidth > document!.documentElement.clientWidth\n ? \"scroll\"\n : \"\";\n const overflowX =\n window!.innerHeight > document!.documentElement.clientHeight\n ? \"scroll\"\n : \"\";\n\n Object.assign(document!.body.style, {\n position: \"fixed\",\n top: `-${scrollY}px`,\n left: `-${scrollX}px`,\n right: \"0\",\n overflowY,\n overflowX,\n });\n setScrollLock(true);\n }, [document, window]);\n\n const disableScrollLock = React.useCallback<\n ScrollContextInterface[\"disableScrollLock\"]\n >(() => {\n const scrollY = document!.body.style.top;\n const scrollX = document!.body.style.left;\n\n clearDisableScrollStyle(document!.body);\n window!.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n setScrollLock(false);\n }, [document, window]);\n\n const scrollController = React.useMemo<ScrollContextInterface>(\n () => ({\n getScroll,\n scrollTo,\n isScrollLock,\n disableScrollLock,\n enableScrollLock,\n\n beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n }),\n [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n );\n\n return (\n <ScrollContext.Provider value={scrollController}>\n {children}\n </ScrollContext.Provider>\n );\n};\n\nexport const ElementScrollController = ({\n elRef,\n children,\n}: ScrollControllerProps) => {\n const [isScrollLock, setScrollLock] = React.useState(false);\n const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n () => ({\n x: elRef.current?.scrollLeft ?? 0,\n y: elRef.current?.scrollTop ?? 0,\n }),\n [elRef]\n );\n const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n (x = 0, y = 0) => {\n const el = elRef.current;\n // Some iOS versions do not normalize scroll — do it manually.\n el?.scrollTo(\n x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0\n );\n },\n [elRef]\n );\n\n const enableScrollLock = React.useCallback<\n ScrollContextInterface[\"enableScrollLock\"]\n >(() => {\n const el = elRef.current;\n if (!el) {\n return;\n }\n beforeScrollLockFnSetRef.current.forEach((fn) => {\n fn();\n });\n\n const scrollY = el.scrollTop;\n const scrollX = el.scrollLeft;\n const overflowY = el.scrollWidth > el.clientWidth ? \"scroll\" : \"\";\n const overflowX = el.scrollHeight > el.clientHeight ? \"scroll\" : \"\";\n\n Object.assign(el.style, {\n position: \"absolute\",\n top: `-${scrollY}px`,\n left: `-${scrollX}px`,\n right: \"0\",\n overflowY,\n overflowX,\n });\n setScrollLock(true);\n }, [elRef]);\n\n const disableScrollLock = React.useCallback<\n ScrollContextInterface[\"disableScrollLock\"]\n >(() => {\n const el = elRef.current;\n if (!el) {\n return;\n }\n\n const scrollY = el.style.top;\n const scrollX = el.style.left;\n\n clearDisableScrollStyle(el);\n el.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n setScrollLock(false);\n }, [elRef]);\n\n const scrollController = React.useMemo<ScrollContextInterface>(\n () => ({\n getScroll,\n scrollTo,\n isScrollLock,\n disableScrollLock,\n enableScrollLock,\n beforeScrollLockFnSetRef,\n }),\n [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n );\n\n return (\n <ScrollContext.Provider value={scrollController}>\n {children}\n </ScrollContext.Provider>\n );\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (\n effect: React.EffectCallback,\n deps: React.DependencyList\n) => {\n const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n // Изменяем effectCallback только при изменении deps\n const effectCallback = React.useCallback(() => {\n destructorRef.current = effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n\n // Добавляем effectCallback в список функций, которые необходимо вызвать\n // до блокировки\n React.useEffect(() => {\n const beforeSet = beforeScrollLockFnSetRef?.current;\n if (!beforeSet) {\n return noop;\n }\n\n beforeSet.add(effectCallback);\n\n return () => {\n beforeSet.delete(effectCallback);\n };\n }, [beforeScrollLockFnSetRef, effectCallback]);\n\n // Вызываем сбрасывающую функцию, после отключения блокировки\n React.useEffect(() => {\n if (!isScrollLock && destructorRef.current) {\n destructorRef.current();\n }\n }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true) => {\n const { enableScrollLock, disableScrollLock } = useScroll();\n useIsomorphicLayoutEffect(() => {\n if (enabled) {\n enableScrollLock();\n return disableScrollLock;\n }\n return noop;\n }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"names":["React","AppearanceProviderContext","getScheme","classNamesString","usePlatform","Platform","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM","AppearanceProvider","children","scheme","Children","map","child","isValidElement","cloneElement","className","props"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,yBAAT;AACA,SAASC,SAAT;AACA,SAASC,gBAAT;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AAOA,OAAO,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CACzCC,QADyC,EAEzCC,UAFyC,EAG9B;AACX,MAAIC,cAAJ;;AACA,UAAQF,QAAR;AACE,SAAKF,QAAQ,CAACK,OAAd;AACED,MAAAA,cAAc,GAAG,QAAjB;AACA;;AACF,SAAKJ,QAAQ,CAACM,GAAd;AACEF,MAAAA,cAAc,GAAG,OAAjB;AACA;;AACF,SAAKJ,QAAQ,CAACO,KAAd;AACEH,MAAAA,cAAc,GAAG,OAAjB;AACA;;AACF;AACEA,MAAAA,cAAc,GAAGF,QAAjB;AAXJ;;AAcA,yBAAgBE,cAAhB,eAAmCD,UAAnC;AACD,CApBM;AAsBP;AACA;AACA;;AACA,OAAO,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;AAAA,MAF7BC,QAE6B,QAF7BA,QAE6B;AAAA,6BAD7BN,UAC6B;AAAA,MAD7BA,UAC6B,gCADhB,OACgB;AAC7B,MAAMD,QAAQ,GAAGH,WAAW,EAA5B;AACA,MAAMW,MAAM,GAAGb,SAAS,CAAC;AACvBK,IAAAA,QAAQ,EAARA,QADuB;AAEvBC,IAAAA,UAAU,EAAVA;AAFuB,GAAD,CAAxB;AAKA,SACE,oBAAC,yBAAD,CAA2B,QAA3B;AAAoC,IAAA,KAAK,EAAEA;AAA3C,KACGR,KAAK,CAACgB,QAAN,CAAeC,GAAf,CAAmBH,QAAnB,EAA6B,UAACI,KAAD,EAAW;AACvC,sBAAIlB,KAAK,CAACmB,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;AAC/B,0BAAOlB,KAAK,CAACoB,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,QAAAA,SAAS,EAAElB,gBAAgB,CACzBe,KAAK,CAACI,KAAN,CAAYD,SADa,gBAElBN,MAFkB,GAGzBT,2BAA2B,CAACC,QAAD,EAAWC,UAAX,CAHF;AADI,OAA1B,CAAP;AAOD;;AACD,WAAOU,KAAP;AACD,GAXA,CADH,CADF;AAgBD,CA1BM","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { AppearanceProviderContext } from \"./AppearanceProviderContext\";\nimport { getScheme } from \"../../helpers/getScheme\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\n\nexport interface AppearanceProviderProps {\n appearance?: AppearanceType;\n children?: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n platform: string,\n appearance: string\n): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = \"vkBase\";\n break;\n case Platform.IOS:\n tokensPlatform = \"vkIOS\";\n break;\n case Platform.VKCOM:\n tokensPlatform = \"vkCom\";\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n children,\n appearance = \"light\",\n}: AppearanceProviderProps) => {\n const platform = usePlatform();\n const scheme = getScheme({\n platform,\n appearance,\n });\n\n return (\n <AppearanceProviderContext.Provider value={appearance}>\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n className: classNamesString(\n child.props.className,\n `vkui${scheme}`,\n generateVKUITokensClassName(platform, appearance)\n ),\n });\n }\n return child;\n })}\n </AppearanceProviderContext.Provider>\n );\n};\n"],"file":"AppearanceProvider.js"}
1
+ {"version":3,"file":"AppearanceProvider.js","names":["React","AppearanceProviderContext","getScheme","classNamesString","usePlatform","Platform","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM","AppearanceProvider","children","scheme","Children","map","child","isValidElement","cloneElement","className","props"],"sources":["../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { AppearanceProviderContext } from \"./AppearanceProviderContext\";\nimport { getScheme } from \"../../helpers/getScheme\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\n\nexport interface AppearanceProviderProps {\n appearance?: AppearanceType;\n children?: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n platform: string,\n appearance: string\n): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = \"vkBase\";\n break;\n case Platform.IOS:\n tokensPlatform = \"vkIOS\";\n break;\n case Platform.VKCOM:\n tokensPlatform = \"vkCom\";\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n children,\n appearance = \"light\",\n}: AppearanceProviderProps) => {\n const platform = usePlatform();\n const scheme = getScheme({\n platform,\n appearance,\n });\n\n return (\n <AppearanceProviderContext.Provider value={appearance}>\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n className: classNamesString(\n child.props.className,\n `vkui${scheme}`,\n generateVKUITokensClassName(platform, appearance)\n ),\n });\n }\n return child;\n })}\n </AppearanceProviderContext.Provider>\n );\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,yBAAT;AACA,SAASC,SAAT;AACA,SAASC,gBAAT;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AAOA,OAAO,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CACzCC,QADyC,EAEzCC,UAFyC,EAG9B;EACX,IAAIC,cAAJ;;EACA,QAAQF,QAAR;IACE,KAAKF,QAAQ,CAACK,OAAd;MACED,cAAc,GAAG,QAAjB;MACA;;IACF,KAAKJ,QAAQ,CAACM,GAAd;MACEF,cAAc,GAAG,OAAjB;MACA;;IACF,KAAKJ,QAAQ,CAACO,KAAd;MACEH,cAAc,GAAG,OAAjB;MACA;;IACF;MACEA,cAAc,GAAGF,QAAjB;EAXJ;;EAcA,uBAAgBE,cAAhB,eAAmCD,UAAnC;AACD,CApBM;AAsBP;AACA;AACA;;AACA,OAAO,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;EAAA,IAF7BC,QAE6B,QAF7BA,QAE6B;EAAA,2BAD7BN,UAC6B;EAAA,IAD7BA,UAC6B,gCADhB,OACgB;EAC7B,IAAMD,QAAQ,GAAGH,WAAW,EAA5B;EACA,IAAMW,MAAM,GAAGb,SAAS,CAAC;IACvBK,QAAQ,EAARA,QADuB;IAEvBC,UAAU,EAAVA;EAFuB,CAAD,CAAxB;EAKA,OACE,oBAAC,yBAAD,CAA2B,QAA3B;IAAoC,KAAK,EAAEA;EAA3C,GACGR,KAAK,CAACgB,QAAN,CAAeC,GAAf,CAAmBH,QAAnB,EAA6B,UAACI,KAAD,EAAW;IACvC,kBAAIlB,KAAK,CAACmB,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;MAC/B,oBAAOlB,KAAK,CAACoB,YAAN,CAAmBF,KAAnB,EAA0B;QAC/BG,SAAS,EAAElB,gBAAgB,CACzBe,KAAK,CAACI,KAAN,CAAYD,SADa,gBAElBN,MAFkB,GAGzBT,2BAA2B,CAACC,QAAD,EAAWC,UAAX,CAHF;MADI,CAA1B,CAAP;IAOD;;IACD,OAAOU,KAAP;EACD,CAXA,CADH,CADF;AAgBD,CA1BM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AppearanceProvider/AppearanceProviderContext.tsx"],"names":["React","Appearance","AppearanceProviderContext","createContext","LIGHT"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AAEA,OAAO,IAAMC,yBAAyB,gBAAGF,KAAK,CAACG,aAAN,CACvCF,UAAU,CAACG,KAD4B,CAAlC","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { Appearance } from \"../../helpers/scheme\";\n\nexport const AppearanceProviderContext = React.createContext<AppearanceType>(\n Appearance.LIGHT\n);\n"],"file":"AppearanceProviderContext.js"}
1
+ {"version":3,"file":"AppearanceProviderContext.js","names":["React","Appearance","AppearanceProviderContext","createContext","LIGHT"],"sources":["../../../src/components/AppearanceProvider/AppearanceProviderContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { Appearance } from \"../../helpers/scheme\";\n\nexport const AppearanceProviderContext = React.createContext<AppearanceType>(\n Appearance.LIGHT\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AAEA,OAAO,IAAMC,yBAAyB,gBAAGF,KAAK,CAACG,aAAN,CACvCF,UAAU,CAACG,KAD4B,CAAlC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Avatar/Avatar.tsx"],"names":["React","Icon12Circle","Icon12OnlineMobile","classNames","useAdaptivity","Tappable","AVATAR_DEFAULT_SIZE","AVATAR_DEFAULT_SHADOW","Avatar","alt","crossOrigin","decoding","height","loading","referrerPolicy","sizes","src","srcSet","useMap","width","getRef","size","shadow","mode","className","children","getRootRef","style","ariaLabel","badge","overlayIcon","overlayMode","passedOverlayAction","overlayAction","onClick","restProps","hasMouse","useState","failedImage","setFailedImage","onImageError","onImageLoad","borderRadius","hasSrc","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./Avatar.css\";\n\nexport interface AvatarProps\n extends React.ImgHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLImageElement> {\n /**\n * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24\n */\n size?: number;\n mode?: \"default\" | \"image\" | \"app\";\n shadow?: boolean;\n badge?: \"online\" | \"online-mobile\" | JSX.Element;\n overlayIcon?: JSX.Element;\n overlayMode?: \"dark\" | \"light\";\n /**\n * Поведение показа overlay: \"hover\" - при наведении, \"always\" - всегда\n */\n overlayAction?: \"hover\" | \"always\";\n}\n\nexport const AVATAR_DEFAULT_SIZE = 48;\nexport const AVATAR_DEFAULT_SHADOW = true;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n alt,\n crossOrigin,\n decoding,\n height,\n loading,\n referrerPolicy,\n sizes,\n src,\n srcSet,\n useMap,\n width,\n getRef,\n size = AVATAR_DEFAULT_SIZE,\n shadow = AVATAR_DEFAULT_SHADOW,\n mode = \"default\",\n className,\n children,\n getRootRef,\n style,\n \"aria-label\": ariaLabel,\n badge,\n overlayIcon,\n overlayMode = \"light\",\n overlayAction: passedOverlayAction,\n onClick,\n ...restProps\n}: AvatarProps) => {\n const { hasMouse } = useAdaptivity();\n const [failedImage, setFailedImage] = React.useState(false);\n\n const overlayAction = passedOverlayAction ?? (hasMouse ? \"hover\" : \"always\");\n\n const onImageError = () => {\n setFailedImage(true);\n };\n\n const onImageLoad = () => {\n setFailedImage(false);\n };\n\n let borderRadius: string | number = \"50%\";\n\n switch (mode) {\n case \"image\":\n size < 64 && (borderRadius = 4);\n size >= 64 && size < 96 && (borderRadius = 6);\n size >= 96 && (borderRadius = 8);\n break;\n case \"app\":\n size <= 40 && (borderRadius = 8);\n size > 40 && size < 56 && (borderRadius = 10);\n size >= 56 && size < 64 && (borderRadius = 12);\n size >= 64 && size < 84 && (borderRadius = 16);\n size >= 84 && (borderRadius = 18);\n break;\n default:\n break;\n }\n\n const hasSrc = src || srcSet;\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Avatar\",\n `Avatar--type-${mode}`,\n `Avatar--sz-${size}`,\n shadow && \"Avatar--shadow\",\n failedImage && \"Avatar--failed\"\n )}\n className={className}\n ref={getRootRef}\n role={hasSrc ? \"img\" : \"presentation\"}\n aria-label={alt || ariaLabel}\n onClick={!overlayIcon ? onClick : undefined}\n style={{ ...style, width: size, height: size, borderRadius }}\n >\n {hasSrc && (\n <img\n crossOrigin={crossOrigin}\n decoding={decoding}\n height={height}\n loading={loading}\n referrerPolicy={referrerPolicy}\n sizes={sizes}\n src={src}\n srcSet={srcSet}\n useMap={useMap}\n width={width}\n ref={getRef}\n onError={onImageError}\n onLoad={onImageLoad}\n vkuiClass=\"Avatar__img\"\n alt=\"\"\n />\n )}\n {children && <div vkuiClass=\"Avatar__children\">{children}</div>}\n {overlayIcon && (\n <Tappable\n Component=\"button\"\n vkuiClass={classNames(\n \"Avatar__overlay\",\n overlayAction === \"always\" && \"Avatar__overlay--visible\",\n overlayMode === \"light\" && \"Avatar__overlay--light\",\n overlayMode === \"dark\" && \"Avatar__overlay--dark\"\n )}\n hoverMode=\"Avatar__overlay--visible\"\n focusVisibleMode=\"Avatar__overlay--focus-visible\"\n hasActive={false}\n onClick={onClick}\n >\n {overlayIcon}\n </Tappable>\n )}\n {badge && (\n <div\n vkuiClass={classNames(\n \"Avatar__badge\",\n size >= 96 && \"Avatar__badge--large\",\n badge !== \"online\" &&\n badge !== \"online-mobile\" &&\n \"Avatar__badge--shadow\"\n )}\n >\n {badge === \"online\" ? (\n <div vkuiClass=\"Avatar__badge-online\">\n <Icon12Circle\n width={size >= 72 ? 15 : 12}\n height={size >= 72 ? 15 : 12}\n />\n </div>\n ) : badge === \"online-mobile\" ? (\n <div vkuiClass=\"Avatar__badge-online-mobile\">\n <Icon12OnlineMobile\n width={size >= 72 ? 9 : 8}\n height={size >= 72 ? 15 : 12}\n />\n </div>\n ) : (\n badge\n )}\n </div>\n )}\n </div>\n );\n};\n"],"file":"Avatar.js"}
1
+ {"version":3,"file":"Avatar.js","names":["React","Icon12Circle","Icon12OnlineMobile","classNames","useAdaptivity","Tappable","AVATAR_DEFAULT_SIZE","AVATAR_DEFAULT_SHADOW","Avatar","alt","crossOrigin","decoding","height","loading","referrerPolicy","sizes","src","srcSet","useMap","width","getRef","size","shadow","mode","className","children","getRootRef","style","ariaLabel","badge","overlayIcon","overlayMode","passedOverlayAction","overlayAction","onClick","restProps","hasMouse","useState","failedImage","setFailedImage","onImageError","onImageLoad","borderRadius","hasSrc","undefined"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./Avatar.css\";\n\nexport interface AvatarProps\n extends React.ImgHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLImageElement> {\n /**\n * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24\n */\n size?: number;\n mode?: \"default\" | \"image\" | \"app\";\n shadow?: boolean;\n badge?: \"online\" | \"online-mobile\" | JSX.Element;\n overlayIcon?: JSX.Element;\n overlayMode?: \"dark\" | \"light\";\n /**\n * Поведение показа overlay: \"hover\" - при наведении, \"always\" - всегда\n */\n overlayAction?: \"hover\" | \"always\";\n}\n\nexport const AVATAR_DEFAULT_SIZE = 48;\nexport const AVATAR_DEFAULT_SHADOW = true;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n alt,\n crossOrigin,\n decoding,\n height,\n loading,\n referrerPolicy,\n sizes,\n src,\n srcSet,\n useMap,\n width,\n getRef,\n size = AVATAR_DEFAULT_SIZE,\n shadow = AVATAR_DEFAULT_SHADOW,\n mode = \"default\",\n className,\n children,\n getRootRef,\n style,\n \"aria-label\": ariaLabel,\n badge,\n overlayIcon,\n overlayMode = \"light\",\n overlayAction: passedOverlayAction,\n onClick,\n ...restProps\n}: AvatarProps) => {\n const { hasMouse } = useAdaptivity();\n const [failedImage, setFailedImage] = React.useState(false);\n\n const overlayAction = passedOverlayAction ?? (hasMouse ? \"hover\" : \"always\");\n\n const onImageError = () => {\n setFailedImage(true);\n };\n\n const onImageLoad = () => {\n setFailedImage(false);\n };\n\n let borderRadius: string | number = \"50%\";\n\n switch (mode) {\n case \"image\":\n size < 64 && (borderRadius = 4);\n size >= 64 && size < 96 && (borderRadius = 6);\n size >= 96 && (borderRadius = 8);\n break;\n case \"app\":\n size <= 40 && (borderRadius = 8);\n size > 40 && size < 56 && (borderRadius = 10);\n size >= 56 && size < 64 && (borderRadius = 12);\n size >= 64 && size < 84 && (borderRadius = 16);\n size >= 84 && (borderRadius = 18);\n break;\n default:\n break;\n }\n\n const hasSrc = src || srcSet;\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Avatar\",\n `Avatar--type-${mode}`,\n `Avatar--sz-${size}`,\n shadow && \"Avatar--shadow\",\n failedImage && \"Avatar--failed\"\n )}\n className={className}\n ref={getRootRef}\n role={hasSrc ? \"img\" : \"presentation\"}\n aria-label={alt || ariaLabel}\n onClick={!overlayIcon ? onClick : undefined}\n style={{ ...style, width: size, height: size, borderRadius }}\n >\n {hasSrc && (\n <img\n crossOrigin={crossOrigin}\n decoding={decoding}\n height={height}\n loading={loading}\n referrerPolicy={referrerPolicy}\n sizes={sizes}\n src={src}\n srcSet={srcSet}\n useMap={useMap}\n width={width}\n ref={getRef}\n onError={onImageError}\n onLoad={onImageLoad}\n vkuiClass=\"Avatar__img\"\n alt=\"\"\n />\n )}\n {children && <div vkuiClass=\"Avatar__children\">{children}</div>}\n {overlayIcon && (\n <Tappable\n Component=\"button\"\n vkuiClass={classNames(\n \"Avatar__overlay\",\n overlayAction === \"always\" && \"Avatar__overlay--visible\",\n overlayMode === \"light\" && \"Avatar__overlay--light\",\n overlayMode === \"dark\" && \"Avatar__overlay--dark\"\n )}\n hoverMode=\"Avatar__overlay--visible\"\n focusVisibleMode=\"Avatar__overlay--focus-visible\"\n hasActive={false}\n onClick={onClick}\n >\n {overlayIcon}\n </Tappable>\n )}\n {badge && (\n <div\n vkuiClass={classNames(\n \"Avatar__badge\",\n size >= 96 && \"Avatar__badge--large\",\n badge !== \"online\" &&\n badge !== \"online-mobile\" &&\n \"Avatar__badge--shadow\"\n )}\n >\n {badge === \"online\" ? (\n <div vkuiClass=\"Avatar__badge-online\">\n <Icon12Circle\n width={size >= 72 ? 15 : 12}\n height={size >= 72 ? 15 : 12}\n />\n </div>\n ) : badge === \"online-mobile\" ? (\n <div vkuiClass=\"Avatar__badge-online-mobile\">\n <Icon12OnlineMobile\n width={size >= 72 ? 9 : 8}\n height={size >= 72 ? 15 : 12}\n />\n </div>\n ) : (\n badge\n )}\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":["classNames","Badge","mode","restProps"],"mappings":";;;;AACA,SAASA,UAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,uBAAGC,IAAH;AAAA,MAAGA,IAAH,0BAAU,KAAV;AAAA,MAAoBC,SAApB;;AAAA,SACnB;AAAM,IAAA,SAAS,EAAEH,UAAU,CAAC,OAAD,mBAAoBE,IAApB;AAA3B,KAA4DC,SAA5D,EADmB;AAAA,CAAd","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n <span vkuiClass={classNames(\"Badge\", `Badge--${mode}`)} {...restProps} />\n);\n"],"file":"Badge.js"}
1
+ {"version":3,"file":"Badge.js","names":["classNames","Badge","mode","restProps"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n <span vkuiClass={classNames(\"Badge\", `Badge--${mode}`)} {...restProps} />\n);\n"],"mappings":";;;;AACA,SAASA,UAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ;EAAA,qBAAGC,IAAH;EAAA,IAAGA,IAAH,0BAAU,KAAV;EAAA,IAAoBC,SAApB;;EAAA,OACnB;IAAM,SAAS,EAAEH,UAAU,CAAC,OAAD,mBAAoBE,IAApB;EAA3B,GAA4DC,SAA5D,EADmB;AAAA,CAAd"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Banner/Banner.tsx"],"names":["React","classNames","usePlatform","IOS","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","HeaderTypography","SubheaderTypography","IconDismissIOS","content","Children","count"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n Icon24Chevron,\n Icon24DismissSubstract,\n Icon24DismissDark,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Тип баннера.\n */\n mode?: \"tint\" | \"image\";\n size?: \"s\" | \"m\";\n /**\n * Тип действия в правой части баннера.\n *\n * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n */\n asideMode?: \"dismiss\" | \"expand\";\n /**\n * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n */\n onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n /**\n * Содержимое, отображаемое в левой части баннера.\n */\n before?: React.ReactNode;\n /**\n * Заголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n header?: React.ReactNode;\n /**\n * Подзаголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n subheader?: React.ReactNode;\n /**\n * Текст баннера. <br />\n * Это свойство следует использовать без указания `header` и `subheader`.\n */\n text?: React.ReactNode;\n /**\n * При использовании `mode=\"image\"`.\n *\n * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n */\n imageTheme?: \"light\" | \"dark\";\n /**\n * При использовании `mode=\"image\"`.\n *\n * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n */\n background?: React.ReactNode;\n /**\n * Кнопки, отображаемые в баннере.\n *\n * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n */\n actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n mode = \"tint\",\n imageTheme = \"dark\",\n size = \"s\",\n before,\n asideMode,\n header,\n subheader,\n text,\n children,\n background,\n actions,\n onDismiss,\n dismissLabel = \"Скрыть\",\n ...restProps\n}: BannerProps) => {\n const platform = usePlatform();\n\n const HeaderTypography = size === \"m\" ? Title : Headline;\n const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n const IconDismissIOS =\n mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n const content = (\n <React.Fragment>\n {mode === \"image\" && background && (\n <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n {background}\n </div>\n )}\n\n {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n <div vkuiClass=\"Banner__content\">\n {hasReactNode(header) && (\n <HeaderTypography\n Component=\"span\"\n vkuiClass=\"Banner__header\"\n weight=\"2\"\n level={size === \"m\" ? \"2\" : \"1\"}\n >\n {header}\n </HeaderTypography>\n )}\n {hasReactNode(subheader) && (\n <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n {subheader}\n </SubheaderTypography>\n )}\n {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n <div vkuiClass=\"Banner__actions\">{actions}</div>\n )}\n </div>\n </React.Fragment>\n );\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n \"Banner\",\n platform === IOS && \"Banner--ios\",\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n )}\n >\n {asideMode === \"expand\" ? (\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? \"opacity\" : \"background\"}\n role=\"button\"\n >\n {content}\n\n <div vkuiClass=\"Banner__aside\">\n <Icon24Chevron />\n </div>\n </Tappable>\n ) : (\n <div vkuiClass=\"Banner__in\">\n {content}\n\n {asideMode === \"dismiss\" && (\n <div vkuiClass=\"Banner__aside\">\n <IconButton\n aria-label={dismissLabel}\n vkuiClass=\"Banner__dismiss\"\n onClick={onDismiss}\n hoverMode=\"opacity\"\n hasActive={false}\n >\n {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n </IconButton>\n </div>\n )}\n </div>\n )}\n </section>\n );\n};\n"],"file":"Banner.js"}
1
+ {"version":3,"file":"Banner.js","names":["React","classNames","usePlatform","IOS","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","HeaderTypography","SubheaderTypography","IconDismissIOS","content","Children","count"],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n Icon24Chevron,\n Icon24DismissSubstract,\n Icon24DismissDark,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Тип баннера.\n */\n mode?: \"tint\" | \"image\";\n size?: \"s\" | \"m\";\n /**\n * Тип действия в правой части баннера.\n *\n * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n */\n asideMode?: \"dismiss\" | \"expand\";\n /**\n * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n */\n onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n /**\n * Содержимое, отображаемое в левой части баннера.\n */\n before?: React.ReactNode;\n /**\n * Заголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n header?: React.ReactNode;\n /**\n * Подзаголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n subheader?: React.ReactNode;\n /**\n * Текст баннера. <br />\n * Это свойство следует использовать без указания `header` и `subheader`.\n */\n text?: React.ReactNode;\n /**\n * При использовании `mode=\"image\"`.\n *\n * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n */\n imageTheme?: \"light\" | \"dark\";\n /**\n * При использовании `mode=\"image\"`.\n *\n * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n */\n background?: React.ReactNode;\n /**\n * Кнопки, отображаемые в баннере.\n *\n * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n */\n actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n mode = \"tint\",\n imageTheme = \"dark\",\n size = \"s\",\n before,\n asideMode,\n header,\n subheader,\n text,\n children,\n background,\n actions,\n onDismiss,\n dismissLabel = \"Скрыть\",\n ...restProps\n}: BannerProps) => {\n const platform = usePlatform();\n\n const HeaderTypography = size === \"m\" ? Title : Headline;\n const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n const IconDismissIOS =\n mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n const content = (\n <React.Fragment>\n {mode === \"image\" && background && (\n <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n {background}\n </div>\n )}\n\n {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n <div vkuiClass=\"Banner__content\">\n {hasReactNode(header) && (\n <HeaderTypography\n Component=\"span\"\n vkuiClass=\"Banner__header\"\n weight=\"2\"\n level={size === \"m\" ? \"2\" : \"1\"}\n >\n {header}\n </HeaderTypography>\n )}\n {hasReactNode(subheader) && (\n <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n {subheader}\n </SubheaderTypography>\n )}\n {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n <div vkuiClass=\"Banner__actions\">{actions}</div>\n )}\n </div>\n </React.Fragment>\n );\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n \"Banner\",\n platform === IOS && \"Banner--ios\",\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n )}\n >\n {asideMode === \"expand\" ? (\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? \"opacity\" : \"background\"}\n role=\"button\"\n >\n {content}\n\n <div vkuiClass=\"Banner__aside\">\n <Icon24Chevron />\n </div>\n </Tappable>\n ) : (\n <div vkuiClass=\"Banner__in\">\n {content}\n\n {asideMode === \"dismiss\" && (\n <div vkuiClass=\"Banner__aside\">\n <IconButton\n aria-label={dismissLabel}\n vkuiClass=\"Banner__dismiss\"\n onClick={onDismiss}\n hoverMode=\"opacity\"\n hasActive={false}\n >\n {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n </IconButton>\n </div>\n )}\n </div>\n )}\n </section>\n );\n};\n"],"mappings":"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"}
@@ -32,7 +32,7 @@ var SHIFT_DEFAULT_STATE = {
32
32
  indent: 0
33
33
  };
34
34
  export var BaseGallery = function BaseGallery(_ref) {
35
- var _layoutState$current$8;
35
+ var _layoutState$current$9;
36
36
 
37
37
  var _ref$bullets = _ref.bullets,
38
38
  bullets = _ref$bullets === void 0 ? false : _ref$bullets,
@@ -141,7 +141,7 @@ export var BaseGallery = function BaseGallery(_ref) {
141
141
  };
142
142
 
143
143
  var initializeSlides = function initializeSlides() {
144
- var _React$Children$map, _rootRef$current$offs, _rootRef$current, _viewportRef$current$, _viewportRef$current;
144
+ var _React$Children$map, _rootRef$current$offs, _rootRef$current, _viewportRef$current$, _viewportRef$current, _layoutState$current$7, _localSlides$slideInd;
145
145
 
146
146
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
147
147
  var localSlides = (_React$Children$map = React.Children.map(children, function (_item, i) {
@@ -154,24 +154,25 @@ export var BaseGallery = function BaseGallery(_ref) {
154
154
  };
155
155
  })) !== null && _React$Children$map !== void 0 ? _React$Children$map : [];
156
156
  var localContainerWidth = (_rootRef$current$offs = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.offsetWidth) !== null && _rootRef$current$offs !== void 0 ? _rootRef$current$offs : 0;
157
- var localviewportOffsetWidth = (_viewportRef$current$ = (_viewportRef$current = viewportRef.current) === null || _viewportRef$current === void 0 ? void 0 : _viewportRef$current.offsetWidth) !== null && _viewportRef$current$ !== void 0 ? _viewportRef$current$ : 0;
157
+ var localViewportOffsetWidth = (_viewportRef$current$ = (_viewportRef$current = viewportRef.current) === null || _viewportRef$current === void 0 ? void 0 : _viewportRef$current.offsetWidth) !== null && _viewportRef$current$ !== void 0 ? _viewportRef$current$ : 0;
158
158
  var localLayerWidth = localSlides.reduce(function (val, slide) {
159
159
  return slide.width + val;
160
160
  }, 0);
161
+ var adjustShiftX = localSlides.length <= layoutState.current.slides.length || ((_layoutState$current$7 = layoutState.current.slides[slideIndex]) === null || _layoutState$current$7 === void 0 ? void 0 : _layoutState$current$7.coordX) !== ((_localSlides$slideInd = localSlides[slideIndex]) === null || _localSlides$slideInd === void 0 ? void 0 : _localSlides$slideInd.coordX);
161
162
  layoutState.current = {
162
163
  containerWidth: localContainerWidth,
163
- viewportOffsetWidth: localviewportOffsetWidth,
164
+ viewportOffsetWidth: localViewportOffsetWidth,
164
165
  layerWidth: localLayerWidth,
165
166
  max: calcMax({
166
167
  slides: localSlides,
167
- viewportOffsetWidth: localviewportOffsetWidth,
168
+ viewportOffsetWidth: localViewportOffsetWidth,
168
169
  isCenterWithCustomWidth: isCenterWithCustomWidth
169
170
  }),
170
171
  min: calcMin({
171
172
  containerWidth: localContainerWidth,
172
173
  layerWidth: localLayerWidth,
173
174
  slides: localSlides,
174
- viewportOffsetWidth: localviewportOffsetWidth,
175
+ viewportOffsetWidth: localViewportOffsetWidth,
175
176
  isCenterWithCustomWidth: isCenterWithCustomWidth,
176
177
  align: align
177
178
  }),
@@ -182,7 +183,7 @@ export var BaseGallery = function BaseGallery(_ref) {
182
183
  var _options$animation;
183
184
 
184
185
  return _objectSpread(_objectSpread({}, prevState), {}, {
185
- shiftX: calculateIndent(slideIndex),
186
+ shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,
186
187
  animation: (_options$animation = options.animation) !== null && _options$animation !== void 0 ? _options$animation : prevState.shiftX === validateIndent(prevState.shiftX)
187
188
  });
188
189
  });
@@ -229,10 +230,10 @@ export var BaseGallery = function BaseGallery(_ref) {
229
230
 
230
231
 
231
232
  var getTarget = function getTarget(e) {
232
- var _layoutState$current$7;
233
+ var _layoutState$current$8;
233
234
 
234
235
  var expectDeltaX = shiftState.deltaX / e.duration * 240 * 0.6;
235
- var shift = shiftState.shiftX + shiftState.deltaX + expectDeltaX - ((_layoutState$current$7 = layoutState.current.max) !== null && _layoutState$current$7 !== void 0 ? _layoutState$current$7 : 0);
236
+ var shift = shiftState.shiftX + shiftState.deltaX + expectDeltaX - ((_layoutState$current$8 = layoutState.current.max) !== null && _layoutState$current$8 !== void 0 ? _layoutState$current$8 : 0);
236
237
  var direction = shiftState.deltaX < 0 ? 1 : -1; // Находим ближайшую границу слайда к текущему отступу
237
238
 
238
239
  var targetIndex = layoutState.current.slides.reduce(function (val, item, index) {
@@ -326,7 +327,7 @@ export var BaseGallery = function BaseGallery(_ref) {
326
327
 
327
328
  var canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;
328
329
  var canSlideRight = !layoutState.current.isFullyVisible && ( // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side
329
- align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$8 = layoutState.current.layerWidth) !== null && _layoutState$current$8 !== void 0 ? _layoutState$current$8 : 0) || // otherwise we need to check current slide index (align = right or align = center)
330
+ align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$9 = layoutState.current.layerWidth) !== null && _layoutState$current$9 !== void 0 ? _layoutState$current$9 : 0) || // otherwise we need to check current slide index (align = right or align = center)
330
331
  align !== "left" && slideIndex < layoutState.current.slides.length - 1);
331
332
  return createScopedElement("div", _extends({}, restProps, {
332
333
  vkuiClass: classNames("Gallery", "Gallery--".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),