@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.
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.cache/.tsbuildinfo +358 -277
- package/.cache/ts/src/components/Avatar/Avatar.d.ts +1 -2
- package/.cache/ts/src/components/Banner/Banner.d.ts +1 -2
- package/.cache/ts/src/components/BaseGallery/BaseGallery.d.ts +4 -0
- package/.cache/ts/src/components/BaseGallery/helpers.d.ts +12 -0
- package/.cache/ts/src/components/BaseGallery/types.d.ts +43 -0
- package/.cache/ts/src/components/CellButton/CellButton.d.ts +1 -2
- package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +3 -1
- package/.cache/ts/src/components/ConfigProvider/ConfigProvider.d.ts +1 -2
- package/.cache/ts/src/components/ContentCard/ContentCard.d.ts +1 -2
- package/.cache/ts/src/components/DatePicker/DatePicker.d.ts +1 -2
- package/.cache/ts/src/components/Epic/Epic.d.ts +1 -3
- package/.cache/ts/src/components/FixedLayout/FixedLayout.d.ts +1 -2
- package/.cache/ts/src/components/FocusVisible/FocusVisible.d.ts +3 -4
- package/.cache/ts/src/components/FormLayout/FormLayout.d.ts +1 -2
- package/.cache/ts/src/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
- package/.cache/ts/src/components/Gallery/Gallery.d.ts +6 -43
- package/.cache/ts/src/components/GridAvatar/GridAvatar.d.ts +4 -1
- package/.cache/ts/src/components/Group/Group.d.ts +4 -2
- package/.cache/ts/src/components/Header/Header.d.ts +1 -2
- package/.cache/ts/src/components/IconButton/IconButton.d.ts +5 -2
- package/.cache/ts/src/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
- package/.cache/ts/src/components/Link/Link.d.ts +1 -2
- package/.cache/ts/src/components/List/List.d.ts +1 -2
- package/.cache/ts/src/components/ModalCard/ModalCard.d.ts +4 -2
- package/.cache/ts/src/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
- package/.cache/ts/src/components/ModalPage/ModalPage.d.ts +4 -2
- package/.cache/ts/src/components/ModalRoot/ModalRootContext.d.ts +1 -1
- package/.cache/ts/src/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
- package/.cache/ts/src/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
- package/.cache/ts/src/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
- package/.cache/ts/src/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
- package/.cache/ts/src/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
- package/.cache/ts/src/components/Placeholder/Placeholder.d.ts +1 -2
- package/.cache/ts/src/components/PromoBanner/PromoBanner.d.ts +2 -2
- package/.cache/ts/src/components/RangeSlider/RangeSlider.d.ts +1 -2
- package/.cache/ts/src/components/RichCell/RichCell.d.ts +4 -2
- package/.cache/ts/src/components/Root/Root.d.ts +1 -2
- package/.cache/ts/src/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
- package/.cache/ts/src/components/Search/Search.d.ts +1 -2
- package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +4 -2
- package/.cache/ts/src/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
- package/.cache/ts/src/components/Slider/Slider.d.ts +1 -2
- package/.cache/ts/src/components/Spacing/Spacing.d.ts +2 -1
- package/.cache/ts/src/components/Tabbar/Tabbar.d.ts +1 -2
- package/.cache/ts/src/components/TabbarItem/TabbarItem.d.ts +1 -2
- package/.cache/ts/src/components/Tabs/Tabs.d.ts +4 -2
- package/.cache/ts/src/components/TabsItem/TabsItem.d.ts +1 -2
- package/.cache/ts/src/components/Tappable/Tappable.d.ts +7 -4
- package/.cache/ts/src/components/Textarea/Textarea.d.ts +2 -3
- package/.cache/ts/src/components/Tooltip/Tooltip.d.ts +1 -2
- package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +4 -2
- package/.cache/ts/src/components/View/View.d.ts +6 -3
- package/.cache/ts/src/index.d.ts +44 -44
- package/.cache/ts/src/lib/animate.d.ts +1 -1
- package/.cache/ts/src/tokenized/index.d.ts +44 -0
- package/README.md +1 -1
- package/VKUI_TOKENS_MIGRATION_GUIDE.md +0 -1
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +2 -2
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.js +8 -6
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.d.ts +1 -2
- package/dist/cjs/components/Avatar/Avatar.js +6 -13
- package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/Banner/Banner.d.ts +1 -2
- package/dist/cjs/components/Banner/Banner.js +27 -36
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/BaseGallery/BaseGallery.d.ts +4 -0
- package/dist/cjs/components/BaseGallery/BaseGallery.js +399 -0
- package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -0
- package/dist/cjs/components/BaseGallery/helpers.d.ts +12 -0
- package/dist/cjs/components/BaseGallery/helpers.js +62 -0
- package/dist/cjs/components/BaseGallery/helpers.js.map +1 -0
- package/dist/cjs/components/BaseGallery/types.d.ts +43 -0
- package/dist/cjs/components/BaseGallery/types.js +6 -0
- package/dist/cjs/components/BaseGallery/types.js.map +1 -0
- package/dist/cjs/components/Button/Button.js +3 -3
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/CalendarDay/CalendarDay.js +2 -4
- package/dist/cjs/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/cjs/components/CalendarHeader/CalendarHeader.js +3 -5
- package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/cjs/components/Cell/Cell.js +2 -2
- package/dist/cjs/components/Cell/Cell.js.map +1 -1
- package/dist/cjs/components/CellButton/CellButton.d.ts +1 -2
- package/dist/cjs/components/CellButton/CellButton.js +4 -12
- package/dist/cjs/components/CellButton/CellButton.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +3 -1
- package/dist/cjs/components/Checkbox/Checkbox.js +69 -15
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.js +2 -2
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProvider.d.ts +1 -2
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js +3 -5
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cjs/components/ContentCard/ContentCard.d.ts +1 -2
- package/dist/cjs/components/ContentCard/ContentCard.js +38 -50
- package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cjs/components/DateInput/DateInput.js +3 -3
- package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +1 -2
- package/dist/cjs/components/DatePicker/DatePicker.js +6 -7
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DateRangeInput/DateRangeInput.js +3 -3
- package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cjs/components/Epic/Epic.d.ts +1 -3
- package/dist/cjs/components/Epic/Epic.js +9 -11
- package/dist/cjs/components/Epic/Epic.js.map +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.d.ts +1 -2
- package/dist/cjs/components/FixedLayout/FixedLayout.js +6 -11
- package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cjs/components/FocusVisible/FocusVisible.d.ts +3 -4
- package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.js +3 -6
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/FormLayout/FormLayout.d.ts +1 -2
- package/dist/cjs/components/FormLayout/FormLayout.js +3 -5
- package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +6 -10
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cjs/components/Gallery/Gallery.d.ts +6 -43
- package/dist/cjs/components/Gallery/Gallery.js +23 -565
- package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
- package/dist/cjs/components/GridAvatar/GridAvatar.d.ts +4 -1
- package/dist/cjs/components/GridAvatar/GridAvatar.js +9 -11
- package/dist/cjs/components/GridAvatar/GridAvatar.js.map +1 -1
- package/dist/cjs/components/Group/Group.d.ts +4 -2
- package/dist/cjs/components/Group/Group.js +12 -14
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.d.ts +1 -2
- package/dist/cjs/components/Header/Header.js +4 -8
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js +4 -4
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +2 -4
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/IconButton/IconButton.d.ts +5 -2
- package/dist/cjs/components/IconButton/IconButton.js +14 -18
- package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
- package/dist/cjs/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
- package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js +2 -4
- package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/cjs/components/Link/Link.d.ts +1 -2
- package/dist/cjs/components/Link/Link.js +5 -7
- package/dist/cjs/components/Link/Link.js.map +1 -1
- package/dist/cjs/components/List/List.d.ts +1 -2
- package/dist/cjs/components/List/List.js +3 -5
- package/dist/cjs/components/List/List.js.map +1 -1
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js +2 -2
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cjs/components/ModalCard/ModalCard.d.ts +4 -2
- package/dist/cjs/components/ModalCard/ModalCard.js +32 -29
- package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js +2 -2
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js +15 -12
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.d.ts +4 -2
- package/dist/cjs/components/ModalPage/ModalPage.js +34 -31
- package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.js +2 -2
- package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootContext.d.ts +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootContext.js +2 -6
- package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +2 -2
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cjs/components/ModalRoot/withModalRootContext.js +2 -2
- package/dist/cjs/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.js +2 -2
- package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
- package/dist/cjs/components/PanelHeader/PanelHeader.js +5 -5
- package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js +11 -11
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +2 -2
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js +4 -8
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +5 -7
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +2 -2
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js +8 -12
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js +4 -8
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cjs/components/Placeholder/Placeholder.d.ts +1 -2
- package/dist/cjs/components/Placeholder/Placeholder.js +3 -5
- package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js +1 -10
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.d.ts +2 -2
- package/dist/cjs/components/PromoBanner/PromoBanner.js +7 -9
- package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefresh.js +2 -2
- package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.js +2 -4
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/RangeSlider/RangeSlider.d.ts +1 -2
- package/dist/cjs/components/RangeSlider/RangeSlider.js +3 -5
- package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cjs/components/RangeSlider/UniversalSlider.js +1 -6
- package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cjs/components/Removable/Removable.js +10 -7
- package/dist/cjs/components/Removable/Removable.js.map +1 -1
- package/dist/cjs/components/RichCell/RichCell.d.ts +4 -2
- package/dist/cjs/components/RichCell/RichCell.js +11 -11
- package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
- package/dist/cjs/components/Root/Root.d.ts +1 -2
- package/dist/cjs/components/Root/Root.js +6 -20
- package/dist/cjs/components/Root/Root.js.map +1 -1
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js +14 -14
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cjs/components/Search/Search.d.ts +1 -2
- package/dist/cjs/components/Search/Search.js +19 -18
- package/dist/cjs/components/Search/Search.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.d.ts +4 -2
- package/dist/cjs/components/SimpleCell/SimpleCell.js +10 -12
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js +3 -2
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.d.ts +1 -2
- package/dist/cjs/components/Slider/Slider.js +3 -5
- package/dist/cjs/components/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js +2 -2
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cjs/components/Spacing/Spacing.d.ts +2 -1
- package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +2 -2
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cjs/components/Tabbar/Tabbar.d.ts +1 -2
- package/dist/cjs/components/Tabbar/Tabbar.js +8 -12
- package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.d.ts +1 -2
- package/dist/cjs/components/TabbarItem/TabbarItem.js +5 -7
- package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.d.ts +4 -2
- package/dist/cjs/components/Tabs/Tabs.js +10 -13
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/TabsItem/TabsItem.d.ts +1 -2
- package/dist/cjs/components/TabsItem/TabsItem.js +6 -10
- package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cjs/components/Tappable/Tappable.d.ts +7 -4
- package/dist/cjs/components/Tappable/Tappable.js +10 -9
- package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.d.ts +2 -3
- package/dist/cjs/components/Textarea/Textarea.js +14 -14
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.d.ts +1 -2
- package/dist/cjs/components/Tooltip/Tooltip.js +8 -13
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/UsersStack/UsersStack.d.ts +4 -2
- package/dist/cjs/components/UsersStack/UsersStack.js +51 -46
- package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cjs/components/UsersStack/masks.js +1 -1
- package/dist/cjs/components/UsersStack/masks.js.map +1 -1
- package/dist/cjs/components/View/View.d.ts +6 -3
- package/dist/cjs/components/View/View.js +26 -43
- package/dist/cjs/components/View/View.js.map +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +2 -2
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cjs/index.d.ts +44 -44
- package/dist/cjs/index.js +88 -88
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/animate.d.ts +1 -1
- package/dist/cjs/lib/animate.js +1 -2
- package/dist/cjs/lib/animate.js.map +1 -1
- package/dist/cjs/tokenized/index.d.ts +44 -0
- package/dist/cjs/tokenized/index.js +176 -0
- package/dist/cjs/tokenized/index.js.map +1 -1
- package/dist/components/ActionSheetItem/ActionSheetItem.js +1 -1
- package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/components/Alert/Alert.js +6 -4
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -2
- package/dist/components/Avatar/Avatar.js +4 -11
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Banner/Banner.d.ts +1 -2
- package/dist/components/Banner/Banner.js +25 -35
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/BaseGallery/BaseGallery.d.ts +4 -0
- package/dist/components/BaseGallery/BaseGallery.js +371 -0
- package/dist/components/BaseGallery/BaseGallery.js.map +1 -0
- package/dist/components/BaseGallery/helpers.d.ts +12 -0
- package/dist/components/BaseGallery/helpers.js +50 -0
- package/dist/components/BaseGallery/helpers.js.map +1 -0
- package/dist/components/BaseGallery/types.d.ts +43 -0
- package/dist/components/BaseGallery/types.js +2 -0
- package/dist/components/BaseGallery/types.js.map +1 -0
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/CalendarDay/CalendarDay.js +1 -1
- package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/components/CalendarHeader/CalendarHeader.js +1 -1
- package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/components/Cell/Cell.js +1 -1
- package/dist/components/Cell/Cell.js.map +1 -1
- package/dist/components/CellButton/CellButton.d.ts +1 -2
- package/dist/components/CellButton/CellButton.js +3 -10
- package/dist/components/CellButton/CellButton.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +3 -1
- package/dist/components/Checkbox/Checkbox.js +67 -15
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.d.ts +1 -2
- package/dist/components/ConfigProvider/ConfigProvider.js +2 -5
- package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/components/ContentCard/ContentCard.d.ts +1 -2
- package/dist/components/ContentCard/ContentCard.js +35 -46
- package/dist/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/components/DateInput/DateInput.js +1 -1
- package/dist/components/DateInput/DateInput.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -2
- package/dist/components/DatePicker/DatePicker.js +4 -4
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.js +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/components/Epic/Epic.d.ts +1 -3
- package/dist/components/Epic/Epic.js +8 -6
- package/dist/components/Epic/Epic.js.map +1 -1
- package/dist/components/FixedLayout/FixedLayout.d.ts +1 -2
- package/dist/components/FixedLayout/FixedLayout.js +5 -11
- package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/components/FocusVisible/FocusVisible.d.ts +3 -4
- package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/components/FormItem/FormItem.js +3 -6
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/FormLayout/FormLayout.d.ts +1 -2
- package/dist/components/FormLayout/FormLayout.js +2 -5
- package/dist/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js +5 -10
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/components/Gallery/Gallery.d.ts +6 -43
- package/dist/components/Gallery/Gallery.js +20 -567
- package/dist/components/Gallery/Gallery.js.map +1 -1
- package/dist/components/GridAvatar/GridAvatar.d.ts +4 -1
- package/dist/components/GridAvatar/GridAvatar.js +8 -9
- package/dist/components/GridAvatar/GridAvatar.js.map +1 -1
- package/dist/components/Group/Group.d.ts +4 -2
- package/dist/components/Group/Group.js +9 -10
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/Header/Header.d.ts +1 -2
- package/dist/components/Header/Header.js +3 -8
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalCell/HorizontalCell.js +2 -2
- package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts +5 -2
- package/dist/components/IconButton/IconButton.js +11 -13
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
- package/dist/components/InitialsAvatar/InitialsAvatar.js +1 -1
- package/dist/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/components/Link/Link.d.ts +1 -2
- package/dist/components/Link/Link.js +3 -6
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/List/List.d.ts +1 -2
- package/dist/components/List/List.js +2 -5
- package/dist/components/List/List.js.map +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/components/ModalCard/ModalCard.d.ts +4 -2
- package/dist/components/ModalCard/ModalCard.js +29 -25
- package/dist/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/components/ModalCardBase/ModalCardBase.js +1 -1
- package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
- package/dist/components/ModalDismissButton/ModalDismissButton.js +10 -9
- package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/components/ModalPage/ModalPage.d.ts +4 -2
- package/dist/components/ModalPage/ModalPage.js +31 -28
- package/dist/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.js +1 -1
- package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootContext.d.ts +1 -1
- package/dist/components/ModalRoot/ModalRootContext.js +1 -3
- package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.js +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/components/ModalRoot/withModalRootContext.js +1 -1
- package/dist/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/PanelHeader/PanelHeader.js +2 -2
- package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js +8 -9
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js +3 -8
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js +3 -6
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js +7 -12
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js +3 -8
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/components/Placeholder/Placeholder.d.ts +1 -2
- package/dist/components/Placeholder/Placeholder.js +2 -5
- package/dist/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/components/PopoutWrapper/PopoutWrapper.js +1 -9
- package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/components/PromoBanner/PromoBanner.d.ts +2 -2
- package/dist/components/PromoBanner/PromoBanner.js +4 -7
- package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.js +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/RangeSlider/RangeSlider.d.ts +1 -2
- package/dist/components/RangeSlider/RangeSlider.js +2 -5
- package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/components/RangeSlider/UniversalSlider.js +1 -5
- package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/components/Removable/Removable.js +7 -4
- package/dist/components/Removable/Removable.js.map +1 -1
- package/dist/components/RichCell/RichCell.d.ts +4 -2
- package/dist/components/RichCell/RichCell.js +8 -7
- package/dist/components/RichCell/RichCell.js.map +1 -1
- package/dist/components/Root/Root.d.ts +1 -2
- package/dist/components/Root/Root.js +5 -19
- package/dist/components/Root/Root.js.map +1 -1
- package/dist/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
- package/dist/components/ScreenSpinner/ScreenSpinner.js +12 -13
- package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/components/Search/Search.d.ts +1 -2
- package/dist/components/Search/Search.js +17 -15
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.d.ts +4 -2
- package/dist/components/SimpleCell/SimpleCell.js +7 -8
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
- package/dist/components/SimpleCheckbox/SimpleCheckbox.js +2 -1
- package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/components/Slider/Slider.d.ts +1 -2
- package/dist/components/Slider/Slider.js +2 -5
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.js +1 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/components/Spacing/Spacing.d.ts +2 -1
- package/dist/components/Spacing/Spacing.js.map +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.js +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/components/Tabbar/Tabbar.d.ts +1 -2
- package/dist/components/Tabbar/Tabbar.js +6 -11
- package/dist/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/components/TabbarItem/TabbarItem.d.ts +1 -2
- package/dist/components/TabbarItem/TabbarItem.js +3 -6
- package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +4 -2
- package/dist/components/Tabs/Tabs.js +8 -9
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/TabsItem/TabsItem.d.ts +1 -2
- package/dist/components/TabsItem/TabsItem.js +4 -9
- package/dist/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/components/Tappable/Tappable.d.ts +7 -4
- package/dist/components/Tappable/Tappable.js +9 -6
- package/dist/components/Tappable/Tappable.js.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +2 -3
- package/dist/components/Textarea/Textarea.js +12 -9
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -2
- package/dist/components/Tooltip/Tooltip.js +7 -13
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/UsersStack/UsersStack.d.ts +4 -2
- package/dist/components/UsersStack/UsersStack.js +48 -39
- package/dist/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/components/UsersStack/masks.js +1 -1
- package/dist/components/UsersStack/masks.js.map +1 -1
- package/dist/components/View/View.d.ts +6 -3
- package/dist/components/View/View.js +25 -39
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/components.css +26 -8
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.js +6 -4
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/Avatar/Avatar.css +5 -1
- package/dist/cssm/components/Avatar/Avatar.d.ts +1 -2
- package/dist/cssm/components/Avatar/Avatar.js +4 -11
- package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
- package/dist/cssm/components/Banner/Banner.css +5 -1
- package/dist/cssm/components/Banner/Banner.d.ts +1 -2
- package/dist/cssm/components/Banner/Banner.js +25 -35
- package/dist/cssm/components/Banner/Banner.js.map +1 -1
- package/dist/cssm/components/BaseGallery/BaseGallery.css +1 -0
- package/dist/cssm/components/BaseGallery/BaseGallery.d.ts +4 -0
- package/dist/cssm/components/BaseGallery/BaseGallery.js +372 -0
- package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -0
- package/dist/cssm/components/BaseGallery/helpers.d.ts +12 -0
- package/dist/cssm/components/BaseGallery/helpers.js +50 -0
- package/dist/cssm/components/BaseGallery/helpers.js.map +1 -0
- package/dist/cssm/components/BaseGallery/types.d.ts +43 -0
- package/dist/cssm/components/BaseGallery/types.js +2 -0
- package/dist/cssm/components/BaseGallery/types.js.map +1 -0
- package/dist/cssm/components/Button/Button.css +1 -1
- package/dist/cssm/components/Button/Button.js +2 -2
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.js +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.js +1 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/cssm/components/Cell/Cell.js +1 -1
- package/dist/cssm/components/Cell/Cell.js.map +1 -1
- package/dist/cssm/components/CellButton/CellButton.css +1 -1
- package/dist/cssm/components/CellButton/CellButton.d.ts +1 -2
- package/dist/cssm/components/CellButton/CellButton.js +3 -10
- package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.css +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.d.ts +3 -1
- package/dist/cssm/components/Checkbox/Checkbox.js +67 -15
- package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cssm/components/Chip/Chip.js +1 -1
- package/dist/cssm/components/Chip/Chip.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProvider.d.ts +1 -2
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js +2 -5
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cssm/components/ContentCard/ContentCard.css +1 -1
- package/dist/cssm/components/ContentCard/ContentCard.d.ts +1 -2
- package/dist/cssm/components/ContentCard/ContentCard.js +35 -46
- package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cssm/components/DateInput/DateInput.js +1 -1
- package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
- package/dist/cssm/components/DatePicker/DatePicker.d.ts +1 -2
- package/dist/cssm/components/DatePicker/DatePicker.js +4 -4
- package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cssm/components/Epic/Epic.d.ts +1 -3
- package/dist/cssm/components/Epic/Epic.js +8 -6
- package/dist/cssm/components/Epic/Epic.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.css +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.d.ts +1 -2
- package/dist/cssm/components/FixedLayout/FixedLayout.js +5 -11
- package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.css +1 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +3 -4
- package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cssm/components/FormItem/FormItem.css +1 -1
- package/dist/cssm/components/FormItem/FormItem.js +3 -6
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormLayout/FormLayout.d.ts +1 -2
- package/dist/cssm/components/FormLayout/FormLayout.js +2 -5
- package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -2
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +5 -10
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cssm/components/Gallery/Gallery.d.ts +6 -43
- package/dist/cssm/components/Gallery/Gallery.js +20 -568
- package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.d.ts +4 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.js +8 -9
- package/dist/cssm/components/GridAvatar/GridAvatar.js.map +1 -1
- package/dist/cssm/components/Group/Group.d.ts +4 -2
- package/dist/cssm/components/Group/Group.js +9 -10
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Header/Header.d.ts +1 -2
- package/dist/cssm/components/Header/Header.js +3 -8
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js +2 -2
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.css +1 -1
- package/dist/cssm/components/IconButton/IconButton.d.ts +5 -2
- package/dist/cssm/components/IconButton/IconButton.js +11 -13
- package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.css +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.d.ts +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/cssm/components/Link/Link.d.ts +1 -2
- package/dist/cssm/components/Link/Link.js +3 -6
- package/dist/cssm/components/Link/Link.js.map +1 -1
- package/dist/cssm/components/List/List.d.ts +1 -2
- package/dist/cssm/components/List/List.js +2 -5
- package/dist/cssm/components/List/List.js.map +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cssm/components/ModalCard/ModalCard.d.ts +4 -2
- package/dist/cssm/components/ModalCard/ModalCard.js +29 -25
- package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js +1 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.d.ts +1 -2
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js +10 -9
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.d.ts +4 -2
- package/dist/cssm/components/ModalPage/ModalPage.js +31 -28
- package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.js +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootContext.d.ts +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootContext.js +1 -3
- package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cssm/components/ModalRoot/withModalRootContext.js +1 -1
- package/dist/cssm/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/cssm/components/Pagination/Pagination.js +1 -1
- package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.css +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.js +2 -2
- package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +5 -2
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js +8 -9
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +1 -2
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js +3 -8
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -2
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +3 -6
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +1 -2
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js +7 -12
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +1 -2
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js +3 -8
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cssm/components/Placeholder/Placeholder.d.ts +1 -2
- package/dist/cssm/components/Placeholder/Placeholder.js +2 -5
- package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.css +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js +1 -9
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.d.ts +2 -2
- package/dist/cssm/components/PromoBanner/PromoBanner.js +4 -7
- package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.js +1 -1
- package/dist/cssm/components/Radio/Radio.js.map +1 -1
- package/dist/cssm/components/RangeSlider/RangeSlider.d.ts +1 -2
- package/dist/cssm/components/RangeSlider/RangeSlider.js +2 -5
- package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cssm/components/RangeSlider/UniversalSlider.js +1 -5
- package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cssm/components/Removable/Removable.css +1 -1
- package/dist/cssm/components/Removable/Removable.js +7 -4
- package/dist/cssm/components/Removable/Removable.js.map +1 -1
- package/dist/cssm/components/RichCell/RichCell.d.ts +4 -2
- package/dist/cssm/components/RichCell/RichCell.js +8 -7
- package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
- package/dist/cssm/components/Root/Root.css +1 -1
- package/dist/cssm/components/Root/Root.d.ts +1 -2
- package/dist/cssm/components/Root/Root.js +5 -19
- package/dist/cssm/components/Root/Root.js.map +1 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts +1 -2
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js +12 -13
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cssm/components/Search/Search.d.ts +1 -2
- package/dist/cssm/components/Search/Search.js +17 -15
- package/dist/cssm/components/Search/Search.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +4 -2
- package/dist/cssm/components/SimpleCell/SimpleCell.js +7 -8
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.d.ts +1 -0
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js +2 -1
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cssm/components/Slider/Slider.css +3 -1
- package/dist/cssm/components/Slider/Slider.d.ts +1 -2
- package/dist/cssm/components/Slider/Slider.js +2 -5
- package/dist/cssm/components/Slider/Slider.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.css +1 -1
- package/dist/cssm/components/Spacing/Spacing.css +1 -1
- package/dist/cssm/components/Spacing/Spacing.d.ts +2 -1
- package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.d.ts +1 -2
- package/dist/cssm/components/Tabbar/Tabbar.js +6 -11
- package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.d.ts +1 -2
- package/dist/cssm/components/TabbarItem/TabbarItem.js +3 -6
- package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cssm/components/Tabs/Tabs.d.ts +4 -2
- package/dist/cssm/components/Tabs/Tabs.js +8 -9
- package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
- package/dist/cssm/components/TabsItem/TabsItem.d.ts +1 -2
- package/dist/cssm/components/TabsItem/TabsItem.js +4 -9
- package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cssm/components/Tappable/Tappable.css +5 -1
- package/dist/cssm/components/Tappable/Tappable.d.ts +7 -4
- package/dist/cssm/components/Tappable/Tappable.js +9 -6
- package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
- package/dist/cssm/components/Textarea/Textarea.css +1 -1
- package/dist/cssm/components/Textarea/Textarea.d.ts +2 -3
- package/dist/cssm/components/Textarea/Textarea.js +12 -9
- package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
- package/dist/cssm/components/Tooltip/Tooltip.d.ts +1 -2
- package/dist/cssm/components/Tooltip/Tooltip.js +7 -13
- package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.css +5 -1
- package/dist/cssm/components/UsersStack/UsersStack.d.ts +4 -2
- package/dist/cssm/components/UsersStack/UsersStack.js +48 -39
- package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cssm/components/UsersStack/masks.js +1 -1
- package/dist/cssm/components/UsersStack/masks.js.map +1 -1
- package/dist/cssm/components/View/View.css +1 -1
- package/dist/cssm/components/View/View.d.ts +6 -3
- package/dist/cssm/components/View/View.js +25 -39
- package/dist/cssm/components/View/View.js.map +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cssm/index.d.ts +44 -44
- package/dist/cssm/index.js +44 -44
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/animate.d.ts +1 -1
- package/dist/cssm/lib/animate.js +1 -2
- package/dist/cssm/lib/animate.js.map +1 -1
- package/dist/cssm/styles/components.css +26 -8
- package/dist/cssm/tokenized/index.d.ts +44 -0
- package/dist/cssm/tokenized/index.js +22 -0
- package/dist/cssm/tokenized/index.js.map +1 -1
- package/dist/index.d.ts +44 -44
- package/dist/index.js +44 -44
- package/dist/index.js.map +1 -1
- package/dist/lib/animate.d.ts +1 -1
- package/dist/lib/animate.js +1 -2
- package/dist/lib/animate.js.map +1 -1
- package/dist/tokenized/index.d.ts +44 -0
- package/dist/tokenized/index.js +22 -0
- package/dist/tokenized/index.js.map +1 -1
- package/dist/vkui.css +26 -8
- package/dist/vkui.css.map +1 -1
- package/package.json +3 -3
- package/src/components/ActionSheetItem/ActionSheetItem.tsx +1 -1
- package/src/components/Alert/Alert.tsx +6 -4
- package/src/components/Avatar/Avatar.css +27 -20
- package/src/components/Avatar/Avatar.tsx +3 -9
- package/src/components/Avatar/Readme.md +43 -304
- package/src/components/Banner/Banner.css +24 -25
- package/src/components/Banner/Banner.tsx +28 -42
- package/src/components/{Gallery/Gallery.css → BaseGallery/BaseGallery.css} +7 -3
- package/src/components/BaseGallery/BaseGallery.tsx +394 -0
- package/src/components/BaseGallery/helpers.ts +51 -0
- package/src/components/BaseGallery/types.ts +52 -0
- package/src/components/Button/Button.css +4 -0
- package/src/components/Button/Button.tsx +3 -2
- package/src/components/CalendarDay/CalendarDay.tsx +1 -1
- package/src/components/CalendarHeader/CalendarHeader.tsx +1 -1
- package/src/components/Cell/Cell.tsx +1 -1
- package/src/components/CellButton/CellButton.css +10 -4
- package/src/components/CellButton/CellButton.tsx +4 -13
- package/src/components/Checkbox/Checkbox.css +41 -55
- package/src/components/Checkbox/Checkbox.tsx +89 -30
- package/src/components/Checkbox/Readme.md +19 -0
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/ConfigProvider/ConfigProvider.tsx +1 -4
- package/src/components/ContentCard/ContentCard.css +10 -18
- package/src/components/ContentCard/ContentCard.tsx +44 -49
- package/src/components/ContentCard/Readme.md +6 -0
- package/src/components/DateInput/DateInput.tsx +1 -1
- package/src/components/DatePicker/DatePicker.tsx +4 -3
- package/src/components/DateRangeInput/DateRangeInput.tsx +1 -1
- package/src/components/Epic/Epic.tsx +7 -6
- package/src/components/FixedLayout/FixedLayout.css +1 -1
- package/src/components/FixedLayout/FixedLayout.tsx +5 -10
- package/src/components/FocusVisible/FocusVisible.css +1 -1
- package/src/components/FocusVisible/FocusVisible.tsx +2 -5
- package/src/components/FormItem/FormItem.css +22 -13
- package/src/components/FormItem/FormItem.tsx +3 -6
- package/src/components/FormLayout/FormLayout.tsx +3 -4
- package/src/components/FormLayoutGroup/FormLayoutGroup.css +2 -1
- package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +3 -9
- package/src/components/Gallery/Gallery.tsx +10 -512
- package/src/components/GridAvatar/GridAvatar.tsx +17 -15
- package/src/components/Group/Group.tsx +8 -11
- package/src/components/Group/Readme.md +129 -134
- package/src/components/Header/Header.tsx +2 -9
- package/src/components/HorizontalCell/HorizontalCell.tsx +2 -2
- package/src/components/HorizontalScroll/HorizontalScroll.tsx +4 -1
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +1 -1
- package/src/components/IconButton/IconButton.css +14 -19
- package/src/components/IconButton/IconButton.tsx +14 -16
- package/src/components/IconButton/Readme.md +51 -0
- package/src/components/InitialsAvatar/InitialsAvatar.css +26 -29
- package/src/components/InitialsAvatar/InitialsAvatar.tsx +2 -2
- package/src/components/Link/Link.tsx +5 -5
- package/src/components/List/List.tsx +3 -7
- package/src/components/MiniInfoCell/MiniInfoCell.tsx +1 -1
- package/src/components/ModalCard/ModalCard.tsx +31 -30
- package/src/components/ModalCardBase/ModalCardBase.tsx +1 -1
- package/src/components/ModalDismissButton/ModalDismissButton.tsx +7 -12
- package/src/components/ModalPage/ModalPage.tsx +32 -32
- package/src/components/ModalRoot/ModalRoot.tsx +2 -1
- package/src/components/ModalRoot/ModalRootContext.tsx +0 -3
- package/src/components/ModalRoot/ModalRootDesktop.tsx +2 -1
- package/src/components/ModalRoot/withModalRootContext.tsx +2 -1
- package/src/components/Pagination/Pagination.tsx +1 -1
- package/src/components/PanelHeader/PanelHeader.css +9 -0
- package/src/components/PanelHeader/PanelHeader.tsx +2 -2
- package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +9 -8
- package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +1 -1
- package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +3 -11
- package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +4 -5
- package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +1 -1
- package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +4 -13
- package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +3 -11
- package/src/components/Placeholder/Placeholder.tsx +3 -4
- package/src/components/PopoutWrapper/PopoutWrapper.css +4 -15
- package/src/components/PopoutWrapper/PopoutWrapper.tsx +5 -11
- package/src/components/PromoBanner/PromoBanner.tsx +3 -6
- package/src/components/PullToRefresh/PullToRefresh.tsx +1 -1
- package/src/components/Radio/Radio.tsx +1 -1
- package/src/components/RangeSlider/RangeSlider.tsx +1 -4
- package/src/components/RangeSlider/Readme.md +19 -27
- package/src/components/RangeSlider/UniversalSlider.tsx +1 -4
- package/src/components/Removable/Removable.css +15 -19
- package/src/components/Removable/Removable.tsx +5 -3
- package/src/components/RichCell/RichCell.tsx +8 -7
- package/src/components/Root/Root.css +9 -14
- package/src/components/Root/Root.tsx +26 -21
- package/src/components/ScreenSpinner/ScreenSpinner.tsx +13 -13
- package/src/components/Search/Search.tsx +9 -14
- package/src/components/SimpleCell/SimpleCell.css +3 -52
- package/src/components/SimpleCell/SimpleCell.tsx +6 -7
- package/src/components/SimpleCheckbox/Readme.md +4 -0
- package/src/components/SimpleCheckbox/SimpleCheckbox.tsx +2 -1
- package/src/components/Slider/Readme.md +68 -76
- package/src/components/Slider/Slider.css +9 -49
- package/src/components/Slider/Slider.tsx +1 -4
- package/src/components/SliderSwitch/SliderSwitchButton.tsx +1 -1
- package/src/components/Snackbar/Snackbar.css +6 -2
- package/src/components/Spacing/Spacing.css +1 -1
- package/src/components/Spacing/Spacing.tsx +2 -1
- package/src/components/SubnavigationButton/SubnavigationButton.tsx +1 -1
- package/src/components/Tabbar/Tabbar.tsx +6 -9
- package/src/components/TabbarItem/TabbarItem.tsx +2 -5
- package/src/components/Tabs/Tabs.tsx +7 -10
- package/src/components/TabsItem/TabsItem.tsx +3 -10
- package/src/components/Tappable/Readme.md +53 -0
- package/src/components/Tappable/Tappable.css +12 -27
- package/src/components/Tappable/Tappable.tsx +13 -8
- package/src/components/Textarea/Readme.md +1 -2
- package/src/components/Textarea/Textarea.css +12 -8
- package/src/components/Textarea/Textarea.tsx +54 -55
- package/src/components/Tooltip/Tooltip.tsx +4 -12
- package/src/components/UsersStack/Readme.md +0 -1
- package/src/components/UsersStack/UsersStack.css +12 -30
- package/src/components/UsersStack/UsersStack.tsx +49 -43
- package/src/components/UsersStack/masks.tsx +28 -5
- package/src/components/View/View.css +1 -13
- package/src/components/View/View.tsx +39 -43
- package/src/components/WriteBarIcon/WriteBarIcon.tsx +1 -1
- package/src/index.ts +44 -44
- package/src/lib/animate.ts +1 -2
- package/src/styles/components.css +1 -1
- package/src/tokenized/index.ts +66 -0
- package/dist/cssm/components/Gallery/Gallery.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","ANDROID"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AA0CA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,oCAG3B,gBAcM;AAAA,MAbJC,UAaI,QAbJA,UAaI;AAAA,MAZJC,IAYI,QAZJA,IAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,QAEX;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAG,4CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GACnBV,SAAS,IAAIW,0BAAUC,YAAvB,IAAuCN,QAAQ,KAAKO,mBAASC,KAD/D;AAEA,MAAMC,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACN,eAAhD;AAEA,SACE,uEACML,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAHb;AAME,IAAA,GAAG,EAAEd;AANP,MAQE;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AAChD,0DACEe;AAF8C,KAAvC;AAFb,KAOG,yBAAad,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CARJ,EAUG,yBAAaC,MAAb,KACC,qCAAC,YAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEW,QAAQ,KAAKW,iBAAb,GAAuB,GAAvB,GAA6B,GAFvC;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGtB,MALH,CAXJ,EAmBG,yBAAaC,SAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA+CA,SAA/C,CApBJ,EAuBGC,QAvBH,EAyBG,yBAAaC,OAAb,KACC;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,mCAA6BC,aAAa,KAAK;AADD,KAArC;AAFb,KAMGD,OANH,CA1BJ,EAoCGY,eAAe,IAAI,qCAAC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","ANDROID"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AA0CA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,oCAG3B,gBAcM;AAAA,MAbJC,UAaI,QAbJA,UAaI;AAAA,MAZJC,IAYI,QAZJA,IAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,QAEX;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAG,4CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GACnBV,SAAS,IAAIW,0BAAUC,YAAvB,IAAuCN,QAAQ,KAAKO,mBAASC,KAD/D;AAEA,MAAMC,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACN,eAAhD;AAEA,SACE,uEACML,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAHb;AAME,IAAA,GAAG,EAAEd;AANP,MAQE;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AAChD,0DACEe;AAF8C,KAAvC;AAFb,KAOG,yBAAad,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CARJ,EAUG,yBAAaC,MAAb,KACC,qCAAC,YAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEW,QAAQ,KAAKW,iBAAb,GAAuB,GAAvB,GAA6B,GAFvC;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGtB,MALH,CAXJ,EAmBG,yBAAaC,SAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA+CA,SAA/C,CApBJ,EAuBGC,QAvBH,EAyBG,yBAAaC,OAAb,KACC;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,mCAA6BC,aAAa,KAAK;AADD,KAArC;AAFb,KAMGD,OANH,CA1BJ,EAoCGY,eAAe,IAAI,qCAAC,sCAAD;AAAoB,IAAA,OAAO,EAAEP;AAA7B,IApCtB,EAqCGY,kBAAkB,IACjB,qCAAC,oCAAD;AACE,kBAAYX,YADd;AAEE,IAAA,SAAS,EAAC,wBAFZ;AAGE,IAAA,OAAO,EAAED;AAHX,KAKE,qCAAC,oBAAD,OALF,CAtCJ,CARF,CADF;AA0DD,CApF0B,EAqF3B;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CArF2B,CAAtB","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ViewWidth, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, IOS, Platform } from \"../../lib/platform\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /**\n * Иконка.\n *\n * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n */\n icon?: React.ReactNode;\n\n /**\n * Заголовок карточки\n */\n header?: React.ReactNode;\n\n /**\n * Подзаголовок\n */\n subheader?: React.ReactNode;\n\n /**\n * Кнопки-действия.\n *\n * Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n */\n actions?: React.ReactNode;\n\n /**\n * Тип отображения кнопок: вертикальный или горизонтальный\n */\n actionsLayout?: \"vertical\" | \"horizontal\";\n onClose?: VoidFunction;\n\n /**\n * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = withAdaptivity<\n ModalCardBaseProps & AdaptivityContextInterface\n>(\n ({\n getRootRef,\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout,\n viewWidth,\n hasMouse,\n viewHeight,\n onClose,\n dismissLabel = \"Скрыть\",\n ...restProps\n }) => {\n const platform = usePlatform();\n const isDesktop = useAdaptivityIsDesktop();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET || platform === Platform.VKCOM;\n const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"ModalCardBase\", platform), {\n \"ModalCardBase--desktop\": isDesktop,\n })}\n ref={getRootRef}\n >\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalCardBase__container\", {\n \"ModalCardBase__container--softwareKeyboardOpened\":\n isSoftwareKeyboardOpened,\n })}\n >\n {hasReactNode(icon) && (\n <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n )}\n {hasReactNode(header) && (\n <Title\n level=\"2\"\n weight={platform === ANDROID ? \"2\" : \"1\"}\n vkuiClass=\"ModalCardBase__header\"\n >\n {header}\n </Title>\n )}\n {hasReactNode(subheader) && (\n <Subhead vkuiClass=\"ModalCardBase__subheader\">{subheader}</Subhead>\n )}\n\n {children}\n\n {hasReactNode(actions) && (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalCardBase__actions\", {\n \"ModalCardBase__actions--v\": actionsLayout === \"vertical\",\n })}\n >\n {actions}\n </div>\n )}\n\n {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n {canShowCloseBtnIos && (\n <PanelHeaderButton\n aria-label={dismissLabel}\n vkuiClass=\"ModalCardBase__dismiss\"\n onClick={onClose}\n >\n <Icon24Dismiss />\n </PanelHeaderButton>\n )}\n </div>\n </div>\n );\n },\n {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n }\n);\n"],"file":"ModalCardBase.js"}
|
|
@@ -4,5 +4,4 @@ export declare type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonEle
|
|
|
4
4
|
/**
|
|
5
5
|
* @see https://vkcom.github.io/VKUI/#/ModalDismissButton
|
|
6
6
|
*/
|
|
7
|
-
declare const ModalDismissButton: React.FC<ModalDismissButtonProps>;
|
|
8
|
-
export default ModalDismissButton;
|
|
7
|
+
export declare const ModalDismissButton: React.FC<ModalDismissButtonProps>;
|
|
@@ -5,37 +5,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.ModalDismissButton = void 0;
|
|
9
|
+
|
|
10
|
+
var _jsxRuntime = require("../../lib/jsxRuntime");
|
|
9
11
|
|
|
10
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
13
|
|
|
12
|
-
var
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
15
|
|
|
14
16
|
var _icons = require("@vkontakte/icons");
|
|
15
17
|
|
|
16
|
-
var _Tappable =
|
|
18
|
+
var _Tappable = require("../Tappable/Tappable");
|
|
17
19
|
|
|
18
20
|
var _getClassName = require("../../helpers/getClassName");
|
|
19
21
|
|
|
20
22
|
var _usePlatform = require("../../hooks/usePlatform");
|
|
21
23
|
|
|
24
|
+
var _excluded = ["aria-label"];
|
|
25
|
+
|
|
22
26
|
/**
|
|
23
27
|
* @see https://vkcom.github.io/VKUI/#/ModalDismissButton
|
|
24
28
|
*/
|
|
25
|
-
var ModalDismissButton = function ModalDismissButton(
|
|
29
|
+
var ModalDismissButton = function ModalDismissButton(_ref) {
|
|
30
|
+
var _ref$ariaLabel = _ref["aria-label"],
|
|
31
|
+
ariaLabel = _ref$ariaLabel === void 0 ? "Закрыть" : _ref$ariaLabel,
|
|
32
|
+
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
26
33
|
var platform = (0, _usePlatform.usePlatform)();
|
|
27
|
-
return (0, _jsxRuntime.createScopedElement)(_Tappable.
|
|
34
|
+
return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
|
|
28
35
|
vkuiClass: (0, _getClassName.getClassName)("ModalDismissButton", platform)
|
|
29
|
-
},
|
|
36
|
+
}, restProps, {
|
|
37
|
+
"aria-label": ariaLabel,
|
|
30
38
|
activeMode: "ModalDismissButton--active",
|
|
31
39
|
hoverMode: "ModalDismissButton--hover"
|
|
32
40
|
}), (0, _jsxRuntime.createScopedElement)(_icons.Icon20Cancel, null));
|
|
33
41
|
};
|
|
34
42
|
|
|
35
|
-
ModalDismissButton
|
|
36
|
-
"aria-label": "Закрыть"
|
|
37
|
-
}; // eslint-disable-next-line import/no-default-export
|
|
38
|
-
|
|
39
|
-
var _default = ModalDismissButton;
|
|
40
|
-
exports.default = _default;
|
|
43
|
+
exports.ModalDismissButton = ModalDismissButton;
|
|
41
44
|
//# sourceMappingURL=ModalDismissButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["ModalDismissButton","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["ModalDismissButton","ariaLabel","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,kBAAqD,GAAG,SAAxDA,kBAAwD,OAGtC;AAAA,4BAF7B,YAE6B;AAAA,MAFfC,SAEe,+BAFH,SAEG;AAAA,MAD1BC,SAC0B;AAC7B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmCA,QAAnC;AADb,KAEMD,SAFN;AAGE,kBAAYD,SAHd;AAIE,IAAA,UAAU,EAAC,4BAJb;AAKE,IAAA,SAAS,EAAC;AALZ,MAOE,qCAAC,mBAAD,OAPF,CADF;AAWD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton: React.FC<ModalDismissButtonProps> = ({\n \"aria-label\": ariaLabel = \"Закрыть\",\n ...restProps\n}: ModalDismissButtonProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n vkuiClass={getClassName(\"ModalDismissButton\", platform)}\n {...restProps}\n aria-label={ariaLabel}\n activeMode=\"ModalDismissButton--active\"\n hoverMode=\"ModalDismissButton--hover\"\n >\n <Icon20Cancel />\n </Tappable>\n );\n};\n"],"file":"ModalDismissButton.js"}
|
|
@@ -33,5 +33,7 @@ export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, Ad
|
|
|
33
33
|
dynamicContentHeight?: boolean;
|
|
34
34
|
getModalContentRef?: React.Ref<HTMLDivElement>;
|
|
35
35
|
}
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
/**
|
|
37
|
+
* @see https://vkcom.github.io/VKUI/#/ModalPage
|
|
38
|
+
*/
|
|
39
|
+
export declare const ModalPage: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
|
|
@@ -7,7 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.ModalPage = void 0;
|
|
11
11
|
|
|
12
12
|
var _jsxRuntime = require("../../lib/jsxRuntime");
|
|
13
13
|
|
|
@@ -29,7 +29,7 @@ var _useOrientationChange = require("../../hooks/useOrientationChange");
|
|
|
29
29
|
|
|
30
30
|
var _withAdaptivity = require("../../hoc/withAdaptivity");
|
|
31
31
|
|
|
32
|
-
var _ModalDismissButton =
|
|
32
|
+
var _ModalDismissButton = require("../ModalDismissButton/ModalDismissButton");
|
|
33
33
|
|
|
34
34
|
var _utils = require("../../lib/utils");
|
|
35
35
|
|
|
@@ -43,31 +43,30 @@ var _platform = require("../../lib/platform");
|
|
|
43
43
|
|
|
44
44
|
var _useAdaptivity = require("../../hooks/useAdaptivity");
|
|
45
45
|
|
|
46
|
-
var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
|
|
46
|
+
var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav", "id"];
|
|
47
47
|
var warn = (0, _warnOnce.warnOnce)("ModalPage");
|
|
48
|
-
/**
|
|
49
|
-
* @see https://vkcom.github.io/VKUI/#/ModalPage
|
|
50
|
-
*/
|
|
51
48
|
|
|
52
|
-
var
|
|
49
|
+
var ModalPageComponent = function ModalPageComponent(_ref) {
|
|
50
|
+
var children = _ref.children,
|
|
51
|
+
header = _ref.header,
|
|
52
|
+
viewWidth = _ref.viewWidth,
|
|
53
|
+
viewHeight = _ref.viewHeight,
|
|
54
|
+
sizeX = _ref.sizeX,
|
|
55
|
+
hasMouse = _ref.hasMouse,
|
|
56
|
+
onOpen = _ref.onOpen,
|
|
57
|
+
onOpened = _ref.onOpened,
|
|
58
|
+
onClose = _ref.onClose,
|
|
59
|
+
onClosed = _ref.onClosed,
|
|
60
|
+
settlingHeight = _ref.settlingHeight,
|
|
61
|
+
dynamicContentHeight = _ref.dynamicContentHeight,
|
|
62
|
+
getModalContentRef = _ref.getModalContentRef,
|
|
63
|
+
nav = _ref.nav,
|
|
64
|
+
id = _ref.id,
|
|
65
|
+
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
66
|
+
|
|
53
67
|
var _React$useContext = React.useContext(_ModalRootContext.ModalRootContext),
|
|
54
68
|
updateModalHeight = _React$useContext.updateModalHeight;
|
|
55
69
|
|
|
56
|
-
var children = props.children,
|
|
57
|
-
header = props.header,
|
|
58
|
-
viewWidth = props.viewWidth,
|
|
59
|
-
viewHeight = props.viewHeight,
|
|
60
|
-
sizeX = props.sizeX,
|
|
61
|
-
hasMouse = props.hasMouse,
|
|
62
|
-
onOpen = props.onOpen,
|
|
63
|
-
onOpened = props.onOpened,
|
|
64
|
-
onClose = props.onClose,
|
|
65
|
-
onClosed = props.onClosed,
|
|
66
|
-
settlingHeight = props.settlingHeight,
|
|
67
|
-
dynamicContentHeight = props.dynamicContentHeight,
|
|
68
|
-
getModalContentRef = props.getModalContentRef,
|
|
69
|
-
nav = props.nav,
|
|
70
|
-
restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
71
70
|
var platform = (0, _usePlatform.usePlatform)();
|
|
72
71
|
var orientation = (0, _useOrientationChange.useOrientationChange)();
|
|
73
72
|
React.useEffect(updateModalHeight, [children, orientation, updateModalHeight]);
|
|
@@ -75,11 +74,15 @@ var ModalPage = function ModalPage(props) {
|
|
|
75
74
|
var canShowCloseBtn = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET || platform === _platform.Platform.VKCOM;
|
|
76
75
|
var modalContext = React.useContext(_ModalRootContext.ModalRootContext);
|
|
77
76
|
|
|
78
|
-
var _useModalRegistry = (0, _ModalRootContext.useModalRegistry)((0, _getNavId.getNavId)(
|
|
77
|
+
var _useModalRegistry = (0, _ModalRootContext.useModalRegistry)((0, _getNavId.getNavId)({
|
|
78
|
+
nav: nav,
|
|
79
|
+
id: id
|
|
80
|
+
}, warn), _types.ModalType.PAGE),
|
|
79
81
|
refs = _useModalRegistry.refs;
|
|
80
82
|
|
|
81
83
|
return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
|
|
82
|
-
// eslint-disable-next-line vkui/no-object-expression-in-arguments
|
|
84
|
+
id: id // eslint-disable-next-line vkui/no-object-expression-in-arguments
|
|
85
|
+
,
|
|
83
86
|
vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
|
|
84
87
|
"ModalPage--desktop": isDesktop
|
|
85
88
|
})
|
|
@@ -98,21 +101,21 @@ var ModalPage = function ModalPage(props) {
|
|
|
98
101
|
ref: (0, _utils.multiRef)(refs.contentElement, getModalContentRef)
|
|
99
102
|
}, (0, _jsxRuntime.createScopedElement)("div", {
|
|
100
103
|
vkuiClass: "ModalPage__content-in"
|
|
101
|
-
}, children))), canShowCloseBtn && (0, _jsxRuntime.createScopedElement)(_ModalDismissButton.
|
|
104
|
+
}, children))), canShowCloseBtn && (0, _jsxRuntime.createScopedElement)(_ModalDismissButton.ModalDismissButton, {
|
|
102
105
|
onClick: onClose || modalContext.onClose
|
|
103
106
|
}))));
|
|
104
107
|
};
|
|
108
|
+
/**
|
|
109
|
+
* @see https://vkcom.github.io/VKUI/#/ModalPage
|
|
110
|
+
*/
|
|
105
111
|
|
|
106
|
-
ModalPage.defaultProps = {
|
|
107
|
-
settlingHeight: 75
|
|
108
|
-
}; // eslint-disable-next-line import/no-default-export
|
|
109
112
|
|
|
110
|
-
var
|
|
113
|
+
var ModalPage = (0, _withAdaptivity.withAdaptivity)(ModalPageComponent, {
|
|
111
114
|
viewWidth: true,
|
|
112
115
|
viewHeight: true,
|
|
113
116
|
sizeX: true,
|
|
114
117
|
hasMouse: true
|
|
115
118
|
});
|
|
116
|
-
|
|
117
|
-
|
|
119
|
+
exports.ModalPage = ModalPage;
|
|
120
|
+
ModalPage.displayName = "ModalPage";
|
|
118
121
|
//# sourceMappingURL=ModalPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPageComponent","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","restProps","React","useContext","ModalRootContext","updateModalHeight","platform","orientation","useEffect","isDesktop","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","ModalPage","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n /**\n * Шапка модальной страницы, `<ModalPageHeader />`\n */\n header?: React.ReactNode;\n /**\n * Будет вызвано при начале открытия модалки.\n */\n onOpen?: VoidFunction;\n /**\n * Будет вызвано при окончательном открытии модалки.\n */\n onOpened?: VoidFunction;\n /**\n * Будет вызвано при начале закрытия модалки.\n */\n onClose?: VoidFunction;\n /**\n * Будет вызвано при окончательном закрытии модалки.\n */\n onClosed?: VoidFunction;\n /**\n * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n */\n settlingHeight?: number;\n /**\n * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n */\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\nconst ModalPageComponent: React.FC<\n ModalPageProps & AdaptivityContextInterface\n> = ({\n children,\n header,\n viewWidth,\n viewHeight,\n sizeX,\n hasMouse,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight, // 75\n dynamicContentHeight,\n getModalContentRef,\n nav,\n id,\n ...restProps\n}) => {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n\n React.useEffect(updateModalHeight, [\n children,\n orientation,\n updateModalHeight,\n ]);\n\n const isDesktop = useAdaptivityIsDesktop();\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET || platform === Platform.VKCOM;\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.PAGE\n );\n\n return (\n <div\n {...restProps}\n id={id}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"ModalPage\", platform),\n `ModalPage--sizeX-${sizeX}`,\n {\n \"ModalPage--desktop\": isDesktop,\n }\n )}\n >\n <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n <div vkuiClass=\"ModalPage__in\">\n <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n {header}\n </div>\n\n <div vkuiClass=\"ModalPage__content-wrap\">\n <div\n vkuiClass=\"ModalPage__content\"\n ref={multiRef<HTMLDivElement>(\n refs.contentElement,\n getModalContentRef\n )}\n >\n <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n </div>\n </div>\n {canShowCloseBtn && (\n <ModalDismissButton onClick={onClose || modalContext.onClose} />\n )}\n </div>\n </div>\n </div>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = withAdaptivity(ModalPageComponent, {\n viewWidth: true,\n viewHeight: true,\n sizeX: true,\n hasMouse: true,\n});\n\nModalPage.displayName = \"ModalPage\";\n"],"file":"ModalPage.js"}
|
|
@@ -49,7 +49,7 @@ var _withPlatform = require("../../hoc/withPlatform");
|
|
|
49
49
|
|
|
50
50
|
var _withContext = require("../../hoc/withContext");
|
|
51
51
|
|
|
52
|
-
var _ModalRootContext =
|
|
52
|
+
var _ModalRootContext = require("./ModalRootContext");
|
|
53
53
|
|
|
54
54
|
var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
|
|
55
55
|
|
|
@@ -671,7 +671,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
671
671
|
|
|
672
672
|
return (0, _jsxRuntime.createScopedElement)(_TouchContext.default.Provider, {
|
|
673
673
|
value: true
|
|
674
|
-
}, (0, _jsxRuntime.createScopedElement)(_ModalRootContext.
|
|
674
|
+
}, (0, _jsxRuntime.createScopedElement)(_ModalRootContext.ModalRootContext.Provider, {
|
|
675
675
|
value: this.modalRootContext
|
|
676
676
|
}, (0, _jsxRuntime.createScopedElement)(_Touch.Touch // eslint-disable-next-line vkui/no-object-expression-in-arguments
|
|
677
677
|
, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","React","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","ModalType","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport ModalRootContext, {\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n if (!range) {\n return false;\n }\n return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string | null;\n\n /**\n * Будет вызвано при начале открытия активной модалки с её id\n */\n onOpen?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном открытии активной модалки с её id\n */\n onOpened?(modalId: string): void;\n\n /**\n * Будет вызвано при начале закрытия активной модалки с её id\n */\n onClose?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном закрытии активной модалки с её id\n */\n onClosed?(modalId: string): void;\n\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n}\n\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id), data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n\n this.frameIds = {};\n }\n\n private documentScrolling = false;\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private readonly viewportRef = React.createRef<HTMLDivElement>();\n private maskAnimationFrame: number | undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private readonly frameIds: {\n [index: string]: number;\n };\n private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n get timeout(): number {\n return this.props.platform === ANDROID || this.props.platform === VKCOM\n ? 320\n : 400;\n }\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n getModalState(id: string | undefined | null) {\n if (!id) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n if (this.props.platform === IOS) {\n this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n }\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window!.removeEventListener(\n \"resize\",\n this.updateModalTranslate,\n false\n );\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = \"\";\n }\n this.props.onEntered(enteringModal);\n });\n\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n ? `${this.timeout}ms`\n : \"\";\n this.animateTranslate(enteringState, enteringState.translateY);\n }\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = null;\n }\n\n this.toggleDocumentScrolling(\n !this.props.activeModal && !this.props.exitingModal\n );\n }\n\n /* Отключает скролл документа */\n toggleDocumentScrolling(enabled: boolean) {\n if (this.documentScrolling === enabled) {\n return;\n }\n this.documentScrolling = enabled;\n\n if (enabled) {\n // Здесь нужен последний аргумент с такими же параметрами, потому что\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n passive: false,\n });\n } else {\n this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n passive: false,\n });\n }\n }\n\n preventTouch = (event: any) => {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault) {\n event.preventDefault();\n }\n return false;\n };\n\n updateModalTranslate = () => {\n const modalState = this.getModalState(this.props.activeModal);\n modalState && this.animateTranslate(modalState, modalState.translateY);\n };\n\n checkPageContentHeight() {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n const prevModalState = { ...modalState };\n initPageModal(modalState);\n const currentModalState = { ...modalState };\n\n let needAnimate = false;\n\n if (prevModalState.expandable === currentModalState.expandable) {\n if (\n prevModalState.translateYFrom !== currentModalState.translateYFrom\n ) {\n needAnimate = true;\n }\n } else {\n needAnimate = true;\n }\n\n if (needAnimate) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n }\n }\n\n updateModalHeight = () => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (\n modalState &&\n modalState.type === ModalType.PAGE &&\n modalState.dynamicContentHeight\n ) {\n if (this.props.enteringModal) {\n this.waitTransitionFinish(modalState, () => {\n requestAnimationFrame(() => this.checkPageContentHeight());\n });\n } else {\n requestAnimationFrame(() => this.checkPageContentHeight());\n }\n }\n };\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.getModalState(id);\n\n if (!prevModalState) {\n id &&\n warn(\n `closeActiveModal: модальное окно (страница) ${id} не существует`,\n \"error\"\n );\n return;\n }\n\n const nextModalState = this.getModalState(this.props.activeModal);\n const nextIsPage =\n !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n const prevIsPage =\n !!prevModalState && prevModalState.type === ModalType.PAGE;\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n const exitTranslate =\n prevIsPage &&\n nextIsPage &&\n (prevModalState.translateY ?? 0) <=\n (nextModalState?.translateYFrom ?? 0) &&\n !this.props.isBack\n ? (nextModalState?.translateYFrom ?? 0) + 10\n : 100;\n this.animateTranslate(prevModalState, exitTranslate);\n\n if (!nextModalState) {\n // NOTE: was only for clean exit\n this.setMaskOpacity(prevModalState, 0);\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === ModalType.PAGE) {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === ModalType.CARD) {\n return this.onCardTouchMove(e, modalState);\n }\n };\n\n onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { shiftY, originalEvent } = event;\n const target = originalEvent.target as HTMLElement;\n\n if (!event.isY) {\n if (this.viewportRef.current?.contains(target)) {\n originalEvent.preventDefault();\n }\n return;\n }\n\n if (!modalState.innerElement?.contains(target)) {\n return originalEvent.preventDefault();\n }\n\n originalEvent.stopPropagation();\n\n const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n if (!this.state.touchDown) {\n modalState.touchStartContentScrollTop =\n modalState.contentElement?.scrollTop;\n this.setState({ touchDown: true });\n }\n\n if (contentScrolled) {\n return;\n }\n\n if (modalState.touchMovePositive === null) {\n modalState.touchMovePositive = shiftY > 0;\n }\n\n if (\n !modalState.expandable ||\n collapsed ||\n (expanded &&\n modalState.touchMovePositive &&\n modalState.touchStartContentScrollTop === 0) ||\n modalState.headerElement?.contains(target)\n ) {\n originalEvent.preventDefault();\n\n if ((!expandable && shiftY < 0) || !this.window) {\n return;\n }\n\n !this.state.dragging && this.setState({ dragging: true });\n\n const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 0.8,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = rangeTranslate(\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { originalEvent, shiftY } = event;\n const target = originalEvent.target as HTMLElement;\n if (modalState.innerElement?.contains(target)) {\n if (!this.state.touchDown) {\n this.setState({ touchDown: true, dragging: true });\n }\n\n const shiftYPercent =\n (shiftY / modalState.innerElement.offsetHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 1.2,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = Math.max(\n 0,\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onTouchEnd = (e: TouchEvent) => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE) {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === ModalType.CARD) {\n return this.onCardTouchEnd(e, modalState);\n }\n };\n\n onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n const { startY, shiftY } = event;\n\n modalState.contentScrolled = false;\n modalState.touchMovePositive = null;\n\n let setStateCallback;\n\n if (this.state.dragging && this.window) {\n const shiftYEndPercent =\n ((startY + shiftY) / this.window.innerHeight) * 100;\n\n let translateY = modalState.translateYCurrent ?? 0;\n const expectTranslateY =\n (translateY / event.duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = rangeTranslate(translateY + expectTranslateY);\n\n if (modalState.settlingHeight !== 100) {\n if (numberInRange(translateY, modalState.expandedRange)) {\n translateY = modalState.expandedRange?.[0] ?? 0;\n } else if (numberInRange(translateY, modalState.collapsedRange)) {\n translateY = modalState.translateYFrom ?? 0;\n } else if (numberInRange(translateY, modalState.hiddenRange)) {\n translateY = 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n modalState.expanded = translateY === 0;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n let setStateCallback;\n\n if (this.state.dragging) {\n let translateY = modalState.translateYCurrent ?? 0;\n\n const expectTranslateY =\n (translateY / duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = Math.max(0, translateY + expectTranslateY);\n\n if (translateY >= 30) {\n translateY = 100;\n } else {\n translateY = 0;\n }\n\n modalState.translateY = translateY;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onScroll = (e: React.SyntheticEvent) => {\n const activeModal = this.props.activeModal;\n\n const target = e.target as HTMLElement;\n\n if (!activeModal) {\n return;\n }\n const modalState = this.getModalState(activeModal);\n if (\n modalState?.type === ModalType.PAGE &&\n modalState?.contentElement?.contains(target)\n ) {\n modalState.contentScrolled = true;\n\n if (modalState.contentScrollStopTimeout) {\n clearTimeout(modalState.contentScrollStopTimeout);\n }\n\n modalState.contentScrollStopTimeout = setTimeout(() => {\n if (modalState.contentScrolled) {\n modalState.contentScrolled = false;\n }\n }, 250);\n }\n };\n\n waitTransitionFinish(\n modalState: ModalsStateEntry | undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n /**\n * Анимирует сдвиг модалки\n *\n * @param {ModalsStateEntry} modalState\n * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n */\n animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n const frameId = `animateTranslateFrame${modalState.id}`;\n\n cancelAnimationFrame(this.frameIds[frameId]);\n\n this.frameIds[frameId] = requestAnimationFrame(() => {\n setTransformStyle(\n modalState.innerElement,\n `translate3d(0, ${percent}%, 0)`\n );\n });\n }\n\n /* Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number | null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = Math.max(\n 0,\n Math.min(100, opacity)\n ).toString();\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal } = this.props;\n const { touchDown, dragging } = this.state;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <ModalRootContext.Provider value={this.modalRootContext}>\n <Touch\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n {\n \"ModalRoot--vkapps\":\n this.props.configProvider?.webviewType === WebviewType.VKAPPS,\n \"ModalRoot--touched\": touchDown,\n \"ModalRoot--switching\": !!(enteringModal || exitingModal),\n }\n )}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n onScroll={this.onScroll}\n >\n <div\n vkuiClass=\"ModalRoot__mask\"\n onClick={this.props.onExit}\n ref={this.maskElementRef}\n />\n <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n {this.getModals().map((Modal) => {\n const modalId = getNavId(Modal.props, warn);\n const _modalState = this.getModalState(modalId);\n if (\n (modalId !== activeModal && modalId !== exitingModal) ||\n !_modalState\n ) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === ModalType.PAGE;\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\n getRootRef={(e) => {\n const modalState = this.getModalState(modalId);\n if (modalState) {\n modalState.modalElement = e;\n }\n }}\n onClose={this.props.onExit}\n timeout={this.timeout}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalRoot__modal\", {\n \"ModalRoot__modal--active\": modalId === activeModal,\n \"ModalRoot__modal--prev\": modalId === exitingModal,\n \"ModalRoot__modal--next\":\n (exitingModal && modalId === activeModal) ||\n modalId === enteringModal,\n\n \"ModalRoot__modal--dragging\": dragging,\n\n \"ModalRoot__modal--expandable\":\n isPage && modalState.expandable,\n \"ModalRoot__modal--expanded\":\n isPage && modalState.expanded,\n \"ModalRoot__modal--collapsed\":\n isPage && modalState.collapsed,\n })}\n restoreFocus={false}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </Touch>\n </ModalRootContext.Provider>\n </TouchRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootTouch = withContext(\n withPlatform(\n withDOM<ModalRootProps>(\n withModalManager(initModal)(ModalRootTouchComponent)\n )\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case ModalType.PAGE:\n modalState.settlingHeight =\n modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case ModalType.CARD:\n return initCardModal(modalState);\n default:\n IS_DEV &&\n warn(\n `initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`,\n \"error\"\n );\n }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n const { contentElement } = modalState;\n const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n .offsetHeight;\n\n let prevTranslateY = modalState.translateY;\n\n modalState.expandable =\n contentHeight > (contentElement?.clientHeight ?? 0) ||\n modalState.settlingHeight === 100;\n\n let collapsed = false;\n let expanded = false;\n let translateYFrom;\n let translateY;\n let expandedRange: TranslateRange;\n let collapsedRange: TranslateRange;\n let hiddenRange: TranslateRange;\n\n if (modalState.expandable) {\n translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n const shiftHalf = translateYFrom / 2;\n const visiblePart = 100 - translateYFrom;\n\n expandedRange = [0, shiftHalf];\n collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = translateYFrom > 0;\n expanded = translateYFrom <= 0;\n translateY = translateYFrom;\n } else {\n const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n const height = contentHeight + headerHeight;\n\n translateYFrom =\n 100 -\n (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n 100;\n translateY = translateYFrom;\n\n expandedRange = [translateY, translateY + 25];\n collapsedRange = [translateY + 25, translateY + 25];\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if (\n (modalState.expandable && translateY > (prevTranslateY ?? 0)) ||\n modalState.settlingHeight === 100\n ) {\n translateY = 0;\n }\n\n modalState.expandedRange = expandedRange;\n modalState.collapsedRange = collapsedRange;\n modalState.hiddenRange = hiddenRange;\n modalState.translateY = translateY;\n modalState.translateYFrom = translateYFrom;\n modalState.collapsed = collapsed;\n modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n modalState.translateY = 0;\n}\n"],"file":"ModalRoot.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","React","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","ModalType","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n if (!range) {\n return false;\n }\n return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string | null;\n\n /**\n * Будет вызвано при начале открытия активной модалки с её id\n */\n onOpen?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном открытии активной модалки с её id\n */\n onOpened?(modalId: string): void;\n\n /**\n * Будет вызвано при начале закрытия активной модалки с её id\n */\n onClose?(modalId: string): void;\n\n /**\n * Будет вызвано при окончательном закрытии активной модалки с её id\n */\n onClosed?(modalId: string): void;\n\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n}\n\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id), data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n\n this.frameIds = {};\n }\n\n private documentScrolling = false;\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private readonly viewportRef = React.createRef<HTMLDivElement>();\n private maskAnimationFrame: number | undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private readonly frameIds: {\n [index: string]: number;\n };\n private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n get timeout(): number {\n return this.props.platform === ANDROID || this.props.platform === VKCOM\n ? 320\n : 400;\n }\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n getModalState(id: string | undefined | null) {\n if (!id) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n if (this.props.platform === IOS) {\n this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n }\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window!.removeEventListener(\n \"resize\",\n this.updateModalTranslate,\n false\n );\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = \"\";\n }\n this.props.onEntered(enteringModal);\n });\n\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n ? `${this.timeout}ms`\n : \"\";\n this.animateTranslate(enteringState, enteringState.translateY);\n }\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = null;\n }\n\n this.toggleDocumentScrolling(\n !this.props.activeModal && !this.props.exitingModal\n );\n }\n\n /* Отключает скролл документа */\n toggleDocumentScrolling(enabled: boolean) {\n if (this.documentScrolling === enabled) {\n return;\n }\n this.documentScrolling = enabled;\n\n if (enabled) {\n // Здесь нужен последний аргумент с такими же параметрами, потому что\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n passive: false,\n });\n } else {\n this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n passive: false,\n });\n }\n }\n\n preventTouch = (event: any) => {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault) {\n event.preventDefault();\n }\n return false;\n };\n\n updateModalTranslate = () => {\n const modalState = this.getModalState(this.props.activeModal);\n modalState && this.animateTranslate(modalState, modalState.translateY);\n };\n\n checkPageContentHeight() {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n const prevModalState = { ...modalState };\n initPageModal(modalState);\n const currentModalState = { ...modalState };\n\n let needAnimate = false;\n\n if (prevModalState.expandable === currentModalState.expandable) {\n if (\n prevModalState.translateYFrom !== currentModalState.translateYFrom\n ) {\n needAnimate = true;\n }\n } else {\n needAnimate = true;\n }\n\n if (needAnimate) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n }\n }\n\n updateModalHeight = () => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (\n modalState &&\n modalState.type === ModalType.PAGE &&\n modalState.dynamicContentHeight\n ) {\n if (this.props.enteringModal) {\n this.waitTransitionFinish(modalState, () => {\n requestAnimationFrame(() => this.checkPageContentHeight());\n });\n } else {\n requestAnimationFrame(() => this.checkPageContentHeight());\n }\n }\n };\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.getModalState(id);\n\n if (!prevModalState) {\n id &&\n warn(\n `closeActiveModal: модальное окно (страница) ${id} не существует`,\n \"error\"\n );\n return;\n }\n\n const nextModalState = this.getModalState(this.props.activeModal);\n const nextIsPage =\n !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n const prevIsPage =\n !!prevModalState && prevModalState.type === ModalType.PAGE;\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n const exitTranslate =\n prevIsPage &&\n nextIsPage &&\n (prevModalState.translateY ?? 0) <=\n (nextModalState?.translateYFrom ?? 0) &&\n !this.props.isBack\n ? (nextModalState?.translateYFrom ?? 0) + 10\n : 100;\n this.animateTranslate(prevModalState, exitTranslate);\n\n if (!nextModalState) {\n // NOTE: was only for clean exit\n this.setMaskOpacity(prevModalState, 0);\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === ModalType.PAGE) {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === ModalType.CARD) {\n return this.onCardTouchMove(e, modalState);\n }\n };\n\n onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { shiftY, originalEvent } = event;\n const target = originalEvent.target as HTMLElement;\n\n if (!event.isY) {\n if (this.viewportRef.current?.contains(target)) {\n originalEvent.preventDefault();\n }\n return;\n }\n\n if (!modalState.innerElement?.contains(target)) {\n return originalEvent.preventDefault();\n }\n\n originalEvent.stopPropagation();\n\n const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n if (!this.state.touchDown) {\n modalState.touchStartContentScrollTop =\n modalState.contentElement?.scrollTop;\n this.setState({ touchDown: true });\n }\n\n if (contentScrolled) {\n return;\n }\n\n if (modalState.touchMovePositive === null) {\n modalState.touchMovePositive = shiftY > 0;\n }\n\n if (\n !modalState.expandable ||\n collapsed ||\n (expanded &&\n modalState.touchMovePositive &&\n modalState.touchStartContentScrollTop === 0) ||\n modalState.headerElement?.contains(target)\n ) {\n originalEvent.preventDefault();\n\n if ((!expandable && shiftY < 0) || !this.window) {\n return;\n }\n\n !this.state.dragging && this.setState({ dragging: true });\n\n const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 0.8,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = rangeTranslate(\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { originalEvent, shiftY } = event;\n const target = originalEvent.target as HTMLElement;\n if (modalState.innerElement?.contains(target)) {\n if (!this.state.touchDown) {\n this.setState({ touchDown: true, dragging: true });\n }\n\n const shiftYPercent =\n (shiftY / modalState.innerElement.offsetHeight) * 100;\n const shiftYCurrent = rubber(\n shiftYPercent,\n 72,\n 1.2,\n this.props.platform === ANDROID || this.props.platform === VKCOM\n );\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = Math.max(\n 0,\n (modalState.translateY ?? 0) + shiftYCurrent\n );\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onTouchEnd = (e: TouchEvent) => {\n const modalState = this.getModalState(this.props.activeModal);\n\n if (modalState?.type === ModalType.PAGE) {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === ModalType.CARD) {\n return this.onCardTouchEnd(e, modalState);\n }\n };\n\n onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n const { startY, shiftY } = event;\n\n modalState.contentScrolled = false;\n modalState.touchMovePositive = null;\n\n let setStateCallback;\n\n if (this.state.dragging && this.window) {\n const shiftYEndPercent =\n ((startY + shiftY) / this.window.innerHeight) * 100;\n\n let translateY = modalState.translateYCurrent ?? 0;\n const expectTranslateY =\n (translateY / event.duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = rangeTranslate(translateY + expectTranslateY);\n\n if (modalState.settlingHeight !== 100) {\n if (numberInRange(translateY, modalState.expandedRange)) {\n translateY = modalState.expandedRange?.[0] ?? 0;\n } else if (numberInRange(translateY, modalState.collapsedRange)) {\n translateY = modalState.translateYFrom ?? 0;\n } else if (numberInRange(translateY, modalState.hiddenRange)) {\n translateY = 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n modalState.expanded = translateY === 0;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n let setStateCallback;\n\n if (this.state.dragging) {\n let translateY = modalState.translateYCurrent ?? 0;\n\n const expectTranslateY =\n (translateY / duration) *\n 240 *\n 0.6 *\n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = Math.max(0, translateY + expectTranslateY);\n\n if (translateY >= 30) {\n translateY = 100;\n } else {\n translateY = 0;\n }\n\n modalState.translateY = translateY;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback\n );\n }\n\n onScroll = (e: React.SyntheticEvent) => {\n const activeModal = this.props.activeModal;\n\n const target = e.target as HTMLElement;\n\n if (!activeModal) {\n return;\n }\n const modalState = this.getModalState(activeModal);\n if (\n modalState?.type === ModalType.PAGE &&\n modalState?.contentElement?.contains(target)\n ) {\n modalState.contentScrolled = true;\n\n if (modalState.contentScrollStopTimeout) {\n clearTimeout(modalState.contentScrollStopTimeout);\n }\n\n modalState.contentScrollStopTimeout = setTimeout(() => {\n if (modalState.contentScrolled) {\n modalState.contentScrolled = false;\n }\n }, 250);\n }\n };\n\n waitTransitionFinish(\n modalState: ModalsStateEntry | undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n /**\n * Анимирует сдвиг модалки\n *\n * @param {ModalsStateEntry} modalState\n * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n */\n animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n const frameId = `animateTranslateFrame${modalState.id}`;\n\n cancelAnimationFrame(this.frameIds[frameId]);\n\n this.frameIds[frameId] = requestAnimationFrame(() => {\n setTransformStyle(\n modalState.innerElement,\n `translate3d(0, ${percent}%, 0)`\n );\n });\n }\n\n /* Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number | null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = Math.max(\n 0,\n Math.min(100, opacity)\n ).toString();\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal } = this.props;\n const { touchDown, dragging } = this.state;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <ModalRootContext.Provider value={this.modalRootContext}>\n <Touch\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n {\n \"ModalRoot--vkapps\":\n this.props.configProvider?.webviewType === WebviewType.VKAPPS,\n \"ModalRoot--touched\": touchDown,\n \"ModalRoot--switching\": !!(enteringModal || exitingModal),\n }\n )}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n onScroll={this.onScroll}\n >\n <div\n vkuiClass=\"ModalRoot__mask\"\n onClick={this.props.onExit}\n ref={this.maskElementRef}\n />\n <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n {this.getModals().map((Modal) => {\n const modalId = getNavId(Modal.props, warn);\n const _modalState = this.getModalState(modalId);\n if (\n (modalId !== activeModal && modalId !== exitingModal) ||\n !_modalState\n ) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === ModalType.PAGE;\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\n getRootRef={(e) => {\n const modalState = this.getModalState(modalId);\n if (modalState) {\n modalState.modalElement = e;\n }\n }}\n onClose={this.props.onExit}\n timeout={this.timeout}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalRoot__modal\", {\n \"ModalRoot__modal--active\": modalId === activeModal,\n \"ModalRoot__modal--prev\": modalId === exitingModal,\n \"ModalRoot__modal--next\":\n (exitingModal && modalId === activeModal) ||\n modalId === enteringModal,\n\n \"ModalRoot__modal--dragging\": dragging,\n\n \"ModalRoot__modal--expandable\":\n isPage && modalState.expandable,\n \"ModalRoot__modal--expanded\":\n isPage && modalState.expanded,\n \"ModalRoot__modal--collapsed\":\n isPage && modalState.collapsed,\n })}\n restoreFocus={false}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </Touch>\n </ModalRootContext.Provider>\n </TouchRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootTouch = withContext(\n withPlatform(\n withDOM<ModalRootProps>(\n withModalManager(initModal)(ModalRootTouchComponent)\n )\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case ModalType.PAGE:\n modalState.settlingHeight =\n modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case ModalType.CARD:\n return initCardModal(modalState);\n default:\n IS_DEV &&\n warn(\n `initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`,\n \"error\"\n );\n }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n const { contentElement } = modalState;\n const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n .offsetHeight;\n\n let prevTranslateY = modalState.translateY;\n\n modalState.expandable =\n contentHeight > (contentElement?.clientHeight ?? 0) ||\n modalState.settlingHeight === 100;\n\n let collapsed = false;\n let expanded = false;\n let translateYFrom;\n let translateY;\n let expandedRange: TranslateRange;\n let collapsedRange: TranslateRange;\n let hiddenRange: TranslateRange;\n\n if (modalState.expandable) {\n translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n const shiftHalf = translateYFrom / 2;\n const visiblePart = 100 - translateYFrom;\n\n expandedRange = [0, shiftHalf];\n collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = translateYFrom > 0;\n expanded = translateYFrom <= 0;\n translateY = translateYFrom;\n } else {\n const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n const height = contentHeight + headerHeight;\n\n translateYFrom =\n 100 -\n (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n 100;\n translateY = translateYFrom;\n\n expandedRange = [translateY, translateY + 25];\n collapsedRange = [translateY + 25, translateY + 25];\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if (\n (modalState.expandable && translateY > (prevTranslateY ?? 0)) ||\n modalState.settlingHeight === 100\n ) {\n translateY = 0;\n }\n\n modalState.expandedRange = expandedRange;\n modalState.collapsedRange = collapsedRange;\n modalState.hiddenRange = hiddenRange;\n modalState.translateY = translateY;\n modalState.translateYFrom = translateYFrom;\n modalState.collapsed = collapsed;\n modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n modalState.translateY = 0;\n}\n"],"file":"ModalRoot.js"}
|