npm - @vkontakte/vkui - Versions diffs - 5.2.0 → 5.2.2 - Mend

@vkontakte/vkui 5.2.0 → 5.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1184) hide show

package/dist/cjs/components/View/ViewInfinite.js CHANGED Viewed

@@ -18,20 +18,20 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _supportEvents = require("../../lib/supportEvents");
 var _getPlatformClassName = require("../../helpers/getPlatformClassName");
-var _platform = require("../../lib/platform");
-var _Touch = require("../Touch/Touch");
-var _withPlatform = require("../../hoc/withPlatform");
 var _withContext = require("../../hoc/withContext");
-var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
-var _SplitColContext = require("../SplitCol/SplitColContext");
-var _AppRootPortal = require("../AppRoot/AppRootPortal");
+var _withPlatform = require("../../hoc/withPlatform");
 var _dom = require("../../lib/dom");
-var _ScrollContext = require("../AppRoot/ScrollContext");
-var _NavTransitionContext = require("../NavTransitionContext/NavTransitionContext");
 var _getNavId = require("../../lib/getNavId");
+var _platform = require("../../lib/platform");
+var _supportEvents = require("../../lib/supportEvents");
 var _warnOnce = require("../../lib/warnOnce");
+var _AppRootPortal = require("../AppRoot/AppRootPortal");
+var _ScrollContext = require("../AppRoot/ScrollContext");
+var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _NavTransitionContext = require("../NavTransitionContext/NavTransitionContext");
+var _SplitColContext = require("../SplitCol/SplitColContext");
+var _Touch = require("../Touch/Touch");
 var _utils = require("./utils");
 var _excluded = ["popout", "modal", "platform", "activePanel", "splitCol", "configProvider", "history", "id", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "window", "document", "scroll", "isBackCheck", "className"];
 var warn = (0, _warnOnce.warnOnce)('ViewInfinite');

package/dist/cjs/components/View/ViewInfinite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewInfinite.js","names":["warn","warnOnce","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","getNavId","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","event","window","platform","Platform","IOS","swipeBackPrevented","swipeBackExcluded","shouldDisableTransitionMotion","configProvider","isWebView","startX","SWIPE_BACK_AREA","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","onSwipeBackStart","payload","activePanel","blurActiveElement","prevScrolls","scrolls","scroll","getScroll","y","swipeBackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","React","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","animationEvent","supported","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","className","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","classNames","getPlatformClassName","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite","withContext","withPlatform","withDOM","SplitColContext","ConfigProviderContext","ScrollContext"],"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { transitionEvent, animationEvent } from '../../lib/supportEvents';\nimport { getPlatformClassName } from '../../helpers/getPlatformClassName';\nimport { Platform } from '../../lib/platform';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { canUseDOM, withDOM, DOMProps } from '../../lib/dom';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { swipeBackExcluded } from './utils';\nimport styles from './View.module.css';\nimport iosStyles from './ViewIOS.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: Array<number \| undefined>;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string \| null; to: string \| null };\n\nexport interface ViewInfiniteProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\n popout?: React.ReactNode;\n modal?: React.ReactNode;\n onTransition?(params: TransitionParams & { isBack: boolean }): void;\n /*\n callback свайпа назад\n /\n onSwipeBack?(): void;\n /\n callback начала анимации свайпа назад.\n /\n onSwipeBackStart?(activePanel: string \| null): void \| 'prevent';\n /\n callback завершения анимации отмененного пользователем свайпа\n /\n onSwipeBackCancel?(): void;\n history?: string[];\n isBackCheck?(params: TransitionParams): boolean;\n /\n @ignore\n /\n splitCol?: SplitColContextProps;\n /\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n /\n @ignore\n /\n scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n animated: boolean;\n\n visiblePanels: Array<string \| null>;\n activePanel: string \| null;\n isBack?: boolean;\n prevPanel: string \| null;\n nextPanel: string \| null;\n\n swipingBack: boolean;\n swipeBackPrevented: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: SwipeBackResults \| null;\n\n browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n ViewInfiniteProps & DOMProps,\n ViewInfiniteState\n> {\n private static readonly SWIPE_BACK_AREA = 70;\n\n constructor(props: ViewInfiniteProps) {\n super(props);\n\n this.state = {\n animated: false,\n\n visiblePanels: [props.activePanel],\n activePanel: props.activePanel,\n isBack: undefined,\n prevPanel: null,\n nextPanel: null,\n\n swipingBack: false,\n swipeBackPrevented: false,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n swipeBackNextPanel: null,\n swipeBackPrevPanel: null,\n swipeBackResult: null,\n\n browserSwipe: false,\n };\n }\n\n static defaultProps: Partial<ViewInfiniteProps> = {\n history: [],\n };\n\n private scrolls = scrollsCache[getNavId(this.props, warn) as string] \|\| {};\n private transitionFinishTimeout: ReturnType<typeof setTimeout> \| undefined = undefined;\n private animationFinishTimeout: ReturnType<typeof setTimeout> \| undefined = undefined;\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n get panels() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n panelNodes: { [id: string]: HTMLDivElement \| null } = {};\n\n componentWillUnmount() {\n const id = getNavId(this.props);\n if (id) {\n scrollsCache[id] = this.scrolls;\n }\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n }\n\n componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\n this.props.popout && !prevProps.popout && this.blurActiveElement();\n this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n // Нужен переход\n if (\n prevProps.activePanel !== this.props.activePanel &&\n !prevState.swipingBack &&\n !prevState.browserSwipe\n ) {\n let isBack = false;\n\n if (this.props.isBackCheck) {\n isBack = this.props.isBackCheck({\n from: prevProps.activePanel,\n to: this.props.activePanel,\n });\n } else {\n const firstLayerId = this.panels\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevProps.activePanel \|\| id === this.props.activePanel);\n isBack = firstLayerId === this.props.activePanel;\n }\n\n this.blurActiveElement();\n\n const prevScrolls = this.scrolls[prevProps.activePanel] \|\| [];\n const scrolls = {\n ...this.scrolls,\n [prevProps.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n this.scrolls = scrolls;\n\n if (this.shouldDisableTransitionMotion()) {\n this.flushTransition(prevProps.activePanel, isBack);\n } else {\n this.setState({\n visiblePanels: [prevProps.activePanel, this.props.activePanel],\n prevPanel: prevProps.activePanel,\n nextPanel: this.props.activePanel,\n activePanel: null,\n animated: true,\n isBack,\n });\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n this.animationFinishTimeout = setTimeout(\n this.transitionEndHandler,\n this.props.platform === Platform.ANDROID \|\| this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n const nextPanel = this.state.swipeBackNextPanel;\n const prevPanel = this.state.swipeBackPrevPanel;\n let scrollPosition: undefined \| number = undefined;\n\n this.scrolls = {\n ...this.scrolls,\n };\n\n if (prevPanel !== null) {\n const prevPanelScrolls = [...(this.scrolls[prevPanel] \|\| [])].slice(0, -1);\n this.scrolls[prevPanel] = prevPanelScrolls;\n }\n if (nextPanel !== null) {\n const newPanelScrolls = [...(this.scrolls[nextPanel] \|\| [])];\n scrollPosition = newPanelScrolls.pop();\n this.scrolls[nextPanel] = newPanelScrolls;\n }\n\n this.setState(\n {\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n activePanel: nextPanel,\n visiblePanels: [nextPanel],\n },\n () => {\n this.props.scroll?.scrollTo(0, scrollPosition);\n prevProps.onTransition &&\n prevProps.onTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n },\n );\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n this.waitTransitionFinish(\n this.pickPanel(this.state.swipeBackNextPanel),\n this.swipingBackTransitionEndHandler,\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevState.swipeBackResult === SwipeBackResults.fail &&\n !this.state.swipeBackResult &&\n this.state.activePanel !== null\n ) {\n const newPanelScrolls = [...(this.scrolls[this.state.activePanel] \|\| [])];\n const scrollPosition = newPanelScrolls.pop();\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: newPanelScrolls,\n };\n\n this.props.scroll?.scrollTo(0, scrollPosition);\n }\n\n // Закончился Safari свайп\n if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\n this.setState({\n browserSwipe: false,\n nextPanel: null,\n prevPanel: null,\n animated: false,\n visiblePanels: [this.props.activePanel],\n activePanel: this.props.activePanel,\n });\n }\n }\n\n shouldDisableTransitionMotion(): boolean {\n return (\n this.props.configProvider?.transitionMotionEnabled === false \|\|\n !this.props.splitCol?.animate \|\|\n this.props.platform === Platform.VKCOM\n );\n }\n\n waitTransitionFinish(\n elem: HTMLElement \| null \| undefined,\n eventHandler: TransitionEventHandler,\n ): void {\n if (transitionEvent.supported && transitionEvent.name && elem) {\n elem.removeEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n elem.addEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n } else {\n if (this.transitionFinishTimeout) {\n clearTimeout(this.transitionFinishTimeout);\n }\n\n this.transitionFinishTimeout = setTimeout(\n eventHandler,\n this.props.platform === Platform.ANDROID \|\| this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n\n blurActiveElement(): void {\n if (typeof this.window !== 'undefined' && this.document?.activeElement) {\n (this.document.activeElement as HTMLElement).blur();\n }\n }\n\n pickPanel(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.panelNodes[id];\n }\n\n flushTransition(prevPanel: string, isBack: boolean) {\n const activePanel = this.props.activePanel;\n\n const prevPanelScrolls = [...(this.scrolls[prevPanel] \|\| [])].slice(0, -1);\n const newPanelScrolls = [...(this.scrolls[activePanel] \|\| [])];\n const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n if (isBack) {\n this.scrolls = {\n ...this.scrolls,\n [prevPanel]: prevPanelScrolls,\n [activePanel]: newPanelScrolls,\n };\n }\n\n this.setState(\n {\n prevPanel: null,\n nextPanel: null,\n visiblePanels: [activePanel],\n activePanel: activePanel,\n animated: false,\n isBack: undefined,\n },\n () => {\n this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n this.props.onTransition &&\n this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n },\n );\n }\n\n transitionEndHandler = (e?: React.AnimationEvent): void => {\n if (\n (!e \|\|\n [\n 'vkui-animation-ios-next-forward',\n 'vkui-animation-ios-prev-back',\n 'vkui-animation-view-next-forward',\n 'vkui-animation-view-prev-back',\n ].includes(e.animationName)) &&\n this.state.prevPanel !== null\n ) {\n this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n }\n };\n\n swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e \|\|\n (e.propertyName.includes('transform') &&\n e.target === this.pickPanel(this.state.swipeBackNextPanel))\n ) {\n switch (this.state.swipeBackResult) {\n case SwipeBackResults.fail:\n this.onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n this.onSwipeBackSuccess();\n }\n }\n };\n\n onSwipeBackSuccess(): void {\n this.props.onSwipeBack && this.props.onSwipeBack();\n }\n\n onSwipeBackCancel(): void {\n this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n this.setState({\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n });\n }\n\n onMoveX = (event: TouchEvent): void => {\n if (\n !this.window \|\|\n this.props.platform !== Platform.IOS \|\|\n this.state.swipeBackPrevented \|\|\n swipeBackExcluded(event) \|\|\n this.shouldDisableTransitionMotion()\n ) {\n return;\n }\n\n if (!this.props.configProvider?.isWebView) {\n if (\n (event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA \|\|\n event.startX >= this.window.innerWidth - ViewInfiniteComponent.SWIPE_BACK_AREA) &&\n !this.state.browserSwipe\n ) {\n this.setState({ browserSwipe: true });\n }\n\n return;\n }\n\n if (\n !this.props.onSwipeBack \|\|\n (this.state.animated && event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA)\n ) {\n return;\n }\n\n if (\n !this.state.swipingBack &&\n event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA &&\n this.props.history &&\n this.props.history.length > 1\n ) {\n if (this.props.onSwipeBackStart) {\n const payload = this.props.onSwipeBackStart(this.state.activePanel);\n if (payload === 'prevent') {\n this.setState({ swipeBackPrevented: true });\n return;\n }\n }\n\n if (this.state.activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n this.blurActiveElement();\n const prevScrolls = this.scrolls[this.state.activePanel] \|\| [];\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n }\n\n this.setState({\n swipingBack: true,\n swipeBackStartX: event.startX,\n swipeBackPrevPanel: this.state.activePanel,\n swipeBackNextPanel: this.props.history.slice(-2)[0],\n });\n }\n\n if (this.state.swipingBack) {\n let swipeBackShift;\n if (event.shiftX < 0) {\n swipeBackShift = 0;\n } else if (event.shiftX > this.window.innerWidth - this.state.swipeBackStartX) {\n swipeBackShift = this.window.innerWidth;\n } else {\n swipeBackShift = event.shiftX;\n }\n this.setState({ swipeBackShift });\n }\n };\n\n onEnd = (event: TouchEvent): void => {\n if (this.state.swipingBack && this.window) {\n const speed = (this.state.swipeBackShift / event.duration) 1000;\n if (this.state.swipeBackShift === 0) {\n this.onSwipeBackCancel();\n } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n this.onSwipeBackSuccess();\n } else if (\n speed > 250 \|\|\n this.state.swipeBackStartX + this.state.swipeBackShift > this.window.innerWidth / 2\n ) {\n this.setState({ swipeBackResult: SwipeBackResults.success });\n } else {\n this.setState({ swipeBackResult: SwipeBackResults.fail });\n }\n }\n if (this.state.swipeBackPrevented) {\n this.setState({ swipeBackPrevented: false });\n }\n };\n\n calcPanelSwipeStyles(panelId: string \| undefined): React.CSSProperties {\n if (!canUseDOM \|\| !this.window) {\n return {};\n }\n\n const isPrev = panelId === this.state.swipeBackPrevPanel;\n const isNext = panelId === this.state.swipeBackNextPanel;\n\n if ((!isPrev && !isNext) \|\| this.state.swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) / this.window.innerWidth;\n\n if (this.state.swipeBackResult) {\n return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n }\n\n render() {\n const {\n popout,\n modal,\n platform,\n activePanel: _1,\n splitCol,\n configProvider,\n history,\n id,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel,\n window,\n document,\n scroll,\n isBackCheck,\n className,\n ...restProps\n } = this.props;\n const {\n prevPanel,\n nextPanel,\n activePanel,\n isBack,\n animated,\n swipeBackPrevPanel,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n } = this.state;\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = this.panels\n .filter((panel) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && this.state.visiblePanels.includes(panelId)) \|\|\n panelId === swipeBackPrevPanel \|\|\n panelId === swipeBackNextPanel\n );\n })\n .sort((panel) => {\n const panelId = getNavId(panel.props, warn);\n const isPrevPanel = panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const isNextPanel = panelId === nextPanel \|\| panelId === swipeBackNextPanel;\n\n if (isNextPanel) {\n return swipingBack \|\| this.state.isBack ? -1 : 1;\n }\n\n if (isPrevPanel) {\n return swipingBack \|\| this.state.isBack ? 1 : -1;\n }\n\n return 0;\n });\n\n const disableAnimation = this.shouldDisableTransitionMotion();\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n getPlatformClassName(styles['View'], platform),\n !disableAnimation && this.state.animated && styles['View--animated'],\n !disableAnimation && this.state.swipingBack && styles['View--swiping-back'],\n disableAnimation && styles['View--no-motion'],\n className,\n )}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev = panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const compensateScroll =\n isPrev \|\| panelId === swipeBackNextPanel \|\| (panelId === nextPanel && isBack);\n const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n const scrollList = (panelId && this.scrolls[panelId]) \|\| [];\n const scroll = scrollList[scrollList.length - 1] \|\| 0;\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n panelId === activePanel && iosStyles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && iosStyles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && iosStyles['View__panel--swipe-back-next'],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles['View__panel--swipe-back-success'],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles['View__panel--swipe-back-failed'],\n )}\n onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n ref={(el) => panelId !== undefined && (this.panelNodes[panelId] = el)}\n style={this.calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles['View__panel-in']}\n style={{ marginTop: compensateScroll ? -scroll : undefined }}\n >\n <NavTransitionProvider\n entering={panelId === nextPanel \|\| panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n <AppRootPortal>\n {hasPopout && <div className={styles['View__popout']}>{popout}</div>}\n {hasModal && <div className={styles['View__modal']}>{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n }\n}\n\nexport const ViewInfinite = withContext(\n withContext(\n withContext(\n withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n SplitColContext,\n 'splitCol',\n ),\n ConfigProviderContext,\n 'configProvider',\n ),\n ScrollContext,\n 'scroll',\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"ViewInfinite.js","names":["warn","warnOnce","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","getNavId","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","event","window","platform","Platform","IOS","swipeBackPrevented","swipeBackExcluded","shouldDisableTransitionMotion","configProvider","isWebView","startX","SWIPE_BACK_AREA","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","onSwipeBackStart","payload","activePanel","blurActiveElement","prevScrolls","scrolls","scroll","getScroll","y","swipeBackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","React","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","animationEvent","supported","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","className","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","classNames","getPlatformClassName","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite","withContext","withPlatform","withDOM","SplitColContext","ConfigProviderContext","ScrollContext"],"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getPlatformClassName } from '../../helpers/getPlatformClassName';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { canUseDOM, DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { animationEvent, transitionEvent } from '../../lib/supportEvents';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasPlatform } from '../../types';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { swipeBackExcluded } from './utils';\nimport styles from './View.module.css';\nimport iosStyles from './ViewIOS.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: Array<number \| undefined>;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string \| null; to: string \| null };\n\nexport interface ViewInfiniteProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\n popout?: React.ReactNode;\n modal?: React.ReactNode;\n onTransition?(params: TransitionParams & { isBack: boolean }): void;\n /*\n callback свайпа назад\n /\n onSwipeBack?(): void;\n /\n callback начала анимации свайпа назад.\n /\n onSwipeBackStart?(activePanel: string \| null): void \| 'prevent';\n /\n callback завершения анимации отмененного пользователем свайпа\n /\n onSwipeBackCancel?(): void;\n history?: string[];\n isBackCheck?(params: TransitionParams): boolean;\n /\n @ignore\n /\n splitCol?: SplitColContextProps;\n /\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n /\n @ignore\n /\n scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n animated: boolean;\n\n visiblePanels: Array<string \| null>;\n activePanel: string \| null;\n isBack?: boolean;\n prevPanel: string \| null;\n nextPanel: string \| null;\n\n swipingBack: boolean;\n swipeBackPrevented: boolean;\n swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: SwipeBackResults \| null;\n\n browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n ViewInfiniteProps & DOMProps,\n ViewInfiniteState\n> {\n private static readonly SWIPE_BACK_AREA = 70;\n\n constructor(props: ViewInfiniteProps) {\n super(props);\n\n this.state = {\n animated: false,\n\n visiblePanels: [props.activePanel],\n activePanel: props.activePanel,\n isBack: undefined,\n prevPanel: null,\n nextPanel: null,\n\n swipingBack: false,\n swipeBackPrevented: false,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n swipeBackNextPanel: null,\n swipeBackPrevPanel: null,\n swipeBackResult: null,\n\n browserSwipe: false,\n };\n }\n\n static defaultProps: Partial<ViewInfiniteProps> = {\n history: [],\n };\n\n private scrolls = scrollsCache[getNavId(this.props, warn) as string] \|\| {};\n private transitionFinishTimeout: ReturnType<typeof setTimeout> \| undefined = undefined;\n private animationFinishTimeout: ReturnType<typeof setTimeout> \| undefined = undefined;\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n get panels() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n panelNodes: { [id: string]: HTMLDivElement \| null } = {};\n\n componentWillUnmount() {\n const id = getNavId(this.props);\n if (id) {\n scrollsCache[id] = this.scrolls;\n }\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n }\n\n componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\n this.props.popout && !prevProps.popout && this.blurActiveElement();\n this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n // Нужен переход\n if (\n prevProps.activePanel !== this.props.activePanel &&\n !prevState.swipingBack &&\n !prevState.browserSwipe\n ) {\n let isBack = false;\n\n if (this.props.isBackCheck) {\n isBack = this.props.isBackCheck({\n from: prevProps.activePanel,\n to: this.props.activePanel,\n });\n } else {\n const firstLayerId = this.panels\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevProps.activePanel \|\| id === this.props.activePanel);\n isBack = firstLayerId === this.props.activePanel;\n }\n\n this.blurActiveElement();\n\n const prevScrolls = this.scrolls[prevProps.activePanel] \|\| [];\n const scrolls = {\n ...this.scrolls,\n [prevProps.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n this.scrolls = scrolls;\n\n if (this.shouldDisableTransitionMotion()) {\n this.flushTransition(prevProps.activePanel, isBack);\n } else {\n this.setState({\n visiblePanels: [prevProps.activePanel, this.props.activePanel],\n prevPanel: prevProps.activePanel,\n nextPanel: this.props.activePanel,\n activePanel: null,\n animated: true,\n isBack,\n });\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n this.animationFinishTimeout = setTimeout(\n this.transitionEndHandler,\n this.props.platform === Platform.ANDROID \|\| this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n const nextPanel = this.state.swipeBackNextPanel;\n const prevPanel = this.state.swipeBackPrevPanel;\n let scrollPosition: undefined \| number = undefined;\n\n this.scrolls = {\n ...this.scrolls,\n };\n\n if (prevPanel !== null) {\n const prevPanelScrolls = [...(this.scrolls[prevPanel] \|\| [])].slice(0, -1);\n this.scrolls[prevPanel] = prevPanelScrolls;\n }\n if (nextPanel !== null) {\n const newPanelScrolls = [...(this.scrolls[nextPanel] \|\| [])];\n scrollPosition = newPanelScrolls.pop();\n this.scrolls[nextPanel] = newPanelScrolls;\n }\n\n this.setState(\n {\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n activePanel: nextPanel,\n visiblePanels: [nextPanel],\n },\n () => {\n this.props.scroll?.scrollTo(0, scrollPosition);\n prevProps.onTransition &&\n prevProps.onTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n },\n );\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n this.waitTransitionFinish(\n this.pickPanel(this.state.swipeBackNextPanel),\n this.swipingBackTransitionEndHandler,\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevState.swipeBackResult === SwipeBackResults.fail &&\n !this.state.swipeBackResult &&\n this.state.activePanel !== null\n ) {\n const newPanelScrolls = [...(this.scrolls[this.state.activePanel] \|\| [])];\n const scrollPosition = newPanelScrolls.pop();\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: newPanelScrolls,\n };\n\n this.props.scroll?.scrollTo(0, scrollPosition);\n }\n\n // Закончился Safari свайп\n if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\n this.setState({\n browserSwipe: false,\n nextPanel: null,\n prevPanel: null,\n animated: false,\n visiblePanels: [this.props.activePanel],\n activePanel: this.props.activePanel,\n });\n }\n }\n\n shouldDisableTransitionMotion(): boolean {\n return (\n this.props.configProvider?.transitionMotionEnabled === false \|\|\n !this.props.splitCol?.animate \|\|\n this.props.platform === Platform.VKCOM\n );\n }\n\n waitTransitionFinish(\n elem: HTMLElement \| null \| undefined,\n eventHandler: TransitionEventHandler,\n ): void {\n if (transitionEvent.supported && transitionEvent.name && elem) {\n elem.removeEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n elem.addEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener,\n );\n } else {\n if (this.transitionFinishTimeout) {\n clearTimeout(this.transitionFinishTimeout);\n }\n\n this.transitionFinishTimeout = setTimeout(\n eventHandler,\n this.props.platform === Platform.ANDROID \|\| this.props.platform === Platform.VKCOM\n ? 300\n : 600,\n );\n }\n }\n\n blurActiveElement(): void {\n if (typeof this.window !== 'undefined' && this.document?.activeElement) {\n (this.document.activeElement as HTMLElement).blur();\n }\n }\n\n pickPanel(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.panelNodes[id];\n }\n\n flushTransition(prevPanel: string, isBack: boolean) {\n const activePanel = this.props.activePanel;\n\n const prevPanelScrolls = [...(this.scrolls[prevPanel] \|\| [])].slice(0, -1);\n const newPanelScrolls = [...(this.scrolls[activePanel] \|\| [])];\n const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n if (isBack) {\n this.scrolls = {\n ...this.scrolls,\n [prevPanel]: prevPanelScrolls,\n [activePanel]: newPanelScrolls,\n };\n }\n\n this.setState(\n {\n prevPanel: null,\n nextPanel: null,\n visiblePanels: [activePanel],\n activePanel: activePanel,\n animated: false,\n isBack: undefined,\n },\n () => {\n this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n this.props.onTransition &&\n this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n },\n );\n }\n\n transitionEndHandler = (e?: React.AnimationEvent): void => {\n if (\n (!e \|\|\n [\n 'vkui-animation-ios-next-forward',\n 'vkui-animation-ios-prev-back',\n 'vkui-animation-view-next-forward',\n 'vkui-animation-view-prev-back',\n ].includes(e.animationName)) &&\n this.state.prevPanel !== null\n ) {\n this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n }\n };\n\n swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e \|\|\n (e.propertyName.includes('transform') &&\n e.target === this.pickPanel(this.state.swipeBackNextPanel))\n ) {\n switch (this.state.swipeBackResult) {\n case SwipeBackResults.fail:\n this.onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n this.onSwipeBackSuccess();\n }\n }\n };\n\n onSwipeBackSuccess(): void {\n this.props.onSwipeBack && this.props.onSwipeBack();\n }\n\n onSwipeBackCancel(): void {\n this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n this.setState({\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipeBackStartX: 0,\n swipeBackShift: 0,\n });\n }\n\n onMoveX = (event: TouchEvent): void => {\n if (\n !this.window \|\|\n this.props.platform !== Platform.IOS \|\|\n this.state.swipeBackPrevented \|\|\n swipeBackExcluded(event) \|\|\n this.shouldDisableTransitionMotion()\n ) {\n return;\n }\n\n if (!this.props.configProvider?.isWebView) {\n if (\n (event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA \|\|\n event.startX >= this.window.innerWidth - ViewInfiniteComponent.SWIPE_BACK_AREA) &&\n !this.state.browserSwipe\n ) {\n this.setState({ browserSwipe: true });\n }\n\n return;\n }\n\n if (\n !this.props.onSwipeBack \|\|\n (this.state.animated && event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA)\n ) {\n return;\n }\n\n if (\n !this.state.swipingBack &&\n event.startX <= ViewInfiniteComponent.SWIPE_BACK_AREA &&\n this.props.history &&\n this.props.history.length > 1\n ) {\n if (this.props.onSwipeBackStart) {\n const payload = this.props.onSwipeBackStart(this.state.activePanel);\n if (payload === 'prevent') {\n this.setState({ swipeBackPrevented: true });\n return;\n }\n }\n\n if (this.state.activePanel !== null) {\n // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n this.blurActiveElement();\n const prevScrolls = this.scrolls[this.state.activePanel] \|\| [];\n this.scrolls = {\n ...this.scrolls,\n [this.state.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n };\n }\n\n this.setState({\n swipingBack: true,\n swipeBackStartX: event.startX,\n swipeBackPrevPanel: this.state.activePanel,\n swipeBackNextPanel: this.props.history.slice(-2)[0],\n });\n }\n\n if (this.state.swipingBack) {\n let swipeBackShift;\n if (event.shiftX < 0) {\n swipeBackShift = 0;\n } else if (event.shiftX > this.window.innerWidth - this.state.swipeBackStartX) {\n swipeBackShift = this.window.innerWidth;\n } else {\n swipeBackShift = event.shiftX;\n }\n this.setState({ swipeBackShift });\n }\n };\n\n onEnd = (event: TouchEvent): void => {\n if (this.state.swipingBack && this.window) {\n const speed = (this.state.swipeBackShift / event.duration) 1000;\n if (this.state.swipeBackShift === 0) {\n this.onSwipeBackCancel();\n } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n this.onSwipeBackSuccess();\n } else if (\n speed > 250 \|\|\n this.state.swipeBackStartX + this.state.swipeBackShift > this.window.innerWidth / 2\n ) {\n this.setState({ swipeBackResult: SwipeBackResults.success });\n } else {\n this.setState({ swipeBackResult: SwipeBackResults.fail });\n }\n }\n if (this.state.swipeBackPrevented) {\n this.setState({ swipeBackPrevented: false });\n }\n };\n\n calcPanelSwipeStyles(panelId: string \| undefined): React.CSSProperties {\n if (!canUseDOM \|\| !this.window) {\n return {};\n }\n\n const isPrev = panelId === this.state.swipeBackPrevPanel;\n const isNext = panelId === this.state.swipeBackNextPanel;\n\n if ((!isPrev && !isNext) \|\| this.state.swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) / this.window.innerWidth;\n\n if (this.state.swipeBackResult) {\n return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n }\n\n render() {\n const {\n popout,\n modal,\n platform,\n activePanel: _1,\n splitCol,\n configProvider,\n history,\n id,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel,\n window,\n document,\n scroll,\n isBackCheck,\n className,\n ...restProps\n } = this.props;\n const {\n prevPanel,\n nextPanel,\n activePanel,\n isBack,\n animated,\n swipeBackPrevPanel,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n } = this.state;\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = this.panels\n .filter((panel) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && this.state.visiblePanels.includes(panelId)) \|\|\n panelId === swipeBackPrevPanel \|\|\n panelId === swipeBackNextPanel\n );\n })\n .sort((panel) => {\n const panelId = getNavId(panel.props, warn);\n const isPrevPanel = panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const isNextPanel = panelId === nextPanel \|\| panelId === swipeBackNextPanel;\n\n if (isNextPanel) {\n return swipingBack \|\| this.state.isBack ? -1 : 1;\n }\n\n if (isPrevPanel) {\n return swipingBack \|\| this.state.isBack ? 1 : -1;\n }\n\n return 0;\n });\n\n const disableAnimation = this.shouldDisableTransitionMotion();\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n getPlatformClassName(styles['View'], platform),\n !disableAnimation && this.state.animated && styles['View--animated'],\n !disableAnimation && this.state.swipingBack && styles['View--swiping-back'],\n disableAnimation && styles['View--no-motion'],\n className,\n )}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n >\n <div className={styles['View__panels']}>\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev = panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const compensateScroll =\n isPrev \|\| panelId === swipeBackNextPanel \|\| (panelId === nextPanel && isBack);\n const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n const scrollList = (panelId && this.scrolls[panelId]) \|\| [];\n const scroll = scrollList[scrollList.length - 1] \|\| 0;\n\n return (\n <div\n className={classNames(\n styles['View__panel'],\n panelId === activePanel && iosStyles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && iosStyles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && iosStyles['View__panel--swipe-back-next'],\n swipeBackResult === SwipeBackResults.success &&\n iosStyles['View__panel--swipe-back-success'],\n swipeBackResult === SwipeBackResults.fail &&\n iosStyles['View__panel--swipe-back-failed'],\n )}\n onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n ref={(el) => panelId !== undefined && (this.panelNodes[panelId] = el)}\n style={this.calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n className={styles['View__panel-in']}\n style={{ marginTop: compensateScroll ? -scroll : undefined }}\n >\n <NavTransitionProvider\n entering={panelId === nextPanel \|\| panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n <AppRootPortal>\n {hasPopout && <div className={styles['View__popout']}>{popout}</div>}\n {hasModal && <div className={styles['View__modal']}>{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n }\n}\n\nexport const ViewInfinite = withContext(\n withContext(\n withContext(\n withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n SplitColContext,\n 'splitCol',\n ),\n ConfigProviderContext,\n 'configProvider',\n ),\n ScrollContext,\n 'scroll',\n);\n"],"mappings":"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"}

package/dist/cjs/components/WriteBar/WriteBar.js CHANGED Viewed

@@ -11,12 +11,12 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _Headline = require("../Typography/Headline/Headline");
-var _usePlatform = require("../../hooks/usePlatform");
-var _useExternRef = require("../../hooks/useExternRef");
 var _vkjs = require("@vkontakte/vkjs");
-var _platform = require("../../lib/platform");
 var _useEnsuredControl3 = require("../../hooks/useEnsuredControl");
+var _useExternRef = require("../../hooks/useExternRef");
+var _usePlatform = require("../../hooks/usePlatform");
+var _platform = require("../../lib/platform");
+var _Headline = require("../Typography/Headline/Headline");
 var _excluded = ["className", "style", "before", "inlineAfter", "after", "getRootRef", "getRef", "onHeightChange", "shadow", "defaultValue"];
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar

package/dist/cjs/components/WriteBar/WriteBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteBar.js","names":["WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","defaultValue","restProps","platform","usePlatform","useEnsuredControl","value","onChange","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","classNames","Platform","IOS","hasReactNode"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~Headline~~ } from '~~../Typography~~/~~Headline/Headline~~';\nimport { ~~usePlatform~~ } from '../../hooks/~~usePlatform~~';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { ~~classNames,~~ ~~hasReactNode~~ } from '~~@vkontakte~~/~~vkjs~~';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ~~useEnsuredControl~~ } from '~~../../hooks~~/~~useEnsuredControl~~';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n /\n onHeightChange?: VoidFunction;\n /\n Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n defaultValue,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const [value, onChange] = useEnsuredControl({\n defaultValue,\n ...restProps,\n });\n\n const textareaRef = useExternRef(getRef);\n const currentScrollHeight = React.useRef<number>();\n\n const resize = React.useCallback(() => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n if (textareaEl.offsetParent) {\n textareaEl.style.height = '';\n textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n onHeightChange();\n currentScrollHeight.current = textareaEl.scrollHeight;\n }\n }\n }, [onHeightChange, textareaRef]);\n\n React.useEffect(resize, [resize, value]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n platform === Platform.IOS && styles['WriteBar--ios'],\n shadow && styles['WriteBar--shadow'],\n className,\n )}\n style={style}\n >\n <div className={styles['WriteBar__form']}>\n {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n <div className={styles['WriteBar__formIn']}>\n <Headline\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={onChange}\n getRootRef={textareaRef}\n value={value}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;~~AAAkE~~;AA+~~BlE~~;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAYA;EAAA,IAXnBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,YAAY,QAAZA,YAAY;IACTC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,yBAA0B,IAAAC,qCAAiB;MACzCJ,YAAY,EAAZA;IAAY,GACTC,SAAS,EACZ;IAAA;IAHKI,KAAK;IAAEC,QAAQ;EAKtB,IAAMC,WAAW,GAAG,IAAAC,0BAAY,EAACX,MAAM,CAAC;EACxC,IAAMY,mBAAmB,GAAGC,KAAK,CAACC,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAGF,KAAK,CAACG,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGP,WAAW,CAACQ,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAACtB,KAAK,CAACyB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAACtB,KAAK,CAACyB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,IAAIJ,UAAU,CAACI,YAAY,KAAKT,mBAAmB,CAACM,OAAO,IAAIjB,cAAc,EAAE;QAC7EA,cAAc,EAAE;QAChBW,mBAAmB,CAACM,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,CAACpB,cAAc,EAAES,WAAW,CAAC,CAAC;EAEjCG,KAAK,CAACS,SAAS,CAACP,MAAM,EAAE,CAACA,MAAM,EAAEP,KAAK,CAAC,CAAC;EAExC,oBACE;IACE,GAAG,EAAET,UAAW;IAChB,SAAS,EAAE,IAAAwB,gBAAU,kBAEnBlB,QAAQ,KAAKmB,kBAAQ,CAACC,GAAG,uBAA2B,EACpDvB,MAAM,0BAA8B,EACpCR,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,GACtC,IAAA+B,kBAAY,EAAC9B,MAAM,CAAC,iBAAI;IAAK,SAAS;EAA6B,GAAEA,MAAM,CAAO,eAEnF;IAAK,SAAS;EAA6B,gBACzC,oBAAC,kBAAQ,6BACHQ,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,EAAEK,QAAS;IACnB,UAAU,EAAEC,WAAY;IACxB,KAAK,EAAEF;EAAM,GACb,EACD,IAAAkB,kBAAY,EAAC7B,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,EAEL,IAAA6B,kBAAY,EAAC5B,KAAK,CAAC,iBAAI;IAAK,SAAS;EAA4B,GAAEA,KAAK,CAAO,CAC5E,CACF;AAEV,CAAC;AAAC"}
1	+ {"version":3,"file":"WriteBar.js","names":["WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","defaultValue","restProps","platform","usePlatform","useEnsuredControl","value","onChange","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","classNames","Platform","IOS","hasReactNode"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n /\n onHeightChange?: VoidFunction;\n /\n Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n defaultValue,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const [value, onChange] = useEnsuredControl({\n defaultValue,\n ...restProps,\n });\n\n const textareaRef = useExternRef(getRef);\n const currentScrollHeight = React.useRef<number>();\n\n const resize = React.useCallback(() => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n if (textareaEl.offsetParent) {\n textareaEl.style.height = '';\n textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n onHeightChange();\n currentScrollHeight.current = textareaEl.scrollHeight;\n }\n }\n }, [onHeightChange, textareaRef]);\n\n React.useEffect(resize, [resize, value]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n platform === Platform.IOS && styles['WriteBar--ios'],\n shadow && styles['WriteBar--shadow'],\n className,\n )}\n style={style}\n >\n <div className={styles['WriteBar__form']}>\n {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n <div className={styles['WriteBar__formIn']}>\n <Headline\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={onChange}\n getRootRef={textareaRef}\n value={value}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAA2D;AA+B3D;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAYA;EAAA,IAXnBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,YAAY,QAAZA,YAAY;IACTC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,yBAA0B,IAAAC,qCAAiB;MACzCJ,YAAY,EAAZA;IAAY,GACTC,SAAS,EACZ;IAAA;IAHKI,KAAK;IAAEC,QAAQ;EAKtB,IAAMC,WAAW,GAAG,IAAAC,0BAAY,EAACX,MAAM,CAAC;EACxC,IAAMY,mBAAmB,GAAGC,KAAK,CAACC,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAGF,KAAK,CAACG,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGP,WAAW,CAACQ,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAACtB,KAAK,CAACyB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAACtB,KAAK,CAACyB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,IAAIJ,UAAU,CAACI,YAAY,KAAKT,mBAAmB,CAACM,OAAO,IAAIjB,cAAc,EAAE;QAC7EA,cAAc,EAAE;QAChBW,mBAAmB,CAACM,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,CAACpB,cAAc,EAAES,WAAW,CAAC,CAAC;EAEjCG,KAAK,CAACS,SAAS,CAACP,MAAM,EAAE,CAACA,MAAM,EAAEP,KAAK,CAAC,CAAC;EAExC,oBACE;IACE,GAAG,EAAET,UAAW;IAChB,SAAS,EAAE,IAAAwB,gBAAU,kBAEnBlB,QAAQ,KAAKmB,kBAAQ,CAACC,GAAG,uBAA2B,EACpDvB,MAAM,0BAA8B,EACpCR,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,GACtC,IAAA+B,kBAAY,EAAC9B,MAAM,CAAC,iBAAI;IAAK,SAAS;EAA6B,GAAEA,MAAM,CAAO,eAEnF;IAAK,SAAS;EAA6B,gBACzC,oBAAC,kBAAQ,6BACHQ,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,EAAEK,QAAS;IACnB,UAAU,EAAEC,WAAY;IACxB,KAAK,EAAEF;EAAM,GACb,EACD,IAAAkB,kBAAY,EAAC7B,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,EAEL,IAAA6B,kBAAY,EAAC5B,KAAK,CAAC,iBAAI;IAAK,SAAS;EAA4B,GAAEA,KAAK,CAAO,CAC5E,CACF;AAEV,CAAC;AAAC"}

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js CHANGED Viewed

@@ -10,12 +10,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
-var _usePlatform = require("../../hooks/usePlatform");
 var _vkjs = require("@vkontakte/vkjs");
+var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
+var _warnOnce = require("../../lib/warnOnce");
 var _Counter = require("../Counter/Counter");
 var _Tappable = require("../Tappable/Tappable");
-var _warnOnce = require("../../lib/warnOnce");
+var _WriteBarIconRenderer = require("./WriteBarIconRenderer");
 var _excluded = ["mode", "children", "count", "className"];
 var warn = (0, _warnOnce.warnOnce)('WriteBarIcon');
@@ -29,19 +30,28 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
     className = _ref.className,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var icon;
   var modeLabel = undefined;
+  var predefinedIcons;
   switch (mode) {
     case 'attach':
-      icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon28AddCircleOutline, null) : /*#__PURE__*/React.createElement(_icons.Icon28AttachOutline, null);
+      predefinedIcons = {
+        IconCompact: platform === _platform.Platform.IOS ? _icons.Icon28AddCircleOutline : _icons.Icon24Attach,
+        IconRegular: platform === _platform.Platform.IOS ? _icons.Icon28AddCircleOutline : _icons.Icon28AttachOutline
+      };
       modeLabel = 'Прикрепить файл';
       break;
     case 'send':
-      icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon48WritebarSend, null) : /*#__PURE__*/React.createElement(_icons.Icon24Send, null);
+      predefinedIcons = {
+        IconCompact: platform === _platform.Platform.IOS ? _icons.Icon48WritebarSend : _icons.Icon24Send,
+        IconRegular: platform === _platform.Platform.IOS ? _icons.Icon48WritebarSend : _icons.Icon28Send
+      };
       modeLabel = 'Отправить';
       break;
     case 'done':
-      icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon48WritebarDone, null) : /*#__PURE__*/React.createElement(_icons.Icon28CheckCircleOutline, null);
+      predefinedIcons = {
+        IconCompact: platform === _platform.Platform.IOS ? _icons.Icon48WritebarDone : _icons.Icon24CheckCircleOutline,
+        IconRegular: platform === _platform.Platform.IOS ? _icons.Icon48WritebarDone : _icons.Icon28CheckCircleOutline
+      };
       modeLabel = 'Готово';
       break;
     default:
@@ -62,7 +72,7 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
     className: (0, _vkjs.classNames)("vkuiWriteBarIcon", platform === _platform.Platform.IOS && "vkuiWriteBarIcon--ios", mode && styles["WriteBarIcon--mode-".concat(mode)], className)
   }), /*#__PURE__*/React.createElement("span", {
     className: "vkuiWriteBarIcon__in"
-  }, icon || children), (0, _vkjs.hasReactNode)(count) && /*#__PURE__*/React.createElement(_Counter.Counter, {
+  }, predefinedIcons ? /*#__PURE__*/React.createElement(_WriteBarIconRenderer.WriteBarIconRenderer, predefinedIcons) : children), (0, _vkjs.hasReactNode)(count) && /*#__PURE__*/React.createElement(_Counter.Counter, {
     className: "vkuiWriteBarIcon__counter",
     size: "s"
   }, count));

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","WriteBarIcon","mode","children","count","className","restProps","platform","usePlatform","~~icon~~","~~modeLabel~~","~~undefined~~","Platform","IOS","process","env","NODE_ENV","isAccessible","COMMON_WARNINGS","a11y","classNames","styles","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ~~classNames,~~ ~~hasReactNode~~ } from '~~@vkontakte~~/~~vkjs~~';\nimport { ~~Platform~~ } from '../../lib/~~platform~~';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { ~~COMMON_WARNINGS,~~ ~~warnOnce~~ } from '~~../../lib/warnOnce~~';\nimport styles from './WriteBarIcon.module.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let ~~icon: React.ReactNode;\n let~~ modeLabel: string \| undefined = undefined;\n\n switch (mode) {\n case 'attach':\n ~~icon~~ = platform === Platform.IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline ~~/>;\~~n modeLabel = 'Прикрепить файл';\n break;\n\n case 'send':\n ~~icon~~ = platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send ~~/>;\~~n modeLabel = 'Отправить';\n break;\n\n case 'done':\n ~~icon~~ = platform === Platform.IOS ? <Icon48WritebarDone /> : <Icon28CheckCircleOutline ~~/>;\~~n modeLabel = 'Готово';\n break;\n\n default:\n break;\n }\n\n if (process.env.NODE_ENV === 'development') {\n const isAccessible = !modeLabel && (!restProps['aria-label'] \|\| restProps['aria-labelledby']);\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n aria-label={modeLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === Platform.IOS && styles['WriteBarIcon--ios'],\n mode && styles[`WriteBarIcon--mode-${mode}`],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>{~~icon~~ \|\| children}</span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;~~AAQA~~;AACA;AACA;AACA;AACA;AACA;~~AAA+D~~;~~AAmB/D~~,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,cAAc,CAAC;;AAErC;AACA;AACA;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;~~EAE9B~~,IAAIC,~~IAAqB;EACzB,IAAIC,~~SAA6B,GAAGC,SAAS;EAE7C,QAAQT,IAAI;IACV,KAAK,QAAQ;~~MACXO~~,~~IAAI~~,~~GAAGF~~,QAAQ,~~KAAKK~~,kBAAQ,CAACC,GAAG,~~gBAAG~~,~~oBAAC,~~6BAAsB,~~OAAG~~,~~gBAAG~~,~~oBAAC~~,~~0BAAmB~~,~~OAAG~~;~~MACvFH~~,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;~~MACTD~~,~~IAAI~~,~~GAAGF~~,QAAQ,~~KAAKK~~,kBAAQ,CAACC,GAAG,~~gBAAG~~,~~oBAAC,~~yBAAkB,~~OAAG~~,~~gBAAG~~,~~oBAAC~~,~~iBAAU~~,~~OAAG~~;~~MAC1EH~~,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;~~MACTD~~,~~IAAI~~,~~GAAGF~~,QAAQ,~~KAAKK~~,kBAAQ,CAACC,GAAG,~~gBAAG~~,~~oBAAC,~~yBAAkB,~~OAAG,gBAAG,oBAAC~~,+BAAwB,~~OAAG~~;~~MACxFH~~,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,~~IAAII~~,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAMC,YAAY,GAAG,~~CAACP~~,SAAS,KAAK,~~CAACJ~~,SAAS,CAAC,YAAY,CAAC,IAAIA,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE7F,IAAI,~~CAACW~~,YAAY,EAAE;~~MACjBlB~~,IAAI,~~CAACmB~~,yBAAe,CAACC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACpD;EACF;EAEA,oBACE,oBAAC,kBAAQ;IACP,~~cAAYT~~;EAAU,~~GAClBJ~~,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAE,~~IAAAc~~,gBAAU,~~sBAEnBb~~,QAAQ,~~KAAKK~~,kBAAQ,CAACC,GAAG,2BAA+B,~~EACxDX~~,IAAI,~~IAAImB~~,MAAM,~~8BAAuBnB~~,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,~~GAAEI~~,~~IAAI~~,~~IAAIN~~,QAAQ,~~CAAQ~~,~~EACrE~~,~~IAAAmB~~,kBAAY,~~EAAClB~~,KAAK,CAAC,iBAClB,oBAAC,gBAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","WriteBarIcon","mode","children","count","className","restProps","platform","usePlatform","modeLabel","undefined","predefinedIcons","IconCompact","Platform","IOS","Icon28AddCircleOutline","Icon24Attach","IconRegular","Icon28AttachOutline","Icon48WritebarSend","Icon24Send","Icon28Send","Icon48WritebarDone","Icon24CheckCircleOutline","Icon28CheckCircleOutline","process","env","NODE_ENV","isAccessible","COMMON_WARNINGS","a11y","classNames","styles","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Attach,\n Icon24CheckCircleOutline,\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon28Send,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { WriteBarIconRenderer } from './WriteBarIconRenderer';\nimport styles from './WriteBarIcon.module.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n let modeLabel: string \| undefined = undefined;\n\n let predefinedIcons;\n switch (mode) {\n case 'attach':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon28AddCircleOutline : Icon24Attach,\n IconRegular: platform === Platform.IOS ? Icon28AddCircleOutline : Icon28AttachOutline,\n };\n modeLabel = 'Прикрепить файл';\n break;\n\n case 'send':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon48WritebarSend : Icon24Send,\n IconRegular: platform === Platform.IOS ? Icon48WritebarSend : Icon28Send,\n };\n modeLabel = 'Отправить';\n break;\n\n case 'done':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon48WritebarDone : Icon24CheckCircleOutline,\n IconRegular: platform === Platform.IOS ? Icon48WritebarDone : Icon28CheckCircleOutline,\n };\n modeLabel = 'Готово';\n break;\n\n default:\n break;\n }\n\n if (process.env.NODE_ENV === 'development') {\n const isAccessible = !modeLabel && (!restProps['aria-label'] \|\| restProps['aria-labelledby']);\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n aria-label={modeLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === Platform.IOS && styles['WriteBarIcon--ios'],\n mode && styles[`WriteBarIcon--mode-${mode}`],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>\n {predefinedIcons ? <WriteBarIconRenderer {...predefinedIcons} /> : children}\n </span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8D;AAmB9D,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,cAAc,CAAC;;AAErC;AACA;AACA;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,IAAIC,eAAe;EACnB,QAAQT,IAAI;IACV,KAAK,QAAQ;MACXS,eAAe,GAAG;QAChBC,WAAW,EAAEL,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAGC,6BAAsB,GAAGC,mBAAY;QAC9EC,WAAW,EAAEV,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAGC,6BAAsB,GAAGG;MACpE,CAAC;MACDT,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTE,eAAe,GAAG;QAChBC,WAAW,EAAEL,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAGK,yBAAkB,GAAGC,iBAAU;QACxEH,WAAW,EAAEV,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAGK,yBAAkB,GAAGE;MAChE,CAAC;MACDZ,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTE,eAAe,GAAG;QAChBC,WAAW,EAAEL,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAGQ,yBAAkB,GAAGC,+BAAwB;QACtFN,WAAW,EAAEV,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAGQ,yBAAkB,GAAGE;MAChE,CAAC;MACDf,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIgB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAMC,YAAY,GAAG,CAACnB,SAAS,KAAK,CAACH,SAAS,CAAC,YAAY,CAAC,IAAIA,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE7F,IAAI,CAACsB,YAAY,EAAE;MACjB7B,IAAI,CAAC8B,yBAAe,CAACC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACpD;EACF;EAEA,oBACE,oBAAC,kBAAQ;IACP,cAAYrB;EAAU,GAClBH,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAE,IAAAyB,gBAAU,sBAEnBxB,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,2BAA+B,EACxDZ,IAAI,IAAI8B,MAAM,8BAAuB9B,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GACzCM,eAAe,gBAAG,oBAAC,0CAAoB,EAAKA,eAAe,CAAI,GAAGR,QAAQ,CACtE,EACN,IAAA8B,kBAAY,EAAC7B,KAAK,CAAC,iBAClB,oBAAC,gBAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface WriteBarIconRendererProps {
+    IconCompact: React.ComponentType<{
+        className?: string;
+    }>;
+    IconRegular: React.ComponentType<{
+        className?: string;
+    }>;
+}
+export declare const WriteBarIconRenderer: ({ IconCompact, IconRegular }: WriteBarIconRendererProps) => JSX.Element;

package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.js ADDED Viewed

@@ -0,0 +1,22 @@
+"use strict";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WriteBarIconRenderer = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useAdaptivityConditionalRender = require("../../hooks/useAdaptivityConditionalRender");
+var WriteBarIconRenderer = function WriteBarIconRenderer(_ref) {
+  var IconCompact = _ref.IconCompact,
+    IconRegular = _ref.IconRegular;
+  var _useAdaptivityConditi = (0, _useAdaptivityConditionalRender.useAdaptivityConditionalRender)(),
+    sizeY = _useAdaptivityConditi.sizeY;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sizeY.compact && /*#__PURE__*/React.createElement(IconCompact, {
+    className: sizeY.compact.className
+  }), sizeY.regular && /*#__PURE__*/React.createElement(IconRegular, {
+    className: sizeY.regular.className
+  }));
+};
+exports.WriteBarIconRenderer = WriteBarIconRenderer;
+//# sourceMappingURL=WriteBarIconRenderer.js.map

package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WriteBarIconRenderer.js","names":["WriteBarIconRenderer","IconCompact","IconRegular","useAdaptivityConditionalRender","sizeY","compact","className","regular"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIconRenderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface WriteBarIconRendererProps {\n IconCompact: React.ComponentType<{ className?: string }>;\n IconRegular: React.ComponentType<{ className?: string }>;\n}\n\nexport const WriteBarIconRenderer = ({ IconCompact, IconRegular }: WriteBarIconRendererProps) => {\n const { sizeY } = useAdaptivityConditionalRender();\n\n return (\n <React.Fragment>\n {sizeY.compact && <IconCompact className={sizeY.compact.className} />}\n {sizeY.regular && <IconRegular className={sizeY.regular.className} />}\n </React.Fragment>\n );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAOO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,OAAgE;EAAA,IAA1DC,WAAW,QAAXA,WAAW;IAAEC,WAAW,QAAXA,WAAW;EAC7D,4BAAkB,IAAAC,8DAA8B,GAAE;IAA1CC,KAAK,yBAALA,KAAK;EAEb,oBACE,oBAAC,KAAK,CAAC,QAAQ,QACZA,KAAK,CAACC,OAAO,iBAAI,oBAAC,WAAW;IAAC,SAAS,EAAED,KAAK,CAACC,OAAO,CAACC;EAAU,EAAG,EACpEF,KAAK,CAACG,OAAO,iBAAI,oBAAC,WAAW;IAAC,SAAS,EAAEH,KAAK,CAACG,OAAO,CAACD;EAAU,EAAG,CACtD;AAErB,CAAC;AAAC"}

package/dist/cjs/helpers/getPlatformClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getPlatformClassName.js","names":["getPlatformClassName","base","osname","platform","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { ~~PlatformType~~, ~~platform~~ } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /*\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":";;;;;;AAAA;AAQO,SAASA,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAG,IAAAC,kBAAQ,GAAE;EAAA;EACjC;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACL,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOE,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}
1	+ {"version":3,"file":"getPlatformClassName.js","names":["getPlatformClassName","base","osname","platform","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { platform, PlatformType } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /*\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":";;;;;;AAAA;AAQO,SAASA,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAG,IAAAC,kBAAQ,GAAE;EAAA;EACjC;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACL,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOE,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}

package/dist/cjs/hoc/withPlatform.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withPlatform.js","names":["withPlatform","Component","WithPlatform","props","useConfigProvider","platform"],"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~HasPlatform~~ } from '../~~types~~';\nimport { ~~useConfigProvider~~ } from '../~~components/ConfigProvider/ConfigProviderContext~~';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"mappings":";;;;;;;;;AAAA;~~AAEA~~;~~AAEO~~,SAASA,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqB,IAAAC,wCAAiB,GAAE;MAAhCC,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,6BAAMF,KAAK;MAAQ,QAAQ,EAAEE;IAAS,GAAG;EAC5D;EACA,OAAOH,YAAY;AACrB"}
1	+ {"version":3,"file":"withPlatform.js","names":["withPlatform","Component","WithPlatform","props","useConfigProvider","platform"],"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AAGO,SAASA,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqB,IAAAC,wCAAiB,GAAE;MAAhCC,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,6BAAMF,KAAK;MAAQ,QAAQ,EAAEE;IAAS,GAAG;EAC5D;EACA,OAAOH,YAAY;AACrB"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/helpers.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { SizeType, ViewWidth, ViewHeight } from '../../lib/adaptivity';
+import { SizeType, ViewHeight, ViewWidth } from '../../lib/adaptivity';
 import type { PlatformType } from '../../lib/platform';
-import type { ElementProps, AdaptiveSizeType, ViewWidthCSSBreakpoints, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, AdaptiveDeviceType } from './types';
+import type { AdaptiveDeviceType, AdaptiveSizeType, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, ElementProps, ViewWidthCSSBreakpoints } from './types';
 export declare const getAdaptiveSizeType: (type: undefined | SizeType, compactClassNames: Record<'mq' | SizeType.COMPACT, ElementProps>, regularClassNames: Record<'mq' | SizeType.REGULAR, ElementProps>) => AdaptiveSizeType;
 export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidth, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveViewWidth;
 export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveDeviceType;

package/dist/cjs/hooks/useAdaptivityConditionalRender/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","names":["getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","SizeType","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, ~~ViewWidth~~, ViewHeight, ~~tryToCheckIsDesktop~~ } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n ~~ElementProps~~,\n AdaptiveSizeType,\n ~~ViewWidthCSSBreakpoints~~,\n ~~AdaptiveViewWidth~~,\n ~~DeviceTypeCSSBreakpoints~~,\n ~~AdaptiveDeviceType~~,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"mappings":";;;;;;AAAA;AAWO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACC,OAAO,GACzBN,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXQ,OAAO,EACLR,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACG,OAAO,GACzBP,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAMU,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACC,WAAW,CAACR,EAAE,GAClCM,SAAS,GAAGG,qBAAS,CAACC,MAAM,GAC5BH,mBAAmB,CAACC,WAAW,CAACG,MAAM,GACtC,KAAK;IACXC,UAAU,EACRN,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACK,UAAU,CAACZ,EAAE,GACjCM,SAAS,IAAIG,qBAAS,CAACC,MAAM,GAC7BH,mBAAmB,CAACK,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCP,SAAgC,EAChCQ,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,GAAG,IAAAC,+BAAmB,EAACb,SAAS,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLE,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACpB,EAAE;MACtCqB,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACrB;IACxC,CAAC;EACH;EAEA,IAAIkB,SAAS,EAAE;IACb,OAAO;MACLE,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACV;IACxC,CAAC;EACH;EAEA,OAAO;IACLS,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACT,MAAM;IAC1CU,OAAO,EAAE;EACX,CAAC;AACH,CAAC;AAAC"}
1	+ {"version":3,"file":"helpers.js","names":["getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","SizeType","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, tryToCheckIsDesktop, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n AdaptiveDeviceType,\n AdaptiveSizeType,\n AdaptiveViewWidth,\n DeviceTypeCSSBreakpoints,\n ElementProps,\n ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"mappings":";;;;;;AAAA;AAWO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACC,OAAO,GACzBN,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXQ,OAAO,EACLR,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACG,OAAO,GACzBP,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAMU,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACC,WAAW,CAACR,EAAE,GAClCM,SAAS,GAAGG,qBAAS,CAACC,MAAM,GAC5BH,mBAAmB,CAACC,WAAW,CAACG,MAAM,GACtC,KAAK;IACXC,UAAU,EACRN,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACK,UAAU,CAACZ,EAAE,GACjCM,SAAS,IAAIG,qBAAS,CAACC,MAAM,GAC7BH,mBAAmB,CAACK,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCP,SAAgC,EAChCQ,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,GAAG,IAAAC,+BAAmB,EAACb,SAAS,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLE,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACpB,EAAE;MACtCqB,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACrB;IACxC,CAAC;EACH;EAEA,IAAIkB,SAAS,EAAE;IACb,OAAO;MACLE,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACV;IACxC,CAAC;EACH;EAEA,OAAO;IACLS,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACT,MAAM;IAC1CU,OAAO,EAAE;EACX,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAdaptivityConditionalRender.js","names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport ~~type~~ { ~~UseAdaptivityConditionalRender } from './types';\nimport {~~\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n ~~deviceTypeClassNames,\n~~} from './constants';\nimport { getAdaptiveSizeType, getAdaptiveViewWidth, ~~getAdaptiveDeviceType~~ } from './helpers';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;~~AAEA~~;AAQA;~~AAEO~~,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAL9BC,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,OAAOd,KAAK,CAACe,OAAO,CAAC,YAAM;IACzB,IAAMX,KAAK,GAAG,IAAAY,4BAAmB,EAACb,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,KAAK,GAAG,IAAAU,4BAAmB,EAACX,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,SAAS,GAAG,IAAAa,6BAAoB,EAACd,gBAAgB,EAAEe,8BAAmB,CAAC;IAC7E,IAAMC,UAAU,GAAG,IAAAC,8BAAqB,EACtCjB,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRY,+BAAoB,CACrB;IACD,OAAO;MACLrB,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTe,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDpB,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC;AAAC"}
1	+ {"version":3,"file":"useAdaptivityConditionalRender.js","names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n deviceTypeClassNames,\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAQA;AAGO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAL9BC,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,OAAOd,KAAK,CAACe,OAAO,CAAC,YAAM;IACzB,IAAMX,KAAK,GAAG,IAAAY,4BAAmB,EAACb,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,KAAK,GAAG,IAAAU,4BAAmB,EAACX,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,SAAS,GAAG,IAAAa,6BAAoB,EAACd,gBAAgB,EAAEe,8BAAmB,CAAC;IAC7E,IAAMC,UAAU,GAAG,IAAAC,8BAAqB,EACtCjB,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRY,+BAAoB,CACrB;IACD,OAAO;MACLrB,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTe,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDpB,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC;AAAC"}

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.js CHANGED Viewed

@@ -12,9 +12,9 @@ var _vkjs = require("@vkontakte/vkjs");
 var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 var _getOrDefault = require("../helpers/getOrDefault");
 var _adaptivity = require("../lib/adaptivity");
+var _matchMedia = require("../lib/matchMedia");
 var _useMediaQueries = require("./useMediaQueries");
 var _usePlatform = require("./usePlatform");
-var _matchMedia = require("../lib/matchMedia");
 /**
  * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
  *

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","hasHover","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, ~~hasMouse~~ as ~~hasPointerLib~~, ~~hasHover~~ as ~~hasHoverLib~~ } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n ~~getViewWidthByMediaQueries~~,\n ~~getViewHeightByMediaQueries~~,\n ~~getSizeX~~,\n ~~getSizeY~~,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { ~~useMediaQueries~~ } from '~~./useMediaQueries~~';\nimport { ~~usePlatform~~ } from './~~usePlatform~~';\nimport { ~~matchMediaListAddListener,~~ ~~matchMediaListRemoveListener~~ } from '~~../lib/matchMedia~~';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","hasHover","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getSizeX,\n getSizeY,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"mappings":"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"}

package/dist/cjs/hooks/useAutoDetectAppearance.js CHANGED Viewed

@@ -9,9 +9,9 @@ exports.useAutoDetectAppearance = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
-var _dom = require("../lib/dom");
 var _vkjs = require("@vkontakte/vkjs");
 var _appearance = require("../helpers/appearance");
+var _dom = require("../lib/dom");
 var _matchMedia = require("../lib/matchMedia");
 var initialAppearance = null;
 _vkBridge.default.send('VKWebAppGetConfig').then(function (data) {