@vkontakte/vkui 4.27.0 → 4.27.1

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 (306) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +153 -152
  4. package/.cache/ts/src/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
  5. package/.cache/ts/src/hooks/useAppearance.d.ts +1 -1
  6. package/.cache/ts/src/tokenized/index.d.ts +2 -0
  7. package/VKUI_TOKENS_MIGRATION_GUIDE.md +1 -1
  8. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
  9. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  10. package/dist/cjs/components/AppRoot/AppRoot.js +0 -8
  11. package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
  12. package/dist/cjs/components/AppRoot/AppRootPortal.js +9 -2
  13. package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
  14. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js +6 -11
  15. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  16. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
  17. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js +3 -1
  18. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  19. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +1 -6
  20. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  21. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +1 -6
  22. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  23. package/dist/cjs/hooks/useAppearance.d.ts +1 -1
  24. package/dist/cjs/hooks/useAppearance.js +2 -2
  25. package/dist/cjs/hooks/useAppearance.js.map +1 -1
  26. package/dist/cjs/tokenized/index.d.ts +2 -0
  27. package/dist/cjs/tokenized/index.js +8 -0
  28. package/dist/cjs/tokenized/index.js.map +1 -1
  29. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
  30. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  31. package/dist/components/AppRoot/AppRoot.js +0 -7
  32. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  33. package/dist/components/AppRoot/AppRootPortal.js +7 -2
  34. package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
  35. package/dist/components/AppearanceProvider/AppearanceProvider.js +6 -11
  36. package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  37. package/dist/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
  38. package/dist/components/AppearanceProvider/AppearanceProviderContext.js +2 -1
  39. package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  40. package/dist/components/HorizontalScroll/HorizontalScroll.js +1 -4
  41. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  42. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +1 -4
  43. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  44. package/dist/components.css +8 -3
  45. package/dist/components.css.map +1 -1
  46. package/dist/cssm/appearance/constants.d.ts +1 -0
  47. package/dist/cssm/components/ActionSheet/ActionSheet.d.ts +26 -0
  48. package/dist/cssm/components/ActionSheet/ActionSheetContext.d.ts +8 -0
  49. package/dist/cssm/components/ActionSheet/ActionSheetDropdown.d.ts +4 -0
  50. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +4 -0
  51. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
  52. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  53. package/dist/cssm/components/ActionSheet/types.d.ts +9 -0
  54. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.d.ts +20 -0
  55. package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.d.ts +46 -0
  56. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +10 -0
  57. package/dist/cssm/components/Alert/Alert.d.ts +24 -0
  58. package/dist/cssm/components/AppRoot/AppRoot.d.ts +14 -0
  59. package/dist/cssm/components/AppRoot/AppRoot.js +0 -7
  60. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  61. package/dist/cssm/components/AppRoot/AppRootContext.d.ts +9 -0
  62. package/dist/cssm/components/AppRoot/AppRootPortal.d.ts +5 -0
  63. package/dist/cssm/components/AppRoot/AppRootPortal.js +7 -2
  64. package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
  65. package/dist/cssm/components/AppRoot/ScrollContext.d.ts +23 -0
  66. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.d.ts +7 -0
  67. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js +6 -11
  68. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  69. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.d.ts +3 -0
  70. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js +2 -1
  71. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  72. package/dist/cssm/components/Avatar/Avatar.d.ts +22 -0
  73. package/dist/cssm/components/Badge/Badge.d.ts +6 -0
  74. package/dist/cssm/components/Banner/Banner.d.ts +65 -0
  75. package/dist/cssm/components/Button/Button.d.ts +20 -0
  76. package/dist/cssm/components/Card/Card.css +1 -1
  77. package/dist/cssm/components/Card/Card.d.ts +7 -0
  78. package/dist/cssm/components/CardGrid/CardGrid.d.ts +8 -0
  79. package/dist/cssm/components/CardScroll/CardScroll.d.ts +12 -0
  80. package/dist/cssm/components/Cell/Cell.d.ts +47 -0
  81. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts +5 -0
  82. package/dist/cssm/components/Cell/CellDragger/CellDragger.d.ts +6 -0
  83. package/dist/cssm/components/Cell/useDraggable.d.ts +13 -0
  84. package/dist/cssm/components/CellButton/CellButton.d.ts +9 -0
  85. package/dist/cssm/components/Checkbox/Checkbox.d.ts +10 -0
  86. package/dist/cssm/components/Chip/Chip.d.ts +16 -0
  87. package/dist/cssm/components/ChipsInput/ChipsInput.d.ts +30 -0
  88. package/dist/cssm/components/ChipsInput/useChipsInput.d.ts +14 -0
  89. package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +41 -0
  90. package/dist/cssm/components/ChipsSelect/useChipsSelect.d.ts +22 -0
  91. package/dist/cssm/components/ClickPopper/ClickPopper.d.ts +21 -0
  92. package/dist/cssm/components/ConfigProvider/ConfigProvider.d.ts +12 -0
  93. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.d.ts +43 -0
  94. package/dist/cssm/components/ContentCard/ContentCard.d.ts +34 -0
  95. package/dist/cssm/components/Counter/Counter.d.ts +11 -0
  96. package/dist/cssm/components/CustomScrollView/CustomScrollView.d.ts +10 -0
  97. package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +56 -0
  98. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +12 -0
  99. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.css +1 -1
  100. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.d.ts +15 -0
  101. package/dist/cssm/components/DatePicker/DatePicker.d.ts +24 -0
  102. package/dist/cssm/components/Div/Div.d.ts +7 -0
  103. package/dist/cssm/components/Dropdown/Dropdown.d.ts +8 -0
  104. package/dist/cssm/components/DropdownIcon/DropdownIcon.d.ts +3 -0
  105. package/dist/cssm/components/Epic/Epic.d.ts +10 -0
  106. package/dist/cssm/components/Epic/ScrollSaver.d.ts +6 -0
  107. package/dist/cssm/components/File/File.d.ts +9 -0
  108. package/dist/cssm/components/FixedLayout/FixedLayout.d.ts +19 -0
  109. package/dist/cssm/components/FocusTrap/FocusTrap.d.ts +8 -0
  110. package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +8 -0
  111. package/dist/cssm/components/Footer/Footer.d.ts +5 -0
  112. package/dist/cssm/components/FormField/FormField.d.ts +14 -0
  113. package/dist/cssm/components/FormItem/FormItem.d.ts +14 -0
  114. package/dist/cssm/components/FormLayout/FormLayout.d.ts +6 -0
  115. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +13 -0
  116. package/dist/cssm/components/FormStatus/FormStatus.d.ts +7 -0
  117. package/dist/cssm/components/Gallery/Gallery.d.ts +39 -0
  118. package/dist/cssm/components/Gradient/Gradient.d.ts +7 -0
  119. package/dist/cssm/components/GridAvatar/GridAvatar.d.ts +8 -0
  120. package/dist/cssm/components/Group/Group.d.ts +23 -0
  121. package/dist/cssm/components/Header/Header.d.ts +18 -0
  122. package/dist/cssm/components/HorizontalCell/HorizontalCell.d.ts +10 -0
  123. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +19 -0
  124. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +1 -4
  125. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  126. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css +6 -1
  127. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts +8 -0
  128. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +1 -4
  129. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  130. package/dist/cssm/components/HoverPopper/HoverPopper.d.ts +29 -0
  131. package/dist/cssm/components/IconButton/IconButton.d.ts +11 -0
  132. package/dist/cssm/components/InfoRow/InfoRow.d.ts +7 -0
  133. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.d.ts +32 -0
  134. package/dist/cssm/components/Input/Input.d.ts +9 -0
  135. package/dist/cssm/components/Link/Link.d.ts +6 -0
  136. package/dist/cssm/components/List/List.d.ts +4 -0
  137. package/dist/cssm/components/List/ListContext.d.ts +4 -0
  138. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.d.ts +39 -0
  139. package/dist/cssm/components/ModalCard/ModalCard.d.ts +10 -0
  140. package/dist/cssm/components/ModalCardBase/ModalCardBase.d.ts +32 -0
  141. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.d.ts +5 -0
  142. package/dist/cssm/components/ModalPage/ModalPage.d.ts +22 -0
  143. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.d.ts +8 -0
  144. package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +16 -0
  145. package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts +10 -0
  146. package/dist/cssm/components/ModalRoot/ModalRootContext.d.ts +20 -0
  147. package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +16 -0
  148. package/dist/cssm/components/ModalRoot/constants.d.ts +3 -0
  149. package/dist/cssm/components/ModalRoot/types.d.ts +45 -0
  150. package/dist/cssm/components/ModalRoot/useModalManager.d.ts +37 -0
  151. package/dist/cssm/components/ModalRoot/withModalRootContext.d.ts +5 -0
  152. package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +15 -0
  153. package/dist/cssm/components/NavTransitionContext/NavTransitionContext.d.ts +7 -0
  154. package/dist/cssm/components/Panel/Panel.d.ts +9 -0
  155. package/dist/cssm/components/PanelHeader/PanelHeader.d.ts +21 -0
  156. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +9 -0
  157. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.d.ts +8 -0
  158. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +4 -0
  159. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.d.ts +9 -0
  160. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.d.ts +7 -0
  161. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +18 -0
  162. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +4 -0
  163. package/dist/cssm/components/PanelSpinner/PanelSpinner.d.ts +7 -0
  164. package/dist/cssm/components/Placeholder/Placeholder.d.ts +23 -0
  165. package/dist/cssm/components/PopoutRoot/PopoutRoot.d.ts +10 -0
  166. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.d.ts +10 -0
  167. package/dist/cssm/components/Popper/Popper.d.ts +32 -0
  168. package/dist/cssm/components/Progress/Progress.d.ts +8 -0
  169. package/dist/cssm/components/PromoBanner/PromoBanner.d.ts +40 -0
  170. package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts +37 -0
  171. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.d.ts +11 -0
  172. package/dist/cssm/components/Radio/Radio.d.ts +9 -0
  173. package/dist/cssm/components/RadioGroup/RadioGroup.d.ts +6 -0
  174. package/dist/cssm/components/RangeSlider/RangeSlider.d.ts +6 -0
  175. package/dist/cssm/components/RangeSlider/UniversalSlider.d.ts +16 -0
  176. package/dist/cssm/components/Removable/Removable.d.ts +21 -0
  177. package/dist/cssm/components/RichCell/RichCell.d.ts +36 -0
  178. package/dist/cssm/components/RichTooltip/RichTooltip.d.ts +5 -0
  179. package/dist/cssm/components/Root/Root.d.ts +31 -0
  180. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts +6 -0
  181. package/dist/cssm/components/Search/Search.d.ts +17 -0
  182. package/dist/cssm/components/SegmentedControl/SegmentedControl.d.ts +17 -0
  183. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
  184. package/dist/cssm/components/Select/Select.d.ts +7 -0
  185. package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts +10 -0
  186. package/dist/cssm/components/Separator/Separator.d.ts +11 -0
  187. package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +39 -0
  188. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.d.ts +9 -0
  189. package/dist/cssm/components/Slider/Slider.d.ts +5 -0
  190. package/dist/cssm/components/SliderSwitch/SliderSwitch.d.ts +47 -0
  191. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.d.ts +11 -0
  192. package/dist/cssm/components/Snackbar/Snackbar.d.ts +35 -0
  193. package/dist/cssm/components/Spacing/Spacing.d.ts +18 -0
  194. package/dist/cssm/components/Spinner/Spinner.d.ts +7 -0
  195. package/dist/cssm/components/SplitCol/SplitCol.d.ts +22 -0
  196. package/dist/cssm/components/SplitLayout/SplitLayout.d.ts +15 -0
  197. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.d.ts +7 -0
  198. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +21 -0
  199. package/dist/cssm/components/Switch/Switch.d.ts +7 -0
  200. package/dist/cssm/components/Tabbar/Tabbar.d.ts +11 -0
  201. package/dist/cssm/components/TabbarItem/TabbarItem.d.ts +21 -0
  202. package/dist/cssm/components/Tabs/Tabs.d.ts +10 -0
  203. package/dist/cssm/components/TabsItem/TabsItem.d.ts +8 -0
  204. package/dist/cssm/components/Tappable/Tappable.d.ts +40 -0
  205. package/dist/cssm/components/TextTooltip/TextTooltip.d.ts +14 -0
  206. package/dist/cssm/components/Textarea/Textarea.d.ts +11 -0
  207. package/dist/cssm/components/Tooltip/Tooltip.d.ts +55 -0
  208. package/dist/cssm/components/Tooltip/TooltipContainer.d.ts +5 -0
  209. package/dist/cssm/components/Touch/Touch.d.ts +49 -0
  210. package/dist/cssm/components/Touch/TouchContext.d.ts +7 -0
  211. package/dist/cssm/components/Typography/Caption/Caption.d.ts +10 -0
  212. package/dist/cssm/components/Typography/Headline/Headline.d.ts +8 -0
  213. package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +8 -0
  214. package/dist/cssm/components/Typography/Text/Text.d.ts +8 -0
  215. package/dist/cssm/components/Typography/Title/Title.d.ts +12 -0
  216. package/dist/cssm/components/UsersStack/UsersStack.d.ts +23 -0
  217. package/dist/cssm/components/UsersStack/masks.d.ts +1 -0
  218. package/dist/cssm/components/View/View.d.ts +80 -0
  219. package/dist/cssm/components/View/ViewInfinite.d.ts +66 -0
  220. package/dist/cssm/components/View/utils.d.ts +2 -0
  221. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
  222. package/dist/cssm/components/WriteBar/WriteBar.d.ts +23 -0
  223. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.d.ts +18 -0
  224. package/dist/cssm/helpers/avatar.d.ts +5 -0
  225. package/dist/cssm/helpers/getClassName.d.ts +2 -0
  226. package/dist/cssm/helpers/getScheme.d.ts +8 -0
  227. package/dist/cssm/helpers/math.d.ts +5 -0
  228. package/dist/cssm/helpers/scheme.d.ts +34 -0
  229. package/dist/cssm/hoc/withAdaptivity.d.ts +13 -0
  230. package/dist/cssm/hoc/withContext.d.ts +2 -0
  231. package/dist/cssm/hoc/withInsets.d.ts +3 -0
  232. package/dist/cssm/hoc/withPlatform.d.ts +3 -0
  233. package/dist/cssm/hooks/useAdaptivity.d.ts +3 -0
  234. package/dist/cssm/hooks/useAppearance.d.ts +1 -0
  235. package/dist/cssm/hooks/useAppearance.js +2 -2
  236. package/dist/cssm/hooks/useAppearance.js.map +1 -1
  237. package/dist/cssm/hooks/useBrowserInfo.d.ts +2 -0
  238. package/dist/cssm/hooks/useEffectDev.d.ts +2 -0
  239. package/dist/cssm/hooks/useEnsuredControl.d.ts +6 -0
  240. package/dist/cssm/hooks/useEventListener.d.ts +7 -0
  241. package/dist/cssm/hooks/useExternRef.d.ts +2 -0
  242. package/dist/cssm/hooks/useFocusVisible.d.ts +6 -0
  243. package/dist/cssm/hooks/useGlobalEventListener.d.ts +2 -0
  244. package/dist/cssm/hooks/useInsets.d.ts +8 -0
  245. package/dist/cssm/hooks/useKeyboard.d.ts +11 -0
  246. package/dist/cssm/hooks/useKeyboardInputTracker.d.ts +1 -0
  247. package/dist/cssm/hooks/useObjectMemo.d.ts +2 -0
  248. package/dist/cssm/hooks/usePatchChildrenRef.d.ts +6 -0
  249. package/dist/cssm/hooks/usePlatform.d.ts +2 -0
  250. package/dist/cssm/hooks/useTimeout.d.ts +4 -0
  251. package/dist/cssm/hooks/useWaitTransitionFinish.d.ts +3 -0
  252. package/dist/cssm/index.d.ts +279 -0
  253. package/dist/cssm/lib/SSR.d.ts +14 -0
  254. package/dist/cssm/lib/accessibility.d.ts +10 -0
  255. package/dist/cssm/lib/animate.d.ts +15 -0
  256. package/dist/cssm/lib/browser.d.ts +11 -0
  257. package/dist/cssm/lib/callMultiple.d.ts +1 -0
  258. package/dist/cssm/lib/classNames.d.ts +6 -0
  259. package/dist/cssm/lib/classScopingMode.d.ts +8 -0
  260. package/dist/cssm/lib/dom.d.ts +21 -0
  261. package/dist/cssm/lib/fx.d.ts +5 -0
  262. package/dist/cssm/lib/getNavId.d.ts +6 -0
  263. package/dist/cssm/lib/is.d.ts +1 -0
  264. package/dist/cssm/lib/isRefObject.d.ts +2 -0
  265. package/dist/cssm/lib/jsxRuntime.d.ts +8 -0
  266. package/dist/cssm/lib/offset.d.ts +7 -0
  267. package/dist/cssm/lib/platform.d.ts +19 -0
  268. package/dist/cssm/lib/polyfills.d.ts +6 -0
  269. package/dist/cssm/lib/prefixClass.d.ts +1 -0
  270. package/dist/cssm/lib/removeObjectKeys.d.ts +1 -0
  271. package/dist/cssm/lib/select.d.ts +7 -0
  272. package/dist/cssm/lib/styles.d.ts +1 -0
  273. package/dist/cssm/lib/supportEvents.d.ts +9 -0
  274. package/dist/cssm/lib/taptic.d.ts +2 -0
  275. package/dist/cssm/lib/testing.d.ts +1 -0
  276. package/dist/cssm/lib/touch.d.ts +9 -0
  277. package/dist/cssm/lib/useIsomorphicLayoutEffect.d.ts +2 -0
  278. package/dist/cssm/lib/utils.d.ts +15 -0
  279. package/dist/cssm/lib/warnOnce.d.ts +1 -0
  280. package/dist/cssm/styles/components.css +8 -3
  281. package/dist/cssm/styles/themes.css +1 -1
  282. package/dist/cssm/tokenized/index.d.ts +10 -0
  283. package/dist/cssm/tokenized/index.js +1 -0
  284. package/dist/cssm/tokenized/index.js.map +1 -1
  285. package/dist/cssm/types.d.ts +34 -0
  286. package/dist/cssm/unstable/index.d.ts +17 -0
  287. package/dist/hooks/useAppearance.d.ts +1 -1
  288. package/dist/hooks/useAppearance.js +2 -2
  289. package/dist/hooks/useAppearance.js.map +1 -1
  290. package/dist/tokenized/index.d.ts +2 -0
  291. package/dist/tokenized/index.js +1 -0
  292. package/dist/tokenized/index.js.map +1 -1
  293. package/dist/vkui.css +9 -4
  294. package/dist/vkui.css.map +1 -1
  295. package/package.json +4 -3
  296. package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +4 -0
  297. package/src/components/AppRoot/AppRoot.tsx +0 -6
  298. package/src/components/AppRoot/AppRootPortal.tsx +9 -1
  299. package/src/components/AppearanceProvider/AppearanceProvider.tsx +6 -13
  300. package/src/components/AppearanceProvider/AppearanceProviderContext.tsx +4 -9
  301. package/src/components/CustomSelectOption/CustomSelectOption.css +1 -0
  302. package/src/components/HorizontalScroll/HorizontalScroll.tsx +1 -5
  303. package/src/components/HorizontalScroll/HorizontalScrollArrow.css +12 -5
  304. package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +1 -5
  305. package/src/hooks/useAppearance.ts +2 -3
  306. package/src/tokenized/index.ts +3 -0
@@ -0,0 +1,37 @@
1
+ import * as React from "react";
2
+ import { ModalsStateEntry } from "./types";
3
+ interface ModalTransitionState {
4
+ activeModal?: string | null;
5
+ enteringModal?: string | null;
6
+ exitingModal?: string | null;
7
+ history?: string[];
8
+ isBack?: boolean | null;
9
+ }
10
+ export interface ModalTransitionProps extends ModalTransitionState {
11
+ onEnter: (id: string | null) => void;
12
+ onExit: (id: string | null) => void;
13
+ getModalState: (id: string) => ModalsStateEntry;
14
+ closeActiveModal: VoidFunction;
15
+ delayEnter: boolean;
16
+ }
17
+ export declare function modalTransitionReducer(state: ModalTransitionState, action: {
18
+ type: "setActive" | "entered" | "exited" | "inited";
19
+ id: string | null;
20
+ }): ModalTransitionState;
21
+ /**
22
+ * Реализует переход модалок. При смене activeModal m1 -> m2:
23
+ * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода
24
+ * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода
25
+ * одновременный переход между ModalPage:
26
+ * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2
27
+ * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации
28
+ * ИЛИ дожидаемся скрытия ModalCard
29
+ * 3b. activeModal: m2, exitingModal: null, enteringModal: m2
30
+ * 4b. enteringModal переходит в null после завершения анимации
31
+ * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
32
+ */
33
+ export declare function useModalManager(activeModal: string | null | undefined, children: React.ReactNode | React.ReactNode[], onClose: (id: string) => void, initModal?: (state: ModalsStateEntry) => void): ModalTransitionProps;
34
+ export declare function withModalManager(initModal?: (a: ModalsStateEntry) => void): <Props extends ModalTransitionProps>(Wrapped: React.ComponentType<Props>) => React.FC<Pick<Props, Exclude<keyof Props, "isBack" | "onEnter" | "history" | "onExit" | "getModalState" | "closeActiveModal" | "delayEnter" | "activeModal" | "enteringModal" | "exitingModal">> & {
35
+ activeModal?: string | null | undefined;
36
+ }>;
37
+ export {};
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { ModalRootContextInterface } from "./ModalRootContext";
3
+ declare type PickedProps = Pick<ModalRootContextInterface, "updateModalHeight">;
4
+ export declare function withModalRootContext<P extends PickedProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof PickedProps>>;
5
+ export {};
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import { HasAlign, HasRef, HasRootRef } from "../../types";
3
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
4
+ import "../Select/Select.css";
5
+ export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, AdaptivityProps {
6
+ placeholder?: string;
7
+ multiline?: boolean;
8
+ }
9
+ export interface SelectState {
10
+ value?: React.SelectHTMLAttributes<HTMLSelectElement>["value"];
11
+ title?: string;
12
+ notSelected?: boolean;
13
+ }
14
+ declare const _default: React.FC<Pick<NativeSelectProps & AdaptivityContextInterface, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
15
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ interface TransitionContextProps {
3
+ entering: boolean;
4
+ }
5
+ export declare const useNavTransition: () => TransitionContextProps;
6
+ export declare const NavTransitionProvider: React.FC<TransitionContextProps>;
7
+ export {};
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import { NavIdProps } from "../../lib/getNavId";
4
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
5
+ import "./Panel.css";
6
+ export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {
7
+ centered?: boolean;
8
+ }
9
+ export declare const Panel: React.FC<Pick<PanelProps & AdaptivityContextInterface, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRootRef" | "centered"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ import { HasRef, HasRootRef } from "../../types";
3
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
+ import "./PanelHeader.css";
5
+ export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps {
6
+ left?: React.ReactNode;
7
+ right?: React.ReactNode;
8
+ separator?: boolean;
9
+ transparent?: boolean;
10
+ shadow?: boolean;
11
+ /**
12
+ * Если `false`, то шапка будет нулевой высоты и контент панели "залезет" под неё
13
+ */
14
+ visor?: boolean;
15
+ /**
16
+ * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.
17
+ */
18
+ fixed?: boolean;
19
+ }
20
+ declare const _default: React.FC<Pick<PanelHeaderProps, "fixed" | "transparent" | "left" | "right" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "separator" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRootRef" | "getRef" | "shadow" | "visor"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
21
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
+ import "./PanelHeaderBack.css";
5
+ export declare type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {
6
+ "aria-label"?: string;
7
+ };
8
+ declare const _default: React.NamedExoticComponent<Pick<PanelHeaderBackProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "primary"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
9
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import { TappableProps } from "../Tappable/Tappable";
3
+ import "./PanelHeaderButton.css";
4
+ export interface PanelHeaderButtonProps extends Omit<TappableProps, "label"> {
5
+ primary?: boolean;
6
+ label?: React.ReactNode;
7
+ }
8
+ export declare const PanelHeaderButton: React.FC<PanelHeaderButtonProps>;
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ declare const PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps>;
4
+ export default PanelHeaderClose;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import "./PanelHeaderContent.css";
3
+ export interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ aside?: React.ReactNode;
5
+ before?: React.ReactNode;
6
+ status?: React.ReactNode;
7
+ }
8
+ declare const PanelHeaderContent: React.FunctionComponent<PanelHeaderContentProps>;
9
+ export default PanelHeaderContent;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import "./PanelHeaderContext.css";
3
+ export interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ opened: boolean;
5
+ onClose: VoidFunction;
6
+ }
7
+ export declare const PanelHeaderContext: React.FC<PanelHeaderContextProps>;
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ export interface PanelHeaderEditProps extends PanelHeaderButtonProps {
4
+ /**
5
+ * Включен ли режим редактирования
6
+ */
7
+ isActive?: boolean;
8
+ /**
9
+ * iOS only. Текст кнопки, когда режим редактирования не активен
10
+ */
11
+ editLabel?: string;
12
+ /**
13
+ * iOS only. Текст кнопки при активном режиме редактирования для выхода из него
14
+ */
15
+ doneLabel?: string;
16
+ }
17
+ declare const PanelHeaderEdit: React.FunctionComponent<PanelHeaderEditProps>;
18
+ export default PanelHeaderEdit;
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ declare const PanelHeaderSubmit: React.FunctionComponent<PanelHeaderButtonProps>;
4
+ export default PanelHeaderSubmit;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import { SpinnerProps } from "../Spinner/Spinner";
3
+ export interface PanelSpinnerProps extends SpinnerProps {
4
+ height?: number;
5
+ }
6
+ declare const _default: React.NamedExoticComponent<PanelSpinnerProps>;
7
+ export default _default;
@@ -0,0 +1,23 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import "./Placeholder.css";
4
+ export interface PlaceholderProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
5
+ /**
6
+ * Иконка
7
+ */
8
+ icon?: React.ReactNode;
9
+ /**
10
+ * Заголовок плейсхолдера
11
+ */
12
+ header?: React.ReactNode;
13
+ /**
14
+ * Кнопка действия
15
+ */
16
+ action?: React.ReactNode;
17
+ /**
18
+ * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер
19
+ */
20
+ stretched?: boolean;
21
+ }
22
+ declare const Placeholder: React.FC<PlaceholderProps>;
23
+ export default Placeholder;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
4
+ import "./PopoutRoot.css";
5
+ export interface PopoutRootProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, HasRootRef<HTMLDivElement> {
6
+ popout?: React.ReactNode;
7
+ modal?: React.ReactNode;
8
+ }
9
+ export declare const PopoutRootComponent: React.FC<PopoutRootProps & AdaptivityContextInterface>;
10
+ export declare const PopoutRoot: React.FC<Pick<PopoutRootProps & AdaptivityContextInterface, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import "./PopoutWrapper.css";
3
+ export interface PopoutWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ hasMask?: boolean;
5
+ fixed?: boolean;
6
+ alignY?: "top" | "center" | "bottom";
7
+ alignX?: "left" | "center" | "right";
8
+ closing?: boolean;
9
+ }
10
+ export declare const PopoutWrapper: React.FC<PopoutWrapperProps>;
@@ -0,0 +1,32 @@
1
+ import * as React from "react";
2
+ import { HasRef } from "../../types";
3
+ import "./Popper.css";
4
+ export declare type Placement = "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | "top" | "bottom" | "left" | "right";
5
+ export interface PopperCommonProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {
6
+ /**
7
+ * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства
8
+ */
9
+ placement?: Placement;
10
+ /**
11
+ * Отступ по вспомогательной оси
12
+ */
13
+ offsetSkidding?: number;
14
+ /**
15
+ * Отступ по главной оси
16
+ */
17
+ offsetDistance?: number;
18
+ arrow?: boolean;
19
+ arrowClassName?: string;
20
+ /**
21
+ * Выставлять ширину равной target элементу
22
+ */
23
+ sameWidth?: boolean;
24
+ forcePortal?: boolean;
25
+ onPlacementChange?: (data: {
26
+ placement?: Placement;
27
+ }) => void;
28
+ }
29
+ export interface PopperProps extends PopperCommonProps {
30
+ targetRef: React.RefObject<HTMLElement>;
31
+ }
32
+ export declare const Popper: React.FC<PopperProps>;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import "./Progress.css";
4
+ export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
5
+ value?: number;
6
+ }
7
+ declare const Progress: React.FC<ProgressProps>;
8
+ export default Progress;
@@ -0,0 +1,40 @@
1
+ import * as React from "react";
2
+ import "./PromoBanner.css";
3
+ declare type StatsType = "playbackStarted" | "click";
4
+ declare type BannerData = {
5
+ title?: string;
6
+ url_types?: string;
7
+ bannerID?: string;
8
+ imageWidth?: number;
9
+ imageHeight?: number;
10
+ imageLink?: string;
11
+ trackingLink?: string;
12
+ type?: string;
13
+ iconWidth?: number;
14
+ domain?: string;
15
+ ctaText?: string;
16
+ advertisingLabel?: string;
17
+ iconLink?: string;
18
+ statistics?: Array<{
19
+ type: StatsType;
20
+ url: string;
21
+ }>;
22
+ openInBrowser?: boolean;
23
+ iconHeight?: number;
24
+ directLink?: boolean;
25
+ navigationType?: string;
26
+ description?: string;
27
+ ageRestrictions?: string;
28
+ /** @deprecated */
29
+ ageRestriction?: number;
30
+ };
31
+ export interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {
32
+ /** Данные рекламного баннера, полученные из VKWebAppGetAds */
33
+ bannerData: BannerData;
34
+ /** Флаг скрытия кнопки закрытия рекламы */
35
+ isCloseButtonHidden?: boolean;
36
+ /** Хандлер закрытия рекламы */
37
+ onClose: () => void;
38
+ }
39
+ declare const PromoBanner: (props: PromoBannerProps) => JSX.Element;
40
+ export default PromoBanner;
@@ -0,0 +1,37 @@
1
+ import * as React from "react";
2
+ import { TouchProps, TouchEvent } from "../Touch/Touch";
3
+ import { AnyFunction, HasPlatform } from "../../types";
4
+ import { ScrollContextInterface } from "../AppRoot/ScrollContext";
5
+ import "./PullToRefresh.css";
6
+ export interface PullToRefreshProps extends TouchProps, HasPlatform {
7
+ /**
8
+ * Будет вызвана для обновления контента
9
+ */
10
+ onRefresh: AnyFunction;
11
+ /**
12
+ * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`
13
+ */
14
+ isFetching?: boolean;
15
+ /** @ignore */
16
+ scroll?: ScrollContextInterface;
17
+ }
18
+ export interface PullToRefreshState {
19
+ watching: boolean;
20
+ refreshing: boolean;
21
+ canRefresh: boolean;
22
+ touchDown: boolean;
23
+ touchY: number;
24
+ spinnerY: PullToRefreshParams["start"];
25
+ spinnerProgress: number;
26
+ contentShift: number;
27
+ }
28
+ export interface PullToRefreshParams {
29
+ start: number;
30
+ max: number;
31
+ maxY: number;
32
+ refreshing: number;
33
+ positionMultiplier: number;
34
+ }
35
+ export declare type TouchEventHandler = (event: TouchEvent) => void;
36
+ declare const _default: React.FC<Pick<PullToRefreshProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "scroll" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onStartX" | "onStartY" | "onMove" | "onMoveX" | "onMoveY" | "onLeave" | "onEnter" | "onEnd" | "onEndX" | "onEndY" | "usePointerHover" | "slideThreshold" | "useCapture" | "Component" | "getRootRef" | "noSlideClick" | "stopPropagation" | "onRefresh" | "isFetching">>;
37
+ export default _default;
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import "./PullToRefresh.css";
3
+ export interface PullToRefreshSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ size?: number;
5
+ strokeWidth?: number;
6
+ on?: boolean;
7
+ progress?: number;
8
+ "aria-label"?: string;
9
+ }
10
+ declare const _default: React.NamedExoticComponent<PullToRefreshSpinnerProps>;
11
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { HasRef, HasRootRef } from "../../types";
3
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
+ import "./Radio.css";
5
+ export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLLabelElement>, AdaptivityProps {
6
+ description?: React.ReactNode;
7
+ }
8
+ declare const _default: React.FC<Pick<RadioProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRootRef" | "getRef" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
9
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ import "./RadioGroup.css";
3
+ export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ mode?: "vertical" | "horizontal";
5
+ }
6
+ export declare const RadioGroup: React.FC<RadioGroupProps>;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ import { UniversalSliderProps } from "./UniversalSlider";
3
+ export declare type Value = [number, number];
4
+ export declare type RangeSliderProps = UniversalSliderProps<Value>;
5
+ declare const RangeSlider: React.FC<RangeSliderProps>;
6
+ export default RangeSlider;
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import { TouchEvent } from "../Touch/Touch";
3
+ import { HasRootRef } from "../../types";
4
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
5
+ import "../Slider/Slider.css";
6
+ export declare type UniversalValue = [number | null, number];
7
+ export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange">, AdaptivityProps {
8
+ min?: number;
9
+ max?: number;
10
+ step?: number;
11
+ value?: Value;
12
+ defaultValue?: Value;
13
+ disabled?: boolean;
14
+ onChange?(value: Value, e: TouchEvent): void;
15
+ }
16
+ export declare const UniversalSlider: React.FC<Pick<UniversalSliderProps<UniversalValue>, "max" | "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "min" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "step" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import "./Removable.css";
4
+ export interface RemovableProps {
5
+ /**
6
+ * iOS only. Текст в выезжающей кнопке для удаления ячейки.
7
+ */
8
+ removePlaceholder?: React.ReactNode;
9
+ /**
10
+ * Коллбэк срабатывает при клике на контрол удаления.
11
+ */
12
+ onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement) => void;
13
+ }
14
+ interface RemovableOwnProps extends React.AllHTMLAttributes<HTMLElement>, RemovableProps, HasRootRef<HTMLDivElement> {
15
+ /**
16
+ * Расположение кнопки удаления.
17
+ */
18
+ align?: "start" | "center";
19
+ }
20
+ export declare const Removable: React.FC<RemovableOwnProps>;
21
+ export {};