@vkontakte/vkui 4.32.0 → 4.33.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 (890) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +358 -277
  4. package/.cache/ts/src/components/Avatar/Avatar.d.ts +1 -2
  5. package/.cache/ts/src/components/Banner/Banner.d.ts +1 -2
  6. package/.cache/ts/src/components/BaseGallery/BaseGallery.d.ts +4 -0
  7. package/.cache/ts/src/components/BaseGallery/helpers.d.ts +12 -0
  8. package/.cache/ts/src/components/BaseGallery/types.d.ts +43 -0
  9. package/.cache/ts/src/components/CellButton/CellButton.d.ts +1 -2
  10. package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +3 -1
  11. package/.cache/ts/src/components/ConfigProvider/ConfigProvider.d.ts +1 -2
  12. package/.cache/ts/src/components/ContentCard/ContentCard.d.ts +1 -2
  13. package/.cache/ts/src/components/DatePicker/DatePicker.d.ts +1 -2
  14. package/.cache/ts/src/components/Epic/Epic.d.ts +1 -3
  15. package/.cache/ts/src/components/FixedLayout/FixedLayout.d.ts +1 -2
  16. package/.cache/ts/src/components/FocusVisible/FocusVisible.d.ts +3 -4
  17. package/.cache/ts/src/components/FormLayout/FormLayout.d.ts +1 -2
  18. package/.cache/ts/src/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
  19. package/.cache/ts/src/components/Gallery/Gallery.d.ts +6 -43
  20. package/.cache/ts/src/components/GridAvatar/GridAvatar.d.ts +4 -1
  21. package/.cache/ts/src/components/Group/Group.d.ts +4 -2
  22. package/.cache/ts/src/components/Header/Header.d.ts +1 -2
  23. package/.cache/ts/src/components/IconButton/IconButton.d.ts +5 -2
  24. package/.cache/ts/src/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
  25. package/.cache/ts/src/components/Link/Link.d.ts +1 -2
  26. package/.cache/ts/src/components/List/List.d.ts +1 -2
  27. package/.cache/ts/src/components/ModalCard/ModalCard.d.ts +4 -2
  28. package/.cache/ts/src/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
  29. package/.cache/ts/src/components/ModalPage/ModalPage.d.ts +4 -2
  30. package/.cache/ts/src/components/ModalRoot/ModalRootContext.d.ts +1 -1
  31. package/.cache/ts/src/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
  32. package/.cache/ts/src/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
  33. package/.cache/ts/src/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
  34. package/.cache/ts/src/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
  35. package/.cache/ts/src/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
  36. package/.cache/ts/src/components/Placeholder/Placeholder.d.ts +1 -2
  37. package/.cache/ts/src/components/PromoBanner/PromoBanner.d.ts +2 -2
  38. package/.cache/ts/src/components/RangeSlider/RangeSlider.d.ts +1 -2
  39. package/.cache/ts/src/components/RichCell/RichCell.d.ts +4 -2
  40. package/.cache/ts/src/components/Root/Root.d.ts +1 -2
  41. package/.cache/ts/src/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
  42. package/.cache/ts/src/components/Search/Search.d.ts +1 -2
  43. package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +4 -2
  44. package/.cache/ts/src/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
  45. package/.cache/ts/src/components/Slider/Slider.d.ts +1 -2
  46. package/.cache/ts/src/components/Spacing/Spacing.d.ts +2 -1
  47. package/.cache/ts/src/components/Tabbar/Tabbar.d.ts +1 -2
  48. package/.cache/ts/src/components/TabbarItem/TabbarItem.d.ts +1 -2
  49. package/.cache/ts/src/components/Tabs/Tabs.d.ts +4 -2
  50. package/.cache/ts/src/components/TabsItem/TabsItem.d.ts +1 -2
  51. package/.cache/ts/src/components/Tappable/Tappable.d.ts +7 -4
  52. package/.cache/ts/src/components/Textarea/Textarea.d.ts +2 -3
  53. package/.cache/ts/src/components/Tooltip/Tooltip.d.ts +1 -2
  54. package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +4 -2
  55. package/.cache/ts/src/components/View/View.d.ts +6 -3
  56. package/.cache/ts/src/index.d.ts +44 -44
  57. package/.cache/ts/src/lib/animate.d.ts +1 -1
  58. package/.cache/ts/src/tokenized/index.d.ts +44 -0
  59. package/README.md +1 -1
  60. package/VKUI_TOKENS_MIGRATION_GUIDE.md +0 -1
  61. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +2 -2
  62. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  63. package/dist/cjs/components/Alert/Alert.js +8 -6
  64. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  65. package/dist/cjs/components/Avatar/Avatar.d.ts +1 -2
  66. package/dist/cjs/components/Avatar/Avatar.js +6 -13
  67. package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
  68. package/dist/cjs/components/Banner/Banner.d.ts +1 -2
  69. package/dist/cjs/components/Banner/Banner.js +27 -36
  70. package/dist/cjs/components/Banner/Banner.js.map +1 -1
  71. package/dist/cjs/components/BaseGallery/BaseGallery.d.ts +4 -0
  72. package/dist/cjs/components/BaseGallery/BaseGallery.js +399 -0
  73. package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -0
  74. package/dist/cjs/components/BaseGallery/helpers.d.ts +12 -0
  75. package/dist/cjs/components/BaseGallery/helpers.js +62 -0
  76. package/dist/cjs/components/BaseGallery/helpers.js.map +1 -0
  77. package/dist/cjs/components/BaseGallery/types.d.ts +43 -0
  78. package/dist/cjs/components/BaseGallery/types.js +6 -0
  79. package/dist/cjs/components/BaseGallery/types.js.map +1 -0
  80. package/dist/cjs/components/Button/Button.js +3 -3
  81. package/dist/cjs/components/Button/Button.js.map +1 -1
  82. package/dist/cjs/components/CalendarDay/CalendarDay.js +2 -4
  83. package/dist/cjs/components/CalendarDay/CalendarDay.js.map +1 -1
  84. package/dist/cjs/components/CalendarHeader/CalendarHeader.js +3 -5
  85. package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
  86. package/dist/cjs/components/Cell/Cell.js +2 -2
  87. package/dist/cjs/components/Cell/Cell.js.map +1 -1
  88. package/dist/cjs/components/CellButton/CellButton.d.ts +1 -2
  89. package/dist/cjs/components/CellButton/CellButton.js +4 -12
  90. package/dist/cjs/components/CellButton/CellButton.js.map +1 -1
  91. package/dist/cjs/components/Checkbox/Checkbox.d.ts +3 -1
  92. package/dist/cjs/components/Checkbox/Checkbox.js +69 -15
  93. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  94. package/dist/cjs/components/Chip/Chip.js +2 -2
  95. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  96. package/dist/cjs/components/ConfigProvider/ConfigProvider.d.ts +1 -2
  97. package/dist/cjs/components/ConfigProvider/ConfigProvider.js +3 -5
  98. package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
  99. package/dist/cjs/components/ContentCard/ContentCard.d.ts +1 -2
  100. package/dist/cjs/components/ContentCard/ContentCard.js +38 -50
  101. package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
  102. package/dist/cjs/components/DateInput/DateInput.js +3 -3
  103. package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
  104. package/dist/cjs/components/DatePicker/DatePicker.d.ts +1 -2
  105. package/dist/cjs/components/DatePicker/DatePicker.js +6 -7
  106. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  107. package/dist/cjs/components/DateRangeInput/DateRangeInput.js +3 -3
  108. package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
  109. package/dist/cjs/components/Epic/Epic.d.ts +1 -3
  110. package/dist/cjs/components/Epic/Epic.js +9 -11
  111. package/dist/cjs/components/Epic/Epic.js.map +1 -1
  112. package/dist/cjs/components/FixedLayout/FixedLayout.d.ts +1 -2
  113. package/dist/cjs/components/FixedLayout/FixedLayout.js +6 -11
  114. package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
  115. package/dist/cjs/components/FocusVisible/FocusVisible.d.ts +3 -4
  116. package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
  117. package/dist/cjs/components/FormItem/FormItem.js +3 -6
  118. package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
  119. package/dist/cjs/components/FormLayout/FormLayout.d.ts +1 -2
  120. package/dist/cjs/components/FormLayout/FormLayout.js +3 -5
  121. package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
  122. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
  123. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +6 -10
  124. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  125. package/dist/cjs/components/Gallery/Gallery.d.ts +6 -43
  126. package/dist/cjs/components/Gallery/Gallery.js +23 -565
  127. package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
  128. package/dist/cjs/components/GridAvatar/GridAvatar.d.ts +4 -1
  129. package/dist/cjs/components/GridAvatar/GridAvatar.js +9 -11
  130. package/dist/cjs/components/GridAvatar/GridAvatar.js.map +1 -1
  131. package/dist/cjs/components/Group/Group.d.ts +4 -2
  132. package/dist/cjs/components/Group/Group.js +12 -14
  133. package/dist/cjs/components/Group/Group.js.map +1 -1
  134. package/dist/cjs/components/Header/Header.d.ts +1 -2
  135. package/dist/cjs/components/Header/Header.js +4 -8
  136. package/dist/cjs/components/Header/Header.js.map +1 -1
  137. package/dist/cjs/components/HorizontalCell/HorizontalCell.js +4 -4
  138. package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
  139. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +1 -1
  140. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  141. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +2 -4
  142. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  143. package/dist/cjs/components/IconButton/IconButton.d.ts +5 -2
  144. package/dist/cjs/components/IconButton/IconButton.js +14 -18
  145. package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
  146. package/dist/cjs/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
  147. package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js +2 -4
  148. package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  149. package/dist/cjs/components/Link/Link.d.ts +1 -2
  150. package/dist/cjs/components/Link/Link.js +5 -7
  151. package/dist/cjs/components/Link/Link.js.map +1 -1
  152. package/dist/cjs/components/List/List.d.ts +1 -2
  153. package/dist/cjs/components/List/List.js +3 -5
  154. package/dist/cjs/components/List/List.js.map +1 -1
  155. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js +2 -2
  156. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  157. package/dist/cjs/components/ModalCard/ModalCard.d.ts +4 -2
  158. package/dist/cjs/components/ModalCard/ModalCard.js +32 -29
  159. package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
  160. package/dist/cjs/components/ModalCardBase/ModalCardBase.js +2 -2
  161. package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
  162. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
  163. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js +15 -12
  164. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  165. package/dist/cjs/components/ModalPage/ModalPage.d.ts +4 -2
  166. package/dist/cjs/components/ModalPage/ModalPage.js +34 -31
  167. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  168. package/dist/cjs/components/ModalRoot/ModalRoot.js +2 -2
  169. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  170. package/dist/cjs/components/ModalRoot/ModalRootContext.d.ts +1 -1
  171. package/dist/cjs/components/ModalRoot/ModalRootContext.js +2 -6
  172. package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
  173. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +2 -2
  174. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  175. package/dist/cjs/components/ModalRoot/withModalRootContext.js +2 -2
  176. package/dist/cjs/components/ModalRoot/withModalRootContext.js.map +1 -1
  177. package/dist/cjs/components/Pagination/Pagination.js +2 -2
  178. package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
  179. package/dist/cjs/components/PanelHeader/PanelHeader.js +5 -5
  180. package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
  181. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
  182. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js +11 -11
  183. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  184. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +2 -2
  185. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  186. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
  187. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js +4 -8
  188. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  189. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
  190. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +5 -7
  191. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  192. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +2 -2
  193. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  194. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
  195. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js +8 -12
  196. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  197. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
  198. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js +4 -8
  199. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  200. package/dist/cjs/components/Placeholder/Placeholder.d.ts +1 -2
  201. package/dist/cjs/components/Placeholder/Placeholder.js +3 -5
  202. package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
  203. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js +1 -10
  204. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  205. package/dist/cjs/components/PromoBanner/PromoBanner.d.ts +2 -2
  206. package/dist/cjs/components/PromoBanner/PromoBanner.js +7 -9
  207. package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
  208. package/dist/cjs/components/PullToRefresh/PullToRefresh.js +2 -2
  209. package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
  210. package/dist/cjs/components/Radio/Radio.js +2 -4
  211. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  212. package/dist/cjs/components/RangeSlider/RangeSlider.d.ts +1 -2
  213. package/dist/cjs/components/RangeSlider/RangeSlider.js +3 -5
  214. package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
  215. package/dist/cjs/components/RangeSlider/UniversalSlider.js +1 -6
  216. package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
  217. package/dist/cjs/components/Removable/Removable.js +10 -7
  218. package/dist/cjs/components/Removable/Removable.js.map +1 -1
  219. package/dist/cjs/components/RichCell/RichCell.d.ts +4 -2
  220. package/dist/cjs/components/RichCell/RichCell.js +11 -11
  221. package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
  222. package/dist/cjs/components/Root/Root.d.ts +1 -2
  223. package/dist/cjs/components/Root/Root.js +6 -20
  224. package/dist/cjs/components/Root/Root.js.map +1 -1
  225. package/dist/cjs/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
  226. package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js +14 -14
  227. package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  228. package/dist/cjs/components/Search/Search.d.ts +1 -2
  229. package/dist/cjs/components/Search/Search.js +19 -18
  230. package/dist/cjs/components/Search/Search.js.map +1 -1
  231. package/dist/cjs/components/SimpleCell/SimpleCell.d.ts +4 -2
  232. package/dist/cjs/components/SimpleCell/SimpleCell.js +10 -12
  233. package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
  234. package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
  235. package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js +3 -2
  236. package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  237. package/dist/cjs/components/Slider/Slider.d.ts +1 -2
  238. package/dist/cjs/components/Slider/Slider.js +3 -5
  239. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  240. package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js +2 -2
  241. package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  242. package/dist/cjs/components/Spacing/Spacing.d.ts +2 -1
  243. package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
  244. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +2 -2
  245. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  246. package/dist/cjs/components/Tabbar/Tabbar.d.ts +1 -2
  247. package/dist/cjs/components/Tabbar/Tabbar.js +8 -12
  248. package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
  249. package/dist/cjs/components/TabbarItem/TabbarItem.d.ts +1 -2
  250. package/dist/cjs/components/TabbarItem/TabbarItem.js +5 -7
  251. package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
  252. package/dist/cjs/components/Tabs/Tabs.d.ts +4 -2
  253. package/dist/cjs/components/Tabs/Tabs.js +10 -13
  254. package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
  255. package/dist/cjs/components/TabsItem/TabsItem.d.ts +1 -2
  256. package/dist/cjs/components/TabsItem/TabsItem.js +6 -10
  257. package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
  258. package/dist/cjs/components/Tappable/Tappable.d.ts +7 -4
  259. package/dist/cjs/components/Tappable/Tappable.js +10 -9
  260. package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
  261. package/dist/cjs/components/Textarea/Textarea.d.ts +2 -3
  262. package/dist/cjs/components/Textarea/Textarea.js +14 -14
  263. package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
  264. package/dist/cjs/components/Tooltip/Tooltip.d.ts +1 -2
  265. package/dist/cjs/components/Tooltip/Tooltip.js +8 -13
  266. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  267. package/dist/cjs/components/UsersStack/UsersStack.d.ts +4 -2
  268. package/dist/cjs/components/UsersStack/UsersStack.js +51 -46
  269. package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
  270. package/dist/cjs/components/UsersStack/masks.js +1 -1
  271. package/dist/cjs/components/UsersStack/masks.js.map +1 -1
  272. package/dist/cjs/components/View/View.d.ts +6 -3
  273. package/dist/cjs/components/View/View.js +26 -43
  274. package/dist/cjs/components/View/View.js.map +1 -1
  275. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +2 -2
  276. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  277. package/dist/cjs/index.d.ts +44 -44
  278. package/dist/cjs/index.js +88 -88
  279. package/dist/cjs/index.js.map +1 -1
  280. package/dist/cjs/lib/animate.d.ts +1 -1
  281. package/dist/cjs/lib/animate.js +1 -2
  282. package/dist/cjs/lib/animate.js.map +1 -1
  283. package/dist/cjs/tokenized/index.d.ts +44 -0
  284. package/dist/cjs/tokenized/index.js +176 -0
  285. package/dist/cjs/tokenized/index.js.map +1 -1
  286. package/dist/components/ActionSheetItem/ActionSheetItem.js +1 -1
  287. package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  288. package/dist/components/Alert/Alert.js +6 -4
  289. package/dist/components/Alert/Alert.js.map +1 -1
  290. package/dist/components/Avatar/Avatar.d.ts +1 -2
  291. package/dist/components/Avatar/Avatar.js +4 -11
  292. package/dist/components/Avatar/Avatar.js.map +1 -1
  293. package/dist/components/Banner/Banner.d.ts +1 -2
  294. package/dist/components/Banner/Banner.js +25 -35
  295. package/dist/components/Banner/Banner.js.map +1 -1
  296. package/dist/components/BaseGallery/BaseGallery.d.ts +4 -0
  297. package/dist/components/BaseGallery/BaseGallery.js +371 -0
  298. package/dist/components/BaseGallery/BaseGallery.js.map +1 -0
  299. package/dist/components/BaseGallery/helpers.d.ts +12 -0
  300. package/dist/components/BaseGallery/helpers.js +50 -0
  301. package/dist/components/BaseGallery/helpers.js.map +1 -0
  302. package/dist/components/BaseGallery/types.d.ts +43 -0
  303. package/dist/components/BaseGallery/types.js +2 -0
  304. package/dist/components/BaseGallery/types.js.map +1 -0
  305. package/dist/components/Button/Button.js +2 -2
  306. package/dist/components/Button/Button.js.map +1 -1
  307. package/dist/components/CalendarDay/CalendarDay.js +1 -1
  308. package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
  309. package/dist/components/CalendarHeader/CalendarHeader.js +1 -1
  310. package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
  311. package/dist/components/Cell/Cell.js +1 -1
  312. package/dist/components/Cell/Cell.js.map +1 -1
  313. package/dist/components/CellButton/CellButton.d.ts +1 -2
  314. package/dist/components/CellButton/CellButton.js +3 -10
  315. package/dist/components/CellButton/CellButton.js.map +1 -1
  316. package/dist/components/Checkbox/Checkbox.d.ts +3 -1
  317. package/dist/components/Checkbox/Checkbox.js +67 -15
  318. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  319. package/dist/components/Chip/Chip.js +1 -1
  320. package/dist/components/Chip/Chip.js.map +1 -1
  321. package/dist/components/ConfigProvider/ConfigProvider.d.ts +1 -2
  322. package/dist/components/ConfigProvider/ConfigProvider.js +2 -5
  323. package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
  324. package/dist/components/ContentCard/ContentCard.d.ts +1 -2
  325. package/dist/components/ContentCard/ContentCard.js +35 -46
  326. package/dist/components/ContentCard/ContentCard.js.map +1 -1
  327. package/dist/components/DateInput/DateInput.js +1 -1
  328. package/dist/components/DateInput/DateInput.js.map +1 -1
  329. package/dist/components/DatePicker/DatePicker.d.ts +1 -2
  330. package/dist/components/DatePicker/DatePicker.js +4 -4
  331. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  332. package/dist/components/DateRangeInput/DateRangeInput.js +1 -1
  333. package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
  334. package/dist/components/Epic/Epic.d.ts +1 -3
  335. package/dist/components/Epic/Epic.js +8 -6
  336. package/dist/components/Epic/Epic.js.map +1 -1
  337. package/dist/components/FixedLayout/FixedLayout.d.ts +1 -2
  338. package/dist/components/FixedLayout/FixedLayout.js +5 -11
  339. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  340. package/dist/components/FocusVisible/FocusVisible.d.ts +3 -4
  341. package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
  342. package/dist/components/FormItem/FormItem.js +3 -6
  343. package/dist/components/FormItem/FormItem.js.map +1 -1
  344. package/dist/components/FormLayout/FormLayout.d.ts +1 -2
  345. package/dist/components/FormLayout/FormLayout.js +2 -5
  346. package/dist/components/FormLayout/FormLayout.js.map +1 -1
  347. package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
  348. package/dist/components/FormLayoutGroup/FormLayoutGroup.js +5 -10
  349. package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  350. package/dist/components/Gallery/Gallery.d.ts +6 -43
  351. package/dist/components/Gallery/Gallery.js +20 -567
  352. package/dist/components/Gallery/Gallery.js.map +1 -1
  353. package/dist/components/GridAvatar/GridAvatar.d.ts +4 -1
  354. package/dist/components/GridAvatar/GridAvatar.js +8 -9
  355. package/dist/components/GridAvatar/GridAvatar.js.map +1 -1
  356. package/dist/components/Group/Group.d.ts +4 -2
  357. package/dist/components/Group/Group.js +9 -10
  358. package/dist/components/Group/Group.js.map +1 -1
  359. package/dist/components/Header/Header.d.ts +1 -2
  360. package/dist/components/Header/Header.js +3 -8
  361. package/dist/components/Header/Header.js.map +1 -1
  362. package/dist/components/HorizontalCell/HorizontalCell.js +2 -2
  363. package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
  364. package/dist/components/HorizontalScroll/HorizontalScroll.js +1 -1
  365. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  366. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +1 -1
  367. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  368. package/dist/components/IconButton/IconButton.d.ts +5 -2
  369. package/dist/components/IconButton/IconButton.js +11 -13
  370. package/dist/components/IconButton/IconButton.js.map +1 -1
  371. package/dist/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
  372. package/dist/components/InitialsAvatar/InitialsAvatar.js +1 -1
  373. package/dist/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  374. package/dist/components/Link/Link.d.ts +1 -2
  375. package/dist/components/Link/Link.js +3 -6
  376. package/dist/components/Link/Link.js.map +1 -1
  377. package/dist/components/List/List.d.ts +1 -2
  378. package/dist/components/List/List.js +2 -5
  379. package/dist/components/List/List.js.map +1 -1
  380. package/dist/components/MiniInfoCell/MiniInfoCell.js +1 -1
  381. package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  382. package/dist/components/ModalCard/ModalCard.d.ts +4 -2
  383. package/dist/components/ModalCard/ModalCard.js +29 -25
  384. package/dist/components/ModalCard/ModalCard.js.map +1 -1
  385. package/dist/components/ModalCardBase/ModalCardBase.js +1 -1
  386. package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
  387. package/dist/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
  388. package/dist/components/ModalDismissButton/ModalDismissButton.js +10 -9
  389. package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  390. package/dist/components/ModalPage/ModalPage.d.ts +4 -2
  391. package/dist/components/ModalPage/ModalPage.js +31 -28
  392. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  393. package/dist/components/ModalRoot/ModalRoot.js +1 -1
  394. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  395. package/dist/components/ModalRoot/ModalRootContext.d.ts +1 -1
  396. package/dist/components/ModalRoot/ModalRootContext.js +1 -3
  397. package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
  398. package/dist/components/ModalRoot/ModalRootDesktop.js +1 -1
  399. package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  400. package/dist/components/ModalRoot/withModalRootContext.js +1 -1
  401. package/dist/components/ModalRoot/withModalRootContext.js.map +1 -1
  402. package/dist/components/Pagination/Pagination.js +1 -1
  403. package/dist/components/Pagination/Pagination.js.map +1 -1
  404. package/dist/components/PanelHeader/PanelHeader.js +2 -2
  405. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  406. package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
  407. package/dist/components/PanelHeaderBack/PanelHeaderBack.js +8 -9
  408. package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  409. package/dist/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
  410. package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  411. package/dist/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
  412. package/dist/components/PanelHeaderClose/PanelHeaderClose.js +3 -8
  413. package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  414. package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
  415. package/dist/components/PanelHeaderContent/PanelHeaderContent.js +3 -6
  416. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  417. package/dist/components/PanelHeaderContext/PanelHeaderContext.js +1 -1
  418. package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  419. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
  420. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js +7 -12
  421. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  422. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
  423. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js +3 -8
  424. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  425. package/dist/components/Placeholder/Placeholder.d.ts +1 -2
  426. package/dist/components/Placeholder/Placeholder.js +2 -5
  427. package/dist/components/Placeholder/Placeholder.js.map +1 -1
  428. package/dist/components/PopoutWrapper/PopoutWrapper.js +1 -9
  429. package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  430. package/dist/components/PromoBanner/PromoBanner.d.ts +2 -2
  431. package/dist/components/PromoBanner/PromoBanner.js +4 -7
  432. package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
  433. package/dist/components/PullToRefresh/PullToRefresh.js +1 -1
  434. package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
  435. package/dist/components/Radio/Radio.js +1 -1
  436. package/dist/components/Radio/Radio.js.map +1 -1
  437. package/dist/components/RangeSlider/RangeSlider.d.ts +1 -2
  438. package/dist/components/RangeSlider/RangeSlider.js +2 -5
  439. package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
  440. package/dist/components/RangeSlider/UniversalSlider.js +1 -5
  441. package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
  442. package/dist/components/Removable/Removable.js +7 -4
  443. package/dist/components/Removable/Removable.js.map +1 -1
  444. package/dist/components/RichCell/RichCell.d.ts +4 -2
  445. package/dist/components/RichCell/RichCell.js +8 -7
  446. package/dist/components/RichCell/RichCell.js.map +1 -1
  447. package/dist/components/Root/Root.d.ts +1 -2
  448. package/dist/components/Root/Root.js +5 -19
  449. package/dist/components/Root/Root.js.map +1 -1
  450. package/dist/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
  451. package/dist/components/ScreenSpinner/ScreenSpinner.js +12 -13
  452. package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  453. package/dist/components/Search/Search.d.ts +1 -2
  454. package/dist/components/Search/Search.js +17 -15
  455. package/dist/components/Search/Search.js.map +1 -1
  456. package/dist/components/SimpleCell/SimpleCell.d.ts +4 -2
  457. package/dist/components/SimpleCell/SimpleCell.js +7 -8
  458. package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
  459. package/dist/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
  460. package/dist/components/SimpleCheckbox/SimpleCheckbox.js +2 -1
  461. package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  462. package/dist/components/Slider/Slider.d.ts +1 -2
  463. package/dist/components/Slider/Slider.js +2 -5
  464. package/dist/components/Slider/Slider.js.map +1 -1
  465. package/dist/components/SliderSwitch/SliderSwitchButton.js +1 -1
  466. package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  467. package/dist/components/Spacing/Spacing.d.ts +2 -1
  468. package/dist/components/Spacing/Spacing.js.map +1 -1
  469. package/dist/components/SubnavigationButton/SubnavigationButton.js +1 -1
  470. package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  471. package/dist/components/Tabbar/Tabbar.d.ts +1 -2
  472. package/dist/components/Tabbar/Tabbar.js +6 -11
  473. package/dist/components/Tabbar/Tabbar.js.map +1 -1
  474. package/dist/components/TabbarItem/TabbarItem.d.ts +1 -2
  475. package/dist/components/TabbarItem/TabbarItem.js +3 -6
  476. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  477. package/dist/components/Tabs/Tabs.d.ts +4 -2
  478. package/dist/components/Tabs/Tabs.js +8 -9
  479. package/dist/components/Tabs/Tabs.js.map +1 -1
  480. package/dist/components/TabsItem/TabsItem.d.ts +1 -2
  481. package/dist/components/TabsItem/TabsItem.js +4 -9
  482. package/dist/components/TabsItem/TabsItem.js.map +1 -1
  483. package/dist/components/Tappable/Tappable.d.ts +7 -4
  484. package/dist/components/Tappable/Tappable.js +9 -6
  485. package/dist/components/Tappable/Tappable.js.map +1 -1
  486. package/dist/components/Textarea/Textarea.d.ts +2 -3
  487. package/dist/components/Textarea/Textarea.js +12 -9
  488. package/dist/components/Textarea/Textarea.js.map +1 -1
  489. package/dist/components/Tooltip/Tooltip.d.ts +1 -2
  490. package/dist/components/Tooltip/Tooltip.js +7 -13
  491. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  492. package/dist/components/UsersStack/UsersStack.d.ts +4 -2
  493. package/dist/components/UsersStack/UsersStack.js +48 -39
  494. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  495. package/dist/components/UsersStack/masks.js +1 -1
  496. package/dist/components/UsersStack/masks.js.map +1 -1
  497. package/dist/components/View/View.d.ts +6 -3
  498. package/dist/components/View/View.js +25 -39
  499. package/dist/components/View/View.js.map +1 -1
  500. package/dist/components/WriteBarIcon/WriteBarIcon.js +1 -1
  501. package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  502. package/dist/components.css +26 -8
  503. package/dist/components.css.map +1 -1
  504. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +1 -1
  505. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  506. package/dist/cssm/components/Alert/Alert.js +6 -4
  507. package/dist/cssm/components/Alert/Alert.js.map +1 -1
  508. package/dist/cssm/components/Avatar/Avatar.css +5 -1
  509. package/dist/cssm/components/Avatar/Avatar.d.ts +1 -2
  510. package/dist/cssm/components/Avatar/Avatar.js +4 -11
  511. package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
  512. package/dist/cssm/components/Banner/Banner.css +5 -1
  513. package/dist/cssm/components/Banner/Banner.d.ts +1 -2
  514. package/dist/cssm/components/Banner/Banner.js +25 -35
  515. package/dist/cssm/components/Banner/Banner.js.map +1 -1
  516. package/dist/cssm/components/BaseGallery/BaseGallery.css +1 -0
  517. package/dist/cssm/components/BaseGallery/BaseGallery.d.ts +4 -0
  518. package/dist/cssm/components/BaseGallery/BaseGallery.js +372 -0
  519. package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -0
  520. package/dist/cssm/components/BaseGallery/helpers.d.ts +12 -0
  521. package/dist/cssm/components/BaseGallery/helpers.js +50 -0
  522. package/dist/cssm/components/BaseGallery/helpers.js.map +1 -0
  523. package/dist/cssm/components/BaseGallery/types.d.ts +43 -0
  524. package/dist/cssm/components/BaseGallery/types.js +2 -0
  525. package/dist/cssm/components/BaseGallery/types.js.map +1 -0
  526. package/dist/cssm/components/Button/Button.css +1 -1
  527. package/dist/cssm/components/Button/Button.js +2 -2
  528. package/dist/cssm/components/Button/Button.js.map +1 -1
  529. package/dist/cssm/components/CalendarDay/CalendarDay.js +1 -1
  530. package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
  531. package/dist/cssm/components/CalendarHeader/CalendarHeader.js +1 -1
  532. package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
  533. package/dist/cssm/components/Cell/Cell.js +1 -1
  534. package/dist/cssm/components/Cell/Cell.js.map +1 -1
  535. package/dist/cssm/components/CellButton/CellButton.css +1 -1
  536. package/dist/cssm/components/CellButton/CellButton.d.ts +1 -2
  537. package/dist/cssm/components/CellButton/CellButton.js +3 -10
  538. package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
  539. package/dist/cssm/components/Checkbox/Checkbox.css +1 -1
  540. package/dist/cssm/components/Checkbox/Checkbox.d.ts +3 -1
  541. package/dist/cssm/components/Checkbox/Checkbox.js +67 -15
  542. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  543. package/dist/cssm/components/Chip/Chip.js +1 -1
  544. package/dist/cssm/components/Chip/Chip.js.map +1 -1
  545. package/dist/cssm/components/ConfigProvider/ConfigProvider.d.ts +1 -2
  546. package/dist/cssm/components/ConfigProvider/ConfigProvider.js +2 -5
  547. package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
  548. package/dist/cssm/components/ContentCard/ContentCard.css +1 -1
  549. package/dist/cssm/components/ContentCard/ContentCard.d.ts +1 -2
  550. package/dist/cssm/components/ContentCard/ContentCard.js +35 -46
  551. package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
  552. package/dist/cssm/components/DateInput/DateInput.js +1 -1
  553. package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
  554. package/dist/cssm/components/DatePicker/DatePicker.d.ts +1 -2
  555. package/dist/cssm/components/DatePicker/DatePicker.js +4 -4
  556. package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
  557. package/dist/cssm/components/DateRangeInput/DateRangeInput.js +1 -1
  558. package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
  559. package/dist/cssm/components/Epic/Epic.d.ts +1 -3
  560. package/dist/cssm/components/Epic/Epic.js +8 -6
  561. package/dist/cssm/components/Epic/Epic.js.map +1 -1
  562. package/dist/cssm/components/FixedLayout/FixedLayout.css +1 -1
  563. package/dist/cssm/components/FixedLayout/FixedLayout.d.ts +1 -2
  564. package/dist/cssm/components/FixedLayout/FixedLayout.js +5 -11
  565. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  566. package/dist/cssm/components/FocusVisible/FocusVisible.css +1 -1
  567. package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +3 -4
  568. package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
  569. package/dist/cssm/components/FormItem/FormItem.css +1 -1
  570. package/dist/cssm/components/FormItem/FormItem.js +3 -6
  571. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  572. package/dist/cssm/components/FormLayout/FormLayout.d.ts +1 -2
  573. package/dist/cssm/components/FormLayout/FormLayout.js +2 -5
  574. package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
  575. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css +1 -1
  576. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
  577. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +5 -10
  578. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  579. package/dist/cssm/components/Gallery/Gallery.d.ts +6 -43
  580. package/dist/cssm/components/Gallery/Gallery.js +20 -568
  581. package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
  582. package/dist/cssm/components/GridAvatar/GridAvatar.d.ts +4 -1
  583. package/dist/cssm/components/GridAvatar/GridAvatar.js +8 -9
  584. package/dist/cssm/components/GridAvatar/GridAvatar.js.map +1 -1
  585. package/dist/cssm/components/Group/Group.d.ts +4 -2
  586. package/dist/cssm/components/Group/Group.js +9 -10
  587. package/dist/cssm/components/Group/Group.js.map +1 -1
  588. package/dist/cssm/components/Header/Header.d.ts +1 -2
  589. package/dist/cssm/components/Header/Header.js +3 -8
  590. package/dist/cssm/components/Header/Header.js.map +1 -1
  591. package/dist/cssm/components/HorizontalCell/HorizontalCell.js +2 -2
  592. package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
  593. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +1 -1
  594. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  595. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +1 -1
  596. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  597. package/dist/cssm/components/IconButton/IconButton.css +1 -1
  598. package/dist/cssm/components/IconButton/IconButton.d.ts +5 -2
  599. package/dist/cssm/components/IconButton/IconButton.js +11 -13
  600. package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
  601. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.css +1 -1
  602. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
  603. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js +1 -1
  604. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  605. package/dist/cssm/components/Link/Link.d.ts +1 -2
  606. package/dist/cssm/components/Link/Link.js +3 -6
  607. package/dist/cssm/components/Link/Link.js.map +1 -1
  608. package/dist/cssm/components/List/List.d.ts +1 -2
  609. package/dist/cssm/components/List/List.js +2 -5
  610. package/dist/cssm/components/List/List.js.map +1 -1
  611. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js +1 -1
  612. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  613. package/dist/cssm/components/ModalCard/ModalCard.d.ts +4 -2
  614. package/dist/cssm/components/ModalCard/ModalCard.js +29 -25
  615. package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
  616. package/dist/cssm/components/ModalCardBase/ModalCardBase.js +1 -1
  617. package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
  618. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
  619. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js +10 -9
  620. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  621. package/dist/cssm/components/ModalPage/ModalPage.d.ts +4 -2
  622. package/dist/cssm/components/ModalPage/ModalPage.js +31 -28
  623. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  624. package/dist/cssm/components/ModalRoot/ModalRoot.js +1 -1
  625. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  626. package/dist/cssm/components/ModalRoot/ModalRootContext.d.ts +1 -1
  627. package/dist/cssm/components/ModalRoot/ModalRootContext.js +1 -3
  628. package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
  629. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +1 -1
  630. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  631. package/dist/cssm/components/ModalRoot/withModalRootContext.js +1 -1
  632. package/dist/cssm/components/ModalRoot/withModalRootContext.js.map +1 -1
  633. package/dist/cssm/components/Pagination/Pagination.js +1 -1
  634. package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
  635. package/dist/cssm/components/PanelHeader/PanelHeader.css +1 -1
  636. package/dist/cssm/components/PanelHeader/PanelHeader.js +2 -2
  637. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  638. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
  639. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js +8 -9
  640. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  641. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
  642. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  643. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
  644. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js +3 -8
  645. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  646. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
  647. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +3 -6
  648. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  649. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +1 -1
  650. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  651. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
  652. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js +7 -12
  653. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  654. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
  655. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js +3 -8
  656. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  657. package/dist/cssm/components/Placeholder/Placeholder.d.ts +1 -2
  658. package/dist/cssm/components/Placeholder/Placeholder.js +2 -5
  659. package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
  660. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.css +1 -1
  661. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js +1 -9
  662. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  663. package/dist/cssm/components/PromoBanner/PromoBanner.d.ts +2 -2
  664. package/dist/cssm/components/PromoBanner/PromoBanner.js +4 -7
  665. package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
  666. package/dist/cssm/components/PullToRefresh/PullToRefresh.js +1 -1
  667. package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
  668. package/dist/cssm/components/Radio/Radio.js +1 -1
  669. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  670. package/dist/cssm/components/RangeSlider/RangeSlider.d.ts +1 -2
  671. package/dist/cssm/components/RangeSlider/RangeSlider.js +2 -5
  672. package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
  673. package/dist/cssm/components/RangeSlider/UniversalSlider.js +1 -5
  674. package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
  675. package/dist/cssm/components/Removable/Removable.css +1 -1
  676. package/dist/cssm/components/Removable/Removable.js +7 -4
  677. package/dist/cssm/components/Removable/Removable.js.map +1 -1
  678. package/dist/cssm/components/RichCell/RichCell.d.ts +4 -2
  679. package/dist/cssm/components/RichCell/RichCell.js +8 -7
  680. package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
  681. package/dist/cssm/components/Root/Root.css +1 -1
  682. package/dist/cssm/components/Root/Root.d.ts +1 -2
  683. package/dist/cssm/components/Root/Root.js +5 -19
  684. package/dist/cssm/components/Root/Root.js.map +1 -1
  685. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
  686. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js +12 -13
  687. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  688. package/dist/cssm/components/Search/Search.d.ts +1 -2
  689. package/dist/cssm/components/Search/Search.js +17 -15
  690. package/dist/cssm/components/Search/Search.js.map +1 -1
  691. package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
  692. package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +4 -2
  693. package/dist/cssm/components/SimpleCell/SimpleCell.js +7 -8
  694. package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
  695. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
  696. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js +2 -1
  697. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  698. package/dist/cssm/components/Slider/Slider.css +3 -1
  699. package/dist/cssm/components/Slider/Slider.d.ts +1 -2
  700. package/dist/cssm/components/Slider/Slider.js +2 -5
  701. package/dist/cssm/components/Slider/Slider.js.map +1 -1
  702. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js +1 -1
  703. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  704. package/dist/cssm/components/Snackbar/Snackbar.css +1 -1
  705. package/dist/cssm/components/Spacing/Spacing.css +1 -1
  706. package/dist/cssm/components/Spacing/Spacing.d.ts +2 -1
  707. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  708. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +1 -1
  709. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  710. package/dist/cssm/components/Tabbar/Tabbar.d.ts +1 -2
  711. package/dist/cssm/components/Tabbar/Tabbar.js +6 -11
  712. package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
  713. package/dist/cssm/components/TabbarItem/TabbarItem.d.ts +1 -2
  714. package/dist/cssm/components/TabbarItem/TabbarItem.js +3 -6
  715. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  716. package/dist/cssm/components/Tabs/Tabs.d.ts +4 -2
  717. package/dist/cssm/components/Tabs/Tabs.js +8 -9
  718. package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
  719. package/dist/cssm/components/TabsItem/TabsItem.d.ts +1 -2
  720. package/dist/cssm/components/TabsItem/TabsItem.js +4 -9
  721. package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
  722. package/dist/cssm/components/Tappable/Tappable.css +5 -1
  723. package/dist/cssm/components/Tappable/Tappable.d.ts +7 -4
  724. package/dist/cssm/components/Tappable/Tappable.js +9 -6
  725. package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
  726. package/dist/cssm/components/Textarea/Textarea.css +1 -1
  727. package/dist/cssm/components/Textarea/Textarea.d.ts +2 -3
  728. package/dist/cssm/components/Textarea/Textarea.js +12 -9
  729. package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
  730. package/dist/cssm/components/Tooltip/Tooltip.d.ts +1 -2
  731. package/dist/cssm/components/Tooltip/Tooltip.js +7 -13
  732. package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
  733. package/dist/cssm/components/UsersStack/UsersStack.css +5 -1
  734. package/dist/cssm/components/UsersStack/UsersStack.d.ts +4 -2
  735. package/dist/cssm/components/UsersStack/UsersStack.js +48 -39
  736. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  737. package/dist/cssm/components/UsersStack/masks.js +1 -1
  738. package/dist/cssm/components/UsersStack/masks.js.map +1 -1
  739. package/dist/cssm/components/View/View.css +1 -1
  740. package/dist/cssm/components/View/View.d.ts +6 -3
  741. package/dist/cssm/components/View/View.js +25 -39
  742. package/dist/cssm/components/View/View.js.map +1 -1
  743. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +1 -1
  744. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  745. package/dist/cssm/index.d.ts +44 -44
  746. package/dist/cssm/index.js +44 -44
  747. package/dist/cssm/index.js.map +1 -1
  748. package/dist/cssm/lib/animate.d.ts +1 -1
  749. package/dist/cssm/lib/animate.js +1 -2
  750. package/dist/cssm/lib/animate.js.map +1 -1
  751. package/dist/cssm/styles/components.css +26 -8
  752. package/dist/cssm/tokenized/index.d.ts +44 -0
  753. package/dist/cssm/tokenized/index.js +22 -0
  754. package/dist/cssm/tokenized/index.js.map +1 -1
  755. package/dist/index.d.ts +44 -44
  756. package/dist/index.js +44 -44
  757. package/dist/index.js.map +1 -1
  758. package/dist/lib/animate.d.ts +1 -1
  759. package/dist/lib/animate.js +1 -2
  760. package/dist/lib/animate.js.map +1 -1
  761. package/dist/tokenized/index.d.ts +44 -0
  762. package/dist/tokenized/index.js +22 -0
  763. package/dist/tokenized/index.js.map +1 -1
  764. package/dist/vkui.css +26 -8
  765. package/dist/vkui.css.map +1 -1
  766. package/package.json +3 -3
  767. package/src/components/ActionSheetItem/ActionSheetItem.tsx +1 -1
  768. package/src/components/Alert/Alert.tsx +6 -4
  769. package/src/components/Avatar/Avatar.css +27 -20
  770. package/src/components/Avatar/Avatar.tsx +3 -9
  771. package/src/components/Avatar/Readme.md +43 -304
  772. package/src/components/Banner/Banner.css +24 -25
  773. package/src/components/Banner/Banner.tsx +28 -42
  774. package/src/components/{Gallery/Gallery.css → BaseGallery/BaseGallery.css} +7 -3
  775. package/src/components/BaseGallery/BaseGallery.tsx +394 -0
  776. package/src/components/BaseGallery/helpers.ts +51 -0
  777. package/src/components/BaseGallery/types.ts +52 -0
  778. package/src/components/Button/Button.css +4 -0
  779. package/src/components/Button/Button.tsx +3 -2
  780. package/src/components/CalendarDay/CalendarDay.tsx +1 -1
  781. package/src/components/CalendarHeader/CalendarHeader.tsx +1 -1
  782. package/src/components/Cell/Cell.tsx +1 -1
  783. package/src/components/CellButton/CellButton.css +10 -4
  784. package/src/components/CellButton/CellButton.tsx +4 -13
  785. package/src/components/Checkbox/Checkbox.css +41 -55
  786. package/src/components/Checkbox/Checkbox.tsx +89 -30
  787. package/src/components/Checkbox/Readme.md +19 -0
  788. package/src/components/Chip/Chip.tsx +1 -1
  789. package/src/components/ConfigProvider/ConfigProvider.tsx +1 -4
  790. package/src/components/ContentCard/ContentCard.css +10 -18
  791. package/src/components/ContentCard/ContentCard.tsx +44 -49
  792. package/src/components/ContentCard/Readme.md +6 -0
  793. package/src/components/DateInput/DateInput.tsx +1 -1
  794. package/src/components/DatePicker/DatePicker.tsx +4 -3
  795. package/src/components/DateRangeInput/DateRangeInput.tsx +1 -1
  796. package/src/components/Epic/Epic.tsx +7 -6
  797. package/src/components/FixedLayout/FixedLayout.css +1 -1
  798. package/src/components/FixedLayout/FixedLayout.tsx +5 -10
  799. package/src/components/FocusVisible/FocusVisible.css +1 -1
  800. package/src/components/FocusVisible/FocusVisible.tsx +2 -5
  801. package/src/components/FormItem/FormItem.css +22 -13
  802. package/src/components/FormItem/FormItem.tsx +3 -6
  803. package/src/components/FormLayout/FormLayout.tsx +3 -4
  804. package/src/components/FormLayoutGroup/FormLayoutGroup.css +2 -1
  805. package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +3 -9
  806. package/src/components/Gallery/Gallery.tsx +10 -512
  807. package/src/components/GridAvatar/GridAvatar.tsx +17 -15
  808. package/src/components/Group/Group.tsx +8 -11
  809. package/src/components/Group/Readme.md +129 -134
  810. package/src/components/Header/Header.tsx +2 -9
  811. package/src/components/HorizontalCell/HorizontalCell.tsx +2 -2
  812. package/src/components/HorizontalScroll/HorizontalScroll.tsx +4 -1
  813. package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +1 -1
  814. package/src/components/IconButton/IconButton.css +14 -19
  815. package/src/components/IconButton/IconButton.tsx +14 -16
  816. package/src/components/IconButton/Readme.md +51 -0
  817. package/src/components/InitialsAvatar/InitialsAvatar.css +26 -29
  818. package/src/components/InitialsAvatar/InitialsAvatar.tsx +2 -2
  819. package/src/components/Link/Link.tsx +5 -5
  820. package/src/components/List/List.tsx +3 -7
  821. package/src/components/MiniInfoCell/MiniInfoCell.tsx +1 -1
  822. package/src/components/ModalCard/ModalCard.tsx +31 -30
  823. package/src/components/ModalCardBase/ModalCardBase.tsx +1 -1
  824. package/src/components/ModalDismissButton/ModalDismissButton.tsx +7 -12
  825. package/src/components/ModalPage/ModalPage.tsx +32 -32
  826. package/src/components/ModalRoot/ModalRoot.tsx +2 -1
  827. package/src/components/ModalRoot/ModalRootContext.tsx +0 -3
  828. package/src/components/ModalRoot/ModalRootDesktop.tsx +2 -1
  829. package/src/components/ModalRoot/withModalRootContext.tsx +2 -1
  830. package/src/components/Pagination/Pagination.tsx +1 -1
  831. package/src/components/PanelHeader/PanelHeader.css +9 -0
  832. package/src/components/PanelHeader/PanelHeader.tsx +2 -2
  833. package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +9 -8
  834. package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +1 -1
  835. package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +3 -11
  836. package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +4 -5
  837. package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +1 -1
  838. package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +4 -13
  839. package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +3 -11
  840. package/src/components/Placeholder/Placeholder.tsx +3 -4
  841. package/src/components/PopoutWrapper/PopoutWrapper.css +4 -15
  842. package/src/components/PopoutWrapper/PopoutWrapper.tsx +5 -11
  843. package/src/components/PromoBanner/PromoBanner.tsx +3 -6
  844. package/src/components/PullToRefresh/PullToRefresh.tsx +1 -1
  845. package/src/components/Radio/Radio.tsx +1 -1
  846. package/src/components/RangeSlider/RangeSlider.tsx +1 -4
  847. package/src/components/RangeSlider/Readme.md +19 -27
  848. package/src/components/RangeSlider/UniversalSlider.tsx +1 -4
  849. package/src/components/Removable/Removable.css +15 -19
  850. package/src/components/Removable/Removable.tsx +5 -3
  851. package/src/components/RichCell/RichCell.tsx +8 -7
  852. package/src/components/Root/Root.css +9 -14
  853. package/src/components/Root/Root.tsx +26 -21
  854. package/src/components/ScreenSpinner/ScreenSpinner.tsx +13 -13
  855. package/src/components/Search/Search.tsx +9 -14
  856. package/src/components/SimpleCell/SimpleCell.css +3 -52
  857. package/src/components/SimpleCell/SimpleCell.tsx +6 -7
  858. package/src/components/SimpleCheckbox/Readme.md +4 -0
  859. package/src/components/SimpleCheckbox/SimpleCheckbox.tsx +2 -1
  860. package/src/components/Slider/Readme.md +68 -76
  861. package/src/components/Slider/Slider.css +9 -49
  862. package/src/components/Slider/Slider.tsx +1 -4
  863. package/src/components/SliderSwitch/SliderSwitchButton.tsx +1 -1
  864. package/src/components/Snackbar/Snackbar.css +6 -2
  865. package/src/components/Spacing/Spacing.css +1 -1
  866. package/src/components/Spacing/Spacing.tsx +2 -1
  867. package/src/components/SubnavigationButton/SubnavigationButton.tsx +1 -1
  868. package/src/components/Tabbar/Tabbar.tsx +6 -9
  869. package/src/components/TabbarItem/TabbarItem.tsx +2 -5
  870. package/src/components/Tabs/Tabs.tsx +7 -10
  871. package/src/components/TabsItem/TabsItem.tsx +3 -10
  872. package/src/components/Tappable/Readme.md +53 -0
  873. package/src/components/Tappable/Tappable.css +12 -27
  874. package/src/components/Tappable/Tappable.tsx +13 -8
  875. package/src/components/Textarea/Readme.md +1 -2
  876. package/src/components/Textarea/Textarea.css +12 -8
  877. package/src/components/Textarea/Textarea.tsx +54 -55
  878. package/src/components/Tooltip/Tooltip.tsx +4 -12
  879. package/src/components/UsersStack/Readme.md +0 -1
  880. package/src/components/UsersStack/UsersStack.css +12 -30
  881. package/src/components/UsersStack/UsersStack.tsx +49 -43
  882. package/src/components/UsersStack/masks.tsx +28 -5
  883. package/src/components/View/View.css +1 -13
  884. package/src/components/View/View.tsx +39 -43
  885. package/src/components/WriteBarIcon/WriteBarIcon.tsx +1 -1
  886. package/src/index.ts +44 -44
  887. package/src/lib/animate.ts +1 -2
  888. package/src/styles/components.css +1 -1
  889. package/src/tokenized/index.ts +66 -0
  890. package/dist/cssm/components/Gallery/Gallery.css +0 -1
@@ -41,5 +41,7 @@ export interface RichCellProps extends TappableProps {
41
41
  disabled?: boolean;
42
42
  multiline?: boolean;
43
43
  }
44
- declare const _default: React.FC<Pick<RichCellProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "bottom" | "media" | "hidden" | "caption" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "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" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "actions" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
45
- export default _default;
44
+ /**
45
+ * @see https://vkcom.github.io/VKUI/#/RichCell
46
+ */
47
+ export declare const RichCell: React.FC<Pick<RichCellProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "bottom" | "media" | "hidden" | "caption" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "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" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "actions" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -5,16 +5,13 @@ import { createScopedElement } from "../../lib/jsxRuntime";
5
5
  import { classNames } from "../../lib/classNames";
6
6
  import { usePlatform } from "../../hooks/usePlatform";
7
7
  import { getClassName } from "../../helpers/getClassName";
8
- import Tappable from "../Tappable/Tappable";
8
+ import { Tappable } from "../Tappable/Tappable";
9
9
  import { hasReactNode } from "../../lib/utils";
10
10
  import { Paragraph } from "../Typography/Paragraph/Paragraph";
11
11
  import { Subhead } from "../Typography/Subhead/Subhead";
12
12
  import { withAdaptivity } from "../../hoc/withAdaptivity";
13
13
 
14
- /**
15
- * @see https://vkcom.github.io/VKUI/#/RichCell
16
- */
17
- var RichCell = function RichCell(_ref) {
14
+ var RichCellComponent = function RichCellComponent(_ref) {
18
15
  var children = _ref.children,
19
16
  text = _ref.text,
20
17
  caption = _ref.caption,
@@ -51,10 +48,14 @@ var RichCell = function RichCell(_ref) {
51
48
  }, bottom), hasReactNode(actions) && createScopedElement("div", {
52
49
  vkuiClass: "RichCell__actions"
53
50
  }, actions)));
54
- }; // eslint-disable-next-line import/no-default-export
51
+ };
52
+ /**
53
+ * @see https://vkcom.github.io/VKUI/#/RichCell
54
+ */
55
55
 
56
56
 
57
- export default withAdaptivity(RichCell, {
57
+ export var RichCell = withAdaptivity(RichCellComponent, {
58
58
  sizeY: true
59
59
  });
60
+ RichCell.displayName = "RichCell";
60
61
  //# sourceMappingURL=RichCell.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/RichCell/RichCell.tsx"],"names":["classNames","usePlatform","getClassName","Tappable","hasReactNode","Paragraph","Subhead","withAdaptivity","RichCell","children","text","caption","before","after","bottom","actions","multiline","sizeY","restProps","platform"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AACA,SAASC,OAAT;AACA,SAASC,cAAT;;AA4CA;AACA;AACA;AACA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAWpC;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,IASI,QATJA,IASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eACMiB,SADN;AAEE;AACA,IAAA,SAAS,EAAElB,UAAU,CACnBE,YAAY,CAAC,UAAD,EAAaiB,QAAb,CADO,EAEnB;AACE,wBAAkBH;AADpB,KAFmB,4BAKAC,KALA;AAHvB,MAWGL,MAXH,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KAEGC,KAFH,EAGE,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAC,GAAlB;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCJ,QAArC,CADF,EAEGL,YAAY,CAACS,KAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCA,KAAlC,CAHJ,CAHF,EASGT,YAAY,CAACM,IAAD,CAAZ,IACC,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAC;AAArB,KAAuCA,IAAvC,CAVJ,EAYGN,YAAY,CAACO,OAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,OADH,CAbJ,EAiBGP,YAAY,CAACU,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAlBJ,EAoBGV,YAAY,CAACW,OAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,OAApC,CArBJ,CAZF,CADF;AAuCD,CArDD,C,CAuDA;;;AACA,eAAeR,cAAc,CAACC,QAAD,EAAW;AAAES,EAAAA,KAAK,EAAE;AAAT,CAAX,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n /**\n * Контейнер для текста под `children`.\n */\n text?: React.ReactNode;\n /**\n * Контейнер для текста под `text`.\n */\n caption?: React.ReactNode;\n /**\n * Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`\n */\n bottom?: React.ReactNode;\n /**\n * Кнопки-действия.\n *\n * Рекомендуется использовать [Button](#/Button) с параметрами:\n *\n * - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n *\n * Для набора кнопок следует использовать [ButtonGroup](#/ButtonGroup) с параметрами:\n *\n * - `mode=\"horizontal\" gap=\"s\" stretched`\n */\n actions?: React.ReactNode;\n /**\n * `<Avatar size={48|72} />`\n */\n before?: React.ReactNode;\n /**\n * Иконка 28 или текст\n */\n after?: React.ReactNode;\n /**\n * Убирает анимацию нажатия\n */\n disabled?: boolean;\n multiline?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nconst RichCell: React.FC<RichCellProps> = ({\n children,\n text,\n caption,\n before,\n after,\n bottom,\n actions,\n multiline,\n sizeY,\n ...restProps\n}) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"RichCell\", platform),\n {\n \"RichCell--mult\": multiline,\n },\n `RichCell--sizeY-${sizeY}`\n )}\n >\n {before}\n <div vkuiClass=\"RichCell__in\">\n {/* Этот after будет скрыт из верстки. Он нужен для CSS */}\n {after}\n <Paragraph weight=\"2\" vkuiClass=\"RichCell__content\">\n <div vkuiClass=\"RichCell__children\">{children}</div>\n {hasReactNode(after) && (\n <div vkuiClass=\"RichCell__after\">{after}</div>\n )}\n </Paragraph>\n {hasReactNode(text) && (\n <Paragraph vkuiClass=\"RichCell__text\">{text}</Paragraph>\n )}\n {hasReactNode(caption) && (\n <Subhead Component=\"span\" vkuiClass=\"RichCell__caption\">\n {caption}\n </Subhead>\n )}\n {hasReactNode(bottom) && (\n <div vkuiClass=\"RichCell__bottom\">{bottom}</div>\n )}\n {hasReactNode(actions) && (\n <div vkuiClass=\"RichCell__actions\">{actions}</div>\n )}\n </div>\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(RichCell, { sizeY: true });\n"],"file":"RichCell.js"}
1
+ {"version":3,"sources":["../../../src/components/RichCell/RichCell.tsx"],"names":["classNames","usePlatform","getClassName","Tappable","hasReactNode","Paragraph","Subhead","withAdaptivity","RichCellComponent","children","text","caption","before","after","bottom","actions","multiline","sizeY","restProps","platform","RichCell","displayName"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AACA,SAASC,OAAT;AACA,SAASC,cAAT;;AA4CA,IAAMC,iBAA0C,GAAG,SAA7CA,iBAA6C,OAW7C;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,IASI,QATJA,IASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eACMiB,SADN;AAEE;AACA,IAAA,SAAS,EAAElB,UAAU,CACnBE,YAAY,CAAC,UAAD,EAAaiB,QAAb,CADO,EAEnB;AACE,wBAAkBH;AADpB,KAFmB,4BAKAC,KALA;AAHvB,MAWGL,MAXH,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KAEGC,KAFH,EAGE,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAC,GAAlB;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCJ,QAArC,CADF,EAEGL,YAAY,CAACS,KAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCA,KAAlC,CAHJ,CAHF,EASGT,YAAY,CAACM,IAAD,CAAZ,IACC,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAC;AAArB,KAAuCA,IAAvC,CAVJ,EAYGN,YAAY,CAACO,OAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,OADH,CAbJ,EAiBGP,YAAY,CAACU,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAlBJ,EAoBGV,YAAY,CAACW,OAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,OAApC,CArBJ,CAZF,CADF;AAuCD,CArDD;AAuDA;AACA;AACA;;;AACA,OAAO,IAAMK,QAAQ,GAAGb,cAAc,CAACC,iBAAD,EAAoB;AAAES,EAAAA,KAAK,EAAE;AAAT,CAApB,CAA/B;AAEPG,QAAQ,CAACC,WAAT,GAAuB,UAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n /**\n * Контейнер для текста под `children`.\n */\n text?: React.ReactNode;\n /**\n * Контейнер для текста под `text`.\n */\n caption?: React.ReactNode;\n /**\n * Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`\n */\n bottom?: React.ReactNode;\n /**\n * Кнопки-действия.\n *\n * Рекомендуется использовать [Button](#/Button) с параметрами:\n *\n * - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n *\n * Для набора кнопок следует использовать [ButtonGroup](#/ButtonGroup) с параметрами:\n *\n * - `mode=\"horizontal\" gap=\"s\" stretched`\n */\n actions?: React.ReactNode;\n /**\n * `<Avatar size={48|72} />`\n */\n before?: React.ReactNode;\n /**\n * Иконка 28 или текст\n */\n after?: React.ReactNode;\n /**\n * Убирает анимацию нажатия\n */\n disabled?: boolean;\n multiline?: boolean;\n}\n\nconst RichCellComponent: React.FC<RichCellProps> = ({\n children,\n text,\n caption,\n before,\n after,\n bottom,\n actions,\n multiline,\n sizeY,\n ...restProps\n}) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"RichCell\", platform),\n {\n \"RichCell--mult\": multiline,\n },\n `RichCell--sizeY-${sizeY}`\n )}\n >\n {before}\n <div vkuiClass=\"RichCell__in\">\n {/* Этот after будет скрыт из верстки. Он нужен для CSS */}\n {after}\n <Paragraph weight=\"2\" vkuiClass=\"RichCell__content\">\n <div vkuiClass=\"RichCell__children\">{children}</div>\n {hasReactNode(after) && (\n <div vkuiClass=\"RichCell__after\">{after}</div>\n )}\n </Paragraph>\n {hasReactNode(text) && (\n <Paragraph vkuiClass=\"RichCell__text\">{text}</Paragraph>\n )}\n {hasReactNode(caption) && (\n <Subhead Component=\"span\" vkuiClass=\"RichCell__caption\">\n {caption}\n </Subhead>\n )}\n {hasReactNode(bottom) && (\n <div vkuiClass=\"RichCell__bottom\">{bottom}</div>\n )}\n {hasReactNode(actions) && (\n <div vkuiClass=\"RichCell__actions\">{actions}</div>\n )}\n </div>\n </Tappable>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"file":"RichCell.js"}
@@ -30,5 +30,4 @@ export interface RootState {
30
30
  /**
31
31
  * @see https://vkcom.github.io/VKUI/#/Root
32
32
  */
33
- declare const Root: React.FC<RootProps>;
34
- export default Root;
33
+ export declare const Root: React.FC<RootProps>;
@@ -5,7 +5,6 @@ var _excluded = ["popout", "modal", "children", "activeView", "onTransition", "n
5
5
  import { createScopedElement } from "../../lib/jsxRuntime";
6
6
  import * as React from "react";
7
7
  import { classNames } from "../../lib/classNames";
8
- import { getClassName } from "../../helpers/getClassName";
9
8
  import { IOS } from "../../lib/platform";
10
9
  import { ConfigProviderContext } from "../ConfigProvider/ConfigProviderContext";
11
10
  import { SplitColContext } from "../SplitCol/SplitCol";
@@ -23,7 +22,7 @@ var warn = warnOnce("Root");
23
22
  * @see https://vkcom.github.io/VKUI/#/Root
24
23
  */
25
24
 
26
- var Root = function Root(_ref) {
25
+ export var Root = function Root(_ref) {
27
26
  var _ref$popout = _ref.popout,
28
27
  popout = _ref$popout === void 0 ? null : _ref$popout,
29
28
  modal = _ref.modal,
@@ -131,10 +130,7 @@ var Root = function Root(_ref) {
131
130
  }
132
131
 
133
132
  return createScopedElement("div", _extends({}, restProps, {
134
- // eslint-disable-next-line vkui/no-object-expression-in-arguments
135
- vkuiClass: classNames(getClassName("Root", platform), {
136
- "Root--transition": transition
137
- })
133
+ vkuiClass: classNames("Root", platform === IOS && "Root--ios", transition && "Root--transition")
138
134
  }), views.map(function (view) {
139
135
  var _scrolls$viewId;
140
136
 
@@ -151,15 +147,8 @@ var Root = function Root(_ref) {
151
147
  ref: function ref(e) {
152
148
  return viewId && (viewNodes[viewId] = e);
153
149
  },
154
- onAnimationEnd: isTransitionTarget ? onAnimationEnd : undefined // eslint-disable-next-line vkui/no-object-expression-in-arguments
155
- ,
156
- vkuiClass: classNames("Root__view", {
157
- "Root__view--hide-back": transition && viewId === prevView && isBack,
158
- "Root__view--hide-forward": transition && viewId === prevView && !isBack,
159
- "Root__view--show-back": transition && viewId === activeView && isBack,
160
- "Root__view--show-forward": transition && viewId === activeView && !isBack,
161
- "Root__view--active": !transition && viewId === activeView
162
- })
150
+ onAnimationEnd: isTransitionTarget ? onAnimationEnd : undefined,
151
+ vkuiClass: classNames("Root__view", transition && viewId === prevView && isBack && "Root__view--hide-back", transition && viewId === prevView && !isBack && "Root__view--hide-forward", transition && viewId === activeView && isBack && "Root__view--show-back", transition && viewId === activeView && !isBack && "Root__view--show-forward", !transition && viewId === activeView && "Root__view--active")
163
152
  }, createScopedElement(NavTransitionProvider, {
164
153
  entering: transition && viewId === activeView
165
154
  }, createScopedElement("div", {
@@ -173,8 +162,5 @@ var Root = function Root(_ref) {
173
162
  }, popout), !!modal && createScopedElement("div", {
174
163
  vkuiClass: "Root__modal"
175
164
  }, modal)));
176
- }; // eslint-disable-next-line import/no-default-export
177
-
178
-
179
- export default Root;
165
+ };
180
166
  //# sourceMappingURL=Root.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Root/Root.tsx"],"names":["React","classNames","getClassName","IOS","ConfigProviderContext","SplitColContext","AppRootPortal","ScrollContext","NavTransitionProvider","getNavId","warnOnce","useDOM","useIsomorphicLayoutEffect","useTimeout","usePlatform","warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n */\n popout?: React.ReactNode;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nconst Root: React.FC<RootProps> = ({\n popout = null,\n modal,\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled || !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [!!popout, activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"Root\", platform), {\n \"Root--transition\": transition,\n })}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView || (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"Root__view\", {\n \"Root__view--hide-back\":\n transition && viewId === prevView && isBack,\n \"Root__view--hide-forward\":\n transition && viewId === prevView && !isBack,\n \"Root__view--show-back\":\n transition && viewId === activeView && isBack,\n \"Root__view--show-forward\":\n transition && viewId === activeView && !isBack,\n \"Root__view--active\": !transition && viewId === activeView,\n })}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n <AppRootPortal>\n {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n </AppRootPortal>\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Root;\n"],"file":"Root.js"}
1
+ {"version":3,"sources":["../../../src/components/Root/Root.tsx"],"names":["React","classNames","IOS","ConfigProviderContext","SplitColContext","AppRootPortal","ScrollContext","NavTransitionProvider","getNavId","warnOnce","useDOM","useIsomorphicLayoutEffect","useTimeout","usePlatform","warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n */\n popout?: React.ReactNode;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root: React.FC<RootProps> = ({\n popout = null,\n modal,\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled || !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [!!popout, activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Root\",\n platform === IOS && \"Root--ios\",\n transition && \"Root--transition\"\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView || (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n vkuiClass={classNames(\n \"Root__view\",\n transition &&\n viewId === prevView &&\n isBack &&\n \"Root__view--hide-back\",\n transition &&\n viewId === prevView &&\n !isBack &&\n \"Root__view--hide-forward\",\n transition &&\n viewId === activeView &&\n isBack &&\n \"Root__view--show-back\",\n transition &&\n viewId === activeView &&\n !isBack &&\n \"Root__view--show-forward\",\n !transition && viewId === activeView && \"Root__view--active\"\n )}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n <AppRootPortal>\n {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n </AppRootPortal>\n </div>\n );\n};\n"],"file":"Root.js"}
@@ -5,5 +5,4 @@ export declare type ScreenSpinnerProps = React.HTMLAttributes<HTMLDivElement> &
5
5
  /**
6
6
  * @see https://vkcom.github.io/VKUI/#/ScreenSpinner
7
7
  */
8
- declare const ScreenSpinner: React.FC<ScreenSpinnerProps>;
9
- export default ScreenSpinner;
8
+ export declare const ScreenSpinner: React.FC<ScreenSpinnerProps>;
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["style", "className"];
3
+ var _excluded = ["style", "className", "size", "aria-label"];
4
4
  import { createScopedElement } from "../../lib/jsxRuntime";
5
5
  import { Spinner } from "../Spinner/Spinner";
6
6
  import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
@@ -11,10 +11,14 @@ import { useScrollLock } from "../AppRoot/ScrollContext";
11
11
  /**
12
12
  * @see https://vkcom.github.io/VKUI/#/ScreenSpinner
13
13
  */
14
- var ScreenSpinner = function ScreenSpinner(props) {
15
- var style = props.style,
16
- className = props.className,
17
- restProps = _objectWithoutProperties(props, _excluded);
14
+ export var ScreenSpinner = function ScreenSpinner(_ref) {
15
+ var style = _ref.style,
16
+ className = _ref.className,
17
+ _ref$size = _ref.size,
18
+ size = _ref$size === void 0 ? "large" : _ref$size,
19
+ _ref$ariaLabel = _ref["aria-label"],
20
+ ariaLabel = _ref$ariaLabel === void 0 ? "Пожалуйста, подождите..." : _ref$ariaLabel,
21
+ restProps = _objectWithoutProperties(_ref, _excluded);
18
22
 
19
23
  var platform = usePlatform();
20
24
  useScrollLock();
@@ -26,14 +30,9 @@ var ScreenSpinner = function ScreenSpinner(props) {
26
30
  }, createScopedElement("div", {
27
31
  vkuiClass: "ScreenSpinner__container"
28
32
  }, createScopedElement(Spinner, _extends({
29
- vkuiClass: "ScreenSpinner__spinner"
33
+ vkuiClass: "ScreenSpinner__spinner",
34
+ size: size,
35
+ "aria-label": ariaLabel
30
36
  }, restProps))));
31
37
  };
32
-
33
- ScreenSpinner.defaultProps = {
34
- size: "large",
35
- "aria-label": "Пожалуйста, подождите..."
36
- }; // eslint-disable-next-line import/no-default-export
37
-
38
- export default ScreenSpinner;
39
38
  //# sourceMappingURL=ScreenSpinner.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"names":["Spinner","PopoutWrapper","getClassName","usePlatform","useScrollLock","ScreenSpinner","props","style","className","restProps","platform","defaultProps","size"],"mappings":";;;;AACA,SAASA,OAAT;AACA,SAASC,aAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,aAAT;;AAMA;AACA;AACA;AACA,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C,CAClDC,KADkD,EAE/C;AACH,MAAQC,KAAR,GAA2CD,KAA3C,CAAQC,KAAR;AAAA,MAAeC,SAAf,GAA2CF,KAA3C,CAAeE,SAAf;AAAA,MAA6BC,SAA7B,4BAA2CH,KAA3C;;AACA,MAAMI,QAAQ,GAAGP,WAAW,EAA5B;AAEAC,EAAAA,aAAa;AAEb,SACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE,KADX;AAEE,IAAA,SAAS,EAAEF,YAAY,CAAC,eAAD,EAAkBQ,QAAlB,CAFzB;AAGE,IAAA,SAAS,EAAEF,SAHb;AAIE,IAAA,KAAK,EAAED;AAJT,KAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAgDE,SAAhD,EADF,CANF,CADF;AAYD,CApBD;;AAsBAJ,aAAa,CAACM,YAAd,GAA6B;AAC3BC,EAAAA,IAAI,EAAE,OADqB;AAE3B,gBAAc;AAFa,CAA7B,C,CAKA;;AACA,eAAeP,aAAf","sourcesContent":["import * as React from \"react\";\nimport { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ScreenSpinner.css\";\n\nexport type ScreenSpinnerProps = React.HTMLAttributes<HTMLDivElement> &\n SpinnerProps;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nconst ScreenSpinner: React.FC<ScreenSpinnerProps> = (\n props: ScreenSpinnerProps\n) => {\n const { style, className, ...restProps } = props;\n const platform = usePlatform();\n\n useScrollLock();\n\n return (\n <PopoutWrapper\n hasMask={false}\n vkuiClass={getClassName(\"ScreenSpinner\", platform)}\n className={className}\n style={style}\n >\n <div vkuiClass=\"ScreenSpinner__container\">\n <Spinner vkuiClass=\"ScreenSpinner__spinner\" {...restProps} />\n </div>\n </PopoutWrapper>\n );\n};\n\nScreenSpinner.defaultProps = {\n size: \"large\",\n \"aria-label\": \"Пожалуйста, подождите...\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ScreenSpinner;\n"],"file":"ScreenSpinner.js"}
1
+ {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"names":["Spinner","PopoutWrapper","getClassName","usePlatform","useScrollLock","ScreenSpinner","style","className","size","ariaLabel","restProps","platform"],"mappings":";;;;AACA,SAASA,OAAT;AACA,SAASC,aAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,aAAT;;AAMA;AACA;AACA;AACA,OAAO,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C,OAMjC;AAAA,MALxBC,KAKwB,QALxBA,KAKwB;AAAA,MAJxBC,SAIwB,QAJxBA,SAIwB;AAAA,uBAHxBC,IAGwB;AAAA,MAHxBA,IAGwB,0BAHjB,OAGiB;AAAA,4BAFxB,YAEwB;AAAA,MAFVC,SAEU,+BAFE,0BAEF;AAAA,MADrBC,SACqB;;AACxB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEAC,EAAAA,aAAa;AAEb,SACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE,KADX;AAEE,IAAA,SAAS,EAAEF,YAAY,CAAC,eAAD,EAAkBS,QAAlB,CAFzB;AAGE,IAAA,SAAS,EAAEJ,SAHb;AAIE,IAAA,KAAK,EAAED;AAJT,KAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,OAAD;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,kBAAYC;AAHd,KAIMC,SAJN,EADF,CANF,CADF;AAiBD,CA5BM","sourcesContent":["import * as React from \"react\";\nimport { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ScreenSpinner.css\";\n\nexport type ScreenSpinnerProps = React.HTMLAttributes<HTMLDivElement> &\n SpinnerProps;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner: React.FC<ScreenSpinnerProps> = ({\n style,\n className,\n size = \"large\",\n \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n ...restProps\n}: ScreenSpinnerProps) => {\n const platform = usePlatform();\n\n useScrollLock();\n\n return (\n <PopoutWrapper\n hasMask={false}\n vkuiClass={getClassName(\"ScreenSpinner\", platform)}\n className={className}\n style={style}\n >\n <div vkuiClass=\"ScreenSpinner__container\">\n <Spinner\n vkuiClass=\"ScreenSpinner__spinner\"\n size={size}\n aria-label={ariaLabel}\n {...restProps}\n />\n </div>\n </PopoutWrapper>\n );\n};\n"],"file":"ScreenSpinner.js"}
@@ -13,5 +13,4 @@ export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>
13
13
  onIconClick?: (e: VKUITouchEvent) => void;
14
14
  defaultValue?: string;
15
15
  }
16
- declare const _default: React.FC<Pick<SearchProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "icon" | "after" | "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" | "getRef" | "before" | "onIconClick">>;
17
- export default _default;
16
+ export declare const Search: React.FC<Pick<SearchProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "icon" | "after" | "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" | "getRef" | "before" | "onIconClick">>;
@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["platform", "children"],
5
- _excluded2 = ["before", "className", "defaultValue", "placeholder", "after", "getRef", "platform", "icon", "onIconClick", "style"];
5
+ _excluded2 = ["before", "className", "defaultValue", "placeholder", "after", "getRef", "platform", "icon", "onIconClick", "style", "autoComplete"];
6
6
  import { createScopedElement } from "../../lib/jsxRuntime";
7
7
  import * as React from "react";
8
8
  import { classNames } from "../../lib/classNames";
@@ -45,18 +45,26 @@ var SearchPlaceholderTypography = function SearchPlaceholderTypography(_ref) {
45
45
  /**
46
46
  * @see https://vkcom.github.io/VKUI/#/Search
47
47
  */
48
- var Search = function Search(_ref2) {
49
- var before = _ref2.before,
48
+ var SearchComponent = function SearchComponent(_ref2) {
49
+ var _ref2$before = _ref2.before,
50
+ before = _ref2$before === void 0 ? createScopedElement(Icon16SearchOutline, {
51
+ "aria-hidden": true
52
+ }) : _ref2$before,
50
53
  className = _ref2.className,
51
- defaultValue = _ref2.defaultValue,
52
- placeholder = _ref2.placeholder,
53
- after = _ref2.after,
54
+ _ref2$defaultValue = _ref2.defaultValue,
55
+ defaultValue = _ref2$defaultValue === void 0 ? "" : _ref2$defaultValue,
56
+ _ref2$placeholder = _ref2.placeholder,
57
+ placeholder = _ref2$placeholder === void 0 ? "Поиск" : _ref2$placeholder,
58
+ _ref2$after = _ref2.after,
59
+ after = _ref2$after === void 0 ? "Отмена" : _ref2$after,
54
60
  getRef = _ref2.getRef,
55
61
  platform = _ref2.platform,
56
62
  icon = _ref2.icon,
57
63
  _ref2$onIconClick = _ref2.onIconClick,
58
64
  onIconClick = _ref2$onIconClick === void 0 ? noop : _ref2$onIconClick,
59
65
  style = _ref2.style,
66
+ _ref2$autoComplete = _ref2.autoComplete,
67
+ autoComplete = _ref2$autoComplete === void 0 ? "off" : _ref2$autoComplete,
60
68
  inputProps = _objectWithoutProperties(_ref2, _excluded2);
61
69
 
62
70
  var inputRef = useExternRef(getRef);
@@ -123,6 +131,7 @@ var Search = function Search(_ref2) {
123
131
  }, createScopedElement("input", _extends({
124
132
  type: "search"
125
133
  }, inputProps, {
134
+ autoComplete: autoComplete,
126
135
  ref: inputRef,
127
136
  vkuiClass: "Search__input",
128
137
  onFocus: onFocus,
@@ -159,13 +168,6 @@ var Search = function Search(_ref2) {
159
168
  }));
160
169
  };
161
170
 
162
- Search.defaultProps = {
163
- autoComplete: "off",
164
- defaultValue: "",
165
- placeholder: "Поиск",
166
- after: "Отмена",
167
- before: createScopedElement(Icon16SearchOutline, null)
168
- }; // eslint-disable-next-line import/no-default-export
169
-
170
- export default withPlatform(Search);
171
+ export var Search = withPlatform(SearchComponent);
172
+ Search.displayName = "Search";
171
173
  //# sourceMappingURL=Search.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Search/Search.tsx"],"names":["React","classNames","withPlatform","getClassName","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","ANDROID","Touch","noop","Text","Title","Headline","Separator","useExternRef","useEnsuredControl","SearchPlaceholderTypography","platform","children","restProps","Search","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","style","inputProps","inputRef","useState","isFocused","setFocused","value","onChange","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","defaultProps","autoComplete"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n Icon16SearchOutline,\n Icon16Clear,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n extends HasPlatform,\n React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography: React.FC<\n SearchPlaceholderTypographyProps\n> = ({ platform, children, ...restProps }) => {\n switch (platform) {\n case IOS:\n return (\n <Title {...restProps} level=\"3\" weight=\"3\">\n {children}\n </Title>\n );\n case VKCOM:\n return <Text {...restProps}>{children}</Text>;\n case ANDROID:\n default:\n return (\n <Headline {...restProps} weight=\"3\">\n {children}\n </Headline>\n );\n }\n};\n\nexport interface SearchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasPlatform {\n /**\n * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n */\n after?: React.ReactNode;\n before?: React.ReactNode;\n icon?: React.ReactNode;\n onIconClick?: (e: VKUITouchEvent) => void;\n defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nconst Search: React.FC<SearchProps> = ({\n before,\n className,\n defaultValue,\n placeholder,\n after,\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n ...inputProps\n}) => {\n const inputRef = useExternRef(getRef);\n const [isFocused, setFocused] = React.useState(false);\n const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n\n const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n inputProps.onFocus && inputProps.onFocus(e);\n };\n\n const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n inputProps.onBlur && inputProps.onBlur(e);\n };\n\n const onCancel = React.useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n HTMLInputElement.prototype,\n \"value\"\n )?.set;\n nativeInputValueSetter?.call(inputRef.current, \"\");\n\n const ev2 = new Event(\"input\", { bubbles: true });\n inputRef.current?.dispatchEvent(ev2);\n }, [inputRef]);\n\n const onIconClickStart = React.useCallback(\n (e: TouchEvent) => onIconClick(e.originalEvent),\n [onIconClick]\n );\n\n const onIconCancelClickStart = React.useCallback(\n (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n inputRef.current?.focus();\n onCancel();\n },\n [inputRef, onCancel]\n );\n\n return (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"Search\", platform), {\n \"Search--focused\": isFocused,\n \"Search--has-value\": !!value,\n \"Search--has-after\": !!after,\n \"Search--has-icon\": !!icon,\n })}\n className={className}\n style={style}\n >\n <div vkuiClass=\"Search__in\">\n <div vkuiClass=\"Search__width\" />\n <label vkuiClass=\"Search__control\">\n <input\n type=\"search\"\n {...inputProps}\n ref={inputRef}\n vkuiClass=\"Search__input\"\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n value={value}\n />\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n <div vkuiClass=\"Search__placeholder\">\n <div vkuiClass=\"Search__placeholder-in\">\n {before}\n <SearchPlaceholderTypography\n vkuiClass=\"Search__placeholder-text\"\n platform={platform}\n >\n {placeholder}\n </SearchPlaceholderTypography>\n </div>\n {isFocused && platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n </div>\n </label>\n <div vkuiClass=\"Search__after\" onClick={onCancel}>\n <div vkuiClass=\"Search__icons\">\n {icon && (\n <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n {icon}\n </Touch>\n )}\n {!!value && (\n <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n </Touch>\n )}\n </div>\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-in\">{after}</div>\n )}\n </div>\n </div>\n {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n </div>\n );\n};\n\nSearch.defaultProps = {\n autoComplete: \"off\",\n defaultValue: \"\",\n placeholder: \"Поиск\",\n after: \"Отмена\",\n before: <Icon16SearchOutline />,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(Search);\n"],"file":"Search.js"}
1
+ {"version":3,"sources":["../../../src/components/Search/Search.tsx"],"names":["React","classNames","withPlatform","getClassName","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","ANDROID","Touch","noop","Text","Title","Headline","Separator","useExternRef","useEnsuredControl","SearchPlaceholderTypography","platform","children","restProps","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","style","autoComplete","inputProps","inputRef","useState","isFocused","setFocused","value","onChange","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","Search","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n Icon16SearchOutline,\n Icon16Clear,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n extends HasPlatform,\n React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography: React.FC<\n SearchPlaceholderTypographyProps\n> = ({ platform, children, ...restProps }) => {\n switch (platform) {\n case IOS:\n return (\n <Title {...restProps} level=\"3\" weight=\"3\">\n {children}\n </Title>\n );\n case VKCOM:\n return <Text {...restProps}>{children}</Text>;\n case ANDROID:\n default:\n return (\n <Headline {...restProps} weight=\"3\">\n {children}\n </Headline>\n );\n }\n};\n\nexport interface SearchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasPlatform {\n /**\n * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n */\n after?: React.ReactNode;\n before?: React.ReactNode;\n icon?: React.ReactNode;\n onIconClick?: (e: VKUITouchEvent) => void;\n defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent: React.FC<SearchProps> = ({\n before = <Icon16SearchOutline aria-hidden />,\n className,\n defaultValue = \"\",\n placeholder = \"Поиск\",\n after = \"Отмена\",\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n autoComplete = \"off\",\n ...inputProps\n}) => {\n const inputRef = useExternRef(getRef);\n const [isFocused, setFocused] = React.useState(false);\n const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n\n const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n inputProps.onFocus && inputProps.onFocus(e);\n };\n\n const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n inputProps.onBlur && inputProps.onBlur(e);\n };\n\n const onCancel = React.useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n HTMLInputElement.prototype,\n \"value\"\n )?.set;\n nativeInputValueSetter?.call(inputRef.current, \"\");\n\n const ev2 = new Event(\"input\", { bubbles: true });\n inputRef.current?.dispatchEvent(ev2);\n }, [inputRef]);\n\n const onIconClickStart = React.useCallback(\n (e: TouchEvent) => onIconClick(e.originalEvent),\n [onIconClick]\n );\n\n const onIconCancelClickStart = React.useCallback(\n (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n inputRef.current?.focus();\n onCancel();\n },\n [inputRef, onCancel]\n );\n\n return (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"Search\", platform), {\n \"Search--focused\": isFocused,\n \"Search--has-value\": !!value,\n \"Search--has-after\": !!after,\n \"Search--has-icon\": !!icon,\n })}\n className={className}\n style={style}\n >\n <div vkuiClass=\"Search__in\">\n <div vkuiClass=\"Search__width\" />\n <label vkuiClass=\"Search__control\">\n <input\n type=\"search\"\n {...inputProps}\n autoComplete={autoComplete}\n ref={inputRef}\n vkuiClass=\"Search__input\"\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n value={value}\n />\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n <div vkuiClass=\"Search__placeholder\">\n <div vkuiClass=\"Search__placeholder-in\">\n {before}\n <SearchPlaceholderTypography\n vkuiClass=\"Search__placeholder-text\"\n platform={platform}\n >\n {placeholder}\n </SearchPlaceholderTypography>\n </div>\n {isFocused && platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n </div>\n </label>\n <div vkuiClass=\"Search__after\" onClick={onCancel}>\n <div vkuiClass=\"Search__icons\">\n {icon && (\n <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n {icon}\n </Touch>\n )}\n {!!value && (\n <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n </Touch>\n )}\n </div>\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-in\">{after}</div>\n )}\n </div>\n </div>\n {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n </div>\n );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"file":"Search.js"}
@@ -35,5 +35,7 @@ export interface SimpleCellOwnProps extends HasComponent {
35
35
  }
36
36
  export interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {
37
37
  }
38
- declare const _default: React.FC<Pick<SimpleCellProps, "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" | "after" | "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" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "expandable" | "before" | "indicator" | "badge" | "description" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
39
- export default _default;
38
+ /**
39
+ * @see https://vkcom.github.io/VKUI/#/SimpleCell
40
+ */
41
+ export declare const SimpleCell: React.FC<Pick<SimpleCellProps, "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" | "after" | "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" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "expandable" | "before" | "indicator" | "badge" | "description" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -4,7 +4,7 @@ var _excluded = ["badge", "before", "indicator", "children", "after", "descripti
4
4
  import { createScopedElement } from "../../lib/jsxRuntime";
5
5
  import { classNames } from "../../lib/classNames";
6
6
  import { getClassName } from "../../helpers/getClassName";
7
- import Tappable from "../Tappable/Tappable";
7
+ import { Tappable } from "../Tappable/Tappable";
8
8
  import { Icon24Chevron } from "@vkontakte/icons";
9
9
  import { ANDROID, IOS } from "../../lib/platform";
10
10
  import { usePlatform } from "../../hooks/usePlatform";
@@ -37,12 +37,8 @@ var SimpleCellTypography = function SimpleCellTypography(props) {
37
37
  }, props));
38
38
  }
39
39
  };
40
- /**
41
- * @see https://vkcom.github.io/VKUI/#/SimpleCell
42
- */
43
-
44
40
 
45
- var SimpleCell = function SimpleCell(_ref) {
41
+ var SimpleCellComponent = function SimpleCellComponent(_ref) {
46
42
  var badge = _ref.badge,
47
43
  before = _ref.before,
48
44
  indicator = _ref.indicator,
@@ -79,10 +75,13 @@ var SimpleCell = function SimpleCell(_ref) {
79
75
  }, indicator), hasAfter && createScopedElement("div", {
80
76
  vkuiClass: "SimpleCell__after"
81
77
  }, after, expandable && platform === IOS && createScopedElement(Icon24Chevron, null)));
82
- }; // eslint-disable-next-line import/no-default-export
78
+ };
79
+ /**
80
+ * @see https://vkcom.github.io/VKUI/#/SimpleCell
81
+ */
83
82
 
84
83
 
85
- export default withAdaptivity(SimpleCell, {
84
+ export var SimpleCell = withAdaptivity(SimpleCellComponent, {
86
85
  sizeY: true
87
86
  });
88
87
  //# sourceMappingURL=SimpleCell.js.map