@vkontakte/vkui 5.1.0 → 5.2.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 (516) hide show
  1. package/LICENSE +25 -0
  2. package/README.md +118 -0
  3. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js +1 -1
  4. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  5. package/dist/cjs/components/AppRoot/AppRoot.js +7 -4
  6. package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
  7. package/dist/cjs/components/Avatar/Avatar.d.ts +1 -1
  8. package/dist/cjs/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts +1 -1
  9. package/dist/cjs/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js +5 -4
  10. package/dist/cjs/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map +1 -1
  11. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js +7 -4
  12. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  13. package/dist/cjs/components/Checkbox/Checkbox.d.ts +3 -2
  14. package/dist/cjs/components/Checkbox/Checkbox.js +12 -2
  15. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  16. package/dist/cjs/components/ChipsSelect/ChipsSelect.js +0 -4
  17. package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
  18. package/dist/cjs/components/ContentCard/ContentCard.js +2 -1
  19. package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
  20. package/dist/cjs/components/CustomSelect/CustomSelect.js +11 -7
  21. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  22. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -3
  23. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js +21 -72
  24. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  25. package/dist/cjs/components/DateInput/DateInput.d.ts +3 -2
  26. package/dist/cjs/components/DateInput/DateInput.js +3 -3
  27. package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
  28. package/dist/cjs/components/DateRangeInput/DateRangeInput.d.ts +2 -2
  29. package/dist/cjs/components/DateRangeInput/DateRangeInput.js +3 -2
  30. package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
  31. package/dist/cjs/components/Epic/Epic.js +1 -1
  32. package/dist/cjs/components/Epic/Epic.js.map +1 -1
  33. package/dist/cjs/components/FixedLayout/FixedLayout.js +2 -2
  34. package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
  35. package/dist/cjs/components/FormField/FormField.js +6 -10
  36. package/dist/cjs/components/FormField/FormField.js.map +1 -1
  37. package/dist/cjs/components/IconButton/IconButton.js +9 -0
  38. package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
  39. package/dist/cjs/components/ModalCard/ModalCard.d.ts +1 -1
  40. package/dist/cjs/components/ModalCard/ModalCard.js +4 -2
  41. package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
  42. package/dist/cjs/components/ModalCardBase/ModalCardBase.d.ts +5 -1
  43. package/dist/cjs/components/ModalCardBase/ModalCardBase.js +9 -2
  44. package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
  45. package/dist/cjs/components/ModalPage/ModalPage.d.ts +2 -6
  46. package/dist/cjs/components/ModalPage/ModalPage.js +13 -7
  47. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  48. package/dist/cjs/components/ModalRoot/ModalRoot.js +1 -2
  49. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  50. package/dist/cjs/components/NativeSelect/NativeSelect.d.ts +1 -1
  51. package/dist/cjs/components/NativeSelect/NativeSelect.js +2 -2
  52. package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
  53. package/dist/cjs/components/PanelHeader/PanelHeader.js +18 -4
  54. package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
  55. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +11 -2
  56. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  57. package/dist/cjs/components/Popover/Popover.js +4 -1
  58. package/dist/cjs/components/Popover/Popover.js.map +1 -1
  59. package/dist/cjs/components/Popper/Popper.d.ts +12 -9
  60. package/dist/cjs/components/Popper/Popper.js +92 -119
  61. package/dist/cjs/components/Popper/Popper.js.map +1 -1
  62. package/dist/cjs/components/PopperArrow/PopperArrow.d.ts +15 -5
  63. package/dist/cjs/components/PopperArrow/PopperArrow.js +44 -17
  64. package/dist/cjs/components/PopperArrow/PopperArrow.js.map +1 -1
  65. package/dist/cjs/components/Progress/Progress.js +3 -1
  66. package/dist/cjs/components/Progress/Progress.js.map +1 -1
  67. package/dist/cjs/components/Root/Root.js +2 -2
  68. package/dist/cjs/components/Root/Root.js.map +1 -1
  69. package/dist/cjs/components/Select/Select.d.ts +1 -5
  70. package/dist/cjs/components/Select/Select.js +13 -41
  71. package/dist/cjs/components/Select/Select.js.map +1 -1
  72. package/dist/cjs/components/SelectMimicry/SelectMimicry.d.ts +1 -1
  73. package/dist/cjs/components/SelectMimicry/SelectMimicry.js +2 -2
  74. package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
  75. package/dist/cjs/components/SelectTypography/SelectTypography.d.ts +11 -0
  76. package/dist/cjs/components/SelectTypography/SelectTypography.js +48 -0
  77. package/dist/cjs/components/SelectTypography/SelectTypography.js.map +1 -0
  78. package/dist/cjs/components/Slider/Slider.d.ts +1 -1
  79. package/dist/cjs/components/Slider/Slider.js +4 -3
  80. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  81. package/dist/cjs/components/Spacing/Spacing.js +2 -1
  82. package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
  83. package/dist/cjs/components/SplitCol/SplitCol.d.ts +0 -6
  84. package/dist/cjs/components/SplitCol/SplitCol.js +3 -11
  85. package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
  86. package/dist/cjs/components/SplitCol/SplitColContext.d.ts +7 -0
  87. package/dist/cjs/components/SplitCol/SplitColContext.js +18 -0
  88. package/dist/cjs/components/SplitCol/SplitColContext.js.map +1 -0
  89. package/dist/cjs/components/Switch/Switch.js +2 -3
  90. package/dist/cjs/components/Switch/Switch.js.map +1 -1
  91. package/dist/cjs/components/TabbarItem/TabbarItem.js +9 -0
  92. package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
  93. package/dist/cjs/components/Tabs/Tabs.js +6 -15
  94. package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
  95. package/dist/cjs/components/Tooltip/Tooltip.d.ts +3 -3
  96. package/dist/cjs/components/Tooltip/Tooltip.js +116 -151
  97. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  98. package/dist/cjs/components/Touch/Touch.js +4 -4
  99. package/dist/cjs/components/Touch/Touch.js.map +1 -1
  100. package/dist/cjs/components/View/View.js +2 -2
  101. package/dist/cjs/components/View/View.js.map +1 -1
  102. package/dist/cjs/components/View/ViewInfinite.d.ts +1 -1
  103. package/dist/cjs/components/View/ViewInfinite.js +2 -2
  104. package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
  105. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +10 -8
  106. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  107. package/dist/cjs/index.d.ts +37 -30
  108. package/dist/cjs/index.js +13 -13
  109. package/dist/cjs/index.js.map +1 -1
  110. package/dist/cjs/lib/floating/adapters.d.ts +2 -0
  111. package/dist/cjs/lib/floating/adapters.js +63 -0
  112. package/dist/cjs/lib/floating/adapters.js.map +1 -0
  113. package/dist/cjs/lib/floating/functions.d.ts +10 -0
  114. package/dist/cjs/lib/floating/functions.js +36 -0
  115. package/dist/cjs/lib/floating/functions.js.map +1 -0
  116. package/dist/cjs/lib/floating/index.d.ts +4 -0
  117. package/dist/cjs/lib/floating/index.js +75 -0
  118. package/dist/cjs/lib/floating/index.js.map +1 -0
  119. package/dist/cjs/lib/floating/types.d.ts +4 -0
  120. package/dist/cjs/lib/floating/types.js +6 -0
  121. package/dist/cjs/lib/floating/types.js.map +1 -0
  122. package/dist/cjs/lib/useIsomorphicLayoutEffect.d.ts +1 -1
  123. package/dist/cjs/lib/warnOnce.d.ts +7 -0
  124. package/dist/cjs/lib/warnOnce.js +14 -0
  125. package/dist/cjs/lib/warnOnce.js.map +1 -1
  126. package/dist/cjs/shared/breakpoints.d.ts +2 -2
  127. package/dist/cjs/shared/breakpoints.js +12 -13
  128. package/dist/cjs/shared/breakpoints.js.map +1 -1
  129. package/dist/components/AdaptivityProvider/AdaptivityProvider.js +1 -1
  130. package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  131. package/dist/components/AppRoot/AppRoot.js +7 -4
  132. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  133. package/dist/components/Avatar/Avatar.d.ts +1 -1
  134. package/dist/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts +1 -1
  135. package/dist/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js +5 -4
  136. package/dist/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map +1 -1
  137. package/dist/components/Cell/CellCheckbox/CellCheckbox.js +7 -4
  138. package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  139. package/dist/components/Checkbox/Checkbox.d.ts +3 -2
  140. package/dist/components/Checkbox/Checkbox.js +12 -2
  141. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  142. package/dist/components/ChipsSelect/ChipsSelect.js +0 -4
  143. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  144. package/dist/components/ContentCard/ContentCard.js +2 -1
  145. package/dist/components/ContentCard/ContentCard.js.map +1 -1
  146. package/dist/components/CustomSelect/CustomSelect.js +12 -8
  147. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  148. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -3
  149. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js +22 -73
  150. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  151. package/dist/components/DateInput/DateInput.d.ts +3 -2
  152. package/dist/components/DateInput/DateInput.js +3 -3
  153. package/dist/components/DateInput/DateInput.js.map +1 -1
  154. package/dist/components/DateRangeInput/DateRangeInput.d.ts +2 -2
  155. package/dist/components/DateRangeInput/DateRangeInput.js +3 -2
  156. package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
  157. package/dist/components/Epic/Epic.js +1 -1
  158. package/dist/components/Epic/Epic.js.map +1 -1
  159. package/dist/components/FixedLayout/FixedLayout.js +1 -1
  160. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  161. package/dist/components/FormField/FormField.js +6 -10
  162. package/dist/components/FormField/FormField.js.map +1 -1
  163. package/dist/components/IconButton/IconButton.js +9 -0
  164. package/dist/components/IconButton/IconButton.js.map +1 -1
  165. package/dist/components/ModalCard/ModalCard.d.ts +1 -1
  166. package/dist/components/ModalCard/ModalCard.js +4 -2
  167. package/dist/components/ModalCard/ModalCard.js.map +1 -1
  168. package/dist/components/ModalCardBase/ModalCardBase.d.ts +5 -1
  169. package/dist/components/ModalCardBase/ModalCardBase.js +9 -2
  170. package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
  171. package/dist/components/ModalPage/ModalPage.d.ts +2 -6
  172. package/dist/components/ModalPage/ModalPage.js +13 -7
  173. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  174. package/dist/components/ModalRoot/ModalRoot.js +1 -2
  175. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  176. package/dist/components/NativeSelect/NativeSelect.d.ts +1 -1
  177. package/dist/components/NativeSelect/NativeSelect.js +1 -1
  178. package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
  179. package/dist/components/PanelHeader/PanelHeader.js +18 -4
  180. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  181. package/dist/components/PanelHeaderButton/PanelHeaderButton.js +11 -2
  182. package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  183. package/dist/components/Popover/Popover.js +4 -1
  184. package/dist/components/Popover/Popover.js.map +1 -1
  185. package/dist/components/Popper/Popper.d.ts +12 -9
  186. package/dist/components/Popper/Popper.js +93 -120
  187. package/dist/components/Popper/Popper.js.map +1 -1
  188. package/dist/components/PopperArrow/PopperArrow.d.ts +15 -5
  189. package/dist/components/PopperArrow/PopperArrow.js +40 -15
  190. package/dist/components/PopperArrow/PopperArrow.js.map +1 -1
  191. package/dist/components/Progress/Progress.js +3 -1
  192. package/dist/components/Progress/Progress.js.map +1 -1
  193. package/dist/components/Root/Root.js +1 -1
  194. package/dist/components/Root/Root.js.map +1 -1
  195. package/dist/components/Select/Select.d.ts +1 -5
  196. package/dist/components/Select/Select.js +12 -39
  197. package/dist/components/Select/Select.js.map +1 -1
  198. package/dist/components/SelectMimicry/SelectMimicry.d.ts +1 -1
  199. package/dist/components/SelectMimicry/SelectMimicry.js +1 -1
  200. package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
  201. package/dist/components/SelectTypography/SelectTypography.d.ts +11 -0
  202. package/dist/components/SelectTypography/SelectTypography.js +39 -0
  203. package/dist/components/SelectTypography/SelectTypography.js.map +1 -0
  204. package/dist/components/Slider/Slider.d.ts +1 -1
  205. package/dist/components/Slider/Slider.js +4 -3
  206. package/dist/components/Slider/Slider.js.map +1 -1
  207. package/dist/components/Spacing/Spacing.js +2 -1
  208. package/dist/components/Spacing/Spacing.js.map +1 -1
  209. package/dist/components/SplitCol/SplitCol.d.ts +0 -6
  210. package/dist/components/SplitCol/SplitCol.js +1 -7
  211. package/dist/components/SplitCol/SplitCol.js.map +1 -1
  212. package/dist/components/SplitCol/SplitColContext.d.ts +7 -0
  213. package/dist/components/SplitCol/SplitColContext.js +9 -0
  214. package/dist/components/SplitCol/SplitColContext.js.map +1 -0
  215. package/dist/components/Switch/Switch.js +2 -3
  216. package/dist/components/Switch/Switch.js.map +1 -1
  217. package/dist/components/TabbarItem/TabbarItem.js +9 -0
  218. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  219. package/dist/components/Tabs/Tabs.js +6 -15
  220. package/dist/components/Tabs/Tabs.js.map +1 -1
  221. package/dist/components/Tooltip/Tooltip.d.ts +3 -3
  222. package/dist/components/Tooltip/Tooltip.js +116 -151
  223. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  224. package/dist/components/Touch/Touch.js +4 -4
  225. package/dist/components/Touch/Touch.js.map +1 -1
  226. package/dist/components/View/View.js +1 -1
  227. package/dist/components/View/View.js.map +1 -1
  228. package/dist/components/View/ViewInfinite.d.ts +1 -1
  229. package/dist/components/View/ViewInfinite.js +1 -1
  230. package/dist/components/View/ViewInfinite.js.map +1 -1
  231. package/dist/components/WriteBarIcon/WriteBarIcon.js +11 -9
  232. package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  233. package/dist/components.css +142 -2
  234. package/dist/components.css.map +1 -1
  235. package/dist/components.js.tmp +61921 -4
  236. package/dist/cssm/components/ActionSheet/ActionSheet.module.css +1 -1
  237. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css +1 -1
  238. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js +1 -1
  239. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  240. package/dist/cssm/components/Alert/Alert.module.css +1 -1
  241. package/dist/cssm/components/AppRoot/AppRoot.js +7 -4
  242. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  243. package/dist/cssm/components/AppRoot/AppRoot.module.css +1 -1
  244. package/dist/cssm/components/Avatar/Avatar.d.ts +1 -1
  245. package/dist/cssm/components/Avatar/Avatar.module.css +1 -1
  246. package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.module.css +1 -1
  247. package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts +1 -1
  248. package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js +5 -4
  249. package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map +1 -1
  250. package/dist/cssm/components/Badge/Badge.module.css +1 -1
  251. package/dist/cssm/components/Banner/Banner.module.css +1 -1
  252. package/dist/cssm/components/BaseGallery/BaseGallery.module.css +1 -1
  253. package/dist/cssm/components/Button/Button.module.css +1 -1
  254. package/dist/cssm/components/ButtonGroup/ButtonGroup.module.css +1 -1
  255. package/dist/cssm/components/Calendar/Calendar.module.css +1 -1
  256. package/dist/cssm/components/CalendarDay/CalendarDay.module.css +1 -1
  257. package/dist/cssm/components/CalendarDays/CalendarDays.module.css +1 -1
  258. package/dist/cssm/components/CalendarHeader/CalendarHeader.module.css +1 -1
  259. package/dist/cssm/components/CalendarRange/CalendarRange.module.css +1 -1
  260. package/dist/cssm/components/CalendarTime/CalendarTime.module.css +1 -1
  261. package/dist/cssm/components/Card/Card.module.css +2 -2
  262. package/dist/cssm/components/CardGrid/CardGrid.module.css +1 -1
  263. package/dist/cssm/components/CardScroll/CardScroll.module.css +1 -1
  264. package/dist/cssm/components/Cell/Cell.module.css +1 -1
  265. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js +7 -4
  266. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  267. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.module.css +1 -1
  268. package/dist/cssm/components/Cell/CellDragger/CellDragger.module.css +1 -1
  269. package/dist/cssm/components/CellButton/CellButton.module.css +1 -1
  270. package/dist/cssm/components/Checkbox/Checkbox.d.ts +3 -2
  271. package/dist/cssm/components/Checkbox/Checkbox.js +12 -2
  272. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  273. package/dist/cssm/components/Checkbox/Checkbox.module.css +1 -1
  274. package/dist/cssm/components/Chip/Chip.module.css +1 -1
  275. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.module.css +1 -1
  276. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +0 -4
  277. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  278. package/dist/cssm/components/ChipsSelect/ChipsSelect.module.css +1 -1
  279. package/dist/cssm/components/ContentCard/ContentCard.js +2 -1
  280. package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
  281. package/dist/cssm/components/ContentCard/ContentCard.module.css +1 -1
  282. package/dist/cssm/components/Counter/Counter.module.css +1 -1
  283. package/dist/cssm/components/CustomScrollView/CustomScrollView.module.css +1 -1
  284. package/dist/cssm/components/CustomSelect/CustomSelect.js +12 -8
  285. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  286. package/dist/cssm/components/CustomSelect/CustomSelect.module.css +1 -1
  287. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -3
  288. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js +22 -73
  289. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  290. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.module.css +1 -1
  291. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.module.css +1 -1
  292. package/dist/cssm/components/DateInput/DateInput.d.ts +3 -2
  293. package/dist/cssm/components/DateInput/DateInput.js +4 -3
  294. package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
  295. package/dist/cssm/components/DateInput/DateInput.module.css +1 -1
  296. package/dist/cssm/components/DateRangeInput/DateRangeInput.d.ts +2 -2
  297. package/dist/cssm/components/DateRangeInput/DateRangeInput.js +3 -2
  298. package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
  299. package/dist/cssm/components/DateRangeInput/DateRangeInput.module.css +1 -1
  300. package/dist/cssm/components/Div/Div.module.css +1 -1
  301. package/dist/cssm/components/Epic/Epic.js +1 -1
  302. package/dist/cssm/components/Epic/Epic.js.map +1 -1
  303. package/dist/cssm/components/FixedLayout/FixedLayout.js +1 -1
  304. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  305. package/dist/cssm/components/FixedLayout/FixedLayout.module.css +1 -1
  306. package/dist/cssm/components/FocusVisible/FocusVisible.module.css +1 -1
  307. package/dist/cssm/components/Footer/Footer.module.css +1 -1
  308. package/dist/cssm/components/FormField/FormField.js +6 -10
  309. package/dist/cssm/components/FormField/FormField.js.map +1 -1
  310. package/dist/cssm/components/FormField/FormField.module.css +1 -1
  311. package/dist/cssm/components/FormItem/FormItem.module.css +1 -1
  312. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.module.css +1 -1
  313. package/dist/cssm/components/FormStatus/FormStatus.module.css +1 -1
  314. package/dist/cssm/components/Gradient/Gradient.module.css +1 -1
  315. package/dist/cssm/components/Group/Group.module.css +1 -1
  316. package/dist/cssm/components/Header/Header.module.css +1 -1
  317. package/dist/cssm/components/HorizontalCell/HorizontalCell.module.css +1 -1
  318. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.module.css +1 -1
  319. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.module.css +1 -1
  320. package/dist/cssm/components/IconButton/IconButton.js +9 -0
  321. package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
  322. package/dist/cssm/components/IconButton/IconButton.module.css +1 -1
  323. package/dist/cssm/components/ImageBase/ImageBase.module.css +1 -1
  324. package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.module.css +1 -1
  325. package/dist/cssm/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css +1 -1
  326. package/dist/cssm/components/InfoRow/InfoRow.module.css +1 -1
  327. package/dist/cssm/components/Input/Input.module.css +1 -1
  328. package/dist/cssm/components/InputLike/InputLike.module.css +1 -1
  329. package/dist/cssm/components/InputLike/InputLikeDivider.module.css +1 -1
  330. package/dist/cssm/components/Link/Link.module.css +1 -1
  331. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.module.css +1 -1
  332. package/dist/cssm/components/ModalCard/ModalCard.d.ts +1 -1
  333. package/dist/cssm/components/ModalCard/ModalCard.js +4 -2
  334. package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
  335. package/dist/cssm/components/ModalCard/ModalCard.module.css +1 -1
  336. package/dist/cssm/components/ModalCardBase/ModalCardBase.d.ts +5 -1
  337. package/dist/cssm/components/ModalCardBase/ModalCardBase.js +9 -2
  338. package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
  339. package/dist/cssm/components/ModalCardBase/ModalCardBase.module.css +1 -1
  340. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.module.css +1 -1
  341. package/dist/cssm/components/ModalPage/ModalPage.d.ts +2 -6
  342. package/dist/cssm/components/ModalPage/ModalPage.js +13 -7
  343. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  344. package/dist/cssm/components/ModalPage/ModalPage.module.css +1 -1
  345. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.module.css +1 -1
  346. package/dist/cssm/components/ModalRoot/ModalRoot.js +1 -2
  347. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  348. package/dist/cssm/components/ModalRoot/ModalRoot.module.css +1 -1
  349. package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +1 -1
  350. package/dist/cssm/components/NativeSelect/NativeSelect.js +1 -1
  351. package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
  352. package/dist/cssm/components/Pagination/Pagination.module.css +1 -1
  353. package/dist/cssm/components/Panel/Panel.module.css +1 -1
  354. package/dist/cssm/components/PanelHeader/PanelHeader.js +18 -4
  355. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  356. package/dist/cssm/components/PanelHeader/PanelHeader.module.css +1 -1
  357. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +11 -2
  358. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  359. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.module.css +1 -1
  360. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.module.css +1 -1
  361. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.module.css +1 -1
  362. package/dist/cssm/components/Placeholder/Placeholder.module.css +1 -1
  363. package/dist/cssm/components/PopoutRoot/PopoutRoot.module.css +1 -1
  364. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.module.css +1 -1
  365. package/dist/cssm/components/Popover/Popover.js +4 -1
  366. package/dist/cssm/components/Popover/Popover.js.map +1 -1
  367. package/dist/cssm/components/Popover/Popover.module.css +1 -1
  368. package/dist/cssm/components/Popper/Popper.d.ts +12 -9
  369. package/dist/cssm/components/Popper/Popper.js +93 -120
  370. package/dist/cssm/components/Popper/Popper.js.map +1 -1
  371. package/dist/cssm/components/Popper/Popper.module.css +1 -1
  372. package/dist/cssm/components/PopperArrow/PopperArrow.d.ts +15 -5
  373. package/dist/cssm/components/PopperArrow/PopperArrow.js +40 -15
  374. package/dist/cssm/components/PopperArrow/PopperArrow.js.map +1 -1
  375. package/dist/cssm/components/PopperArrow/PopperArrow.module.css +1 -1
  376. package/dist/cssm/components/Progress/Progress.js +3 -1
  377. package/dist/cssm/components/Progress/Progress.js.map +1 -1
  378. package/dist/cssm/components/Progress/Progress.module.css +1 -1
  379. package/dist/cssm/components/PromoBanner/PromoBanner.module.css +1 -1
  380. package/dist/cssm/components/PullToRefresh/PullToRefresh.module.css +1 -1
  381. package/dist/cssm/components/Radio/Radio.module.css +1 -1
  382. package/dist/cssm/components/RadioGroup/RadioGroup.module.css +1 -1
  383. package/dist/cssm/components/Removable/Removable.module.css +1 -1
  384. package/dist/cssm/components/RichCell/RichCell.module.css +1 -1
  385. package/dist/cssm/components/RichTooltip/RichTooltip.module.css +1 -1
  386. package/dist/cssm/components/Root/Root.js +1 -1
  387. package/dist/cssm/components/Root/Root.js.map +1 -1
  388. package/dist/cssm/components/Root/Root.module.css +1 -1
  389. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.module.css +1 -1
  390. package/dist/cssm/components/Search/Search.module.css +1 -1
  391. package/dist/cssm/components/SegmentedControl/SegmentedControl.module.css +1 -1
  392. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.module.css +1 -1
  393. package/dist/cssm/components/Select/Select.d.ts +1 -5
  394. package/dist/cssm/components/Select/Select.js +12 -39
  395. package/dist/cssm/components/Select/Select.js.map +1 -1
  396. package/dist/cssm/components/Select/Select.module.css +1 -1
  397. package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts +1 -1
  398. package/dist/cssm/components/SelectMimicry/SelectMimicry.js +1 -1
  399. package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
  400. package/dist/cssm/components/SelectTypography/SelectTypography.d.ts +11 -0
  401. package/dist/cssm/components/SelectTypography/SelectTypography.js +40 -0
  402. package/dist/cssm/components/SelectTypography/SelectTypography.js.map +1 -0
  403. package/dist/cssm/components/SelectTypography/SelectTypography.module.css +1 -0
  404. package/dist/cssm/components/Separator/Separator.module.css +1 -1
  405. package/dist/cssm/components/SimpleCell/SimpleCell.module.css +1 -1
  406. package/dist/cssm/components/Slider/Slider.d.ts +1 -1
  407. package/dist/cssm/components/Slider/Slider.js +4 -3
  408. package/dist/cssm/components/Slider/Slider.js.map +1 -1
  409. package/dist/cssm/components/Slider/Slider.module.css +1 -1
  410. package/dist/cssm/components/Snackbar/Snackbar.module.css +1 -1
  411. package/dist/cssm/components/Spacing/Spacing.js +2 -1
  412. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  413. package/dist/cssm/components/Spacing/Spacing.module.css +1 -1
  414. package/dist/cssm/components/Spinner/Spinner.module.css +1 -1
  415. package/dist/cssm/components/SplitCol/SplitCol.d.ts +0 -6
  416. package/dist/cssm/components/SplitCol/SplitCol.js +1 -7
  417. package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
  418. package/dist/cssm/components/SplitCol/SplitCol.module.css +1 -1
  419. package/dist/cssm/components/SplitCol/SplitColContext.d.ts +7 -0
  420. package/dist/cssm/components/SplitCol/SplitColContext.js +9 -0
  421. package/dist/cssm/components/SplitCol/SplitColContext.js.map +1 -0
  422. package/dist/cssm/components/SplitLayout/SplitLayout.module.css +1 -1
  423. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.module.css +1 -1
  424. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.module.css +1 -1
  425. package/dist/cssm/components/Switch/Switch.js +2 -3
  426. package/dist/cssm/components/Switch/Switch.js.map +1 -1
  427. package/dist/cssm/components/Switch/Switch.module.css +1 -1
  428. package/dist/cssm/components/Tabbar/Tabbar.module.css +1 -1
  429. package/dist/cssm/components/TabbarItem/TabbarItem.js +9 -0
  430. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  431. package/dist/cssm/components/TabbarItem/TabbarItem.module.css +1 -1
  432. package/dist/cssm/components/Tabs/Tabs.js +6 -15
  433. package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
  434. package/dist/cssm/components/Tabs/Tabs.module.css +1 -1
  435. package/dist/cssm/components/TabsItem/TabsItem.module.css +1 -1
  436. package/dist/cssm/components/Tappable/Tappable.module.css +1 -1
  437. package/dist/cssm/components/TextTooltip/TextTooltip.module.css +1 -1
  438. package/dist/cssm/components/Textarea/Textarea.module.css +1 -1
  439. package/dist/cssm/components/Tooltip/Tooltip.d.ts +3 -3
  440. package/dist/cssm/components/Tooltip/Tooltip.js +122 -151
  441. package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
  442. package/dist/cssm/components/Tooltip/Tooltip.module.css +1 -1
  443. package/dist/cssm/components/Touch/Touch.js +4 -4
  444. package/dist/cssm/components/Touch/Touch.js.map +1 -1
  445. package/dist/cssm/components/Typography/Caption/Caption.module.css +1 -1
  446. package/dist/cssm/components/Typography/Footnote/Footnote.module.css +1 -1
  447. package/dist/cssm/components/Typography/Headline/Headline.module.css +1 -1
  448. package/dist/cssm/components/Typography/Paragraph/Paragraph.module.css +1 -1
  449. package/dist/cssm/components/Typography/Subhead/Subhead.module.css +1 -1
  450. package/dist/cssm/components/Typography/Text/Text.module.css +1 -1
  451. package/dist/cssm/components/Typography/Title/Title.module.css +1 -1
  452. package/dist/cssm/components/UsersStack/UsersStack.module.css +1 -1
  453. package/dist/cssm/components/View/View.js +1 -1
  454. package/dist/cssm/components/View/View.js.map +1 -1
  455. package/dist/cssm/components/View/View.module.css +1 -1
  456. package/dist/cssm/components/View/ViewIOS.module.css +1 -1
  457. package/dist/cssm/components/View/ViewInfinite.d.ts +1 -1
  458. package/dist/cssm/components/View/ViewInfinite.js +1 -1
  459. package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
  460. package/dist/cssm/components/WriteBar/WriteBar.module.css +1 -1
  461. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +11 -9
  462. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  463. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css +1 -1
  464. package/dist/cssm/index.d.ts +37 -30
  465. package/dist/cssm/index.js +24 -18
  466. package/dist/cssm/index.js.map +1 -1
  467. package/dist/cssm/lib/floating/adapters.d.ts +2 -0
  468. package/dist/cssm/lib/floating/adapters.js +56 -0
  469. package/dist/cssm/lib/floating/adapters.js.map +1 -0
  470. package/dist/cssm/lib/floating/functions.d.ts +10 -0
  471. package/dist/cssm/lib/floating/functions.js +28 -0
  472. package/dist/cssm/lib/floating/functions.js.map +1 -0
  473. package/dist/cssm/lib/floating/index.d.ts +4 -0
  474. package/dist/cssm/lib/floating/index.js +4 -0
  475. package/dist/cssm/lib/floating/index.js.map +1 -0
  476. package/dist/cssm/lib/floating/types.d.ts +4 -0
  477. package/dist/cssm/lib/floating/types.js +2 -0
  478. package/dist/cssm/lib/floating/types.js.map +1 -0
  479. package/dist/cssm/lib/useIsomorphicLayoutEffect.d.ts +1 -1
  480. package/dist/cssm/lib/warnOnce.d.ts +7 -0
  481. package/dist/cssm/lib/warnOnce.js +12 -0
  482. package/dist/cssm/lib/warnOnce.js.map +1 -1
  483. package/dist/cssm/shared/breakpoints.d.ts +2 -2
  484. package/dist/cssm/shared/breakpoints.js +12 -13
  485. package/dist/cssm/shared/breakpoints.js.map +1 -1
  486. package/dist/cssm/styles/adaptivity.module.css +1 -1
  487. package/dist/cssm/styles/common.css +1 -1
  488. package/dist/cssm/styles/themes.css +1 -1
  489. package/dist/index.d.ts +37 -30
  490. package/dist/index.js +22 -16
  491. package/dist/index.js.map +1 -1
  492. package/dist/lib/floating/adapters.d.ts +2 -0
  493. package/dist/lib/floating/adapters.js +56 -0
  494. package/dist/lib/floating/adapters.js.map +1 -0
  495. package/dist/lib/floating/functions.d.ts +10 -0
  496. package/dist/lib/floating/functions.js +28 -0
  497. package/dist/lib/floating/functions.js.map +1 -0
  498. package/dist/lib/floating/index.d.ts +4 -0
  499. package/dist/lib/floating/index.js +4 -0
  500. package/dist/lib/floating/index.js.map +1 -0
  501. package/dist/lib/floating/types.d.ts +4 -0
  502. package/dist/lib/floating/types.js +2 -0
  503. package/dist/lib/floating/types.js.map +1 -0
  504. package/dist/lib/useIsomorphicLayoutEffect.d.ts +1 -1
  505. package/dist/lib/warnOnce.d.ts +7 -0
  506. package/dist/lib/warnOnce.js +12 -0
  507. package/dist/lib/warnOnce.js.map +1 -1
  508. package/dist/shared/breakpoints.d.ts +2 -2
  509. package/dist/shared/breakpoints.js +12 -13
  510. package/dist/shared/breakpoints.js.map +1 -1
  511. package/dist/stable.js.tmp +69 -21
  512. package/dist/vkui.css +143 -3
  513. package/dist/vkui.css.map +1 -1
  514. package/dist/vkui.js.tmp +61837 -0
  515. package/package.json +6 -6
  516. package/dist/cssm/styles/components.css +0 -3
@@ -1 +1 @@
1
- {"version":3,"file":"View.js","names":["SWIPE_BACK_AREA","SwipeBackResults","scrollsCache","warn","warnOnce","View","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","className","restProps","scrolls","React","useRef","getNavId","id","afterTransition","noop","useEffect","current","panelNodes","useDOM","window","document","scroll","useScroll","configProvider","useConfigProvider","splitCol","useSplitCol","platform","usePlatform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackPrevented","setSwipeBackPrevented","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","usePrevious","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","Platform","VKCOM","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","useIsomorphicLayoutEffect","transitionEndHandler","e","animationName","Boolean","useWaitTransitionFinish","waitTransitionFinish","animationFinishTimeout","useTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","event","swipeBackExcluded","isWebView","startX","innerWidth","length","payload","blurActiveElement","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","animationEvent","supported","set","classNames","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { animationEvent } from '../../lib/supportEvents';\nimport { Platform } from '../../lib/platform';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { useSplitCol } from '../SplitCol/SplitCol';\nimport { canUseDOM, useDOM, blurActiveElement } from '../../lib/dom';\nimport { useScroll } from '../AppRoot/ScrollContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { swipeBackExcluded } from './utils';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport styles from './View.module.css';\nimport iosStyles from './ViewIOS.module.css';\n\nconst SWIPE_BACK_AREA = 70;\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number | undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps extends React.HTMLAttributes<HTMLElement>, NavIdProps {\n activePanel: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /**\n * callback свайпа назад\n */\n onSwipeBack?(): void;\n /**\n * callback начала анимации свайпа назад.\n *\n * Чтобы остановить свайп назад, возвращайте `\"prevent\"`.\n */\n onSwipeBackStart?(activePanel: string | null): void | 'prevent';\n /**\n * callback завершения анимации отмененного пользователем свайпа\n */\n onSwipeBackCancel?(): void;\n history?: string[];\n}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string | null;\n isBack: boolean | undefined;\n prevPanel: string | null;\n nextPanel: string | null;\n\n swipingBack: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string | null;\n swipeBackPrevPanel: string | null;\n swipeBackResult: SwipeBackResults | null;\n\n browserSwipe: boolean;\n}\n\nconst warn = warnOnce('View');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/View\n */\nexport const View = ({\n activePanel: activePanelProp,\n history,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel: onSwipeBackCancelProp,\n children,\n className,\n ...restProps\n}: ViewProps) => {\n const scrolls = React.useRef(scrollsCache[getNavId({ nav, id: restProps.id }) as string] || {});\n const afterTransition = React.useRef(noop);\n\n React.useEffect(() => () => {\n const id = getNavId({ nav, id: restProps.id });\n if (id) {\n scrollsCache[id] = scrolls.current;\n }\n });\n\n const panelNodes = React.useRef<{ [id: string]: HTMLDivElement | null }>({});\n\n const { window, document } = useDOM();\n const scroll = useScroll();\n const configProvider = useConfigProvider();\n const splitCol = useSplitCol();\n const platform = usePlatform();\n\n const [animated, setAnimated] = React.useState(false);\n\n const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n const [activePanel, setActivePanel] = React.useState<string | null>(activePanelProp);\n const [isBack, setIsBack] = React.useState<boolean | undefined>(undefined);\n const [prevPanel, setPrevPanel] = React.useState<string | null>(null);\n const [nextPanel, setNextPanel] = React.useState<string | null>(null);\n\n const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n const [swipeBackPrevented, setSwipeBackPrevented] = React.useState<boolean>(false);\n const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<string | null>(null);\n const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<string | null>(null);\n const [swipeBackResult, setSwipeBackResult] = React.useState<SwipeBackResults | null>(null);\n\n const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n const prevActivePanel = usePrevious(activePanelProp);\n const prevSwipingBack = usePrevious(swipingBack);\n const prevBrowserSwipe = usePrevious(browserSwipe);\n const prevSwipeBackResult = usePrevious(swipeBackResult);\n const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n const prevOnTransition = usePrevious(onTransition);\n\n const panels = (React.Children.toArray(children) as React.ReactElement[]).filter(\n (panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && visiblePanels.includes(panelId)) ||\n panelId === swipeBackPrevPanel ||\n panelId === swipeBackNextPanel\n );\n },\n );\n\n const disableAnimation =\n configProvider?.transitionMotionEnabled === false ||\n !splitCol?.animate ||\n platform === Platform.VKCOM;\n\n const pickPanel = (id: string | null) => {\n if (id === null) {\n return null;\n }\n return panelNodes.current[id];\n };\n\n const flushTransition = React.useCallback(\n (prevPanel: string, isBackTransition: boolean) => {\n if (isBackTransition) {\n scrolls.current[prevPanel] = 0;\n }\n setPrevPanel(null);\n setNextPanel(null);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n setAnimated(false);\n setIsBack(undefined);\n\n afterTransition.current = () => {\n scroll?.scrollTo(0, isBackTransition ? scrolls.current[activePanelProp] : 0);\n onTransition &&\n onTransition({\n isBack: isBackTransition,\n from: prevPanel,\n to: activePanelProp,\n });\n };\n },\n [activePanelProp, onTransition, scroll],\n );\n\n useIsomorphicLayoutEffect(() => {\n afterTransition.current();\n afterTransition.current = noop;\n }, [afterTransition.current]);\n\n const transitionEndHandler = React.useCallback(\n (e?: React.AnimationEvent): void => {\n if (\n (!e ||\n [\n 'vkui-animation-ios-next-forward',\n 'vkui-animation-ios-prev-back',\n 'vkui-animation-view-next-forward',\n 'vkui-animation-view-prev-back',\n ].includes(e.animationName)) &&\n prevPanel !== null\n ) {\n flushTransition(prevPanel, Boolean(isBack));\n }\n },\n [flushTransition, isBack, prevPanel],\n );\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n const animationFinishTimeout = useTimeout(\n transitionEndHandler,\n platform === Platform.IOS ? 600 : 300,\n );\n\n const onSwipeBackSuccess = React.useCallback(() => {\n onSwipeBack && onSwipeBack();\n }, [onSwipeBack]);\n\n const onSwipeBackCancel = React.useCallback(() => {\n onSwipeBackCancelProp && onSwipeBackCancelProp();\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n }, [onSwipeBackCancelProp]);\n\n const swipingBackTransitionEndHandler = React.useCallback(\n (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e ||\n (e?.propertyName.includes('transform') && e?.target === pickPanel(swipeBackNextPanel))\n ) {\n switch (swipeBackResult) {\n case SwipeBackResults.fail:\n onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n onSwipeBackSuccess();\n }\n }\n },\n [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult],\n );\n\n const onMoveX = (event: TouchEvent): void => {\n if (\n platform !== Platform.IOS ||\n swipeBackPrevented ||\n swipeBackExcluded(event) ||\n disableAnimation\n ) {\n return;\n }\n\n if (!configProvider?.isWebView) {\n if (\n (event.startX <= SWIPE_BACK_AREA || event.startX >= window!.innerWidth - SWIPE_BACK_AREA) &&\n !browserSwipe\n ) {\n setBrowserSwipe(true);\n }\n\n return;\n }\n\n if (!onSwipeBack || (animated && event.startX <= SWIPE_BACK_AREA)) {\n return;\n }\n\n if (!swipingBack && event.startX <= SWIPE_BACK_AREA && history && history.length > 1) {\n // Начался свайп назад\n if (onSwipeBackStart) {\n const payload = onSwipeBackStart(activePanel);\n if (payload === 'prevent') {\n setSwipeBackPrevented(true);\n return;\n }\n }\n\n if (activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n blurActiveElement(document);\n scrolls.current[activePanel] = scroll?.getScroll().y;\n }\n\n setSwipingBack(true);\n setSwipeBackStartX(event.startX);\n setSwipeBackPrevPanel(activePanel);\n setSwipeBackNextPanel(history.slice(-2)[0]);\n }\n\n if (swipingBack) {\n let swipeBackShift = 0;\n if (event.shiftX < 0) {\n swipeBackShift = 0;\n } else if (event.shiftX > window!.innerWidth - swipeBackStartX) {\n swipeBackShift = window!.innerWidth;\n } else {\n swipeBackShift = event.shiftX;\n }\n setSwipeBackShift(swipeBackShift);\n }\n };\n\n const onEnd = React.useCallback(\n (event: TouchEvent): void => {\n if (swipingBack) {\n const speed = (swipeBackShift / event.duration) * 1000;\n if (swipeBackShift === 0) {\n onSwipeBackCancel();\n } else if (swipeBackShift >= (window!.innerWidth ?? 0)) {\n onSwipeBackSuccess();\n } else if (speed > 250 || swipeBackStartX + swipeBackShift > window!.innerWidth / 2) {\n setSwipeBackResult(SwipeBackResults.success);\n } else {\n setSwipeBackResult(SwipeBackResults.fail);\n }\n }\n if (swipeBackPrevented) {\n setSwipeBackPrevented(false);\n }\n },\n [\n onSwipeBackCancel,\n onSwipeBackSuccess,\n swipeBackShift,\n swipeBackStartX,\n swipingBack,\n swipeBackPrevented,\n window,\n ],\n );\n\n const calcPanelSwipeStyles = (panelId: string | undefined): React.CSSProperties => {\n if (!canUseDOM || !window) {\n return {};\n }\n\n const isPrev = panelId === swipeBackPrevPanel;\n const isNext = panelId === swipeBackNextPanel;\n\n if ((!isPrev && !isNext) || swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${swipeBackShift}px`;\n let nextPanelTranslate = `${-50 + (swipeBackShift * 100) / window.innerWidth / 2}%`;\n let prevPanelShadow = (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n if (swipeBackResult) {\n return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n };\n\n React.useEffect(() => {\n // Нужен переход\n if (\n prevActivePanel &&\n prevActivePanel !== activePanelProp &&\n !prevSwipingBack &&\n !prevBrowserSwipe\n ) {\n const firstLayerId = (React.Children.toArray(children) as React.ReactElement[])\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevActivePanel || id === activePanelProp);\n\n const isBackTransition = firstLayerId === activePanelProp;\n scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n if (disableAnimation) {\n flushTransition(prevActivePanel, isBackTransition);\n } else {\n blurActiveElement(document);\n\n setVisiblePanels([prevActivePanel, activePanelProp]);\n setPrevPanel(prevActivePanel);\n setNextPanel(activePanelProp);\n setActivePanel(null);\n setAnimated(true);\n setIsBack(isBackTransition);\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n animationFinishTimeout.set();\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (prevActivePanel && prevActivePanel !== activePanelProp && prevSwipingBack) {\n const nextPanel = activePanelProp;\n const prevPanel = prevActivePanel;\n if (prevSwipeBackPrevPanel) {\n scrolls.current[prevSwipeBackPrevPanel] = 0;\n }\n\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n setActivePanel(nextPanel);\n setVisiblePanels([nextPanel]);\n\n afterTransition.current = () => {\n if (nextPanel !== null) {\n scroll?.scrollTo(0, scrolls.current[nextPanel]);\n }\n prevOnTransition &&\n prevOnTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n };\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevSwipeBackResult && swipeBackResult) {\n waitTransitionFinish(\n pickPanel(swipeBackNextPanel),\n swipingBackTransitionEndHandler,\n platform === Platform.IOS ? 600 : 300,\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (prevSwipeBackResult === SwipeBackResults.fail && !swipeBackResult && activePanel !== null) {\n scroll?.scrollTo(0, scrolls.current[activePanel]);\n }\n\n // Закончился Safari свайп\n if (prevActivePanel !== activePanelProp && browserSwipe) {\n setBrowserSwipe(false);\n setNextPanel(null);\n setPrevPanel(null);\n setAnimated(false);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n }\n }, [\n activePanelProp,\n activePanel,\n animationFinishTimeout,\n browserSwipe,\n children,\n disableAnimation,\n document,\n flushTransition,\n onSwipeBackStart,\n panels,\n platform,\n prevActivePanel,\n prevBrowserSwipe,\n prevOnTransition,\n prevSwipeBackPrevPanel,\n prevSwipeBackResult,\n prevSwipingBack,\n scroll,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n swipingBackTransitionEndHandler,\n waitTransitionFinish,\n ]);\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n platform === Platform.IOS && iosStyles['View--ios'],\n !disableAnimation && animated && styles['View--animated'],\n !disableAnimation && swipingBack && styles['View--swiping-back'],\n disableAnimation && styles['View--no-motion'],\n className,\n )}\n onMoveX={onMoveX}\n onEnd={onEnd}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n panelId === activePanel && iosStyles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && iosStyles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && iosStyles['View__panel--swipe-back-next'],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles['View__panel--swipe-back-success'],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles['View__panel--swipe-back-failed'],\n )}\n onAnimationEnd={isTransitionTarget ? transitionEndHandler : undefined}\n ref={(el) => panelId !== undefined && (panelNodes.current[panelId] = el)}\n style={calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles['View__panel-in']}\n style={{\n marginTop: compensateScroll ? -(scrolls.current[panelId] ?? 0) : undefined,\n }}\n >\n <NavTransitionProvider\n entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"View.js","names":["SWIPE_BACK_AREA","SwipeBackResults","scrollsCache","warn","warnOnce","View","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","className","restProps","scrolls","React","useRef","getNavId","id","afterTransition","noop","useEffect","current","panelNodes","useDOM","window","document","scroll","useScroll","configProvider","useConfigProvider","splitCol","useSplitCol","platform","usePlatform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackPrevented","setSwipeBackPrevented","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","usePrevious","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","Platform","VKCOM","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","useIsomorphicLayoutEffect","transitionEndHandler","e","animationName","Boolean","useWaitTransitionFinish","waitTransitionFinish","animationFinishTimeout","useTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","event","swipeBackExcluded","isWebView","startX","innerWidth","length","payload","blurActiveElement","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","animationEvent","supported","set","classNames","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { animationEvent } from '../../lib/supportEvents';\nimport { Platform } from '../../lib/platform';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { useSplitCol } from '../SplitCol/SplitColContext';\nimport { canUseDOM, useDOM, blurActiveElement } from '../../lib/dom';\nimport { useScroll } from '../AppRoot/ScrollContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { swipeBackExcluded } from './utils';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport styles from './View.module.css';\nimport iosStyles from './ViewIOS.module.css';\n\nconst SWIPE_BACK_AREA = 70;\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number | undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps extends React.HTMLAttributes<HTMLElement>, NavIdProps {\n activePanel: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /**\n * callback свайпа назад\n */\n onSwipeBack?(): void;\n /**\n * callback начала анимации свайпа назад.\n *\n * Чтобы остановить свайп назад, возвращайте `\"prevent\"`.\n */\n onSwipeBackStart?(activePanel: string | null): void | 'prevent';\n /**\n * callback завершения анимации отмененного пользователем свайпа\n */\n onSwipeBackCancel?(): void;\n history?: string[];\n}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string | null;\n isBack: boolean | undefined;\n prevPanel: string | null;\n nextPanel: string | null;\n\n swipingBack: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string | null;\n swipeBackPrevPanel: string | null;\n swipeBackResult: SwipeBackResults | null;\n\n browserSwipe: boolean;\n}\n\nconst warn = warnOnce('View');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/View\n */\nexport const View = ({\n activePanel: activePanelProp,\n history,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel: onSwipeBackCancelProp,\n children,\n className,\n ...restProps\n}: ViewProps) => {\n const scrolls = React.useRef(scrollsCache[getNavId({ nav, id: restProps.id }) as string] || {});\n const afterTransition = React.useRef(noop);\n\n React.useEffect(() => () => {\n const id = getNavId({ nav, id: restProps.id });\n if (id) {\n scrollsCache[id] = scrolls.current;\n }\n });\n\n const panelNodes = React.useRef<{ [id: string]: HTMLDivElement | null }>({});\n\n const { window, document } = useDOM();\n const scroll = useScroll();\n const configProvider = useConfigProvider();\n const splitCol = useSplitCol();\n const platform = usePlatform();\n\n const [animated, setAnimated] = React.useState(false);\n\n const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n const [activePanel, setActivePanel] = React.useState<string | null>(activePanelProp);\n const [isBack, setIsBack] = React.useState<boolean | undefined>(undefined);\n const [prevPanel, setPrevPanel] = React.useState<string | null>(null);\n const [nextPanel, setNextPanel] = React.useState<string | null>(null);\n\n const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n const [swipeBackPrevented, setSwipeBackPrevented] = React.useState<boolean>(false);\n const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<string | null>(null);\n const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<string | null>(null);\n const [swipeBackResult, setSwipeBackResult] = React.useState<SwipeBackResults | null>(null);\n\n const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n const prevActivePanel = usePrevious(activePanelProp);\n const prevSwipingBack = usePrevious(swipingBack);\n const prevBrowserSwipe = usePrevious(browserSwipe);\n const prevSwipeBackResult = usePrevious(swipeBackResult);\n const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n const prevOnTransition = usePrevious(onTransition);\n\n const panels = (React.Children.toArray(children) as React.ReactElement[]).filter(\n (panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && visiblePanels.includes(panelId)) ||\n panelId === swipeBackPrevPanel ||\n panelId === swipeBackNextPanel\n );\n },\n );\n\n const disableAnimation =\n configProvider?.transitionMotionEnabled === false ||\n !splitCol?.animate ||\n platform === Platform.VKCOM;\n\n const pickPanel = (id: string | null) => {\n if (id === null) {\n return null;\n }\n return panelNodes.current[id];\n };\n\n const flushTransition = React.useCallback(\n (prevPanel: string, isBackTransition: boolean) => {\n if (isBackTransition) {\n scrolls.current[prevPanel] = 0;\n }\n setPrevPanel(null);\n setNextPanel(null);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n setAnimated(false);\n setIsBack(undefined);\n\n afterTransition.current = () => {\n scroll?.scrollTo(0, isBackTransition ? scrolls.current[activePanelProp] : 0);\n onTransition &&\n onTransition({\n isBack: isBackTransition,\n from: prevPanel,\n to: activePanelProp,\n });\n };\n },\n [activePanelProp, onTransition, scroll],\n );\n\n useIsomorphicLayoutEffect(() => {\n afterTransition.current();\n afterTransition.current = noop;\n }, [afterTransition.current]);\n\n const transitionEndHandler = React.useCallback(\n (e?: React.AnimationEvent): void => {\n if (\n (!e ||\n [\n 'vkui-animation-ios-next-forward',\n 'vkui-animation-ios-prev-back',\n 'vkui-animation-view-next-forward',\n 'vkui-animation-view-prev-back',\n ].includes(e.animationName)) &&\n prevPanel !== null\n ) {\n flushTransition(prevPanel, Boolean(isBack));\n }\n },\n [flushTransition, isBack, prevPanel],\n );\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n const animationFinishTimeout = useTimeout(\n transitionEndHandler,\n platform === Platform.IOS ? 600 : 300,\n );\n\n const onSwipeBackSuccess = React.useCallback(() => {\n onSwipeBack && onSwipeBack();\n }, [onSwipeBack]);\n\n const onSwipeBackCancel = React.useCallback(() => {\n onSwipeBackCancelProp && onSwipeBackCancelProp();\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n }, [onSwipeBackCancelProp]);\n\n const swipingBackTransitionEndHandler = React.useCallback(\n (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e ||\n (e?.propertyName.includes('transform') && e?.target === pickPanel(swipeBackNextPanel))\n ) {\n switch (swipeBackResult) {\n case SwipeBackResults.fail:\n onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n onSwipeBackSuccess();\n }\n }\n },\n [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult],\n );\n\n const onMoveX = (event: TouchEvent): void => {\n if (\n platform !== Platform.IOS ||\n swipeBackPrevented ||\n swipeBackExcluded(event) ||\n disableAnimation\n ) {\n return;\n }\n\n if (!configProvider?.isWebView) {\n if (\n (event.startX <= SWIPE_BACK_AREA || event.startX >= window!.innerWidth - SWIPE_BACK_AREA) &&\n !browserSwipe\n ) {\n setBrowserSwipe(true);\n }\n\n return;\n }\n\n if (!onSwipeBack || (animated && event.startX <= SWIPE_BACK_AREA)) {\n return;\n }\n\n if (!swipingBack && event.startX <= SWIPE_BACK_AREA && history && history.length > 1) {\n // Начался свайп назад\n if (onSwipeBackStart) {\n const payload = onSwipeBackStart(activePanel);\n if (payload === 'prevent') {\n setSwipeBackPrevented(true);\n return;\n }\n }\n\n if (activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n blurActiveElement(document);\n scrolls.current[activePanel] = scroll?.getScroll().y;\n }\n\n setSwipingBack(true);\n setSwipeBackStartX(event.startX);\n setSwipeBackPrevPanel(activePanel);\n setSwipeBackNextPanel(history.slice(-2)[0]);\n }\n\n if (swipingBack) {\n let swipeBackShift = 0;\n if (event.shiftX < 0) {\n swipeBackShift = 0;\n } else if (event.shiftX > window!.innerWidth - swipeBackStartX) {\n swipeBackShift = window!.innerWidth;\n } else {\n swipeBackShift = event.shiftX;\n }\n setSwipeBackShift(swipeBackShift);\n }\n };\n\n const onEnd = React.useCallback(\n (event: TouchEvent): void => {\n if (swipingBack) {\n const speed = (swipeBackShift / event.duration) * 1000;\n if (swipeBackShift === 0) {\n onSwipeBackCancel();\n } else if (swipeBackShift >= (window!.innerWidth ?? 0)) {\n onSwipeBackSuccess();\n } else if (speed > 250 || swipeBackStartX + swipeBackShift > window!.innerWidth / 2) {\n setSwipeBackResult(SwipeBackResults.success);\n } else {\n setSwipeBackResult(SwipeBackResults.fail);\n }\n }\n if (swipeBackPrevented) {\n setSwipeBackPrevented(false);\n }\n },\n [\n onSwipeBackCancel,\n onSwipeBackSuccess,\n swipeBackShift,\n swipeBackStartX,\n swipingBack,\n swipeBackPrevented,\n window,\n ],\n );\n\n const calcPanelSwipeStyles = (panelId: string | undefined): React.CSSProperties => {\n if (!canUseDOM || !window) {\n return {};\n }\n\n const isPrev = panelId === swipeBackPrevPanel;\n const isNext = panelId === swipeBackNextPanel;\n\n if ((!isPrev && !isNext) || swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${swipeBackShift}px`;\n let nextPanelTranslate = `${-50 + (swipeBackShift * 100) / window.innerWidth / 2}%`;\n let prevPanelShadow = (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n if (swipeBackResult) {\n return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n };\n\n React.useEffect(() => {\n // Нужен переход\n if (\n prevActivePanel &&\n prevActivePanel !== activePanelProp &&\n !prevSwipingBack &&\n !prevBrowserSwipe\n ) {\n const firstLayerId = (React.Children.toArray(children) as React.ReactElement[])\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevActivePanel || id === activePanelProp);\n\n const isBackTransition = firstLayerId === activePanelProp;\n scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n if (disableAnimation) {\n flushTransition(prevActivePanel, isBackTransition);\n } else {\n blurActiveElement(document);\n\n setVisiblePanels([prevActivePanel, activePanelProp]);\n setPrevPanel(prevActivePanel);\n setNextPanel(activePanelProp);\n setActivePanel(null);\n setAnimated(true);\n setIsBack(isBackTransition);\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n animationFinishTimeout.set();\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (prevActivePanel && prevActivePanel !== activePanelProp && prevSwipingBack) {\n const nextPanel = activePanelProp;\n const prevPanel = prevActivePanel;\n if (prevSwipeBackPrevPanel) {\n scrolls.current[prevSwipeBackPrevPanel] = 0;\n }\n\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n setActivePanel(nextPanel);\n setVisiblePanels([nextPanel]);\n\n afterTransition.current = () => {\n if (nextPanel !== null) {\n scroll?.scrollTo(0, scrolls.current[nextPanel]);\n }\n prevOnTransition &&\n prevOnTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n };\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevSwipeBackResult && swipeBackResult) {\n waitTransitionFinish(\n pickPanel(swipeBackNextPanel),\n swipingBackTransitionEndHandler,\n platform === Platform.IOS ? 600 : 300,\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (prevSwipeBackResult === SwipeBackResults.fail && !swipeBackResult && activePanel !== null) {\n scroll?.scrollTo(0, scrolls.current[activePanel]);\n }\n\n // Закончился Safari свайп\n if (prevActivePanel !== activePanelProp && browserSwipe) {\n setBrowserSwipe(false);\n setNextPanel(null);\n setPrevPanel(null);\n setAnimated(false);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n }\n }, [\n activePanelProp,\n activePanel,\n animationFinishTimeout,\n browserSwipe,\n children,\n disableAnimation,\n document,\n flushTransition,\n onSwipeBackStart,\n panels,\n platform,\n prevActivePanel,\n prevBrowserSwipe,\n prevOnTransition,\n prevSwipeBackPrevPanel,\n prevSwipeBackResult,\n prevSwipingBack,\n scroll,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n swipingBackTransitionEndHandler,\n waitTransitionFinish,\n ]);\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n platform === Platform.IOS && iosStyles['View--ios'],\n !disableAnimation && animated && styles['View--animated'],\n !disableAnimation && swipingBack && styles['View--swiping-back'],\n disableAnimation && styles['View--no-motion'],\n className,\n )}\n onMoveX={onMoveX}\n onEnd={onEnd}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n panelId === activePanel && iosStyles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && iosStyles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && iosStyles['View__panel--swipe-back-next'],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles['View__panel--swipe-back-success'],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles['View__panel--swipe-back-failed'],\n )}\n onAnimationEnd={isTransitionTarget ? transitionEndHandler : undefined}\n ref={(el) => panelId !== undefined && (panelNodes.current[panelId] = el)}\n style={calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles['View__panel-in']}\n style={{\n marginTop: compensateScroll ? -(scrolls.current[panelId] ?? 0) : undefined,\n }}\n >\n <NavTransitionProvider\n entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n );\n};\n"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { HasPlatform } from '../../types';
3
3
  import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
4
- import { SplitColContextProps } from '../SplitCol/SplitCol';
4
+ import { SplitColContextProps } from '../SplitCol/SplitColContext';
5
5
  import { ScrollContextInterface } from '../AppRoot/ScrollContext';
6
6
  import { NavIdProps } from '../../lib/getNavId';
7
7
  declare enum SwipeBackResults {
@@ -25,7 +25,7 @@ var _Touch = require("../Touch/Touch");
25
25
  var _withPlatform = require("../../hoc/withPlatform");
26
26
  var _withContext = require("../../hoc/withContext");
27
27
  var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
28
- var _SplitCol = require("../SplitCol/SplitCol");
28
+ var _SplitColContext = require("../SplitCol/SplitColContext");
29
29
  var _AppRootPortal = require("../AppRoot/AppRootPortal");
30
30
  var _dom = require("../../lib/dom");
31
31
  var _ScrollContext = require("../AppRoot/ScrollContext");
@@ -513,6 +513,6 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
513
513
  (0, _defineProperty2.default)(ViewInfiniteComponent, "defaultProps", {
514
514
  history: []
515
515
  });
516
- var ViewInfinite = (0, _withContext.withContext)((0, _withContext.withContext)((0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)(ViewInfiniteComponent)), _SplitCol.SplitColContext, 'splitCol'), _ConfigProviderContext.ConfigProviderContext, 'configProvider'), _ScrollContext.ScrollContext, 'scroll');
516
+ var ViewInfinite = (0, _withContext.withContext)((0, _withContext.withContext)((0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)(ViewInfiniteComponent)), _SplitColContext.SplitColContext, 'splitCol'), _ConfigProviderContext.ConfigProviderContext, 'configProvider'), _ScrollContext.ScrollContext, 'scroll');
517
517
  exports.ViewInfinite = ViewInfinite;
518
518
  //# sourceMappingURL=ViewInfinite.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ViewInfinite.js","names":["warn","warnOnce","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","getNavId","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","event","window","platform","Platform","IOS","swipeBackPrevented","swipeBackExcluded","shouldDisableTransitionMotion","configProvider","isWebView","startX","SWIPE_BACK_AREA","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","onSwipeBackStart","payload","activePanel","blurActiveElement","prevScrolls","scrolls","scroll","getScroll","y","swipeBackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","React","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","animationEvent","supported","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","className","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","classNames","getPlatformClassName","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite","withContext","withPlatform","withDOM","SplitColContext","ConfigProviderContext","ScrollContext"],"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { transitionEvent, animationEvent } from '../../lib/supportEvents';\nimport { getPlatformClassName } from '../../helpers/getPlatformClassName';\nimport { Platform } from '../../lib/platform';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitCol';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { canUseDOM, withDOM, DOMProps } from '../../lib/dom';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { swipeBackExcluded } from './utils';\nimport styles from './View.module.css';\nimport iosStyles from './ViewIOS.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\n popout?: React.ReactNode;\n modal?: React.ReactNode;\n onTransition?(params: TransitionParams & { isBack: boolean }): void;\n /**\n * callback свайпа назад\n */\n onSwipeBack?(): void;\n /**\n * callback начала анимации свайпа назад.\n */\n onSwipeBackStart?(activePanel: string | null): void | 'prevent';\n /**\n * callback завершения анимации отмененного пользователем свайпа\n */\n onSwipeBackCancel?(): void;\n history?: string[];\n isBackCheck?(params: TransitionParams): boolean;\n /**\n * @ignore\n */\n splitCol?: SplitColContextProps;\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n /**\n * @ignore\n */\n scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n animated: boolean;\n\n visiblePanels: Array<string | null>;\n activePanel: string | null;\n isBack?: boolean;\n prevPanel: string | null;\n nextPanel: string | null;\n\n swipingBack: boolean;\n swipeBackPrevented: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string | null;\n swipeBackPrevPanel: string | null;\n swipeBackResult: SwipeBackResults | null;\n\n browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n ViewInfiniteProps & DOMProps,\n ViewInfiniteState\n> {\n private static readonly SWIPE_BACK_AREA = 70;\n\n constructor(props: ViewInfiniteProps) {\n super(props);\n\n this.state = {\n animated: false,\n\n visiblePanels: [props.activePanel],\n activePanel: props.activePanel,\n isBack: undefined,\n prevPanel: null,\n nextPanel: null,\n\n swipingBack: false,\n swipeBackPrevented: false,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n swipeBackNextPanel: null,\n swipeBackPrevPanel: null,\n swipeBackResult: null,\n\n browserSwipe: false,\n };\n }\n\n static defaultProps: Partial<ViewInfiniteProps> = {\n history: [],\n };\n\n private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n private transitionFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n private animationFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n get panels() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n componentWillUnmount() {\n const id = getNavId(this.props);\n if (id) {\n scrollsCache[id] = this.scrolls;\n }\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n }\n\n componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\n this.props.popout && !prevProps.popout && this.blurActiveElement();\n this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n // Нужен переход\n if (\n prevProps.activePanel !== this.props.activePanel &&\n !prevState.swipingBack &&\n !prevState.browserSwipe\n ) {\n let isBack = false;\n\n if (this.props.isBackCheck) {\n isBack = this.props.isBackCheck({\n from: prevProps.activePanel,\n to: this.props.activePanel,\n });\n } else {\n const firstLayerId = this.panels\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevProps.activePanel || id === this.props.activePanel);\n isBack = firstLayerId === this.props.activePanel;\n }\n\n this.blurActiveElement();\n\n const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n const scrolls = {\n ...this.scrolls,\n [prevProps.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n this.scrolls = scrolls;\n\n if (this.shouldDisableTransitionMotion()) {\n this.flushTransition(prevProps.activePanel, isBack);\n } else {\n this.setState({\n visiblePanels: [prevProps.activePanel, this.props.activePanel],\n prevPanel: prevProps.activePanel,\n nextPanel: this.props.activePanel,\n activePanel: null,\n animated: true,\n isBack,\n });\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n this.animationFinishTimeout = setTimeout(\n this.transitionEndHandler,\n this.props.platform === Platform.ANDROID || this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n const nextPanel = this.state.swipeBackNextPanel;\n const prevPanel = this.state.swipeBackPrevPanel;\n let scrollPosition: undefined | number = undefined;\n\n this.scrolls = {\n ...this.scrolls,\n };\n\n if (prevPanel !== null) {\n const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n this.scrolls[prevPanel] = prevPanelScrolls;\n }\n if (nextPanel !== null) {\n const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n scrollPosition = newPanelScrolls.pop();\n this.scrolls[nextPanel] = newPanelScrolls;\n }\n\n this.setState(\n {\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n activePanel: nextPanel,\n visiblePanels: [nextPanel],\n },\n () => {\n this.props.scroll?.scrollTo(0, scrollPosition);\n prevProps.onTransition &&\n prevProps.onTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n },\n );\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n this.waitTransitionFinish(\n this.pickPanel(this.state.swipeBackNextPanel),\n this.swipingBackTransitionEndHandler,\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevState.swipeBackResult === SwipeBackResults.fail &&\n !this.state.swipeBackResult &&\n this.state.activePanel !== null\n ) {\n const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n const scrollPosition = newPanelScrolls.pop();\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: newPanelScrolls,\n };\n\n this.props.scroll?.scrollTo(0, scrollPosition);\n }\n\n // Закончился Safari свайп\n if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\n this.setState({\n browserSwipe: false,\n nextPanel: null,\n prevPanel: null,\n animated: false,\n visiblePanels: [this.props.activePanel],\n activePanel: this.props.activePanel,\n });\n }\n }\n\n shouldDisableTransitionMotion(): boolean {\n return (\n this.props.configProvider?.transitionMotionEnabled === false ||\n !this.props.splitCol?.animate ||\n this.props.platform === Platform.VKCOM\n );\n }\n\n waitTransitionFinish(\n elem: HTMLElement | null | undefined,\n eventHandler: TransitionEventHandler,\n ): void {\n if (transitionEvent.supported && transitionEvent.name && elem) {\n elem.removeEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n elem.addEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n } else {\n if (this.transitionFinishTimeout) {\n clearTimeout(this.transitionFinishTimeout);\n }\n\n this.transitionFinishTimeout = setTimeout(\n eventHandler,\n this.props.platform === Platform.ANDROID || this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n\n blurActiveElement(): void {\n if (typeof this.window !== 'undefined' && this.document?.activeElement) {\n (this.document.activeElement as HTMLElement).blur();\n }\n }\n\n pickPanel(id: string | null) {\n if (id === null) {\n return undefined;\n }\n return this.panelNodes[id];\n }\n\n flushTransition(prevPanel: string, isBack: boolean) {\n const activePanel = this.props.activePanel;\n\n const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n if (isBack) {\n this.scrolls = {\n ...this.scrolls,\n [prevPanel]: prevPanelScrolls,\n [activePanel]: newPanelScrolls,\n };\n }\n\n this.setState(\n {\n prevPanel: null,\n nextPanel: null,\n visiblePanels: [activePanel],\n activePanel: activePanel,\n animated: false,\n isBack: undefined,\n },\n () => {\n this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n this.props.onTransition &&\n this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n },\n );\n }\n\n transitionEndHandler = (e?: React.AnimationEvent): void => {\n if (\n (!e ||\n [\n 'vkui-animation-ios-next-forward',\n 'vkui-animation-ios-prev-back',\n 'vkui-animation-view-next-forward',\n 'vkui-animation-view-prev-back',\n ].includes(e.animationName)) &&\n this.state.prevPanel !== null\n ) {\n this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n }\n };\n\n swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e ||\n (e.propertyName.includes('transform') &&\n e.target === this.pickPanel(this.state.swipeBackNextPanel))\n ) {\n switch (this.state.swipeBackResult) {\n case SwipeBackResults.fail:\n this.onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n this.onSwipeBackSuccess();\n }\n }\n };\n\n onSwipeBackSuccess(): void {\n this.props.onSwipeBack && this.props.onSwipeBack();\n }\n\n onSwipeBackCancel(): void {\n this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n this.setState({\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n });\n }\n\n onMoveX = (event: TouchEvent): void => {\n if (\n !this.window ||\n this.props.platform !== Platform.IOS ||\n this.state.swipeBackPrevented ||\n swipeBackExcluded(event) ||\n this.shouldDisableTransitionMotion()\n ) {\n return;\n }\n\n if (!this.props.configProvider?.isWebView) {\n if (\n (event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA ||\n event.startX >= this.window.innerWidth - ViewInfiniteComponent.SWIPE_BACK_AREA) &&\n !this.state.browserSwipe\n ) {\n this.setState({ browserSwipe: true });\n }\n\n return;\n }\n\n if (\n !this.props.onSwipeBack ||\n (this.state.animated && event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA)\n ) {\n return;\n }\n\n if (\n !this.state.swipingBack &&\n event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA &&\n this.props.history &&\n this.props.history.length > 1\n ) {\n if (this.props.onSwipeBackStart) {\n const payload = this.props.onSwipeBackStart(this.state.activePanel);\n if (payload === 'prevent') {\n this.setState({ swipeBackPrevented: true });\n return;\n }\n }\n\n if (this.state.activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n this.blurActiveElement();\n const prevScrolls = this.scrolls[this.state.activePanel] || [];\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n }\n\n this.setState({\n swipingBack: true,\n swipeBackStartX: event.startX,\n swipeBackPrevPanel: this.state.activePanel,\n swipeBackNextPanel: this.props.history.slice(-2)[0],\n });\n }\n\n if (this.state.swipingBack) {\n let swipeBackShift;\n if (event.shiftX < 0) {\n swipeBackShift = 0;\n } else if (event.shiftX > this.window.innerWidth - this.state.swipeBackStartX) {\n swipeBackShift = this.window.innerWidth;\n } else {\n swipeBackShift = event.shiftX;\n }\n this.setState({ swipeBackShift });\n }\n };\n\n onEnd = (event: TouchEvent): void => {\n if (this.state.swipingBack && this.window) {\n const speed = (this.state.swipeBackShift / event.duration) * 1000;\n if (this.state.swipeBackShift === 0) {\n this.onSwipeBackCancel();\n } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n this.onSwipeBackSuccess();\n } else if (\n speed > 250 ||\n this.state.swipeBackStartX + this.state.swipeBackShift > this.window.innerWidth / 2\n ) {\n this.setState({ swipeBackResult: SwipeBackResults.success });\n } else {\n this.setState({ swipeBackResult: SwipeBackResults.fail });\n }\n }\n if (this.state.swipeBackPrevented) {\n this.setState({ swipeBackPrevented: false });\n }\n };\n\n calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n if (!canUseDOM || !this.window) {\n return {};\n }\n\n const isPrev = panelId === this.state.swipeBackPrevPanel;\n const isNext = panelId === this.state.swipeBackNextPanel;\n\n if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) / this.window.innerWidth;\n\n if (this.state.swipeBackResult) {\n return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n }\n\n render() {\n const {\n popout,\n modal,\n platform,\n activePanel: _1,\n splitCol,\n configProvider,\n history,\n id,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel,\n window,\n document,\n scroll,\n isBackCheck,\n className,\n ...restProps\n } = this.props;\n const {\n prevPanel,\n nextPanel,\n activePanel,\n isBack,\n animated,\n swipeBackPrevPanel,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n } = this.state;\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = this.panels\n .filter((panel) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && this.state.visiblePanels.includes(panelId)) ||\n panelId === swipeBackPrevPanel ||\n panelId === swipeBackNextPanel\n );\n })\n .sort((panel) => {\n const panelId = getNavId(panel.props, warn);\n const isPrevPanel = panelId === prevPanel || panelId === swipeBackPrevPanel;\n const isNextPanel = panelId === nextPanel || panelId === swipeBackNextPanel;\n\n if (isNextPanel) {\n return swipingBack || this.state.isBack ? -1 : 1;\n }\n\n if (isPrevPanel) {\n return swipingBack || this.state.isBack ? 1 : -1;\n }\n\n return 0;\n });\n\n const disableAnimation = this.shouldDisableTransitionMotion();\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n getPlatformClassName(styles['View'], platform),\n !disableAnimation && this.state.animated && styles['View--animated'],\n !disableAnimation && this.state.swipingBack && styles['View--swiping-back'],\n disableAnimation && styles['View--no-motion'],\n className,\n )}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n const compensateScroll =\n isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n const scrollList = (panelId && this.scrolls[panelId]) || [];\n const scroll = scrollList[scrollList.length - 1] || 0;\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n panelId === activePanel && iosStyles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && iosStyles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && iosStyles['View__panel--swipe-back-next'],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles['View__panel--swipe-back-success'],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles['View__panel--swipe-back-failed'],\n )}\n onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n ref={(el) => panelId !== undefined && (this.panelNodes[panelId] = el)}\n style={this.calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles['View__panel-in']}\n style={{ marginTop: compensateScroll ? -scroll : undefined }}\n >\n <NavTransitionProvider\n entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n <AppRootPortal>\n {hasPopout && <div className={styles['View__popout']}>{popout}</div>}\n {hasModal && <div className={styles['View__modal']}>{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n }\n}\n\nexport const ViewInfinite = withContext(\n withContext(\n withContext(\n withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n SplitColContext,\n 'splitCol',\n ),\n ConfigProviderContext,\n 'configProvider',\n ),\n ScrollContext,\n 'scroll',\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA4C;AAI5C,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,cAAc,CAAC;AAAC,IAEjCC,gBAAgB;AAAA,WAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB;AAerB,IAAIC,YAA0B,GAAG,CAAC,CAAC;AAAC,IA4D9BC,qBAAqB;EAAA;EAAA;EAMzB,+BAAYC,KAAwB,EAAE;IAAA;IAAA;IACpC,0BAAMA,KAAK;IAAE,sFA2BGF,YAAY,CAAC,IAAAG,kBAAQ,EAAC,MAAKD,KAAK,EAAEL,IAAI,CAAC,CAAW,IAAI,CAAC,CAAC;IAAA,sGACGO,SAAS;IAAA,qGACVA,SAAS;IAAA,yFAc/B,CAAC,CAAC;IAAA,mGAuOjC,UAACC,CAAwB,EAAW;MACzD,IACE,CAAC,CAACA,CAAC,IACD,CACE,iCAAiC,EACjC,8BAA8B,EAC9B,kCAAkC,EAClC,+BAA+B,CAChC,CAACC,QAAQ,CAACD,CAAC,CAACE,aAAa,CAAC,KAC7B,MAAKC,KAAK,CAACC,SAAS,KAAK,IAAI,EAC7B;QACA,MAAKC,eAAe,CAAC,MAAKF,KAAK,CAACC,SAAS,EAAEE,OAAO,CAAC,MAAKH,KAAK,CAACI,MAAM,CAAC,CAAC;MACxE;IACF,CAAC;IAAA,8GAEiC,UAACP,CAAmB,EAAW;MAC/D;MACA,IACE,CAACA,CAAC,IACDA,CAAC,CAACQ,YAAY,CAACP,QAAQ,CAAC,WAAW,CAAC,IACnCD,CAAC,CAACS,MAAM,KAAK,MAAKC,SAAS,CAAC,MAAKP,KAAK,CAACQ,kBAAkB,CAAE,EAC7D;QACA,QAAQ,MAAKR,KAAK,CAACS,eAAe;UAChC,KAAKlB,gBAAgB,CAACmB,IAAI;YACxB,MAAKC,iBAAiB,EAAE;YACxB;UACF,KAAKpB,gBAAgB,CAACqB,OAAO;YAC3B,MAAKC,kBAAkB,EAAE;QAAC;MAEhC;IACF,CAAC;IAAA,sFAkBS,UAACC,KAAiB,EAAW;MAAA;MACrC,IACE,CAAC,MAAKC,MAAM,IACZ,MAAKrB,KAAK,CAACsB,QAAQ,KAAKC,kBAAQ,CAACC,GAAG,IACpC,MAAKlB,KAAK,CAACmB,kBAAkB,IAC7B,IAAAC,wBAAiB,EAACN,KAAK,CAAC,IACxB,MAAKO,6BAA6B,EAAE,EACpC;QACA;MACF;MAEA,IAAI,2BAAC,MAAK3B,KAAK,CAAC4B,cAAc,kDAAzB,sBAA2BC,SAAS,GAAE;QACzC,IACE,CAACT,KAAK,CAACU,MAAM,IAAI/B,qBAAqB,CAACgC,eAAe,IACpDX,KAAK,CAACU,MAAM,IAAI,MAAKT,MAAM,CAACW,UAAU,GAAGjC,qBAAqB,CAACgC,eAAe,KAChF,CAAC,MAAKzB,KAAK,CAAC2B,YAAY,EACxB;UACA,MAAKC,QAAQ,CAAC;YAAED,YAAY,EAAE;UAAK,CAAC,CAAC;QACvC;QAEA;MACF;MAEA,IACE,CAAC,MAAKjC,KAAK,CAACmC,WAAW,IACtB,MAAK7B,KAAK,CAAC8B,QAAQ,IAAIhB,KAAK,CAACU,MAAM,IAAI/B,qBAAqB,CAACgC,eAAgB,EAC9E;QACA;MACF;MAEA,IACE,CAAC,MAAKzB,KAAK,CAAC+B,WAAW,IACvBjB,KAAK,CAACU,MAAM,IAAI/B,qBAAqB,CAACgC,eAAe,IACrD,MAAK/B,KAAK,CAACsC,OAAO,IAClB,MAAKtC,KAAK,CAACsC,OAAO,CAACC,MAAM,GAAG,CAAC,EAC7B;QACA,IAAI,MAAKvC,KAAK,CAACwC,gBAAgB,EAAE;UAC/B,IAAMC,OAAO,GAAG,MAAKzC,KAAK,CAACwC,gBAAgB,CAAC,MAAKlC,KAAK,CAACoC,WAAW,CAAC;UACnE,IAAID,OAAO,KAAK,SAAS,EAAE;YACzB,MAAKP,QAAQ,CAAC;cAAET,kBAAkB,EAAE;YAAK,CAAC,CAAC;YAC3C;UACF;QACF;QAEA,IAAI,MAAKnB,KAAK,CAACoC,WAAW,KAAK,IAAI,EAAE;UAAA;UACnC;UACA,MAAKC,iBAAiB,EAAE;UACxB,IAAMC,WAAW,GAAG,MAAKC,OAAO,CAAC,MAAKvC,KAAK,CAACoC,WAAW,CAAC,IAAI,EAAE;UAC9D,MAAKG,OAAO,+DACP,MAAKA,OAAO,yCACd,MAAKvC,KAAK,CAACoC,WAAW,6CAAOE,WAAW,0BAAE,MAAK5C,KAAK,CAAC8C,MAAM,uDAAjB,mBAAmBC,SAAS,EAAE,CAACC,CAAC,IAC5E;QACH;QAEA,MAAKd,QAAQ,CAAC;UACZG,WAAW,EAAE,IAAI;UACjBY,eAAe,EAAE7B,KAAK,CAACU,MAAM;UAC7BoB,kBAAkB,EAAE,MAAK5C,KAAK,CAACoC,WAAW;UAC1C5B,kBAAkB,EAAE,MAAKd,KAAK,CAACsC,OAAO,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC;MACJ;MAEA,IAAI,MAAK7C,KAAK,CAAC+B,WAAW,EAAE;QAC1B,IAAIe,cAAc;QAClB,IAAIhC,KAAK,CAACiC,MAAM,GAAG,CAAC,EAAE;UACpBD,cAAc,GAAG,CAAC;QACpB,CAAC,MAAM,IAAIhC,KAAK,CAACiC,MAAM,GAAG,MAAKhC,MAAM,CAACW,UAAU,GAAG,MAAK1B,KAAK,CAAC2C,eAAe,EAAE;UAC7EG,cAAc,GAAG,MAAK/B,MAAM,CAACW,UAAU;QACzC,CAAC,MAAM;UACLoB,cAAc,GAAGhC,KAAK,CAACiC,MAAM;QAC/B;QACA,MAAKnB,QAAQ,CAAC;UAAEkB,cAAc,EAAdA;QAAe,CAAC,CAAC;MACnC;IACF,CAAC;IAAA,oFAEO,UAAChC,KAAiB,EAAW;MACnC,IAAI,MAAKd,KAAK,CAAC+B,WAAW,IAAI,MAAKhB,MAAM,EAAE;QACzC,IAAMiC,KAAK,GAAI,MAAKhD,KAAK,CAAC8C,cAAc,GAAGhC,KAAK,CAACmC,QAAQ,GAAI,IAAI;QACjE,IAAI,MAAKjD,KAAK,CAAC8C,cAAc,KAAK,CAAC,EAAE;UACnC,MAAKnC,iBAAiB,EAAE;QAC1B,CAAC,MAAM,IAAI,MAAKX,KAAK,CAAC8C,cAAc,IAAI,MAAK/B,MAAM,CAACW,UAAU,EAAE;UAC9D,MAAKb,kBAAkB,EAAE;QAC3B,CAAC,MAAM,IACLmC,KAAK,GAAG,GAAG,IACX,MAAKhD,KAAK,CAAC2C,eAAe,GAAG,MAAK3C,KAAK,CAAC8C,cAAc,GAAG,MAAK/B,MAAM,CAACW,UAAU,GAAG,CAAC,EACnF;UACA,MAAKE,QAAQ,CAAC;YAAEnB,eAAe,EAAElB,gBAAgB,CAACqB;UAAQ,CAAC,CAAC;QAC9D,CAAC,MAAM;UACL,MAAKgB,QAAQ,CAAC;YAAEnB,eAAe,EAAElB,gBAAgB,CAACmB;UAAK,CAAC,CAAC;QAC3D;MACF;MACA,IAAI,MAAKV,KAAK,CAACmB,kBAAkB,EAAE;QACjC,MAAKS,QAAQ,CAAC;UAAET,kBAAkB,EAAE;QAAM,CAAC,CAAC;MAC9C;IACF,CAAC;IA9ZC,MAAKnB,KAAK,GAAG;MACX8B,QAAQ,EAAE,KAAK;MAEfoB,aAAa,EAAE,CAACxD,KAAK,CAAC0C,WAAW,CAAC;MAClCA,WAAW,EAAE1C,KAAK,CAAC0C,WAAW;MAC9BhC,MAAM,EAAER,SAAS;MACjBK,SAAS,EAAE,IAAI;MACfkD,SAAS,EAAE,IAAI;MAEfpB,WAAW,EAAE,KAAK;MAClBZ,kBAAkB,EAAE,KAAK;MACzBwB,eAAe,EAAE,CAAC;MAClBG,cAAc,EAAE,CAAC;MACjBtC,kBAAkB,EAAE,IAAI;MACxBoC,kBAAkB,EAAE,IAAI;MACxBnC,eAAe,EAAE,IAAI;MAErBkB,YAAY,EAAE;IAChB,CAAC;IAAC;EACJ;EAAC;IAAA;IAAA,KAUD,eAAe;MACb,OAAO,IAAI,CAACjC,KAAK,CAAC0D,QAAQ;IAC5B;EAAC;IAAA;IAAA,KAED,eAAa;MACX,OAAO,IAAI,CAAC1D,KAAK,CAACqB,MAAM;IAC1B;EAAC;IAAA;IAAA,KAED,eAAa;MACX,OAAOsC,KAAK,CAACC,QAAQ,CAACC,OAAO,CAAC,IAAI,CAAC7D,KAAK,CAAC8D,QAAQ,CAAC;IACpD;EAAC;IAAA;IAAA,OAID,gCAAuB;MACrB,IAAMC,EAAE,GAAG,IAAA9D,kBAAQ,EAAC,IAAI,CAACD,KAAK,CAAC;MAC/B,IAAI+D,EAAE,EAAE;QACNjE,YAAY,CAACiE,EAAE,CAAC,GAAG,IAAI,CAAClB,OAAO;MACjC;MACA,IAAI,IAAI,CAACmB,sBAAsB,EAAE;QAC/BC,YAAY,CAAC,IAAI,CAACD,sBAAsB,CAAC;MAC3C;IACF;EAAC;IAAA;IAAA,OAED,4BAAmBE,SAA4B,EAAEC,SAA4B,EAAE;MAAA;MAC7E,IAAI,CAACnE,KAAK,CAACoE,MAAM,IAAI,CAACF,SAAS,CAACE,MAAM,IAAI,IAAI,CAACzB,iBAAiB,EAAE;MAClE,IAAI,CAAC3C,KAAK,CAACqE,KAAK,IAAI,CAACH,SAAS,CAACG,KAAK,IAAI,IAAI,CAAC1B,iBAAiB,EAAE;;MAEhE;MACA,IACEuB,SAAS,CAACxB,WAAW,KAAK,IAAI,CAAC1C,KAAK,CAAC0C,WAAW,IAChD,CAACyB,SAAS,CAAC9B,WAAW,IACtB,CAAC8B,SAAS,CAAClC,YAAY,EACvB;QAAA;QACA,IAAIvB,MAAM,GAAG,KAAK;QAElB,IAAI,IAAI,CAACV,KAAK,CAACsE,WAAW,EAAE;UAC1B5D,MAAM,GAAG,IAAI,CAACV,KAAK,CAACsE,WAAW,CAAC;YAC9BC,IAAI,EAAEL,SAAS,CAACxB,WAAW;YAC3B8B,EAAE,EAAE,IAAI,CAACxE,KAAK,CAAC0C;UACjB,CAAC,CAAC;QACJ,CAAC,MAAM;UACL,IAAM+B,YAAY,GAAG,IAAI,CAACC,MAAM,CAC7BC,GAAG,CAAC,UAACC,KAAK;YAAA,OAAK,IAAA3E,kBAAQ,EAAC2E,KAAK,CAAC5E,KAAK,EAAEL,IAAI,CAAC;UAAA,EAAC,CAC3CkF,IAAI,CAAC,UAACd,EAAE;YAAA,OAAKA,EAAE,KAAKG,SAAS,CAACxB,WAAW,IAAIqB,EAAE,KAAK,MAAI,CAAC/D,KAAK,CAAC0C,WAAW;UAAA,EAAC;UAC9EhC,MAAM,GAAG+D,YAAY,KAAK,IAAI,CAACzE,KAAK,CAAC0C,WAAW;QAClD;QAEA,IAAI,CAACC,iBAAiB,EAAE;QAExB,IAAMC,WAAW,GAAG,IAAI,CAACC,OAAO,CAACqB,SAAS,CAACxB,WAAW,CAAC,IAAI,EAAE;QAC7D,IAAMG,OAAO,+DACR,IAAI,CAACA,OAAO,yCACdqB,SAAS,CAACxB,WAAW,6CAAOE,WAAW,2BAAE,IAAI,CAAC5C,KAAK,CAAC8C,MAAM,wDAAjB,oBAAmBC,SAAS,EAAE,CAACC,CAAC,IAC3E;QACD,IAAI,CAACH,OAAO,GAAGA,OAAO;QAEtB,IAAI,IAAI,CAAClB,6BAA6B,EAAE,EAAE;UACxC,IAAI,CAACnB,eAAe,CAAC0D,SAAS,CAACxB,WAAW,EAAEhC,MAAM,CAAC;QACrD,CAAC,MAAM;UACL,IAAI,CAACwB,QAAQ,CAAC;YACZsB,aAAa,EAAE,CAACU,SAAS,CAACxB,WAAW,EAAE,IAAI,CAAC1C,KAAK,CAAC0C,WAAW,CAAC;YAC9DnC,SAAS,EAAE2D,SAAS,CAACxB,WAAW;YAChCe,SAAS,EAAE,IAAI,CAACzD,KAAK,CAAC0C,WAAW;YACjCA,WAAW,EAAE,IAAI;YACjBN,QAAQ,EAAE,IAAI;YACd1B,MAAM,EAANA;UACF,CAAC,CAAC;;UAEF;UACA,IAAI,CAACoE,6BAAc,CAACC,SAAS,EAAE;YAC7B,IAAI,IAAI,CAACf,sBAAsB,EAAE;cAC/BC,YAAY,CAAC,IAAI,CAACD,sBAAsB,CAAC;YAC3C;YACA,IAAI,CAACA,sBAAsB,GAAGgB,UAAU,CACtC,IAAI,CAACC,oBAAoB,EACzB,IAAI,CAACjF,KAAK,CAACsB,QAAQ,KAAKC,kBAAQ,CAAC2D,OAAO,IAAI,IAAI,CAAClF,KAAK,CAACsB,QAAQ,KAAKC,kBAAQ,CAAC4D,KAAK,GAC9E,GAAG,GACH,GAAG,CACR;UACH;QACF;MACF;;MAEA;MACA,IAAIjB,SAAS,CAACxB,WAAW,KAAK,IAAI,CAAC1C,KAAK,CAAC0C,WAAW,IAAIyB,SAAS,CAAC9B,WAAW,EAAE;QAC7E,IAAMoB,SAAS,GAAG,IAAI,CAACnD,KAAK,CAACQ,kBAAkB;QAC/C,IAAMP,SAAS,GAAG,IAAI,CAACD,KAAK,CAAC4C,kBAAkB;QAC/C,IAAIkC,cAAkC,GAAGlF,SAAS;QAElD,IAAI,CAAC2C,OAAO,mCACP,IAAI,CAACA,OAAO,CAChB;QAED,IAAItC,SAAS,KAAK,IAAI,EAAE;UACtB,IAAM8E,gBAAgB,GAAG,iCAAK,IAAI,CAACxC,OAAO,CAACtC,SAAS,CAAC,IAAI,EAAE,EAAG4C,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;UAC1E,IAAI,CAACN,OAAO,CAACtC,SAAS,CAAC,GAAG8E,gBAAgB;QAC5C;QACA,IAAI5B,SAAS,KAAK,IAAI,EAAE;UACtB,IAAM6B,eAAe,oCAAQ,IAAI,CAACzC,OAAO,CAACY,SAAS,CAAC,IAAI,EAAE,CAAE;UAC5D2B,cAAc,GAAGE,eAAe,CAACC,GAAG,EAAE;UACtC,IAAI,CAAC1C,OAAO,CAACY,SAAS,CAAC,GAAG6B,eAAe;QAC3C;QAEA,IAAI,CAACpD,QAAQ,CACX;UACEgB,kBAAkB,EAAE,IAAI;UACxBpC,kBAAkB,EAAE,IAAI;UACxBuB,WAAW,EAAE,KAAK;UAClBtB,eAAe,EAAE,IAAI;UACrBkC,eAAe,EAAE,CAAC;UAClBG,cAAc,EAAE,CAAC;UACjBV,WAAW,EAAEe,SAAS;UACtBD,aAAa,EAAE,CAACC,SAAS;QAC3B,CAAC,EACD,YAAM;UAAA;UACJ,6BAAI,CAACzD,KAAK,CAAC8C,MAAM,wDAAjB,oBAAmB0C,QAAQ,CAAC,CAAC,EAAEJ,cAAc,CAAC;UAC9ClB,SAAS,CAACuB,YAAY,IACpBvB,SAAS,CAACuB,YAAY,CAAC;YACrB/E,MAAM,EAAE,IAAI;YACZ6D,IAAI,EAAEhE,SAAS;YACfiE,EAAE,EAAEf;UACN,CAAC,CAAC;QACN,CAAC,CACF;MACH;;MAEA;MACA,IAAI,CAACU,SAAS,CAACpD,eAAe,IAAI,IAAI,CAACT,KAAK,CAACS,eAAe,EAAE;QAC5D,IAAI,CAAC2E,oBAAoB,CACvB,IAAI,CAAC7E,SAAS,CAAC,IAAI,CAACP,KAAK,CAACQ,kBAAkB,CAAC,EAC7C,IAAI,CAAC6E,+BAA+B,CACrC;MACH;;MAEA;MACA,IACExB,SAAS,CAACpD,eAAe,KAAKlB,gBAAgB,CAACmB,IAAI,IACnD,CAAC,IAAI,CAACV,KAAK,CAACS,eAAe,IAC3B,IAAI,CAACT,KAAK,CAACoC,WAAW,KAAK,IAAI,EAC/B;QAAA;QACA,IAAM4C,gBAAe,oCAAQ,IAAI,CAACzC,OAAO,CAAC,IAAI,CAACvC,KAAK,CAACoC,WAAW,CAAC,IAAI,EAAE,CAAE;QACzE,IAAM0C,eAAc,GAAGE,gBAAe,CAACC,GAAG,EAAE;QAC5C,IAAI,CAAC1C,OAAO,+DACP,IAAI,CAACA,OAAO,yCACd,IAAI,CAACvC,KAAK,CAACoC,WAAW,EAAG4C,gBAAe,EAC1C;QAED,2BAAI,CAACtF,KAAK,CAAC8C,MAAM,wDAAjB,oBAAmB0C,QAAQ,CAAC,CAAC,EAAEJ,eAAc,CAAC;MAChD;;MAEA;MACA,IAAIlB,SAAS,CAACxB,WAAW,KAAK,IAAI,CAAC1C,KAAK,CAAC0C,WAAW,IAAI,IAAI,CAACpC,KAAK,CAAC2B,YAAY,EAAE;QAC/E,IAAI,CAACC,QAAQ,CAAC;UACZD,YAAY,EAAE,KAAK;UACnBwB,SAAS,EAAE,IAAI;UACflD,SAAS,EAAE,IAAI;UACf6B,QAAQ,EAAE,KAAK;UACfoB,aAAa,EAAE,CAAC,IAAI,CAACxD,KAAK,CAAC0C,WAAW,CAAC;UACvCA,WAAW,EAAE,IAAI,CAAC1C,KAAK,CAAC0C;QAC1B,CAAC,CAAC;MACJ;IACF;EAAC;IAAA;IAAA,OAED,yCAAyC;MAAA;MACvC,OACE,+BAAI,CAAC1C,KAAK,CAAC4B,cAAc,2DAAzB,uBAA2BgE,uBAAuB,MAAK,KAAK,IAC5D,0BAAC,IAAI,CAAC5F,KAAK,CAAC6F,QAAQ,iDAAnB,qBAAqBC,OAAO,KAC7B,IAAI,CAAC9F,KAAK,CAACsB,QAAQ,KAAKC,kBAAQ,CAAC4D,KAAK;IAE1C;EAAC;IAAA;IAAA,OAED,8BACEY,IAAoC,EACpCC,YAAoC,EAC9B;MACN,IAAIC,8BAAe,CAAClB,SAAS,IAAIkB,8BAAe,CAACC,IAAI,IAAIH,IAAI,EAAE;QAC7DA,IAAI,CAACI,mBAAmB,CACtBF,8BAAe,CAACC,IAAI,EACpBF,YAAY,CACb;QACDD,IAAI,CAACK,gBAAgB,CACnBH,8BAAe,CAACC,IAAI,EACpBF,YAAY,CACb;MACH,CAAC,MAAM;QACL,IAAI,IAAI,CAACK,uBAAuB,EAAE;UAChCpC,YAAY,CAAC,IAAI,CAACoC,uBAAuB,CAAC;QAC5C;QAEA,IAAI,CAACA,uBAAuB,GAAGrB,UAAU,CACvCgB,YAAY,EACZ,IAAI,CAAChG,KAAK,CAACsB,QAAQ,KAAKC,kBAAQ,CAAC2D,OAAO,IAAI,IAAI,CAAClF,KAAK,CAACsB,QAAQ,KAAKC,kBAAQ,CAAC4D,KAAK,GAC9E,GAAG,GACH,GAAG,CACR;MACH;IACF;EAAC;IAAA;IAAA,OAED,6BAA0B;MAAA;MACxB,IAAI,OAAO,IAAI,CAAC9D,MAAM,KAAK,WAAW,sBAAI,IAAI,CAACqC,QAAQ,2CAAb,eAAe4C,aAAa,EAAE;QACrE,IAAI,CAAC5C,QAAQ,CAAC4C,aAAa,CAAiBC,IAAI,EAAE;MACrD;IACF;EAAC;IAAA;IAAA,OAED,mBAAUxC,EAAiB,EAAE;MAC3B,IAAIA,EAAE,KAAK,IAAI,EAAE;QACf,OAAO7D,SAAS;MAClB;MACA,OAAO,IAAI,CAACsG,UAAU,CAACzC,EAAE,CAAC;IAC5B;EAAC;IAAA;IAAA,OAED,yBAAgBxD,SAAiB,EAAEG,MAAe,EAAE;MAAA;MAClD,IAAMgC,WAAW,GAAG,IAAI,CAAC1C,KAAK,CAAC0C,WAAW;MAE1C,IAAM2C,gBAAgB,GAAG,iCAAK,IAAI,CAACxC,OAAO,CAACtC,SAAS,CAAC,IAAI,EAAE,EAAG4C,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;MAC1E,IAAMmC,eAAe,oCAAQ,IAAI,CAACzC,OAAO,CAACH,WAAW,CAAC,IAAI,EAAE,CAAE;MAC9D,IAAM0C,cAAc,GAAG1E,MAAM,GAAG4E,eAAe,CAACC,GAAG,EAAE,GAAG,CAAC;MACzD,IAAI7E,MAAM,EAAE;QAAA;QACV,IAAI,CAACmC,OAAO,+DACP,IAAI,CAACA,OAAO,2EACdtC,SAAS,EAAG8E,gBAAgB,iDAC5B3C,WAAW,EAAG4C,eAAe,mBAC/B;MACH;MAEA,IAAI,CAACpD,QAAQ,CACX;QACE3B,SAAS,EAAE,IAAI;QACfkD,SAAS,EAAE,IAAI;QACfD,aAAa,EAAE,CAACd,WAAW,CAAC;QAC5BA,WAAW,EAAEA,WAAW;QACxBN,QAAQ,EAAE,KAAK;QACf1B,MAAM,EAAER;MACV,CAAC,EACD,YAAM;QAAA;QACJ,6BAAI,CAACF,KAAK,CAAC8C,MAAM,wDAAjB,oBAAmB0C,QAAQ,CAAC,CAAC,EAAE9E,MAAM,GAAG0E,cAAc,GAAG,CAAC,CAAC;QAC3D,MAAI,CAACpF,KAAK,CAACyF,YAAY,IACrB,MAAI,CAACzF,KAAK,CAACyF,YAAY,CAAC;UAAE/E,MAAM,EAANA,MAAM;UAAE6D,IAAI,EAAEhE,SAAS;UAAEiE,EAAE,EAAE9B;QAAY,CAAC,CAAC;MACzE,CAAC,CACF;IACH;EAAC;IAAA;IAAA,OAkCD,8BAA2B;MACzB,IAAI,CAAC1C,KAAK,CAACmC,WAAW,IAAI,IAAI,CAACnC,KAAK,CAACmC,WAAW,EAAE;IACpD;EAAC;IAAA;IAAA,OAED,6BAA0B;MACxB,IAAI,CAACnC,KAAK,CAACiB,iBAAiB,IAAI,IAAI,CAACjB,KAAK,CAACiB,iBAAiB,EAAE;MAC9D,IAAI,CAACiB,QAAQ,CAAC;QACZgB,kBAAkB,EAAE,IAAI;QACxBpC,kBAAkB,EAAE,IAAI;QACxBuB,WAAW,EAAE,KAAK;QAClBtB,eAAe,EAAE,IAAI;QACrBkC,eAAe,EAAE,CAAC;QAClBG,cAAc,EAAE;MAClB,CAAC,CAAC;IACJ;EAAC;IAAA;IAAA,OAkGD,8BAAqBqD,OAA2B,EAAuB;MACrE,IAAI,CAACC,cAAS,IAAI,CAAC,IAAI,CAACrF,MAAM,EAAE;QAC9B,OAAO,CAAC,CAAC;MACX;MAEA,IAAMsF,MAAM,GAAGF,OAAO,KAAK,IAAI,CAACnG,KAAK,CAAC4C,kBAAkB;MACxD,IAAM0D,MAAM,GAAGH,OAAO,KAAK,IAAI,CAACnG,KAAK,CAACQ,kBAAkB;MAExD,IAAK,CAAC6F,MAAM,IAAI,CAACC,MAAM,IAAK,IAAI,CAACtG,KAAK,CAACS,eAAe,EAAE;QACtD,OAAO,CAAC,CAAC;MACX;MAEA,IAAI8F,kBAAkB,aAAM,IAAI,CAACvG,KAAK,CAAC8C,cAAc,OAAI;MACzD,IAAI0D,kBAAkB,aACpB,CAAC,EAAE,GAAI,IAAI,CAACxG,KAAK,CAAC8C,cAAc,GAAG,GAAG,GAAI,IAAI,CAAC/B,MAAM,CAACW,UAAU,GAAG,CAAC,MACnE;MACH,IAAI+E,eAAe,GAChB,GAAG,IAAI,IAAI,CAAC1F,MAAM,CAACW,UAAU,GAAG,IAAI,CAAC1B,KAAK,CAAC8C,cAAc,CAAC,GAAI,IAAI,CAAC/B,MAAM,CAACW,UAAU;MAEvF,IAAI,IAAI,CAAC1B,KAAK,CAACS,eAAe,EAAE;QAC9B,OAAO4F,MAAM,GAAG;UAAEK,SAAS,sCAA+BD,eAAe;QAAI,CAAC,GAAG,CAAC,CAAC;MACrF;MAEA,IAAIH,MAAM,EAAE;QACV,OAAO;UACLK,SAAS,wBAAiBH,kBAAkB,YAAS;UACrDI,eAAe,wBAAiBJ,kBAAkB;QACpD,CAAC;MACH;MACA,IAAIH,MAAM,EAAE;QACV,OAAO;UACLM,SAAS,wBAAiBJ,kBAAkB,YAAS;UACrDK,eAAe,wBAAiBL,kBAAkB,YAAS;UAC3DG,SAAS,sCAA+BD,eAAe;QACzD,CAAC;MACH;MAEA,OAAO,CAAC,CAAC;IACX;EAAC;IAAA;IAAA,OAED,kBAAS;MAAA;MACP,kBAoBI,IAAI,CAAC/G,KAAK;QAnBZoE,MAAM,eAANA,MAAM;QACNC,KAAK,eAALA,KAAK;QACL/C,QAAQ,eAARA,QAAQ;QACK6F,EAAE,eAAfzE,WAAW;QACXmD,QAAQ,eAARA,QAAQ;QACRjE,cAAc,eAAdA,cAAc;QACdU,OAAO,eAAPA,OAAO;QACPyB,EAAE,eAAFA,EAAE;QACFqD,GAAG,eAAHA,GAAG;QACH3B,YAAY,eAAZA,YAAY;QACZtD,WAAW,eAAXA,WAAW;QACXK,gBAAgB,eAAhBA,gBAAgB;QAChBvB,iBAAiB,eAAjBA,iBAAiB;QACjBI,MAAM,eAANA,MAAM;QACNqC,QAAQ,eAARA,QAAQ;QACRZ,MAAM,eAANA,MAAM;QACNwB,WAAW,eAAXA,WAAW;QACX+C,SAAS,eAATA,SAAS;QACNC,SAAS;MAEd,kBAUI,IAAI,CAAChH,KAAK;QATZC,SAAS,eAATA,SAAS;QACTkD,SAAS,eAATA,SAAS;QACTf,WAAW,eAAXA,WAAW;QACXhC,MAAM,eAANA,MAAM;QACN0B,QAAQ,eAARA,QAAQ;QACRc,kBAAkB,eAAlBA,kBAAkB;QAClBpC,kBAAkB,eAAlBA,kBAAkB;QAClBC,eAAe,eAAfA,eAAe;QACfsB,WAAW,eAAXA,WAAW;MAGb,IAAMkF,SAAS,GAAG,CAAC,CAACnD,MAAM;MAC1B,IAAMoD,QAAQ,GAAG,CAAC,CAACnD,KAAK;MAExB,IAAMK,MAAM,GAAG,IAAI,CAACA,MAAM,CACvB+C,MAAM,CAAC,UAAC7C,KAAK,EAAK;QACjB,IAAM6B,OAAO,GAAG,IAAAxG,kBAAQ,EAAC2E,KAAK,CAAC5E,KAAK,EAAEL,IAAI,CAAC;QAE3C,OACG8G,OAAO,KAAKvG,SAAS,IAAI,MAAI,CAACI,KAAK,CAACkD,aAAa,CAACpD,QAAQ,CAACqG,OAAO,CAAC,IACpEA,OAAO,KAAKvD,kBAAkB,IAC9BuD,OAAO,KAAK3F,kBAAkB;MAElC,CAAC,CAAC,CACD4G,IAAI,CAAC,UAAC9C,KAAK,EAAK;QACf,IAAM6B,OAAO,GAAG,IAAAxG,kBAAQ,EAAC2E,KAAK,CAAC5E,KAAK,EAAEL,IAAI,CAAC;QAC3C,IAAMgI,WAAW,GAAGlB,OAAO,KAAKlG,SAAS,IAAIkG,OAAO,KAAKvD,kBAAkB;QAC3E,IAAM0E,WAAW,GAAGnB,OAAO,KAAKhD,SAAS,IAAIgD,OAAO,KAAK3F,kBAAkB;QAE3E,IAAI8G,WAAW,EAAE;UACf,OAAOvF,WAAW,IAAI,MAAI,CAAC/B,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;QAClD;QAEA,IAAIiH,WAAW,EAAE;UACf,OAAOtF,WAAW,IAAI,MAAI,CAAC/B,KAAK,CAACI,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;QAClD;QAEA,OAAO,CAAC;MACV,CAAC,CAAC;MAEJ,IAAMmH,gBAAgB,GAAG,IAAI,CAAClG,6BAA6B,EAAE;MAE7D,oBACE,oBAAC,YAAK;QACJ,SAAS,EAAC;MAAS,GACf2F,SAAS;QACb,SAAS,EAAE,IAAAQ,gBAAU,cAEnB,IAAAC,0CAAoB,cAAiBzG,QAAQ,CAAC,EAC9C,CAACuG,gBAAgB,IAAI,IAAI,CAACvH,KAAK,CAAC8B,QAAQ,wBAA4B,EACpE,CAACyF,gBAAgB,IAAI,IAAI,CAACvH,KAAK,CAAC+B,WAAW,4BAAgC,EAC3EwF,gBAAgB,yBAA6B,EAC7CR,SAAS,CACT;QACF,OAAO,EAAE,IAAI,CAACW,OAAQ;QACtB,KAAK,EAAE,IAAI,CAACC;MAAM,iBAElB;QAAK,SAAS;MAAyB,GACpCvD,MAAM,CAACC,GAAG,CAAC,UAACC,KAAyB,EAAK;QACzC,IAAM6B,OAAO,GAAG,IAAAxG,kBAAQ,EAAC2E,KAAK,CAAC5E,KAAK,EAAEL,IAAI,CAAC;QAC3C,IAAMgH,MAAM,GAAGF,OAAO,KAAKlG,SAAS,IAAIkG,OAAO,KAAKvD,kBAAkB;QACtE,IAAMgF,gBAAgB,GACpBvB,MAAM,IAAIF,OAAO,KAAK3F,kBAAkB,IAAK2F,OAAO,KAAKhD,SAAS,IAAI/C,MAAO;QAC/E,IAAMyH,kBAAkB,GAAG/F,QAAQ,IAAIqE,OAAO,MAAM/F,MAAM,GAAGH,SAAS,GAAGkD,SAAS,CAAC;QACnF,IAAM2E,UAAU,GAAI3B,OAAO,IAAI,MAAI,CAAC5D,OAAO,CAAC4D,OAAO,CAAC,IAAK,EAAE;QAC3D,IAAM3D,MAAM,GAAGsF,UAAU,CAACA,UAAU,CAAC7F,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC;QAErD,oBACE;UACE,SAAS,EAAE,IAAAuF,gBAAU,qBAEnBrB,OAAO,KAAK/D,WAAW,6BAAoC,EAC3D+D,OAAO,KAAKlG,SAAS,2BAA+B,EACpDkG,OAAO,KAAKhD,SAAS,2BAA+B,EACpDgD,OAAO,KAAKvD,kBAAkB,sCAA6C,EAC3EuD,OAAO,KAAK3F,kBAAkB,sCAA6C,EAC3EC,eAAe,KAAKlB,gBAAgB,CAACqB,OAAO,yCACE,EAC9CH,eAAe,KAAKlB,gBAAgB,CAACmB,IAAI,wCACI,CAC7C;UACF,cAAc,EAAEmH,kBAAkB,GAAG,MAAI,CAAClD,oBAAoB,GAAG/E,SAAU;UAC3E,GAAG,EAAE,aAACmI,EAAE;YAAA,OAAK5B,OAAO,KAAKvG,SAAS,KAAK,MAAI,CAACsG,UAAU,CAACC,OAAO,CAAC,GAAG4B,EAAE,CAAC;UAAA,CAAC;UACtE,KAAK,EAAE,MAAI,CAACC,oBAAoB,CAAC7B,OAAO,CAAE;UAC1C,GAAG,EAAEA;QAAQ,gBAEb;UACE,SAAS,sBAA2B;UACpC,KAAK,EAAE;YAAE8B,SAAS,EAAEL,gBAAgB,GAAG,CAACpF,MAAM,GAAG5C;UAAU;QAAE,gBAE7D,oBAAC,2CAAqB;UACpB,QAAQ,EAAEuG,OAAO,KAAKhD,SAAS,IAAIgD,OAAO,KAAK3F;QAAmB,GAEjE8D,KAAK,CACgB,CACpB,CACF;MAEV,CAAC,CAAC,CACE,eACN,oBAAC,4BAAa,QACX2C,SAAS,iBAAI;QAAK,SAAS;MAAyB,GAAEnD,MAAM,CAAO,EACnEoD,QAAQ,iBAAI;QAAK,SAAS;MAAwB,GAAEnD,KAAK,CAAO,CACnD,CACV;IAEZ;EAAC;EAAA;AAAA,EAllBiCV,KAAK,CAAC6E,SAAS;AAAA,8BAA7CzI,qBAAqB,qBAIiB,EAAE;AAAA,8BAJxCA,qBAAqB,kBA8ByB;EAChDuC,OAAO,EAAE;AACX,CAAC;AAqjBI,IAAMmG,YAAY,GAAG,IAAAC,wBAAW,EACrC,IAAAA,wBAAW,EACT,IAAAA,wBAAW,EACT,IAAAC,0BAAY,EAAC,IAAAC,YAAO,EAAoB7I,qBAAqB,CAAC,CAAC,EAC/D8I,yBAAe,EACf,UAAU,CACX,EACDC,4CAAqB,EACrB,gBAAgB,CACjB,EACDC,4BAAa,EACb,QAAQ,CACT;AAAC"}
1
+ {"version":3,"file":"ViewInfinite.js","names":["warn","warnOnce","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","getNavId","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","event","window","platform","Platform","IOS","swipeBackPrevented","swipeBackExcluded","shouldDisableTransitionMotion","configProvider","isWebView","startX","SWIPE_BACK_AREA","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","onSwipeBackStart","payload","activePanel","blurActiveElement","prevScrolls","scrolls","scroll","getScroll","y","swipeBackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","React","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","animationEvent","supported","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","className","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","classNames","getPlatformClassName","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite","withContext","withPlatform","withDOM","SplitColContext","ConfigProviderContext","ScrollContext"],"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { transitionEvent, animationEvent } from '../../lib/supportEvents';\nimport { getPlatformClassName } from '../../helpers/getPlatformClassName';\nimport { Platform } from '../../lib/platform';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { canUseDOM, withDOM, DOMProps } from '../../lib/dom';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { swipeBackExcluded } from './utils';\nimport styles from './View.module.css';\nimport iosStyles from './ViewIOS.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\n popout?: React.ReactNode;\n modal?: React.ReactNode;\n onTransition?(params: TransitionParams & { isBack: boolean }): void;\n /**\n * callback свайпа назад\n */\n onSwipeBack?(): void;\n /**\n * callback начала анимации свайпа назад.\n */\n onSwipeBackStart?(activePanel: string | null): void | 'prevent';\n /**\n * callback завершения анимации отмененного пользователем свайпа\n */\n onSwipeBackCancel?(): void;\n history?: string[];\n isBackCheck?(params: TransitionParams): boolean;\n /**\n * @ignore\n */\n splitCol?: SplitColContextProps;\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n /**\n * @ignore\n */\n scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n animated: boolean;\n\n visiblePanels: Array<string | null>;\n activePanel: string | null;\n isBack?: boolean;\n prevPanel: string | null;\n nextPanel: string | null;\n\n swipingBack: boolean;\n swipeBackPrevented: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string | null;\n swipeBackPrevPanel: string | null;\n swipeBackResult: SwipeBackResults | null;\n\n browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n ViewInfiniteProps & DOMProps,\n ViewInfiniteState\n> {\n private static readonly SWIPE_BACK_AREA = 70;\n\n constructor(props: ViewInfiniteProps) {\n super(props);\n\n this.state = {\n animated: false,\n\n visiblePanels: [props.activePanel],\n activePanel: props.activePanel,\n isBack: undefined,\n prevPanel: null,\n nextPanel: null,\n\n swipingBack: false,\n swipeBackPrevented: false,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n swipeBackNextPanel: null,\n swipeBackPrevPanel: null,\n swipeBackResult: null,\n\n browserSwipe: false,\n };\n }\n\n static defaultProps: Partial<ViewInfiniteProps> = {\n history: [],\n };\n\n private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n private transitionFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n private animationFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n get panels() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n componentWillUnmount() {\n const id = getNavId(this.props);\n if (id) {\n scrollsCache[id] = this.scrolls;\n }\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n }\n\n componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\n this.props.popout && !prevProps.popout && this.blurActiveElement();\n this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n // Нужен переход\n if (\n prevProps.activePanel !== this.props.activePanel &&\n !prevState.swipingBack &&\n !prevState.browserSwipe\n ) {\n let isBack = false;\n\n if (this.props.isBackCheck) {\n isBack = this.props.isBackCheck({\n from: prevProps.activePanel,\n to: this.props.activePanel,\n });\n } else {\n const firstLayerId = this.panels\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevProps.activePanel || id === this.props.activePanel);\n isBack = firstLayerId === this.props.activePanel;\n }\n\n this.blurActiveElement();\n\n const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n const scrolls = {\n ...this.scrolls,\n [prevProps.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n this.scrolls = scrolls;\n\n if (this.shouldDisableTransitionMotion()) {\n this.flushTransition(prevProps.activePanel, isBack);\n } else {\n this.setState({\n visiblePanels: [prevProps.activePanel, this.props.activePanel],\n prevPanel: prevProps.activePanel,\n nextPanel: this.props.activePanel,\n activePanel: null,\n animated: true,\n isBack,\n });\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n this.animationFinishTimeout = setTimeout(\n this.transitionEndHandler,\n this.props.platform === Platform.ANDROID || this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n const nextPanel = this.state.swipeBackNextPanel;\n const prevPanel = this.state.swipeBackPrevPanel;\n let scrollPosition: undefined | number = undefined;\n\n this.scrolls = {\n ...this.scrolls,\n };\n\n if (prevPanel !== null) {\n const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n this.scrolls[prevPanel] = prevPanelScrolls;\n }\n if (nextPanel !== null) {\n const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n scrollPosition = newPanelScrolls.pop();\n this.scrolls[nextPanel] = newPanelScrolls;\n }\n\n this.setState(\n {\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n activePanel: nextPanel,\n visiblePanels: [nextPanel],\n },\n () => {\n this.props.scroll?.scrollTo(0, scrollPosition);\n prevProps.onTransition &&\n prevProps.onTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n },\n );\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n this.waitTransitionFinish(\n this.pickPanel(this.state.swipeBackNextPanel),\n this.swipingBackTransitionEndHandler,\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevState.swipeBackResult === SwipeBackResults.fail &&\n !this.state.swipeBackResult &&\n this.state.activePanel !== null\n ) {\n const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n const scrollPosition = newPanelScrolls.pop();\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: newPanelScrolls,\n };\n\n this.props.scroll?.scrollTo(0, scrollPosition);\n }\n\n // Закончился Safari свайп\n if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\n this.setState({\n browserSwipe: false,\n nextPanel: null,\n prevPanel: null,\n animated: false,\n visiblePanels: [this.props.activePanel],\n activePanel: this.props.activePanel,\n });\n }\n }\n\n shouldDisableTransitionMotion(): boolean {\n return (\n this.props.configProvider?.transitionMotionEnabled === false ||\n !this.props.splitCol?.animate ||\n this.props.platform === Platform.VKCOM\n );\n }\n\n waitTransitionFinish(\n elem: HTMLElement | null | undefined,\n eventHandler: TransitionEventHandler,\n ): void {\n if (transitionEvent.supported && transitionEvent.name && elem) {\n elem.removeEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n elem.addEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n } else {\n if (this.transitionFinishTimeout) {\n clearTimeout(this.transitionFinishTimeout);\n }\n\n this.transitionFinishTimeout = setTimeout(\n eventHandler,\n this.props.platform === Platform.ANDROID || this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n\n blurActiveElement(): void {\n if (typeof this.window !== 'undefined' && this.document?.activeElement) {\n (this.document.activeElement as HTMLElement).blur();\n }\n }\n\n pickPanel(id: string | null) {\n if (id === null) {\n return undefined;\n }\n return this.panelNodes[id];\n }\n\n flushTransition(prevPanel: string, isBack: boolean) {\n const activePanel = this.props.activePanel;\n\n const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n if (isBack) {\n this.scrolls = {\n ...this.scrolls,\n [prevPanel]: prevPanelScrolls,\n [activePanel]: newPanelScrolls,\n };\n }\n\n this.setState(\n {\n prevPanel: null,\n nextPanel: null,\n visiblePanels: [activePanel],\n activePanel: activePanel,\n animated: false,\n isBack: undefined,\n },\n () => {\n this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n this.props.onTransition &&\n this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n },\n );\n }\n\n transitionEndHandler = (e?: React.AnimationEvent): void => {\n if (\n (!e ||\n [\n 'vkui-animation-ios-next-forward',\n 'vkui-animation-ios-prev-back',\n 'vkui-animation-view-next-forward',\n 'vkui-animation-view-prev-back',\n ].includes(e.animationName)) &&\n this.state.prevPanel !== null\n ) {\n this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n }\n };\n\n swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e ||\n (e.propertyName.includes('transform') &&\n e.target === this.pickPanel(this.state.swipeBackNextPanel))\n ) {\n switch (this.state.swipeBackResult) {\n case SwipeBackResults.fail:\n this.onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n this.onSwipeBackSuccess();\n }\n }\n };\n\n onSwipeBackSuccess(): void {\n this.props.onSwipeBack && this.props.onSwipeBack();\n }\n\n onSwipeBackCancel(): void {\n this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n this.setState({\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n });\n }\n\n onMoveX = (event: TouchEvent): void => {\n if (\n !this.window ||\n this.props.platform !== Platform.IOS ||\n this.state.swipeBackPrevented ||\n swipeBackExcluded(event) ||\n this.shouldDisableTransitionMotion()\n ) {\n return;\n }\n\n if (!this.props.configProvider?.isWebView) {\n if (\n (event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA ||\n event.startX >= this.window.innerWidth - ViewInfiniteComponent.SWIPE_BACK_AREA) &&\n !this.state.browserSwipe\n ) {\n this.setState({ browserSwipe: true });\n }\n\n return;\n }\n\n if (\n !this.props.onSwipeBack ||\n (this.state.animated && event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA)\n ) {\n return;\n }\n\n if (\n !this.state.swipingBack &&\n event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA &&\n this.props.history &&\n this.props.history.length > 1\n ) {\n if (this.props.onSwipeBackStart) {\n const payload = this.props.onSwipeBackStart(this.state.activePanel);\n if (payload === 'prevent') {\n this.setState({ swipeBackPrevented: true });\n return;\n }\n }\n\n if (this.state.activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n this.blurActiveElement();\n const prevScrolls = this.scrolls[this.state.activePanel] || [];\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n }\n\n this.setState({\n swipingBack: true,\n swipeBackStartX: event.startX,\n swipeBackPrevPanel: this.state.activePanel,\n swipeBackNextPanel: this.props.history.slice(-2)[0],\n });\n }\n\n if (this.state.swipingBack) {\n let swipeBackShift;\n if (event.shiftX < 0) {\n swipeBackShift = 0;\n } else if (event.shiftX > this.window.innerWidth - this.state.swipeBackStartX) {\n swipeBackShift = this.window.innerWidth;\n } else {\n swipeBackShift = event.shiftX;\n }\n this.setState({ swipeBackShift });\n }\n };\n\n onEnd = (event: TouchEvent): void => {\n if (this.state.swipingBack && this.window) {\n const speed = (this.state.swipeBackShift / event.duration) * 1000;\n if (this.state.swipeBackShift === 0) {\n this.onSwipeBackCancel();\n } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n this.onSwipeBackSuccess();\n } else if (\n speed > 250 ||\n this.state.swipeBackStartX + this.state.swipeBackShift > this.window.innerWidth / 2\n ) {\n this.setState({ swipeBackResult: SwipeBackResults.success });\n } else {\n this.setState({ swipeBackResult: SwipeBackResults.fail });\n }\n }\n if (this.state.swipeBackPrevented) {\n this.setState({ swipeBackPrevented: false });\n }\n };\n\n calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n if (!canUseDOM || !this.window) {\n return {};\n }\n\n const isPrev = panelId === this.state.swipeBackPrevPanel;\n const isNext = panelId === this.state.swipeBackNextPanel;\n\n if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) / this.window.innerWidth;\n\n if (this.state.swipeBackResult) {\n return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n }\n\n render() {\n const {\n popout,\n modal,\n platform,\n activePanel: _1,\n splitCol,\n configProvider,\n history,\n id,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel,\n window,\n document,\n scroll,\n isBackCheck,\n className,\n ...restProps\n } = this.props;\n const {\n prevPanel,\n nextPanel,\n activePanel,\n isBack,\n animated,\n swipeBackPrevPanel,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n } = this.state;\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = this.panels\n .filter((panel) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && this.state.visiblePanels.includes(panelId)) ||\n panelId === swipeBackPrevPanel ||\n panelId === swipeBackNextPanel\n );\n })\n .sort((panel) => {\n const panelId = getNavId(panel.props, warn);\n const isPrevPanel = panelId === prevPanel || panelId === swipeBackPrevPanel;\n const isNextPanel = panelId === nextPanel || panelId === swipeBackNextPanel;\n\n if (isNextPanel) {\n return swipingBack || this.state.isBack ? -1 : 1;\n }\n\n if (isPrevPanel) {\n return swipingBack || this.state.isBack ? 1 : -1;\n }\n\n return 0;\n });\n\n const disableAnimation = this.shouldDisableTransitionMotion();\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n getPlatformClassName(styles['View'], platform),\n !disableAnimation && this.state.animated && styles['View--animated'],\n !disableAnimation && this.state.swipingBack && styles['View--swiping-back'],\n disableAnimation && styles['View--no-motion'],\n className,\n )}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n const compensateScroll =\n isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n const scrollList = (panelId && this.scrolls[panelId]) || [];\n const scroll = scrollList[scrollList.length - 1] || 0;\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n panelId === activePanel && iosStyles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && iosStyles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && iosStyles['View__panel--swipe-back-next'],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles['View__panel--swipe-back-success'],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles['View__panel--swipe-back-failed'],\n )}\n onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n ref={(el) => panelId !== undefined && (this.panelNodes[panelId] = el)}\n style={this.calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles['View__panel-in']}\n style={{ marginTop: compensateScroll ? -scroll : undefined }}\n >\n <NavTransitionProvider\n entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n <AppRootPortal>\n {hasPopout && <div className={styles['View__popout']}>{popout}</div>}\n {hasModal && <div className={styles['View__modal']}>{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n }\n}\n\nexport const ViewInfinite = withContext(\n withContext(\n withContext(\n withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n SplitColContext,\n 'splitCol',\n ),\n ConfigProviderContext,\n 'configProvider',\n ),\n ScrollContext,\n 'scroll',\n);\n"],"mappings":"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"}
@@ -18,7 +18,6 @@ var _Tappable = require("../Tappable/Tappable");
18
18
  var _warnOnce = require("../../lib/warnOnce");
19
19
  var _excluded = ["mode", "children", "count", "className"];
20
20
  var warn = (0, _warnOnce.warnOnce)('WriteBarIcon');
21
- var IS_DEV = process.env.NODE_ENV === 'development';
22
21
 
23
22
  /**
24
23
  * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
@@ -31,28 +30,31 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
31
30
  restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
32
31
  var platform = (0, _usePlatform.usePlatform)();
33
32
  var icon;
34
- var ariaLabel = undefined;
33
+ var modeLabel = undefined;
35
34
  switch (mode) {
36
35
  case 'attach':
37
36
  icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon28AddCircleOutline, null) : /*#__PURE__*/React.createElement(_icons.Icon28AttachOutline, null);
38
- ariaLabel = 'Прикрепить файл';
37
+ modeLabel = 'Прикрепить файл';
39
38
  break;
40
39
  case 'send':
41
40
  icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon48WritebarSend, null) : /*#__PURE__*/React.createElement(_icons.Icon24Send, null);
42
- ariaLabel = 'Отправить';
41
+ modeLabel = 'Отправить';
43
42
  break;
44
43
  case 'done':
45
44
  icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon48WritebarDone, null) : /*#__PURE__*/React.createElement(_icons.Icon28CheckCircleOutline, null);
46
- ariaLabel = 'Готово';
45
+ modeLabel = 'Готово';
47
46
  break;
48
47
  default:
49
48
  break;
50
49
  }
51
- if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {
52
- warn('a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.', 'error');
50
+ if (process.env.NODE_ENV === 'development') {
51
+ var isAccessible = !modeLabel && (!restProps['aria-label'] || restProps['aria-labelledby']);
52
+ if (!isAccessible) {
53
+ warn(_warnOnce.COMMON_WARNINGS.a11y['button-name'], 'error');
54
+ }
53
55
  }
54
56
  return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({
55
- "aria-label": ariaLabel
57
+ "aria-label": modeLabel
56
58
  }, restProps, {
57
59
  Component: "button",
58
60
  hasHover: false,
@@ -1 +1 @@
1
- {"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","className","restProps","platform","usePlatform","icon","ariaLabel","undefined","Platform","IOS","classNames","styles","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { warnOnce } from '../../lib/warnOnce';\nimport styles from './WriteBarIcon.module.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /**\n * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n *\n * - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n */\n mode?: 'attach' | 'send' | 'done';\n /**\n * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n */\n count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\nconst IS_DEV = process.env.NODE_ENV === 'development';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let ariaLabel: string | undefined = undefined;\n\n switch (mode) {\n case 'attach':\n icon = platform === Platform.IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = 'Прикрепить файл';\n break;\n\n case 'send':\n icon = platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = 'Отправить';\n break;\n\n case 'done':\n icon = platform === Platform.IOS ? <Icon48WritebarDone /> : <Icon28CheckCircleOutline />;\n ariaLabel = 'Готово';\n break;\n\n default:\n break;\n }\n\n if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {\n warn(\n 'a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.',\n 'error',\n );\n }\n\n return (\n <Tappable\n aria-label={ariaLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === Platform.IOS && styles['WriteBarIcon--ios'],\n mode && styles[`WriteBarIcon--mode-${mode}`],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>{icon || children}</span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAmB9C,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,cAAc,CAAC;AACrC,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;;AAErD;AACA;AACA;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAIC,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQT,IAAI;IACV,KAAK,QAAQ;MACXO,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,6BAAsB,OAAG,gBAAG,oBAAC,0BAAmB,OAAG;MACvFH,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,yBAAkB,OAAG,gBAAG,oBAAC,iBAAU,OAAG;MAC1EH,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,yBAAkB,OAAG,gBAAG,oBAAC,+BAAwB,OAAG;MACxFH,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIb,MAAM,IAAI,CAACS,SAAS,CAAC,YAAY,CAAC,IAAI,CAACI,SAAS,EAAE;IACpDf,IAAI,CACF,wFAAwF,EACxF,OAAO,CACR;EACH;EAEA,oBACE,oBAAC,kBAAQ;IACP,cAAYe;EAAU,GAClBJ,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAE,IAAAQ,gBAAU,sBAEnBP,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,2BAA+B,EACxDX,IAAI,IAAIa,MAAM,8BAAuBb,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEI,IAAI,IAAIN,QAAQ,CAAQ,EACrE,IAAAa,kBAAY,EAACZ,KAAK,CAAC,iBAClB,oBAAC,gBAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","WriteBarIcon","mode","children","count","className","restProps","platform","usePlatform","icon","modeLabel","undefined","Platform","IOS","process","env","NODE_ENV","isAccessible","COMMON_WARNINGS","a11y","classNames","styles","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport styles from './WriteBarIcon.module.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /**\n * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n *\n * - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n */\n mode?: 'attach' | 'send' | 'done';\n /**\n * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n */\n count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let modeLabel: string | undefined = undefined;\n\n switch (mode) {\n case 'attach':\n icon = platform === Platform.IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n modeLabel = 'Прикрепить файл';\n break;\n\n case 'send':\n icon = platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n modeLabel = 'Отправить';\n break;\n\n case 'done':\n icon = platform === Platform.IOS ? <Icon48WritebarDone /> : <Icon28CheckCircleOutline />;\n modeLabel = 'Готово';\n break;\n\n default:\n break;\n }\n\n if (process.env.NODE_ENV === 'development') {\n const isAccessible = !modeLabel && (!restProps['aria-label'] || restProps['aria-labelledby']);\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n aria-label={modeLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === Platform.IOS && styles['WriteBarIcon--ios'],\n mode && styles[`WriteBarIcon--mode-${mode}`],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>{icon || children}</span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AAA+D;AAmB/D,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,cAAc,CAAC;;AAErC;AACA;AACA;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAIC,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQT,IAAI;IACV,KAAK,QAAQ;MACXO,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,6BAAsB,OAAG,gBAAG,oBAAC,0BAAmB,OAAG;MACvFH,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,yBAAkB,OAAG,gBAAG,oBAAC,iBAAU,OAAG;MAC1EH,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,yBAAkB,OAAG,gBAAG,oBAAC,+BAAwB,OAAG;MACxFH,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAMC,YAAY,GAAG,CAACP,SAAS,KAAK,CAACJ,SAAS,CAAC,YAAY,CAAC,IAAIA,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE7F,IAAI,CAACW,YAAY,EAAE;MACjBlB,IAAI,CAACmB,yBAAe,CAACC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACpD;EACF;EAEA,oBACE,oBAAC,kBAAQ;IACP,cAAYT;EAAU,GAClBJ,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAE,IAAAc,gBAAU,sBAEnBb,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,2BAA+B,EACxDX,IAAI,IAAImB,MAAM,8BAAuBnB,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEI,IAAI,IAAIN,QAAQ,CAAQ,EACrE,IAAAmB,kBAAY,EAAClB,KAAK,CAAC,iBAClB,oBAAC,gBAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}