@vkontakte/vkui 4.36.1 → 4.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.cache/.tsbuildinfo +221 -262
- package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +1 -1
- package/.cache/ts/src/components/Calendar/Calendar.d.ts +3 -2
- package/.cache/ts/src/components/CalendarDay/CalendarDay.d.ts +4 -2
- package/.cache/ts/src/components/CalendarDays/CalendarDays.d.ts +3 -1
- package/.cache/ts/src/components/CalendarHeader/CalendarHeader.d.ts +6 -1
- package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +2 -0
- package/.cache/ts/src/components/Group/Group.d.ts +5 -1
- package/.cache/ts/src/components/Radio/Radio.d.ts +1 -1
- package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +34 -1
- package/.cache/ts/src/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
- package/.cache/ts/src/components/Tappable/Tappable.d.ts +2 -1
- package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +7 -1
- package/.cache/ts/src/index.d.ts +2 -0
- package/.cache/ts/src/tokenized/index.d.ts +2 -0
- package/.eslintrc.json +2 -1
- package/dist/appearance/constants.js.map +1 -1
- package/dist/cjs/appearance/constants.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetContext.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cjs/components/ActionSheet/types.js.map +1 -1
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/BaseGallery/BaseGallery.js +11 -10
- package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -1
- package/dist/cjs/components/BaseGallery/helpers.js.map +1 -1
- package/dist/cjs/components/BaseGallery/types.js.map +1 -1
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cjs/components/Calendar/Calendar.js +9 -3
- package/dist/cjs/components/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/components/CalendarDay/CalendarDay.js +11 -3
- package/dist/cjs/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/cjs/components/CalendarDays/CalendarDays.js +4 -3
- package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/cjs/components/CalendarHeader/CalendarHeader.js +10 -4
- package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/cjs/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/cjs/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cjs/components/Cell/Cell.js.map +1 -1
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cjs/components/Cell/CellDragger/CellDragger.js.map +1 -1
- package/dist/cjs/components/Cell/useDraggable.js.map +1 -1
- package/dist/cjs/components/CellButton/CellButton.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js +6 -2
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cjs/components/Counter/Counter.js.map +1 -1
- package/dist/cjs/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/cjs/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cjs/components/Div/Div.js.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/DropdownIcon/DropdownIcon.js.map +1 -1
- package/dist/cjs/components/Epic/Epic.js.map +1 -1
- package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cjs/components/File/File.js.map +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cjs/components/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/FormField/FormField.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/cjs/components/Gallery/Gallery.js +2 -0
- package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
- package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
- package/dist/cjs/components/GridAvatar/GridAvatar.js.map +1 -1
- package/dist/cjs/components/Group/Group.js +4 -2
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
- package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/cjs/components/InputLike/InputLike.js.map +1 -1
- package/dist/cjs/components/InputLike/InputLikeDivider.js.map +1 -1
- package/dist/cjs/components/Link/Link.js.map +1 -1
- package/dist/cjs/components/List/List.js.map +1 -1
- package/dist/cjs/components/List/ListContext.js.map +1 -1
- package/dist/cjs/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cjs/components/ModalRoot/constants.js.map +1 -1
- package/dist/cjs/components/ModalRoot/types.js.map +1 -1
- package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cjs/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
- package/dist/cjs/components/Panel/Panel.js.map +1 -1
- package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cjs/components/PanelSpinner/PanelSpinner.js.map +1 -1
- package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cjs/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cjs/components/Popper/Popper.js.map +1 -1
- package/dist/cjs/components/PopperArrow/PopperArrow.js.map +1 -1
- package/dist/cjs/components/Progress/Progress.js.map +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cjs/components/Removable/Removable.js.map +1 -1
- package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
- package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cjs/components/Root/Root.js.map +1 -1
- package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
- package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cjs/components/Search/Search.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cjs/components/Separator/Separator.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js +30 -8
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cjs/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +16 -12
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cjs/components/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
- package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Tooltip/TooltipContainer.js.map +1 -1
- package/dist/cjs/components/Touch/Touch.js.map +1 -1
- package/dist/cjs/components/Touch/TouchContext.js.map +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cjs/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
- package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
- package/dist/cjs/components/UsersStack/UsersStack.js +5 -4
- package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cjs/components/View/View.js.map +1 -1
- package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
- package/dist/cjs/components/View/utils.js.map +1 -1
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -4
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cjs/helpers/avatar.js.map +1 -1
- package/dist/cjs/helpers/getClassName.js.map +1 -1
- package/dist/cjs/helpers/getScheme.js.map +1 -1
- package/dist/cjs/helpers/math.js.map +1 -1
- package/dist/cjs/helpers/scheme.js.map +1 -1
- package/dist/cjs/hoc/withAdaptivity.js.map +1 -1
- package/dist/cjs/hoc/withContext.js.map +1 -1
- package/dist/cjs/hoc/withInsets.js.map +1 -1
- package/dist/cjs/hoc/withPlatform.js.map +1 -1
- package/dist/cjs/hooks/useAdaptivity.js.map +1 -1
- package/dist/cjs/hooks/useAppearance.js.map +1 -1
- package/dist/cjs/hooks/useBooleanState.js.map +1 -1
- package/dist/cjs/hooks/useBridgeAdaptivity.js.map +1 -1
- package/dist/cjs/hooks/useBrowserInfo.js.map +1 -1
- package/dist/cjs/hooks/useCalendar.js.map +1 -1
- package/dist/cjs/hooks/useChipsInput.js.map +1 -1
- package/dist/cjs/hooks/useChipsSelect.js.map +1 -1
- package/dist/cjs/hooks/useDateInput.js.map +1 -1
- package/dist/cjs/hooks/useEffectDev.js.map +1 -1
- package/dist/cjs/hooks/useEnsuredControl.js.map +1 -1
- package/dist/cjs/hooks/useEventListener.js.map +1 -1
- package/dist/cjs/hooks/useExternRef.js.map +1 -1
- package/dist/cjs/hooks/useFocusVisible.js.map +1 -1
- package/dist/cjs/hooks/useGlobalEventListener.js.map +1 -1
- package/dist/cjs/hooks/useInsets.js.map +1 -1
- package/dist/cjs/hooks/useKeyboard.js.map +1 -1
- package/dist/cjs/hooks/useKeyboardInputTracker.js.map +1 -1
- package/dist/cjs/hooks/useObjectMemo.js.map +1 -1
- package/dist/cjs/hooks/useOrientationChange.js.map +1 -1
- package/dist/cjs/hooks/usePagination.js.map +1 -1
- package/dist/cjs/hooks/usePatchChildrenRef.js.map +1 -1
- package/dist/cjs/hooks/usePlatform.js.map +1 -1
- package/dist/cjs/hooks/usePrevious.js.map +1 -1
- package/dist/cjs/hooks/useTimeout.js.map +1 -1
- package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cjs/index.js +8 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/SSR.js.map +1 -1
- package/dist/cjs/lib/accessibility.js.map +1 -1
- package/dist/cjs/lib/animate.js.map +1 -1
- package/dist/cjs/lib/browser.js.map +1 -1
- package/dist/cjs/lib/calendar.js.map +1 -1
- package/dist/cjs/lib/callMultiple.js.map +1 -1
- package/dist/cjs/lib/classNames.js.map +1 -1
- package/dist/cjs/lib/classScopingMode.js.map +1 -1
- package/dist/cjs/lib/date.js.map +1 -1
- package/dist/cjs/lib/dom.js.map +1 -1
- package/dist/cjs/lib/fx.js.map +1 -1
- package/dist/cjs/lib/getNavId.js.map +1 -1
- package/dist/cjs/lib/is.js.map +1 -1
- package/dist/cjs/lib/isRefObject.js.map +1 -1
- package/dist/cjs/lib/jsxRuntime.d.js.map +1 -1
- package/dist/cjs/lib/jsxRuntime.js.map +1 -1
- package/dist/cjs/lib/offset.js.map +1 -1
- package/dist/cjs/lib/platform.js.map +1 -1
- package/dist/cjs/lib/polyfills.js.map +1 -1
- package/dist/cjs/lib/prefixClass.js.map +1 -1
- package/dist/cjs/lib/removeObjectKeys.js.map +1 -1
- package/dist/cjs/lib/select.js.map +1 -1
- package/dist/cjs/lib/styles.js.map +1 -1
- package/dist/cjs/lib/supportEvents.js.map +1 -1
- package/dist/cjs/lib/taptic.js.map +1 -1
- package/dist/cjs/lib/testing.js.map +1 -1
- package/dist/cjs/lib/touch.js.map +1 -1
- package/dist/cjs/lib/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/cjs/lib/utils.js.map +1 -1
- package/dist/cjs/lib/warnOnce.js.map +1 -1
- package/dist/cjs/tokenized/index.js +8 -0
- package/dist/cjs/tokenized/index.js.map +1 -1
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/unstable/index.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetContext.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/components/ActionSheet/types.js.map +1 -1
- package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/BaseGallery/BaseGallery.js +11 -10
- package/dist/components/BaseGallery/BaseGallery.js.map +1 -1
- package/dist/components/BaseGallery/helpers.js.map +1 -1
- package/dist/components/BaseGallery/types.js.map +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/Calendar/Calendar.d.ts +3 -2
- package/dist/components/Calendar/Calendar.js +9 -3
- package/dist/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/CalendarDay/CalendarDay.d.ts +4 -2
- package/dist/components/CalendarDay/CalendarDay.js +8 -3
- package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/components/CalendarDays/CalendarDays.d.ts +3 -1
- package/dist/components/CalendarDays/CalendarDays.js +4 -3
- package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/components/CalendarHeader/CalendarHeader.d.ts +6 -1
- package/dist/components/CalendarHeader/CalendarHeader.js +7 -4
- package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/components/Cell/Cell.js.map +1 -1
- package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/components/Cell/CellDragger/CellDragger.js.map +1 -1
- package/dist/components/Cell/useDraggable.js.map +1 -1
- package/dist/components/CellButton/CellButton.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
- package/dist/components/ChipsSelect/ChipsSelect.d.ts +2 -0
- package/dist/components/ChipsSelect/ChipsSelect.js +6 -2
- package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/components/Counter/Counter.js.map +1 -1
- package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/components/DateInput/DateInput.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/components/Div/Div.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/DropdownIcon/DropdownIcon.js.map +1 -1
- package/dist/components/Epic/Epic.js.map +1 -1
- package/dist/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/components/File/File.js.map +1 -1
- package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/components/Footer/Footer.js.map +1 -1
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/components/Gallery/Gallery.js +2 -0
- package/dist/components/Gallery/Gallery.js.map +1 -1
- package/dist/components/Gradient/Gradient.js.map +1 -1
- package/dist/components/GridAvatar/GridAvatar.js.map +1 -1
- package/dist/components/Group/Group.d.ts +5 -1
- package/dist/components/Group/Group.js +4 -2
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/InputLike/InputLike.js.map +1 -1
- package/dist/components/InputLike/InputLikeDivider.js.map +1 -1
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/List/List.js.map +1 -1
- package/dist/components/List/ListContext.js.map +1 -1
- package/dist/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/components/ModalRoot/constants.js.map +1 -1
- package/dist/components/ModalRoot/types.js.map +1 -1
- package/dist/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Panel/Panel.js.map +1 -1
- package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/components/PanelSpinner/PanelSpinner.js.map +1 -1
- package/dist/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/components/Popper/Popper.js.map +1 -1
- package/dist/components/PopperArrow/PopperArrow.js.map +1 -1
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/PromoBanner/PromoBanner.js +1 -1
- package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/components/Removable/Removable.js.map +1 -1
- package/dist/components/RichCell/RichCell.js.map +1 -1
- package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/components/Root/Root.js.map +1 -1
- package/dist/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
- package/dist/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
- package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/components/Separator/Separator.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.d.ts +34 -1
- package/dist/components/SimpleCell/SimpleCell.js +29 -8
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Spacing/Spacing.js.map +1 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
- package/dist/components/SubnavigationButton/SubnavigationButton.js +15 -11
- package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/components/Tappable/Tappable.d.ts +2 -1
- package/dist/components/Tappable/Tappable.js.map +1 -1
- package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/TooltipContainer.js.map +1 -1
- package/dist/components/Touch/Touch.js.map +1 -1
- package/dist/components/Touch/TouchContext.js.map +1 -1
- package/dist/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/components/Typography/Text/Text.js.map +1 -1
- package/dist/components/Typography/Title/Title.js.map +1 -1
- package/dist/components/UsersStack/UsersStack.d.ts +7 -1
- package/dist/components/UsersStack/UsersStack.js +5 -4
- package/dist/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/View/ViewInfinite.js.map +1 -1
- package/dist/components/View/utils.js.map +1 -1
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/components.css +36 -7
- package/dist/components.css.map +1 -1
- package/dist/cssm/appearance/constants.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetContext.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cssm/components/ActionSheet/types.js.map +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
- package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
- package/dist/cssm/components/Badge/Badge.js.map +1 -1
- package/dist/cssm/components/Banner/Banner.js.map +1 -1
- package/dist/cssm/components/BaseGallery/BaseGallery.js +11 -10
- package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -1
- package/dist/cssm/components/BaseGallery/helpers.js.map +1 -1
- package/dist/cssm/components/BaseGallery/types.js.map +1 -1
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cssm/components/Calendar/Calendar.d.ts +3 -2
- package/dist/cssm/components/Calendar/Calendar.js +9 -3
- package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.d.ts +4 -2
- package/dist/cssm/components/CalendarDay/CalendarDay.js +8 -3
- package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.d.ts +3 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.js +4 -3
- package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts +6 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.js +7 -4
- package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/cssm/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/cssm/components/Card/Card.js.map +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cssm/components/Cell/Cell.js.map +1 -1
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map +1 -1
- package/dist/cssm/components/Cell/useDraggable.js.map +1 -1
- package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cssm/components/Chip/Chip.js.map +1 -1
- package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +2 -0
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js +6 -2
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cssm/components/Counter/Counter.css +3 -1
- package/dist/cssm/components/Counter/Counter.js.map +1 -1
- package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/cssm/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
- package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cssm/components/Div/Div.js.map +1 -1
- package/dist/cssm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cssm/components/DropdownIcon/DropdownIcon.js.map +1 -1
- package/dist/cssm/components/Epic/Epic.js.map +1 -1
- package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cssm/components/File/File.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.css +7 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cssm/components/Footer/Footer.js.map +1 -1
- package/dist/cssm/components/FormField/FormField.js.map +1 -1
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/cssm/components/Gallery/Gallery.js +2 -0
- package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
- package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.js.map +1 -1
- package/dist/cssm/components/Group/Group.css +1 -1
- package/dist/cssm/components/Group/Group.d.ts +5 -1
- package/dist/cssm/components/Group/Group.js +4 -2
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Header/Header.css +1 -1
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
- package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/cssm/components/Input/Input.js.map +1 -1
- package/dist/cssm/components/InputLike/InputLike.js.map +1 -1
- package/dist/cssm/components/InputLike/InputLikeDivider.js.map +1 -1
- package/dist/cssm/components/Link/Link.js.map +1 -1
- package/dist/cssm/components/List/List.js.map +1 -1
- package/dist/cssm/components/List/ListContext.js.map +1 -1
- package/dist/cssm/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.css +4 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cssm/components/ModalRoot/constants.js.map +1 -1
- package/dist/cssm/components/ModalRoot/types.js.map +1 -1
- package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cssm/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cssm/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
- package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
- package/dist/cssm/components/Panel/Panel.js.map +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cssm/components/PanelSpinner/PanelSpinner.js.map +1 -1
- package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cssm/components/Popper/Popper.js.map +1 -1
- package/dist/cssm/components/PopperArrow/PopperArrow.js.map +1 -1
- package/dist/cssm/components/Progress/Progress.js.map +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.js.map +1 -1
- package/dist/cssm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cssm/components/Removable/Removable.js.map +1 -1
- package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
- package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cssm/components/Root/Root.js.map +1 -1
- package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
- package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cssm/components/Search/Search.js.map +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cssm/components/Select/Select.js.map +1 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cssm/components/Separator/Separator.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +34 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js +29 -8
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cssm/components/Slider/Slider.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
- package/dist/cssm/components/Spinner/Spinner.js.map +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.css +7 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.css +9 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +15 -11
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cssm/components/Switch/Switch.js.map +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
- package/dist/cssm/components/TabsItem/TabsItem.css +5 -1
- package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cssm/components/Tappable/Tappable.d.ts +2 -1
- package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
- package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cssm/components/Tooltip/TooltipContainer.js.map +1 -1
- package/dist/cssm/components/Touch/Touch.js.map +1 -1
- package/dist/cssm/components/Touch/TouchContext.js.map +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cssm/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
- package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.d.ts +7 -1
- package/dist/cssm/components/UsersStack/UsersStack.js +5 -4
- package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cssm/components/View/View.js.map +1 -1
- package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
- package/dist/cssm/components/View/utils.js.map +1 -1
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cssm/helpers/avatar.js.map +1 -1
- package/dist/cssm/helpers/getClassName.js.map +1 -1
- package/dist/cssm/helpers/getScheme.js.map +1 -1
- package/dist/cssm/helpers/math.js.map +1 -1
- package/dist/cssm/helpers/scheme.js.map +1 -1
- package/dist/cssm/hoc/withAdaptivity.js.map +1 -1
- package/dist/cssm/hoc/withContext.js.map +1 -1
- package/dist/cssm/hoc/withInsets.js.map +1 -1
- package/dist/cssm/hoc/withPlatform.js.map +1 -1
- package/dist/cssm/hooks/useAdaptivity.js.map +1 -1
- package/dist/cssm/hooks/useAppearance.js.map +1 -1
- package/dist/cssm/hooks/useBooleanState.js.map +1 -1
- package/dist/cssm/hooks/useBridgeAdaptivity.js.map +1 -1
- package/dist/cssm/hooks/useBrowserInfo.js.map +1 -1
- package/dist/cssm/hooks/useCalendar.js.map +1 -1
- package/dist/cssm/hooks/useChipsInput.js.map +1 -1
- package/dist/cssm/hooks/useChipsSelect.js.map +1 -1
- package/dist/cssm/hooks/useDateInput.js.map +1 -1
- package/dist/cssm/hooks/useEffectDev.js.map +1 -1
- package/dist/cssm/hooks/useEnsuredControl.js.map +1 -1
- package/dist/cssm/hooks/useEventListener.js.map +1 -1
- package/dist/cssm/hooks/useExternRef.js.map +1 -1
- package/dist/cssm/hooks/useFocusVisible.js.map +1 -1
- package/dist/cssm/hooks/useGlobalEventListener.js.map +1 -1
- package/dist/cssm/hooks/useInsets.js.map +1 -1
- package/dist/cssm/hooks/useKeyboard.js.map +1 -1
- package/dist/cssm/hooks/useKeyboardInputTracker.js.map +1 -1
- package/dist/cssm/hooks/useObjectMemo.js.map +1 -1
- package/dist/cssm/hooks/useOrientationChange.js.map +1 -1
- package/dist/cssm/hooks/usePagination.js.map +1 -1
- package/dist/cssm/hooks/usePatchChildrenRef.js.map +1 -1
- package/dist/cssm/hooks/usePlatform.js.map +1 -1
- package/dist/cssm/hooks/usePrevious.js.map +1 -1
- package/dist/cssm/hooks/useTimeout.js.map +1 -1
- package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cssm/index.d.ts +2 -0
- package/dist/cssm/index.js +1 -0
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/SSR.js.map +1 -1
- package/dist/cssm/lib/accessibility.js.map +1 -1
- package/dist/cssm/lib/animate.js.map +1 -1
- package/dist/cssm/lib/browser.js.map +1 -1
- package/dist/cssm/lib/calendar.js.map +1 -1
- package/dist/cssm/lib/callMultiple.js.map +1 -1
- package/dist/cssm/lib/classNames.js.map +1 -1
- package/dist/cssm/lib/classScopingMode.js.map +1 -1
- package/dist/cssm/lib/date.js.map +1 -1
- package/dist/cssm/lib/dom.js.map +1 -1
- package/dist/cssm/lib/fx.js.map +1 -1
- package/dist/cssm/lib/getNavId.js.map +1 -1
- package/dist/cssm/lib/is.js.map +1 -1
- package/dist/cssm/lib/isRefObject.js.map +1 -1
- package/dist/cssm/lib/jsxRuntime.d.js.map +1 -1
- package/dist/cssm/lib/jsxRuntime.js.map +1 -1
- package/dist/cssm/lib/offset.js.map +1 -1
- package/dist/cssm/lib/platform.js.map +1 -1
- package/dist/cssm/lib/polyfills.js.map +1 -1
- package/dist/cssm/lib/prefixClass.js.map +1 -1
- package/dist/cssm/lib/removeObjectKeys.js.map +1 -1
- package/dist/cssm/lib/select.js.map +1 -1
- package/dist/cssm/lib/styles.js.map +1 -1
- package/dist/cssm/lib/supportEvents.js.map +1 -1
- package/dist/cssm/lib/taptic.js.map +1 -1
- package/dist/cssm/lib/testing.js.map +1 -1
- package/dist/cssm/lib/touch.js.map +1 -1
- package/dist/cssm/lib/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/cssm/lib/utils.js.map +1 -1
- package/dist/cssm/lib/warnOnce.js.map +1 -1
- package/dist/cssm/styles/components.css +36 -7
- package/dist/cssm/styles/themes.css +1 -1
- package/dist/cssm/tokenized/index.d.ts +2 -0
- package/dist/cssm/tokenized/index.js +1 -0
- package/dist/cssm/tokenized/index.js.map +1 -1
- package/dist/cssm/types.js.map +1 -1
- package/dist/cssm/unstable/index.js.map +1 -1
- package/dist/helpers/avatar.js.map +1 -1
- package/dist/helpers/getClassName.js.map +1 -1
- package/dist/helpers/getScheme.js.map +1 -1
- package/dist/helpers/math.js.map +1 -1
- package/dist/helpers/scheme.js.map +1 -1
- package/dist/hoc/withAdaptivity.js.map +1 -1
- package/dist/hoc/withContext.js.map +1 -1
- package/dist/hoc/withInsets.js.map +1 -1
- package/dist/hoc/withPlatform.js.map +1 -1
- package/dist/hooks/useAdaptivity.js.map +1 -1
- package/dist/hooks/useAppearance.js.map +1 -1
- package/dist/hooks/useBooleanState.js.map +1 -1
- package/dist/hooks/useBridgeAdaptivity.js.map +1 -1
- package/dist/hooks/useBrowserInfo.js.map +1 -1
- package/dist/hooks/useCalendar.js.map +1 -1
- package/dist/hooks/useChipsInput.js.map +1 -1
- package/dist/hooks/useChipsSelect.js.map +1 -1
- package/dist/hooks/useDateInput.js.map +1 -1
- package/dist/hooks/useEffectDev.js.map +1 -1
- package/dist/hooks/useEnsuredControl.js.map +1 -1
- package/dist/hooks/useEventListener.js.map +1 -1
- package/dist/hooks/useExternRef.js.map +1 -1
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/hooks/useGlobalEventListener.js.map +1 -1
- package/dist/hooks/useInsets.js.map +1 -1
- package/dist/hooks/useKeyboard.js.map +1 -1
- package/dist/hooks/useKeyboardInputTracker.js.map +1 -1
- package/dist/hooks/useObjectMemo.js.map +1 -1
- package/dist/hooks/useOrientationChange.js.map +1 -1
- package/dist/hooks/usePagination.js.map +1 -1
- package/dist/hooks/usePatchChildrenRef.js.map +1 -1
- package/dist/hooks/usePlatform.js.map +1 -1
- package/dist/hooks/usePrevious.js.map +1 -1
- package/dist/hooks/useTimeout.js.map +1 -1
- package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/SSR.js.map +1 -1
- package/dist/lib/accessibility.js.map +1 -1
- package/dist/lib/animate.js.map +1 -1
- package/dist/lib/browser.js.map +1 -1
- package/dist/lib/calendar.js.map +1 -1
- package/dist/lib/callMultiple.js.map +1 -1
- package/dist/lib/classNames.js.map +1 -1
- package/dist/lib/classScopingMode.js.map +1 -1
- package/dist/lib/date.js.map +1 -1
- package/dist/lib/dom.js.map +1 -1
- package/dist/lib/fx.js.map +1 -1
- package/dist/lib/getNavId.js.map +1 -1
- package/dist/lib/is.js.map +1 -1
- package/dist/lib/isRefObject.js.map +1 -1
- package/dist/lib/jsxRuntime.d.js.map +1 -1
- package/dist/lib/jsxRuntime.js.map +1 -1
- package/dist/lib/offset.js.map +1 -1
- package/dist/lib/platform.js.map +1 -1
- package/dist/lib/polyfills.js.map +1 -1
- package/dist/lib/prefixClass.js.map +1 -1
- package/dist/lib/removeObjectKeys.js.map +1 -1
- package/dist/lib/select.js.map +1 -1
- package/dist/lib/styles.js.map +1 -1
- package/dist/lib/supportEvents.js.map +1 -1
- package/dist/lib/taptic.js.map +1 -1
- package/dist/lib/testing.js.map +1 -1
- package/dist/lib/touch.js.map +1 -1
- package/dist/lib/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/lib/warnOnce.js.map +1 -1
- package/dist/tokenized/index.d.ts +2 -0
- package/dist/tokenized/index.js +1 -0
- package/dist/tokenized/index.js.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/unstable/index.js.map +1 -1
- package/dist/vkui.css +37 -8
- package/dist/vkui.css.map +1 -1
- package/package.json +16 -17
- package/src/components/Avatar/Readme.md +8 -8
- package/src/components/BaseGallery/BaseGallery.tsx +9 -5
- package/src/components/Calendar/Calendar.tsx +10 -1
- package/src/components/CalendarDay/CalendarDay.tsx +9 -2
- package/src/components/CalendarDays/CalendarDays.tsx +7 -1
- package/src/components/CalendarHeader/CalendarHeader.tsx +9 -1
- package/src/components/ChipsSelect/ChipsSelect.tsx +6 -0
- package/src/components/Counter/Counter.css +13 -0
- package/src/components/FixedLayout/FixedLayout.css +19 -3
- package/src/components/Gallery/Gallery.tsx +1 -0
- package/src/components/Gradient/Readme.md +1 -1
- package/src/components/Group/Group.css +11 -2
- package/src/components/Group/Group.tsx +7 -1
- package/src/components/Group/Readme.md +2 -2
- package/src/components/Header/Header.css +3 -4
- package/src/components/ModalRoot/ModalRoot.css +14 -2
- package/src/components/Panel/Panel.css +2 -0
- package/src/components/PanelHeaderContent/Readme.md +5 -1
- package/src/components/PromoBanner/PromoBanner.tsx +1 -1
- package/src/components/SimpleCell/Readme.md +3 -3
- package/src/components/SimpleCell/SimpleCell.css +6 -1
- package/src/components/SimpleCell/SimpleCell.tsx +71 -8
- package/src/components/SplitLayout/SplitLayout.css +8 -2
- package/src/components/SubnavigationButton/Readme.md +133 -116
- package/src/components/SubnavigationButton/SubnavigationButton.css +86 -53
- package/src/components/SubnavigationButton/SubnavigationButton.tsx +22 -15
- package/src/components/TabsItem/TabsItem.css +8 -2
- package/src/components/Tappable/Tappable.tsx +13 -11
- package/src/components/Tooltip/Readme.md +7 -7
- package/src/components/UsersStack/UsersStack.tsx +9 -3
- package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +1 -6
- package/src/index.ts +2 -0
- package/src/testing/utils.tsx +1 -1
- package/src/tokenized/index.ts +3 -0
|
@@ -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 {\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 children?: React.ReactNode;\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 ?? 0;\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 vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n \"ModalRoot--vkapps\",\n touchDown && \"ModalRoot--touched\",\n !!(enteringModal || exitingModal) && \"ModalRoot--switching\"\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 vkuiClass={classNames(\n \"ModalRoot__modal\",\n modalId === activeModal && \"ModalRoot__modal--active\",\n modalId === exitingModal && \"ModalRoot__modal--prev\",\n ((exitingModal && modalId === activeModal) ||\n modalId === enteringModal) &&\n \"ModalRoot__modal--next\",\n\n dragging && \"ModalRoot__modal--dragging\",\n\n isPage &&\n modalState.expandable &&\n \"ModalRoot__modal--expandable\",\n isPage &&\n modalState.expanded &&\n \"ModalRoot__modal--expanded\",\n isPage &&\n modalState.collapsed &&\n \"ModalRoot__modal--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 // Если модалка уже раскрыта обновляем состояния\n if (translateY === 0) {\n expanded = true;\n collapsed = false;\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,"file":"ModalRoot.js","names":["warn","warnOnce","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","rubber","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","setTransformStyle","forceOpacity","history","maskAnimationFrame","opacity","toString","classNames","getClassName","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","getNavId","_modalState","isPage","key","Component","ModalRootTouch","withContext","withPlatform","withDOM","withModalManager","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"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 children?: React.ReactNode;\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 ?? 0;\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 vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n \"ModalRoot--vkapps\",\n touchDown && \"ModalRoot--touched\",\n !!(enteringModal || exitingModal) && \"ModalRoot--switching\"\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 vkuiClass={classNames(\n \"ModalRoot__modal\",\n modalId === activeModal && \"ModalRoot__modal--active\",\n modalId === exitingModal && \"ModalRoot__modal--prev\",\n ((exitingModal && modalId === activeModal) ||\n modalId === enteringModal) &&\n \"ModalRoot__modal--next\",\n\n dragging && \"ModalRoot__modal--dragging\",\n\n isPage &&\n modalState.expandable &&\n \"ModalRoot__modal--expandable\",\n isPage &&\n modalState.expanded &&\n \"ModalRoot__modal--expanded\",\n isPage &&\n modalState.collapsed &&\n \"ModalRoot__modal--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 // Если модалка уже раскрыта обновляем состояния\n if (translateY === 0) {\n expanded = true;\n collapsed = false;\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"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ModalRootAdaptive.js","names":["ModalRootComponent","props","isDesktop","useAdaptivityIsDesktop","useScrollLock","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch","displayName","ModalRoot","withAdaptivity","viewWidth","viewHeight","hasMouse"],"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\n\nexport interface ModalRootProps extends AdaptivityProps {\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 children?: React.ReactNode;\n}\n\nconst ModalRootComponent = (\n props: ModalRootProps & AdaptivityContextInterface\n) => {\n const isDesktop = useAdaptivityIsDesktop();\n\n useScrollLock(!!props.activeModal);\n\n const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AAKA;;AACA;;AA2BA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CACzBC,KADyB,EAEtB;EACH,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EAEA,IAAAC,4BAAA,EAAc,CAAC,CAACH,KAAK,CAACI,WAAtB;EAEA,IAAMC,aAAa,GAAGJ,SAAS,GAAGK,kCAAH,GAAsBC,yBAArD;EAEA,OAAO,qCAAC,aAAD,EAAmBP,KAAnB,CAAP;AACD,CAVD;;AAYAD,kBAAkB,CAACS,WAAnB,GAAiC,WAAjC;AAEA;AACA;AACA;;AACO,IAAMC,SAAS,GAAG,IAAAC,8BAAA,EAAeX,kBAAf,EAAmC;EAC1DY,SAAS,EAAE,IAD+C;EAE1DC,UAAU,EAAE,IAF8C;EAG1DC,QAAQ,EAAE;AAHgD,CAAnC,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ModalRootContext.js","names":["ModalRootContext","React","createContext","updateModalHeight","undefined","registerModal","isInsideModal","useModalRegistry","id","type","modalContext","useContext","elements","useRef","current","useIsomorphicLayoutEffect","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement"],"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { ModalElements, ModalsStateEntry, ModalType } from \"./types\";\n\nexport type ModalRegistryEntry = ModalElements &\n Required<Pick<ModalsStateEntry, \"type\" | \"id\">>;\ntype ModalRefs = { [k in keyof ModalElements]: (e: ModalElements[k]) => void };\n\nexport interface ModalRootContextInterface {\n updateModalHeight: VoidFunction;\n registerModal(data: ModalRegistryEntry): void;\n onClose?: VoidFunction;\n isInsideModal: boolean;\n}\n\nexport const ModalRootContext = React.createContext<ModalRootContextInterface>({\n updateModalHeight: () => undefined,\n registerModal: () => undefined,\n isInsideModal: false,\n});\n\n/**\n * All referenced elements must be static\n */\nexport function useModalRegistry(id: string | undefined, type: ModalType) {\n const modalContext = React.useContext(ModalRootContext);\n const elements = React.useRef<ModalElements>({}).current;\n useIsomorphicLayoutEffect(() => {\n if (id !== undefined) {\n modalContext.registerModal({ ...elements, type, id });\n // unset refs on unmount to prevent leak\n const reset = Object.keys(elements).reduce<ModalRegistryEntry>(\n (acc, k) => ({ ...acc, [k]: null }),\n { type, id }\n );\n return () => modalContext.registerModal(reset);\n }\n return undefined;\n }, []);\n\n const refs = React.useRef<Required<ModalRefs>>({\n modalElement: (e) => (elements.modalElement = e),\n innerElement: (e) => (elements.innerElement = e),\n headerElement: (e) => (elements.headerElement = e),\n contentElement: (e) => (elements.contentElement = e),\n }).current;\n return { refs };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AACA;;AAcO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAN,CAA+C;EAC7EC,iBAAiB,EAAE;IAAA,OAAMC,SAAN;EAAA,CAD0D;EAE7EC,aAAa,EAAE;IAAA,OAAMD,SAAN;EAAA,CAF8D;EAG7EE,aAAa,EAAE;AAH8D,CAA/C,CAAzB;AAMP;AACA;AACA;;;;AACO,SAASC,gBAAT,CAA0BC,EAA1B,EAAkDC,IAAlD,EAAmE;EACxE,IAAMC,YAAY,GAAGT,KAAK,CAACU,UAAN,CAAiBX,gBAAjB,CAArB;EACA,IAAMY,QAAQ,GAAGX,KAAK,CAACY,MAAN,CAA4B,EAA5B,EAAgCC,OAAjD;EACA,IAAAC,oDAAA,EAA0B,YAAM;IAC9B,IAAIP,EAAE,KAAKJ,SAAX,EAAsB;MACpBM,YAAY,CAACL,aAAb,6DAAgCO,QAAhC;QAA0CH,IAAI,EAAJA,IAA1C;QAAgDD,EAAE,EAAFA;MAAhD,IADoB,CAEpB;;MACA,IAAMQ,KAAK,GAAGC,MAAM,CAACC,IAAP,CAAYN,QAAZ,EAAsBO,MAAtB,CACZ,UAACC,GAAD,EAAMC,CAAN;QAAA,mEAAkBD,GAAlB,yCAAwBC,CAAxB,EAA4B,IAA5B;MAAA,CADY,EAEZ;QAAEZ,IAAI,EAAJA,IAAF;QAAQD,EAAE,EAAFA;MAAR,CAFY,CAAd;MAIA,OAAO;QAAA,OAAME,YAAY,CAACL,aAAb,CAA2BW,KAA3B,CAAN;MAAA,CAAP;IACD;;IACD,OAAOZ,SAAP;EACD,CAXD,EAWG,EAXH;EAaA,IAAMkB,IAAI,GAAGrB,KAAK,CAACY,MAAN,CAAkC;IAC7CU,YAAY,EAAE,sBAACC,CAAD;MAAA,OAAQZ,QAAQ,CAACW,YAAT,GAAwBC,CAAhC;IAAA,CAD+B;IAE7CC,YAAY,EAAE,sBAACD,CAAD;MAAA,OAAQZ,QAAQ,CAACa,YAAT,GAAwBD,CAAhC;IAAA,CAF+B;IAG7CE,aAAa,EAAE,uBAACF,CAAD;MAAA,OAAQZ,QAAQ,CAACc,aAAT,GAAyBF,CAAjC;IAAA,CAH8B;IAI7CG,cAAc,EAAE,wBAACH,CAAD;MAAA,OAAQZ,QAAQ,CAACe,cAAT,GAA0BH,CAAlC;IAAA;EAJ6B,CAAlC,EAKVV,OALH;EAMA,OAAO;IAAEQ,IAAI,EAAJA;EAAF,CAAP;AACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":["warn","ModalRootDesktopComponent","props","undefined","maskElementRef","React","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","ANDROID","VKCOM","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","transitionEvent","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","Math","max","min","toString","configProvider","webviewType","WebviewType","VKAPPS","modals","map","Modal","modalId","key","Boolean","Component","ModalRootDesktop","ConfigProviderContext"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\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 } from \"./types\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { getClassName } from \"../../helpers/getClassName\";\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\");\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string | null;\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\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\nclass ModalRootDesktopComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id), data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n }\n\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private maskAnimationFrame: number | undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private restoreFocusTo: HTMLElement | undefined = undefined;\n\n private get timeout() {\n return this.props.platform === ANDROID || this.props.platform === VKCOM\n ? 320\n : 400;\n }\n\n private get modals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n getModalState(id: string | null) {\n if (id === null) {\n return undefined;\n }\n return this.props.getModalState(id);\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 requestAnimationFrame(() => {\n if (this.props.enteringModal === enteringModal) {\n this.waitTransitionFinish(enteringState, () =>\n this.props.onEntered(enteringModal)\n );\n this.animateModalOpacity(enteringState, true);\n }\n });\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = (this.props.document?.activeElement ??\n undefined) as HTMLElement | undefined;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = undefined;\n }\n }\n\n closeModal(id: string) {\n const prevModalState = this.getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n this.animateModalOpacity(prevModalState, false);\n if (!this.props.activeModal) {\n this.setMaskOpacity(prevModalState, 0);\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 animateModalOpacity(\n modalState: ModalsStateEntry | undefined,\n display: boolean\n ) {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transitionDelay =\n display && this.props.delayEnter ? `${this.timeout}ms` : \"\";\n modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\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\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 { exitingModal, activeModal, enteringModal } = this.props;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={this.modalRootContext}>\n <div\n vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n \"ModalRoot--vkapps\",\n \"ModalRoot--desktop\"\n )}\n >\n <div\n vkuiClass=\"ModalRoot__mask\"\n ref={this.maskElementRef}\n onClick={this.props.onExit}\n />\n <div vkuiClass=\"ModalRoot__viewport\">\n {this.modals.map((Modal: React.ReactElement) => {\n const modalId = getNavId(Modal.props, warn);\n if (modalId !== activeModal && modalId !== exitingModal) {\n return null;\n }\n\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n restoreFocus={false}\n onClose={this.props.onExit}\n timeout={this.timeout}\n key={key}\n vkuiClass={classNames(\n \"ModalRoot__modal\",\n !exitingModal &&\n !enteringModal &&\n modalId === activeModal &&\n \"ModalRoot__modal--active\",\n modalId === exitingModal && \"ModalRoot__modal--prev\",\n Boolean(exitingModal) &&\n modalId === activeModal &&\n \"ModalRoot__modal--next\"\n )}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootDesktop = withContext(\n withPlatform(\n withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n"],"file":"ModalRootDesktop.js"}
|
|
1
|
+
{"version":3,"file":"ModalRootDesktop.js","names":["warn","warnOnce","ModalRootDesktopComponent","props","undefined","maskElementRef","React","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","ANDROID","VKCOM","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","transitionEvent","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","Math","max","min","toString","classNames","getClassName","configProvider","webviewType","WebviewType","VKAPPS","modals","map","Modal","modalId","getNavId","key","Boolean","Component","ModalRootDesktop","withContext","withPlatform","withDOM","withModalManager","ConfigProviderContext"],"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\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 } from \"./types\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { getClassName } from \"../../helpers/getClassName\";\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\");\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string | null;\n /**\n * @ignore\n */\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\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\nclass ModalRootDesktopComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id), data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n }\n\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private maskAnimationFrame: number | undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private restoreFocusTo: HTMLElement | undefined = undefined;\n\n private get timeout() {\n return this.props.platform === ANDROID || this.props.platform === VKCOM\n ? 320\n : 400;\n }\n\n private get modals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n getModalState(id: string | null) {\n if (id === null) {\n return undefined;\n }\n return this.props.getModalState(id);\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 requestAnimationFrame(() => {\n if (this.props.enteringModal === enteringModal) {\n this.waitTransitionFinish(enteringState, () =>\n this.props.onEntered(enteringModal)\n );\n this.animateModalOpacity(enteringState, true);\n }\n });\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = (this.props.document?.activeElement ??\n undefined) as HTMLElement | undefined;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = undefined;\n }\n }\n\n closeModal(id: string) {\n const prevModalState = this.getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n this.animateModalOpacity(prevModalState, false);\n if (!this.props.activeModal) {\n this.setMaskOpacity(prevModalState, 0);\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 animateModalOpacity(\n modalState: ModalsStateEntry | undefined,\n display: boolean\n ) {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transitionDelay =\n display && this.props.delayEnter ? `${this.timeout}ms` : \"\";\n modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\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\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 { exitingModal, activeModal, enteringModal } = this.props;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={this.modalRootContext}>\n <div\n vkuiClass={classNames(\n getClassName(\"ModalRoot\", this.props.platform),\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n \"ModalRoot--vkapps\",\n \"ModalRoot--desktop\"\n )}\n >\n <div\n vkuiClass=\"ModalRoot__mask\"\n ref={this.maskElementRef}\n onClick={this.props.onExit}\n />\n <div vkuiClass=\"ModalRoot__viewport\">\n {this.modals.map((Modal: React.ReactElement) => {\n const modalId = getNavId(Modal.props, warn);\n if (modalId !== activeModal && modalId !== exitingModal) {\n return null;\n }\n\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n restoreFocus={false}\n onClose={this.props.onExit}\n timeout={this.timeout}\n key={key}\n vkuiClass={classNames(\n \"ModalRoot__modal\",\n !exitingModal &&\n !enteringModal &&\n modalId === activeModal &&\n \"ModalRoot__modal--active\",\n modalId === exitingModal && \"ModalRoot__modal--prev\",\n Boolean(exitingModal) &&\n modalId === activeModal &&\n \"ModalRoot__modal--next\"\n )}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootDesktop = withContext(\n withPlatform(\n withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAIA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAGA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,WAAT,CAAb;;IA+BMC,yB;;;;;EAGJ,mCAAYC,KAAZ,EAA0D;IAAA;;IAAA;IACxD,0BAAMA,KAAN;IADwD;IAAA,iGAeTC,SAfS;IAAA;IAAA,6FAiBRA,SAjBQ;IAGxD,MAAKC,cAAL,gBAAsBC,KAAK,CAACC,SAAN,EAAtB;IAEA,MAAKC,gBAAL,GAAwB;MACtBC,iBAAiB,EAAE;QAAA,OAAML,SAAN;MAAA,CADG;MAEtBM,aAAa,EAAE;QAAA,IAAGC,EAAH,QAAGA,EAAH;QAAA,IAAUC,IAAV;QAAA,OACbC,MAAM,CAACC,MAAP,CAAc,MAAKC,aAAL,CAAmBJ,EAAnB,CAAd,EAAsCC,IAAtC,CADa;MAAA,CAFO;MAItBI,OAAO,EAAE;QAAA,OAAM,MAAKb,KAAL,CAAWc,MAAX,EAAN;MAAA,CAJa;MAKtBC,aAAa,EAAE;IALO,CAAxB;IALwD;EAYzD;;;;SAOD,eAAsB;MACpB,OAAO,KAAKf,KAAL,CAAWgB,QAAX,KAAwBC,iBAAxB,IAAmC,KAAKjB,KAAL,CAAWgB,QAAX,KAAwBE,eAA3D,GACH,GADG,GAEH,GAFJ;IAGD;;;SAED,eAAqB;MACnB,OAAOf,KAAK,CAACgB,QAAN,CAAeC,OAAf,CAAuB,KAAKpB,KAAL,CAAWqB,QAAlC,CAAP;IACD;;;WAED,uBAAcb,EAAd,EAAiC;MAC/B,IAAIA,EAAE,KAAK,IAAX,EAAiB;QACf,OAAOP,SAAP;MACD;;MACD,OAAO,KAAKD,KAAL,CAAWY,aAAX,CAAyBJ,EAAzB,CAAP;IACD;;;WAED,4BAAmBc,SAAnB,EAAqE;MAAA;;MACnE;MACA,IACE,KAAKtB,KAAL,CAAWuB,YAAX,IACA,KAAKvB,KAAL,CAAWuB,YAAX,KAA4BD,SAAS,CAACC,YAFxC,EAGE;QACA,KAAKC,UAAL,CAAgB,KAAKxB,KAAL,CAAWuB,YAA3B;MACD,CAPkE,CASnE;;;MACA,IACE,KAAKvB,KAAL,CAAWyB,aAAX,IACA,KAAKzB,KAAL,CAAWyB,aAAX,KAA6BH,SAAS,CAACG,aAFzC,EAGE;QACA,IAAQA,aAAR,GAA0B,KAAKzB,KAA/B,CAAQyB,aAAR;QACA,IAAMC,aAAa,GAAG,KAAKd,aAAL,CAAmBa,aAAnB,CAAtB;QACA,KAAKzB,KAAL,CAAW2B,OAAX;QACAC,qBAAqB,CAAC,YAAM;UAC1B,IAAI,MAAI,CAAC5B,KAAL,CAAWyB,aAAX,KAA6BA,aAAjC,EAAgD;YAC9C,MAAI,CAACI,oBAAL,CAA0BH,aAA1B,EAAyC;cAAA,OACvC,MAAI,CAAC1B,KAAL,CAAW8B,SAAX,CAAqBL,aAArB,CADuC;YAAA,CAAzC;;YAGA,MAAI,CAACM,mBAAL,CAAyBL,aAAzB,EAAwC,IAAxC;UACD;QACF,CAPoB,CAArB;MAQD,CAzBkE,CA2BnE;;;MACA,IAAI,KAAK1B,KAAL,CAAWgC,WAAX,IAA0B,CAACV,SAAS,CAACU,WAAzC,EAAsD;QAAA;;QACpD,KAAKC,cAAL,oDAAuB,KAAKjC,KAAL,CAAWkC,QAAlC,yDAAuB,qBAAqBC,aAA5C,yEACElC,SADF;MAED;;MACD,IACE,CAAC,KAAKD,KAAL,CAAWgC,WAAZ,IACA,CAAC,KAAKhC,KAAL,CAAWuB,YADZ,IAEA,KAAKU,cAHP,EAIE;QACA,KAAKA,cAAL,CAAoBG,KAApB;QACA,KAAKH,cAAL,GAAsBhC,SAAtB;MACD;IACF;;;WAED,oBAAWO,EAAX,EAAuB;MAAA;;MACrB,IAAM6B,cAAc,GAAG,KAAKzB,aAAL,CAAmBJ,EAAnB,CAAvB;;MACA,IAAI,CAAC6B,cAAL,EAAqB;QACnB;MACD;;MAED,KAAKR,oBAAL,CAA0BQ,cAA1B,EAA0C;QAAA,OAAM,MAAI,CAACrC,KAAL,CAAWsC,QAAX,CAAoB9B,EAApB,CAAN;MAAA,CAA1C;MACA,KAAKuB,mBAAL,CAAyBM,cAAzB,EAAyC,KAAzC;;MACA,IAAI,CAAC,KAAKrC,KAAL,CAAWgC,WAAhB,EAA6B;QAC3B,KAAKO,cAAL,CAAoBF,cAApB,EAAoC,CAApC;MACD;IACF;;;WAED,8BACEG,UADF,EAEEC,YAFF,EAGE;MACA,IAAIC,8BAAA,CAAgBC,SAApB,EAA+B;QAAA;;QAC7B,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;UAAA;;UACxBJ,UAAU,SAAV,IAAAA,UAAU,WAAV,qCAAAA,UAAU,CAAEK,YAAZ,gFAA0BC,mBAA1B,CACEJ,8BAAA,CAAgBK,IADlB,EAEEH,WAFF;UAIAH,YAAY;QACb,CAND;;QAQAD,UAAU,SAAV,IAAAA,UAAU,WAAV,sCAAAA,UAAU,CAAEK,YAAZ,kFAA0BG,gBAA1B,CACEN,8BAAA,CAAgBK,IADlB,EAEEH,WAFF;MAID,CAbD,MAaO;QACLK,UAAU,CAACR,YAAD,EAAe,KAAKS,OAApB,CAAV;MACD;IACF;IAED;;;;WACA,6BACEV,UADF,EAEEW,OAFF,EAGE;MACA,IAAIX,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEK,YAAhB,EAA8B;QAC5BL,UAAU,CAACK,YAAX,CAAwBO,KAAxB,CAA8BC,eAA9B,GACEF,OAAO,IAAI,KAAKnD,KAAL,CAAWsD,UAAtB,aAAsC,KAAKJ,OAA3C,UAAyD,EAD3D;QAEAV,UAAU,CAACK,YAAX,CAAwBO,KAAxB,CAA8BG,OAA9B,GAAwCJ,OAAO,GAAG,GAAH,GAAS,GAAxD;MACD;IACF;IAED;;;;WACA,wBACEX,UADF,EAGE;MAAA;MAAA;;MAAA,IADAgB,YACA,uEAD8B,IAC9B;;MACA,IAAIA,YAAY,KAAK,IAAjB,IAAyB,6BAAKxD,KAAL,CAAWyD,OAAX,4EAAqB,CAArB,OAA4BjB,UAAU,CAAChC,EAApE,EAAwE;QACtE;MACD;;MAED,IAAI,KAAKkD,kBAAT,EAA6B;QAC3BC,oBAAoB,CAAC,KAAKD,kBAAN,CAApB;MACD;;MACD,KAAKA,kBAAL,GAA0B9B,qBAAqB,CAAC,YAAM;QACpD,IAAI,MAAI,CAAC1B,cAAL,CAAoB0D,OAAxB,EAAiC;UAC/B,4BAAkDpB,UAAlD,CAAQqB,UAAR;UAAA,IAAQA,UAAR,sCAAqB,CAArB;UAAA,6BAAkDrB,UAAlD,CAAwBsB,iBAAxB;UAAA,IAAwBA,iBAAxB,uCAA4C,CAA5C;UAEA,IAAMP,OAAO,GACXC,YAAY,KAAK,IAAjB,GACI,IAAI,CAACM,iBAAiB,GAAGD,UAArB,KAAoC,MAAMA,UAA1C,CAAJ,IAA6D,CADjE,GAEIL,YAHN;UAIA,MAAI,CAACtD,cAAL,CAAoB0D,OAApB,CAA4BR,KAA5B,CAAkCG,OAAlC,GAA4CQ,IAAI,CAACC,GAAL,CAC1C,CAD0C,EAE1CD,IAAI,CAACE,GAAL,CAAS,GAAT,EAAcV,OAAd,CAF0C,EAG1CW,QAH0C,EAA5C;QAID;MACF,CAb8C,CAA/C;IAcD;;;WAED,kBAAS;MAAA;MAAA;;MACP,kBAAqD,KAAKlE,KAA1D;MAAA,IAAQuB,YAAR,eAAQA,YAAR;MAAA,IAAsBS,WAAtB,eAAsBA,WAAtB;MAAA,IAAmCP,aAAnC,eAAmCA,aAAnC;;MAEA,IAAI,CAACO,WAAD,IAAgB,CAACT,YAArB,EAAmC;QACjC,OAAO,IAAP;MACD;;MAED,OACE,qCAAC,kCAAD,CAAkB,QAAlB;QAA2B,KAAK,EAAE,KAAKlB;MAAvC,GACE;QACE,SAAS,EAAE,IAAA8D,sBAAA,EACT,IAAAC,0BAAA,EAAa,WAAb,EAA0B,KAAKpE,KAAL,CAAWgB,QAArC,CADS,EAET,+BAAKhB,KAAL,CAAWqE,cAAX,gFAA2BC,WAA3B,MAA2CC,kCAAA,CAAYC,MAAvD,IACE,mBAHO,EAIT,oBAJS;MADb,GAQE;QACE,SAAS,EAAC,iBADZ;QAEE,GAAG,EAAE,KAAKtE,cAFZ;QAGE,OAAO,EAAE,KAAKF,KAAL,CAAWc;MAHtB,EARF,EAaE;QAAK,SAAS,EAAC;MAAf,GACG,KAAK2D,MAAL,CAAYC,GAAZ,CAAgB,UAACC,KAAD,EAA+B;QAC9C,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAASF,KAAK,CAAC3E,KAAf,EAAsBH,IAAtB,CAAhB;;QACA,IAAI+E,OAAO,KAAK5C,WAAZ,IAA2B4C,OAAO,KAAKrD,YAA3C,EAAyD;UACvD,OAAO,IAAP;QACD;;QAED,IAAMuD,GAAG,mBAAYF,OAAZ,CAAT;QAEA,OACE,qCAAC,oBAAD;UACE,YAAY,EAAE,KADhB;UAEE,OAAO,EAAE,MAAI,CAAC5E,KAAL,CAAWc,MAFtB;UAGE,OAAO,EAAE,MAAI,CAACoC,OAHhB;UAIE,GAAG,EAAE4B,GAJP;UAKE,SAAS,EAAE,IAAAX,sBAAA,EACT,kBADS,EAET,CAAC5C,YAAD,IACE,CAACE,aADH,IAEEmD,OAAO,KAAK5C,WAFd,IAGE,0BALO,EAMT4C,OAAO,KAAKrD,YAAZ,IAA4B,wBANnB,EAOTwD,OAAO,CAACxD,YAAD,CAAP,IACEqD,OAAO,KAAK5C,WADd,IAEE,wBATO;QALb,GAiBG2C,KAjBH,CADF;MAqBD,CA7BA,CADH,CAbF,CADF,CADF;IAkDD;;;EArNqCxE,KAAK,CAAC6E,S;;AAwNvC,IAAMC,gBAAgB,GAAG,IAAAC,wBAAA,EAC9B,IAAAC,0BAAA,EACE,IAAAC,YAAA,EAAwB,IAAAC,iCAAA,IAAmBtF,yBAAnB,CAAxB,CADF,CAD8B,EAI9BuF,4CAJ8B,EAK9B,gBAL8B,CAAzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"constants.js","names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","PERCENT_OPENED","PERCENT_CLOSED"],"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n\nexport const PERCENT_OPENED = 0;\nexport const PERCENT_CLOSED = 100;\n"],"mappings":";;;;;;AAAO,IAAMA,iCAAiC,GAAG,EAA1C;;AAEA,IAAMC,cAAc,GAAG,CAAvB;;AACA,IAAMC,cAAc,GAAG,GAAvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"types.js","names":["ModalType"],"sources":["../../../../src/components/ModalRoot/types.ts"],"sourcesContent":["export enum ModalType {\n PAGE = \"page\",\n CARD = \"card\",\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n modalElement?: HTMLElement | null;\n innerElement?: HTMLElement | null;\n headerElement?: HTMLElement | null;\n contentElement?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n id: string | null;\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 type?: ModalType;\n\n settlingHeight?: number;\n dynamicContentHeight?: boolean;\n expandable?: boolean;\n\n /**\n * Процент текущего сдвига модалки\n */\n translateY?: number;\n /**\n * Процент сдвига модалки в изначальном состоянии\n */\n translateYFrom?: number;\n /**\n * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n */\n translateYCurrent?: number;\n\n touchStartContentScrollTop?: number;\n touchMovePositive?: boolean | null;\n touchShiftYPercent?: number;\n\n expanded?: boolean;\n collapsed?: boolean;\n hidden?: boolean;\n\n contentScrolled?: boolean;\n contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n expandedRange?: TranslateRange;\n collapsedRange?: TranslateRange;\n hiddenRange?: TranslateRange;\n}\n"],"mappings":";;;;;;IAAYA,S;;;WAAAA,S;EAAAA,S;EAAAA,S;GAAAA,S,yBAAAA,S"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":["getModals","children","React","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","noop","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","ModalType","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ModalsState, ModalsStateEntry, ModalType } from \"./types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop, isFunction } from \"../../lib/utils\";\n\ninterface ModalTransitionState {\n activeModal?: string | null;\n enteringModal?: string | null;\n exitingModal?: string | null;\n\n history?: string[];\n isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: VoidFunction;\n onEntered: (id: string | null) => void;\n onExit: VoidFunction;\n onExited: (id: string | null) => void;\n getModalState: (id: string) => ModalsStateEntry;\n delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport function modalTransitionReducer(\n state: ModalTransitionState,\n action: {\n type: \"setActive\" | \"entered\" | \"exited\" | \"inited\";\n id: string | null;\n }\n): ModalTransitionState {\n if (action.type === \"setActive\" && action.id !== state.activeModal) {\n const nextModal = action.id;\n // preserve exiting modal if switching mid-transition\n const prevModal = state.exitingModal || state.activeModal;\n let history = state.history ? [...state.history] : [];\n const isBack = Boolean(nextModal && history.includes(nextModal));\n\n if (nextModal === null) {\n history = [];\n } else if (isBack) {\n history = history.splice(0, history.indexOf(nextModal) + 1);\n } else {\n history.push(nextModal);\n }\n\n return {\n activeModal: nextModal,\n // not entering yet\n enteringModal: null,\n exitingModal: prevModal,\n history,\n isBack,\n };\n }\n if (action.type === \"entered\" && action.id === state.enteringModal) {\n return { ...state, enteringModal: null };\n }\n if (action.type === \"exited\" && action.id === state.exitingModal) {\n return { ...state, exitingModal: null };\n }\n if (action.type === \"inited\" && action.id === state.activeModal) {\n return { ...state, enteringModal: action.id };\n }\n return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n * 3b. activeModal: m2, exitingModal: null, enteringModal: m2\n * 4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n activeModal: string | null | undefined,\n children: React.ReactNode | React.ReactNode[],\n onOpen: (id: string) => void = noop,\n onOpened: (id: string) => void = noop,\n onClose: (id: string) => void = noop,\n onClosed: (id: string) => void = noop,\n initModal: (state: ModalsStateEntry) => void = noop\n): ModalTransitionProps {\n const modalsState = React.useRef<ModalsState>({}).current;\n getModals(children).forEach((Modal) => {\n const modalProps = Modal.props;\n const id = getNavId(modalProps, warn);\n const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n id: id ?? null,\n };\n\n state.onOpen = Modal.props.onOpen;\n state.onOpened = Modal.props.onOpened;\n state.onClose = Modal.props.onClose;\n state.onClosed = Modal.props.onClosed;\n state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n // ModalPage props\n if (typeof modalProps.settlingHeight === \"number\") {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n if (state.id !== null) {\n modalsState[state.id] = state;\n }\n });\n\n const isMissing = activeModal && !modalsState[activeModal];\n const safeActiveModal = isMissing ? null : activeModal;\n const [transitionState, dispatchTransition] = React.useReducer(\n modalTransitionReducer,\n {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n }\n );\n\n // Map props to state, render activeModal for init\n useIsomorphicLayoutEffect(() => {\n // ignore non-existent activeModal\n if (process.env.NODE_ENV === \"development\" && isMissing) {\n warn(\n `Переход невозможен - модальное окно (страница) ${activeModal} не существует`,\n \"error\"\n );\n }\n dispatchTransition({ type: \"setActive\", id: safeActiveModal ?? null });\n }, [activeModal]);\n\n // Init activeModal & set enteringModal\n useIsomorphicLayoutEffect(() => {\n if (transitionState.activeModal) {\n initModal(modalsState[transitionState.activeModal]);\n dispatchTransition({ type: \"inited\", id: transitionState.activeModal });\n }\n }, [transitionState.activeModal]);\n\n const isCard = (id: string | null | undefined) =>\n id != null && modalsState[id]?.type === ModalType.CARD;\n const onEntered = React.useCallback(\n (id: string | null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onOpened)) {\n modalState.onOpened();\n } else if (isFunction(onOpened)) {\n onOpened(id);\n }\n }\n\n dispatchTransition({ type: \"entered\", id });\n },\n [modalsState, onOpened]\n );\n const onExited = React.useCallback(\n (id: string | null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onClosed)) {\n modalState.onClosed();\n } else if (isFunction(onClosed)) {\n onClosed(id);\n }\n }\n\n dispatchTransition({ type: \"exited\", id });\n },\n [modalsState, onClosed]\n );\n const delayEnter = Boolean(\n transitionState.exitingModal &&\n (isCard(activeModal) || isCard(transitionState.exitingModal))\n );\n const getModalState = React.useCallback(\n (id: string) => modalsState[id],\n [modalsState]\n );\n\n function onEnter() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen)) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\n onClose(modalState.id);\n }\n }\n }\n\n return {\n onEnter,\n onEntered,\n onExit,\n onExited,\n ...transitionState,\n delayEnter,\n getModalState,\n };\n}\n\nexport function withModalManager(\n initModal: (a: ModalsStateEntry) => void = noop\n) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>\n ): React.ComponentType<\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string | null;\n children?: React.ReactNode;\n }\n > {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onOpen,\n (props as any).onOpened,\n (props as any).onClose,\n (props as any).onClosed,\n initModal\n );\n return <Wrapped {...(props as any)} {...transitionManager} />;\n };\n };\n}\n"],"file":"useModalManager.js"}
|
|
1
|
+
{"version":3,"file":"useModalManager.js","names":["getModals","children","React","Children","toArray","warn","warnOnce","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","noop","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","getNavId","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","useIsomorphicLayoutEffect","process","env","NODE_ENV","isCard","ModalType","CARD","onEntered","useCallback","modalState","isFunction","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ModalsState, ModalsStateEntry, ModalType } from \"./types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop, isFunction } from \"../../lib/utils\";\n\ninterface ModalTransitionState {\n activeModal?: string | null;\n enteringModal?: string | null;\n exitingModal?: string | null;\n\n history?: string[];\n isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: VoidFunction;\n onEntered: (id: string | null) => void;\n onExit: VoidFunction;\n onExited: (id: string | null) => void;\n getModalState: (id: string) => ModalsStateEntry;\n delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport function modalTransitionReducer(\n state: ModalTransitionState,\n action: {\n type: \"setActive\" | \"entered\" | \"exited\" | \"inited\";\n id: string | null;\n }\n): ModalTransitionState {\n if (action.type === \"setActive\" && action.id !== state.activeModal) {\n const nextModal = action.id;\n // preserve exiting modal if switching mid-transition\n const prevModal = state.exitingModal || state.activeModal;\n let history = state.history ? [...state.history] : [];\n const isBack = Boolean(nextModal && history.includes(nextModal));\n\n if (nextModal === null) {\n history = [];\n } else if (isBack) {\n history = history.splice(0, history.indexOf(nextModal) + 1);\n } else {\n history.push(nextModal);\n }\n\n return {\n activeModal: nextModal,\n // not entering yet\n enteringModal: null,\n exitingModal: prevModal,\n history,\n isBack,\n };\n }\n if (action.type === \"entered\" && action.id === state.enteringModal) {\n return { ...state, enteringModal: null };\n }\n if (action.type === \"exited\" && action.id === state.exitingModal) {\n return { ...state, exitingModal: null };\n }\n if (action.type === \"inited\" && action.id === state.activeModal) {\n return { ...state, enteringModal: action.id };\n }\n return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n * 3b. activeModal: m2, exitingModal: null, enteringModal: m2\n * 4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n activeModal: string | null | undefined,\n children: React.ReactNode | React.ReactNode[],\n onOpen: (id: string) => void = noop,\n onOpened: (id: string) => void = noop,\n onClose: (id: string) => void = noop,\n onClosed: (id: string) => void = noop,\n initModal: (state: ModalsStateEntry) => void = noop\n): ModalTransitionProps {\n const modalsState = React.useRef<ModalsState>({}).current;\n getModals(children).forEach((Modal) => {\n const modalProps = Modal.props;\n const id = getNavId(modalProps, warn);\n const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n id: id ?? null,\n };\n\n state.onOpen = Modal.props.onOpen;\n state.onOpened = Modal.props.onOpened;\n state.onClose = Modal.props.onClose;\n state.onClosed = Modal.props.onClosed;\n state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n // ModalPage props\n if (typeof modalProps.settlingHeight === \"number\") {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n if (state.id !== null) {\n modalsState[state.id] = state;\n }\n });\n\n const isMissing = activeModal && !modalsState[activeModal];\n const safeActiveModal = isMissing ? null : activeModal;\n const [transitionState, dispatchTransition] = React.useReducer(\n modalTransitionReducer,\n {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n }\n );\n\n // Map props to state, render activeModal for init\n useIsomorphicLayoutEffect(() => {\n // ignore non-existent activeModal\n if (process.env.NODE_ENV === \"development\" && isMissing) {\n warn(\n `Переход невозможен - модальное окно (страница) ${activeModal} не существует`,\n \"error\"\n );\n }\n dispatchTransition({ type: \"setActive\", id: safeActiveModal ?? null });\n }, [activeModal]);\n\n // Init activeModal & set enteringModal\n useIsomorphicLayoutEffect(() => {\n if (transitionState.activeModal) {\n initModal(modalsState[transitionState.activeModal]);\n dispatchTransition({ type: \"inited\", id: transitionState.activeModal });\n }\n }, [transitionState.activeModal]);\n\n const isCard = (id: string | null | undefined) =>\n id != null && modalsState[id]?.type === ModalType.CARD;\n const onEntered = React.useCallback(\n (id: string | null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onOpened)) {\n modalState.onOpened();\n } else if (isFunction(onOpened)) {\n onOpened(id);\n }\n }\n\n dispatchTransition({ type: \"entered\", id });\n },\n [modalsState, onOpened]\n );\n const onExited = React.useCallback(\n (id: string | null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onClosed)) {\n modalState.onClosed();\n } else if (isFunction(onClosed)) {\n onClosed(id);\n }\n }\n\n dispatchTransition({ type: \"exited\", id });\n },\n [modalsState, onClosed]\n );\n const delayEnter = Boolean(\n transitionState.exitingModal &&\n (isCard(activeModal) || isCard(transitionState.exitingModal))\n );\n const getModalState = React.useCallback(\n (id: string) => modalsState[id],\n [modalsState]\n );\n\n function onEnter() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen)) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\n onClose(modalState.id);\n }\n }\n }\n\n return {\n onEnter,\n onEntered,\n onExit,\n onExited,\n ...transitionState,\n delayEnter,\n getModalState,\n };\n}\n\nexport function withModalManager(\n initModal: (a: ModalsStateEntry) => void = noop\n) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>\n ): React.ComponentType<\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string | null;\n children?: React.ReactNode;\n }\n > {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onOpen,\n (props as any).onOpened,\n (props as any).onClose,\n (props as any).onClosed,\n initModal\n );\n return <Wrapped {...(props as any)} {...transitionManager} />;\n };\n };\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"withModalRootContext.js","names":["withModalRootContext","Component","WithModalRootContext","props","React","useContext","ModalRootContext","updateModalHeight"],"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\n\ntype PickedProps = Pick<ModalRootContextInterface, \"updateModalHeight\">;\n\nexport function withModalRootContext<P extends PickedProps>(\n Component: React.ComponentType<P>\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n return (\n <Component {...(props as P)} updateModalHeight={updateModalHeight} />\n );\n }\n return WithModalRootContext;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAOO,SAASA,oBAAT,CACLC,SADK,EAE4C;EACjD,SAASC,oBAAT,CAA8BC,KAA9B,EAAiE;IAC/D,wBAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;IAAA,IAAQC,iBAAR,qBAAQA,iBAAR;;IAEA,OACE,qCAAC,SAAD,6BAAgBJ,KAAhB;MAA6B,iBAAiB,EAAEI;IAAhD,GADF;EAGD;;EACD,OAAOL,oBAAP;AACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"NativeSelect.js","names":["NativeSelectComponent","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","selectType","SelectType","default","status","restProps","platform","usePlatform","React","useState","title","setTitle","empty","setEmpty","useEnsuredControl","value","onChange","selectRef","useExternRef","useIsomorphicLayoutEffect","selectedOption","current","options","selectedIndex","text","classNames","getClassName","NativeSelect","withAdaptivity","displayName"],"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n AdaptivityProps,\n Pick<FormFieldProps, \"status\"> {\n placeholder?: string;\n multiline?: boolean;\n selectType?: keyof typeof SelectType;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\nconst NativeSelectComponent = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n sizeX,\n sizeY,\n multiline,\n selectType = SelectType.default,\n status,\n ...restProps\n}: NativeSelectProps & AdaptivityContextInterface) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === \"\" && placeholder != null);\n }\n }, [value, children]);\n\n return (\n <FormField\n Component=\"label\"\n vkuiClass={classNames(\n getClassName(\"Select\", platform),\n `Select--${selectType}`,\n empty && \"Select--empty\",\n multiline && \"Select--multiline\",\n align && `Select--align-${align}`,\n `Select--sizeX-${sizeX}`,\n `Select--sizeY-${sizeY}`\n )}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n status={status}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div vkuiClass=\"Select__container\">\n {/* TODO v5.0.0 поправить под новую адаптивность */}\n <SelectTypography vkuiClass=\"Select__title\">{title}</SelectTypography>\n </div>\n </FormField>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nexport const NativeSelect = withAdaptivity(NativeSelectComponent, {\n sizeX: true,\n sizeY: true,\n});\n\nNativeSelect.displayName = \"NativeSelect\";\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"NavTransitionContext.js","names":["TransitionContext","React","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue","useObjectMemo"],"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\n\nexport interface TransitionContextProps {\n entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n children,\n entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n const parentContext = useNavTransition();\n const contextValue = useObjectMemo({\n entering: parentContext.entering || entering,\n });\n return (\n <TransitionContext.Provider value={contextValue}>\n {children}\n </TransitionContext.Provider>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAA4C;EACpEC,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;;AAGO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,OAAMH,KAAK,CAACI,UAAN,CAAiBL,iBAAjB,CAAN;AAAA,CAAzB;;;;AAEA,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAwB,OAGkB;EAAA,IAFrDC,QAEqD,QAFrDA,QAEqD;EAAA,IADrDJ,QACqD,QADrDA,QACqD;EACrD,IAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;EACA,IAAMK,YAAY,GAAG,IAAAC,4BAAA,EAAc;IACjCP,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;EADH,CAAd,CAArB;EAGA,OACE,qCAAC,iBAAD,CAAmB,QAAnB;IAA4B,KAAK,EAAEM;EAAnC,GACGF,QADH,CADF;AAKD,CAbM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Pagination.js","names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","useAdaptivity","sizeY","pages","usePagination","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","classNames","undefined","map"],"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Icon24ChevronCompactLeft,\n Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNames } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\n\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport \"./Pagination.css\";\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"onChange\">,\n HasRootRef<HTMLElement> {\n /**\n * Текущая страница.\n */\n currentPage?: number;\n /**\n * Кол-во всегда видимых страниц по краям текущей страницы.\n */\n siblingCount?: number;\n /**\n * Кол-во всегда видимых страниц в начале и в конце.\n */\n boundaryCount?: number;\n /**\n * Общее кол-во страниц.\n */\n totalPages?: number;\n /**\n * Блокировка всех кнопок.\n */\n disabled?: boolean;\n /**\n * Переопределение `aria-label` для кнопки навигации назад.\n * По умолчанию используется текст на \"ru_RU\".\n */\n prevButtonAriaLabel?: string;\n /**\n * Переопределение `aria-label` для кнопки навигации вперёд.\n * По умолчанию используется текст на \"ru_RU\".\n */\n nextButtonAriaLabel?: string;\n /**\n * Функция для переопределения и/или локализации `aria-label` атрибута.\n * По умолчанию используется текст на \"ru_RU\".\n */\n getPageAriaLabel?(page: number, isCurrent: boolean): string;\n onChange?(page: number): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n currentPage = 1,\n siblingCount = 1,\n boundaryCount = 1,\n totalPages = 1,\n disabled,\n getPageAriaLabel = getPageAriaLabelDefault,\n prevButtonAriaLabel = \"Перейти на предыдущую страницу\",\n nextButtonAriaLabel = \"Перейти на следующую страницу\",\n getRootRef,\n onChange,\n ...resetProps\n}: PaginationProps) => {\n const { sizeY } = useAdaptivity();\n\n const pages = usePagination({\n currentPage,\n totalPages,\n siblingCount,\n boundaryCount,\n });\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === totalPages;\n\n const handlePrevClick = React.useCallback(() => {\n if (onChange && !isFirstPage) {\n onChange(currentPage - 1);\n }\n }, [currentPage, isFirstPage, onChange]);\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n const page: string = event.currentTarget.dataset.page || \"1\";\n onChange?.(Number(page));\n },\n [onChange]\n );\n\n const handleNextClick = React.useCallback(() => {\n if (onChange && !isLastPage) {\n onChange(currentPage + 1);\n }\n }, [currentPage, isLastPage, onChange]);\n\n const renderPages = React.useCallback(\n (page: PaginationPageType) => {\n switch (page) {\n case \"start-ellipsis\":\n case \"end-ellipsis\":\n return (\n <li key={page}>\n <div\n vkuiClass={classNames(\n \"Pagination__page\",\n \"Pagination__page--type-ellipsis\",\n `Pagination__page--sizeY-${sizeY}`,\n disabled && \"Pagination__page--disabled\"\n )}\n >\n ...\n </div>\n </li>\n );\n default: {\n const isCurrent = page === currentPage;\n return (\n <li key={page}>\n <Tappable\n vkuiClass={classNames(\n \"Pagination__page\",\n `Pagination__page--sizeY-${sizeY}`,\n isCurrent && \"Pagination__page--current\",\n disabled && \"Pagination__page--disabled\"\n )}\n activeMode=\"Pagination__page--state-active\"\n hoverMode=\"Pagination__page--state-hover\"\n hasActive={!isCurrent}\n hasHover={!isCurrent}\n focusVisibleMode=\"outside\"\n disabled={disabled}\n data-page={page}\n aria-current={isCurrent ? true : undefined}\n aria-label={getPageAriaLabel(page, isCurrent)}\n onClick={handleClick}\n >\n {page}\n </Tappable>\n </li>\n );\n }\n }\n },\n [sizeY, currentPage, disabled, getPageAriaLabel, handleClick]\n );\n\n return (\n <nav\n vkuiClass=\"Pagination\"\n role=\"navigation\"\n aria-label=\"Навигация по страницам\"\n ref={getRootRef}\n {...resetProps}\n >\n <ul vkuiClass=\"Pagination__list\">\n <li vkuiClass=\"Pagination__prevButtonContainer\">\n <Button\n size=\"l\"\n before={<Icon24ChevronCompactLeft width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isFirstPage || disabled}\n aria-label={prevButtonAriaLabel}\n onClick={handlePrevClick}\n />\n </li>\n {pages.map(renderPages)}\n <li vkuiClass=\"Pagination__nextButtonContainer\">\n <Button\n size=\"l\"\n after={<Icon24ChevronCompactRight width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isLastPage || disabled}\n aria-label={nextButtonAriaLabel}\n onClick={handleNextClick}\n />\n </li>\n </ul>\n </nav>\n );\n};\n"],"mappings":"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"}
|