npm - @vkontakte/vkui - Versions diffs - 6.0.3 → 6.1.0 - Mend

@vkontakte/vkui 6.0.3 → 6.1.0

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

Files changed (4950) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { canUseDOM, DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { animationEvent, transitionEvent } from '../../lib/supportEvents';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasPlatform, HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport {\n getSwipeBackPredicates,\n hasHorizontalScrollableElementWithScrolledToLeft,\n swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\n\nconst warn = warnOnce('ViewInfinite');\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\nexport let scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string \| null; to: string \| null };\n\nexport interface ViewInfiniteProps\n extends HTMLAttributesWithRootRef<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\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 swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: 'success' \| 'fail' \| null;\n\n browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n ViewInfiniteProps & DOMProps,\n ViewInfiniteState\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: undefined,\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 swipeBackPrevented = false;\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 // Нужен переход\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 === 'android' \|\| this.props.platform === 'vkcom' ? 300 : 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 === '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 === '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 === 'android' \|\| this.props.platform === 'vkcom' ? 300 : 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,\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 styles['animation-ios-next-forward'],\n styles['animation-ios-prev-back'],\n styles['animation-view-next-forward'],\n styles['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 'fail':\n this.onSwipeBackCancel();\n break;\n case '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 handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: TouchEvent) => {\n if (this.state.browserSwipe) {\n return;\n }\n const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n if ((viewportStartEdgeTouched \|\| viewportEndEdgeTouched) && swipeBackTriggered) {\n this.setState({ browserSwipe: true });\n }\n };\n\n handleTouchMoveXForIOSSwipeBackSimulation = (event: TouchEvent) => {\n if (this.swipeBackPrevented \|\| swipeBackExcluded(event)) {\n return;\n }\n\n const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n if (this.state.animated && swipeBackTriggered) {\n return;\n }\n\n if (!this.state.swipingBack && this.props.history && this.props.history.length > 1) {\n if (swipedToOpposite) {\n this.swipeBackPrevented = true;\n return;\n }\n\n if (!swipeBackTriggered) {\n return;\n }\n\n if (\n !viewportStartEdgeTouched &&\n hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n ) {\n this.swipeBackPrevented = true;\n return;\n }\n // Начался свайп назад\n if (this.props.onSwipeBackStart) {\n const payload = this.props.onSwipeBackStart(this.state.activePanel);\n if (payload === 'prevent') {\n this.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 if (event.shiftX < 0) {\n this.setState({ swipeBackShift: 0 });\n } else if (event.shiftX > this.window!.innerWidth - this.state.swipeBackStartX) {\n this.setState({ swipeBackShift: this.window!.innerWidth });\n } else {\n this.setState({ swipeBackShift: event.shiftX });\n }\n }\n };\n\n handleTouchEndForIOSSwipeBackSimulation = (event: TouchEvent) => {\n this.swipeBackPrevented = false;\n\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 (speed > 250 \|\| this.state.swipeBackShift >= this.window.innerWidth / 2) {\n this.setState({ swipeBackResult: 'success' });\n } else {\n this.setState({ swipeBackResult: 'fail' });\n }\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 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 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 const iOSSwipeBackSimulationEnabled =\n !disableAnimation && platform === 'ios' && configProvider?.isWebView && Boolean(onSwipeBack);\n\n return (\n <NavViewIdContext.Provider value={id \|\| nav}>\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n platform === 'ios' && classNames(styles['View--ios'], 'vkuiInternalView--ios'),\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={\n iOSSwipeBackSimulationEnabled\n ? this.handleTouchMoveXForIOSSwipeBackSimulation\n : platform === 'ios'\n ? this.handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n : undefined\n }\n onEnd={\n iOSSwipeBackSimulationEnabled ? this.handleTouchEndForIOSSwipeBackSimulation : undefined\n }\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 && styles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && styles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && styles['View__panel--swipe-back-next'],\n swipeBackResult === 'success' && styles['View__panel--swipe-back-success'],\n swipeBackResult === 'fail' && styles['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 <NavTransitionDirectionProvider isBack={swipingBack \|\| isBack}>\n <NavTransitionProvider\n entering={panelId === nextPanel \|\| panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </NavTransitionDirectionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n </NavViewIdContext.Provider>\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"],"names":["ViewInfinite","scrollsCache","warn","warnOnce","React","ViewInfiniteComponent","Component","document","props","window","panels","Children","toArray","children","componentWillUnmount","id","getNavId","scrolls","animationFinishTimeout","clearTimeout","componentDidUpdate","prevProps","prevState","activePanel","swipingBack","browserSwipe","isBack","isBackCheck","from","to","firstLayerId","map","panel","find","blurActiveElement","prevScrolls","scroll","getScroll","y","shouldDisableTransitionMotion","flushTransition","setState","visiblePanels","prevPanel","nextPanel","animated","animationEvent","supported","setTimeout","transitionEndHandler","platform","state","swipeBackNextPanel","swipeBackPrevPanel","scrollPosition","undefined","prevPanelScrolls","slice","newPanelScrolls","pop","swipeBackResult","swipeBackStartX","swipeBackShift","scrollTo","onTransition","waitTransitionFinish","pickPanel","swipingBackTransitionEndHandler","configProvider","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","onSwipeBackSuccess","onSwipeBack","onSwipeBackCancel","calcPanelSwipeStyles","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","innerWidth","prevPanelShadow","boxShadow","transform","WebkitTransform","render","_1","history","nav","onSwipeBackStart","className","restProps","filter","includes","sort","isPrevPanel","isNextPanel","disableAnimation","iOSSwipeBackSimulationEnabled","isWebView","Boolean","NavViewIdContext","Provider","value","Touch","classNames","onMoveX","handleTouchMoveXForIOSSwipeBackSimulation","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","onEnd","handleTouchEndForIOSSwipeBackSimulation","div","compensateScroll","isTransitionTarget","scrollList","length","onAnimationEnd","ref","el","style","key","marginTop","NavTransitionDirectionProvider","NavTransitionProvider","entering","constructor","swipeBackPrevented","e","animationName","propertyName","target","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","getSwipeBackPredicates","startX","shiftX","swipeBackExcluded","swipedToOpposite","hasHorizontalScrollableElementWithScrolledToLeft","originalEvent","payload","speed","duration","defaultProps","withContext","withPlatform","withDOM","SplitColContext","ConfigProviderContext","ScrollContext"],"mappings":";;;;;;;;;;;IA8qBaA,YAAY;eAAZA;;IAxoBFC,YAAY;eAAZA;;;;;;;;iEAtCY;sBACI;6BACC;8BACC;qBACgB;0BACR;+BACW;0BACvB;+BAE6B;uCAI/C;8BAC0B;sCACK;+CACS;iCACO;uBACpB;uBAK3B;AAGP,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAYf,IAAIF,eAA6B,CAAC;IAyDLG;AAApC,MAAMC,8BAA8BD,CAAAA,mBAAAA,OAAME,SAAS,AAAD;IAoChD,IAAIC,WAAW;QACb,OAAO,IAAI,CAACC,KAAK,CAACD,QAAQ;IAC5B;IAEA,IAAIE,SAAS;QACX,OAAO,IAAI,CAACD,KAAK,CAACC,MAAM;IAC1B;IAEA,IAAIC,SAAS;QACX,OAAON,OAAMO,QAAQ,CAACC,OAAO,CAAC,IAAI,CAACJ,KAAK,CAACK,QAAQ;IACnD;IAIAC,uBAAuB;QACrB,MAAMC,KAAKC,IAAAA,kBAAQ,EAAC,IAAI,CAACR,KAAK;QAC9B,IAAIO,IAAI;YACNd,YAAY,CAACc,GAAG,GAAG,IAAI,CAACE,OAAO;QACjC;QACA,IAAI,IAAI,CAACC,sBAAsB,EAAE;YAC/BC,aAAa,IAAI,CAACD,sBAAsB;QAC1C;IACF;IAEAE,mBAAmBC,SAA4B,EAAEC,SAA4B,EAAE;QAC7E,gBAAgB;QAChB,IACED,UAAUE,WAAW,KAAK,IAAI,CAACf,KAAK,CAACe,WAAW,IAChD,CAACD,UAAUE,WAAW,IACtB,CAACF,UAAUG,YAAY,EACvB;gBAoB4C;YAnB5C,IAAIC,SAAS;YAEb,IAAI,IAAI,CAAClB,KAAK,CAACmB,WAAW,EAAE;gBAC1BD,SAAS,IAAI,CAAClB,KAAK,CAACmB,WAAW,CAAC;oBAC9BC,MAAMP,UAAUE,WAAW;oBAC3BM,IAAI,IAAI,CAACrB,KAAK,CAACe,WAAW;gBAC5B;YACF,OAAO;gBACL,MAAMO,eAAe,IAAI,CAACpB,MAAM,CAC7BqB,GAAG,CAAC,CAACC,QAAUhB,IAAAA,kBAAQ,EAACgB,MAAMxB,KAAK,EAAEN,OACrC+B,IAAI,CAAC,CAAClB,KAAOA,OAAOM,UAAUE,WAAW,IAAIR,OAAO,IAAI,CAACP,KAAK,CAACe,WAAW;gBAC7EG,SAASI,iBAAiB,IAAI,CAACtB,KAAK,CAACe,WAAW;YAClD;YAEA,IAAI,CAACW,iBAAiB;YAEtB,MAAMC,cAAc,IAAI,CAAClB,OAAO,CAACI,UAAUE,WAAW,CAAC,IAAI,EAAE;YAC7D,MAAMN,UAAU,4CACX,IAAI,CAACA,OAAO;gBACf,CAACI,UAAUE,WAAW,CAAC,EAAE;uBAAIY;qBAAa,qBAAA,IAAI,CAAC3B,KAAK,CAAC4B,MAAM,cAAjB,yCAAA,mBAAmBC,SAAS,GAAGC,CAAC;iBAAC;;YAE7E,IAAI,CAACrB,OAAO,GAAGA;YAEf,IAAI,IAAI,CAACsB,6BAA6B,IAAI;gBACxC,IAAI,CAACC,eAAe,CAACnB,UAAUE,WAAW,EAAEG;YAC9C,OAAO;gBACL,IAAI,CAACe,QAAQ,CAAC;oBACZC,eAAe;wBAACrB,UAAUE,WAAW;wBAAE,IAAI,CAACf,KAAK,CAACe,WAAW;qBAAC;oBAC9DoB,WAAWtB,UAAUE,WAAW;oBAChCqB,WAAW,IAAI,CAACpC,KAAK,CAACe,WAAW;oBACjCA,aAAa;oBACbsB,UAAU;oBACVnB;gBACF;gBAEA,2BAA2B;gBAC3B,IAAI,CAACoB,6BAAc,CAACC,SAAS,EAAE;oBAC7B,IAAI,IAAI,CAAC7B,sBAAsB,EAAE;wBAC/BC,aAAa,IAAI,CAACD,sBAAsB;oBAC1C;oBACA,IAAI,CAACA,sBAAsB,GAAG8B,WAC5B,IAAI,CAACC,oBAAoB,EACzB,IAAI,CAACzC,KAAK,CAAC0C,QAAQ,KAAK,aAAa,IAAI,CAAC1C,KAAK,CAAC0C,QAAQ,KAAK,UAAU,MAAM;gBAEjF;YACF;QACF;QAEA,oCAAoC;QACpC,IAAI7B,UAAUE,WAAW,KAAK,IAAI,CAACf,KAAK,CAACe,WAAW,IAAID,UAAUE,WAAW,EAAE;YAC7E,MAAMoB,YAAY,IAAI,CAACO,KAAK,CAACC,kBAAkB;YAC/C,MAAMT,YAAY,IAAI,CAACQ,KAAK,CAACE,kBAAkB;YAC/C,IAAIC,iBAAqCC;YAEzC,IAAI,CAACtC,OAAO,GAAG,qBACV,IAAI,CAACA,OAAO;YAGjB,IAAI0B,cAAc,MAAM;gBACtB,MAAMa,mBAAmB;uBAAK,IAAI,CAACvC,OAAO,CAAC0B,UAAU,IAAI,EAAE;iBAAE,CAACc,KAAK,CAAC,GAAG,CAAC;gBACxE,IAAI,CAACxC,OAAO,CAAC0B,UAAU,GAAGa;YAC5B;YACA,IAAIZ,cAAc,MAAM;gBACtB,MAAMc,kBAAkB;uBAAK,IAAI,CAACzC,OAAO,CAAC2B,UAAU,IAAI,EAAE;iBAAE;gBAC5DU,iBAAiBI,gBAAgBC,GAAG;gBACpC,IAAI,CAAC1C,OAAO,CAAC2B,UAAU,GAAGc;YAC5B;YAEA,IAAI,CAACjB,QAAQ,CACX;gBACEY,oBAAoB;gBACpBD,oBAAoB;gBACpB5B,aAAa;gBACboC,iBAAiB;gBACjBC,iBAAiB;gBACjBC,gBAAgB;gBAChBvC,aAAaqB;gBACbF,eAAe;oBAACE;iBAAU;YAC5B,GACA;oBACE;iBAAA,qBAAA,IAAI,CAACpC,KAAK,CAAC4B,MAAM,cAAjB,yCAAA,mBAAmB2B,QAAQ,CAAC,GAAGT;gBAC/BjC,UAAU2C,YAAY,IACpB3C,UAAU2C,YAAY,CAAC;oBACrBtC,QAAQ;oBACRE,MAAMe;oBACNd,IAAIe;gBACN;YACJ;QAEJ;QAEA,6CAA6C;QAC7C,IAAI,CAACtB,UAAUsC,eAAe,IAAI,IAAI,CAACT,KAAK,CAACS,eAAe,EAAE;YAC5D,IAAI,CAACK,oBAAoB,CACvB,IAAI,CAACC,SAAS,CAAC,IAAI,CAACf,KAAK,CAACC,kBAAkB,GAC5C,IAAI,CAACe,+BAA+B;QAExC;QAEA,+EAA+E;QAC/E,IACE7C,UAAUsC,eAAe,KAAK,UAC9B,CAAC,IAAI,CAACT,KAAK,CAACS,eAAe,IAC3B,IAAI,CAACT,KAAK,CAAC5B,WAAW,KAAK,MAC3B;gBAQA;YAPA,MAAMmC,kBAAkB;mBAAK,IAAI,CAACzC,OAAO,CAAC,IAAI,CAACkC,KAAK,CAAC5B,WAAW,CAAC,IAAI,EAAE;aAAE;YACzE,MAAM+B,iBAAiBI,gBAAgBC,GAAG;YAC1C,IAAI,CAAC1C,OAAO,GAAG,4CACV,IAAI,CAACA,OAAO;gBACf,CAAC,IAAI,CAACkC,KAAK,CAAC5B,WAAW,CAAC,EAAEmC;;aAG5B,sBAAA,IAAI,CAAClD,KAAK,CAAC4B,MAAM,cAAjB,0CAAA,oBAAmB2B,QAAQ,CAAC,GAAGT;QACjC;QAEA,0BAA0B;QAC1B,IAAIjC,UAAUE,WAAW,KAAK,IAAI,CAACf,KAAK,CAACe,WAAW,IAAI,IAAI,CAAC4B,KAAK,CAAC1B,YAAY,EAAE;YAC/E,IAAI,CAACgB,QAAQ,CAAC;gBACZhB,cAAc;gBACdmB,WAAW;gBACXD,WAAW;gBACXE,UAAU;gBACVH,eAAe;oBAAC,IAAI,CAAClC,KAAK,CAACe,WAAW;iBAAC;gBACvCA,aAAa,IAAI,CAACf,KAAK,CAACe,WAAW;YACrC;QACF;IACF;IAEAgB,gCAAyC;YAErC,4BACC;QAFH,OACE,EAAA,6BAAA,IAAI,CAAC/B,KAAK,CAAC4D,cAAc,cAAzB,iDAAA,2BAA2BC,uBAAuB,MAAK,SACvD,GAAC,uBAAA,IAAI,CAAC7D,KAAK,CAAC8D,QAAQ,cAAnB,2CAAA,qBAAqBC,OAAO,KAC7B,IAAI,CAAC/D,KAAK,CAAC0C,QAAQ,KAAK;IAE5B;IAEAe,qBACEO,IAAoC,EACpCC,YAAoC,EAC9B;QACN,IAAIC,8BAAe,CAAC3B,SAAS,IAAI2B,8BAAe,CAACC,IAAI,IAAIH,MAAM;YAC7DA,KAAKI,mBAAmB,CACtBF,8BAAe,CAACC,IAAI,EACpBF;YAEFD,KAAKK,gBAAgB,CACnBH,8BAAe,CAACC,IAAI,EACpBF;QAEJ,OAAO;YACL,IAAI,IAAI,CAACK,uBAAuB,EAAE;gBAChC3D,aAAa,IAAI,CAAC2D,uBAAuB;YAC3C;YAEA,IAAI,CAACA,uBAAuB,GAAG9B,WAC7ByB,cACA,IAAI,CAACjE,KAAK,CAAC0C,QAAQ,KAAK,aAAa,IAAI,CAAC1C,KAAK,CAAC0C,QAAQ,KAAK,UAAU,MAAM;QAEjF;IACF;IAEAhB,oBAA0B;YACkB;QAA1C,IAAI,OAAO,IAAI,CAACzB,MAAM,KAAK,iBAAe,iBAAA,IAAI,CAACF,QAAQ,cAAb,qCAAA,eAAewE,aAAa,GAAE;YACrE,IAAI,CAACxE,QAAQ,CAACwE,aAAa,CAAiBC,IAAI;QACnD;IACF;IAEAd,UAAUnD,EAAiB,EAAE;QAC3B,IAAIA,OAAO,MAAM;YACf,OAAOwC;QACT;QACA,OAAO,IAAI,CAAC0B,UAAU,CAAClE,GAAG;IAC5B;IAEAyB,gBAAgBG,SAAiB,EAAEjB,MAAe,EAAE;QAClD,MAAMH,cAAc,IAAI,CAACf,KAAK,CAACe,WAAW;QAE1C,MAAMiC,mBAAmB;eAAK,IAAI,CAACvC,OAAO,CAAC0B,UAAU,IAAI,EAAE;SAAE,CAACc,KAAK,CAAC,GAAG,CAAC;QACxE,MAAMC,kBAAkB;eAAK,IAAI,CAACzC,OAAO,CAACM,YAAY,IAAI,EAAE;SAAE;QAC9D,MAAM+B,iBAAiB5B,SAASgC,gBAAgBC,GAAG,KAAK;QACxD,IAAIjC,QAAQ;YACV,IAAI,CAACT,OAAO,GAAG,4CACV,IAAI,CAACA,OAAO;gBACf,CAAC0B,UAAU,EAAEa;gBACb,CAACjC,YAAY,EAAEmC;;QAEnB;QAEA,IAAI,CAACjB,QAAQ,CACX;YACEE,WAAW;YACXC,WAAW;YACXF,eAAe;gBAACnB;aAAY;YAC5BA,aAAaA;YACbsB,UAAU;YACVnB;QACF,GACA;gBACE;aAAA,qBAAA,IAAI,CAAClB,KAAK,CAAC4B,MAAM,cAAjB,yCAAA,mBAAmB2B,QAAQ,CAAC,GAAGrC,SAAS4B,iBAAiB;YACzD,IAAI,CAAC9C,KAAK,CAACwD,YAAY,IACrB,IAAI,CAACxD,KAAK,CAACwD,YAAY,CAAC;gBAAEtC;gBAAQE,MAAMe;gBAAWd,IAAIN;YAAY;QACvE;IAEJ;IAkCA2D,qBAA2B;QACzB,IAAI,CAAC1E,KAAK,CAAC2E,WAAW,IAAI,IAAI,CAAC3E,KAAK,CAAC2E,WAAW;IAClD;IAEAC,oBAA0B;QACxB,IAAI,CAAC5E,KAAK,CAAC4E,iBAAiB,IAAI,IAAI,CAAC5E,KAAK,CAAC4E,iBAAiB;QAC5D,IAAI,CAAC3C,QAAQ,CAAC;YACZY,oBAAoB;YACpBD,oBAAoB;YACpB5B,aAAa;YACboC,iBAAiB;YACjBC,iBAAiB;YACjBC,gBAAgB;QAClB;IACF;IAkGAuB,qBAAqBC,OAA2B,EAAuB;QACrE,IAAI,CAACC,cAAS,IAAI,CAAC,IAAI,CAAC9E,MAAM,EAAE;YAC9B,OAAO,CAAC;QACV;QAEA,MAAM+E,SAASF,YAAY,IAAI,CAACnC,KAAK,CAACE,kBAAkB;QACxD,MAAMoC,SAASH,YAAY,IAAI,CAACnC,KAAK,CAACC,kBAAkB;QAExD,IAAI,AAAC,CAACoC,UAAU,CAACC,UAAW,IAAI,CAACtC,KAAK,CAACS,eAAe,EAAE;YACtD,OAAO,CAAC;QACV;QAEA,IAAI8B,qBAAqB,CAAC,EAAE,IAAI,CAACvC,KAAK,CAACW,cAAc,CAAC,EAAE,CAAC;QACzD,IAAI6B,qBAAqB,CAAC,EACxB,CAAC,KAAK,AAAC,IAAI,CAACxC,KAAK,CAACW,cAAc,GAAG,MAAO,IAAI,CAACrD,MAAM,CAACmF,UAAU,GAAG,EACpE,CAAC,CAAC;QACH,IAAIC,kBACF,AAAC,MAAO,CAAA,IAAI,CAACpF,MAAM,CAACmF,UAAU,GAAG,IAAI,CAACzC,KAAK,CAACW,cAAc,AAAD,IAAM,IAAI,CAACrD,MAAM,CAACmF,UAAU;QAEvF,IAAI,IAAI,CAACzC,KAAK,CAACS,eAAe,EAAE;YAC9B,OAAO4B,SAAS;gBAAEM,WAAW,CAAC,0BAA0B,EAAED,gBAAgB,CAAC,CAAC;YAAC,IAAI,CAAC;QACpF;QAEA,IAAIJ,QAAQ;YACV,OAAO;gBACLM,WAAW,CAAC,YAAY,EAAEJ,mBAAmB,OAAO,CAAC;gBACrDK,iBAAiB,CAAC,YAAY,EAAEL,mBAAmB,OAAO,CAAC;YAC7D;QACF;QACA,IAAIH,QAAQ;YACV,OAAO;gBACLO,WAAW,CAAC,YAAY,EAAEL,mBAAmB,OAAO,CAAC;gBACrDM,iBAAiB,CAAC,YAAY,EAAEN,mBAAmB,OAAO,CAAC;gBAC3DI,WAAW,CAAC,0BAA0B,EAAED,gBAAgB,CAAC,CAAC;YAC5D;QACF;QAEA,OAAO,CAAC;IACV;IAEAI,SAAS;QACP,MAkBI,cAAA,IAAI,CAACzF,KAAK,EAlBR,EACJ0C,QAAQ,EACR3B,aAAa2E,EAAE,EACf5B,QAAQ,EACRF,cAAc,EACd+B,OAAO,EACPpF,EAAE,EACFqF,GAAG,EACHpC,YAAY,EACZmB,WAAW,EACXkB,gBAAgB,EAChBjB,iBAAiB,EACjB3E,MAAM,EACNF,QAAQ,EACR6B,MAAM,EACNT,WAAW,EACX2E,SAAS,EAEV,GAAG,aADCC,yCACD;YAjBFrD;YACA3B;YACA+C;YACAF;YACA+B;YACApF;YACAqF;YACApC;YACAmB;YACAkB;YACAjB;YACA3E;YACAF;YACA6B;YACAT;YACA2E;;QAGF,MAAM,EACJ3D,SAAS,EACTC,SAAS,EACTrB,WAAW,EACXG,MAAM,EACNmB,QAAQ,EACRQ,kBAAkB,EAClBD,kBAAkB,EAClBQ,eAAe,EACfpC,WAAW,EACZ,GAAG,IAAI,CAAC2B,KAAK;QAEd,MAAMzC,SAAS,IAAI,CAACA,MAAM,CACvB8F,MAAM,CAAC,CAACxE;YACP,MAAMsD,UAAUtE,IAAAA,kBAAQ,EAACgB,MAAMxB,KAAK,EAAEN;YAEtC,OACE,AAACoF,YAAY/B,aAAa,IAAI,CAACJ,KAAK,CAACT,aAAa,CAAC+D,QAAQ,CAACnB,YAC5DA,YAAYjC,sBACZiC,YAAYlC;QAEhB,GACCsD,IAAI,CAAC,CAAC1E;YACL,MAAMsD,UAAUtE,IAAAA,kBAAQ,EAACgB,MAAMxB,KAAK,EAAEN;YACtC,MAAMyG,cAAcrB,YAAY3C,aAAa2C,YAAYjC;YACzD,MAAMuD,cAActB,YAAY1C,aAAa0C,YAAYlC;YAEzD,IAAIwD,aAAa;gBACf,OAAOpF,eAAe,IAAI,CAAC2B,KAAK,CAACzB,MAAM,GAAG,CAAC,IAAI;YACjD;YAEA,IAAIiF,aAAa;gBACf,OAAOnF,eAAe,IAAI,CAAC2B,KAAK,CAACzB,MAAM,GAAG,IAAI,CAAC;YACjD;YAEA,OAAO;QACT;QAEF,MAAMmF,mBAAmB,IAAI,CAACtE,6BAA6B;QAC3D,MAAMuE,gCACJ,CAACD,oBAAoB3D,aAAa,UAASkB,2BAAAA,qCAAAA,eAAgB2C,SAAS,KAAIC,QAAQ7B;QAElF,qBACE,qBAAC8B,8BAAgB,CAACC,QAAQ;YAACC,OAAOpG,MAAMqF;yBACtC,qBAACgB,YAAK;YACJ9G,WAAU;WACNiG;YACJD,WAAWe,IAAAA,gBAAU,cAEnBnE,aAAa,SAASmE,IAAAA,gBAAU,mBAAsB,0BACtD,CAACR,oBAAoB,IAAI,CAAC1D,KAAK,CAACN,QAAQ,0BACxC,CAACgE,oBAAoB,IAAI,CAAC1D,KAAK,CAAC3B,WAAW,8BAC3CqF,2CACAP;YAEFgB,SACER,gCACI,IAAI,CAACS,yCAAyC,GAC9CrE,aAAa,QACb,IAAI,CAACsE,gDAAgD,GACrDjE;YAENkE,OACEX,gCAAgC,IAAI,CAACY,uCAAuC,GAAGnE;0BAGjF,qBAACoE;YAAIrB,SAAS;WACX5F,OAAOqB,GAAG,CAAC,CAACC;YACX,MAAMsD,UAAUtE,IAAAA,kBAAQ,EAACgB,MAAMxB,KAAK,EAAEN;YACtC,MAAMsF,SAASF,YAAY3C,aAAa2C,YAAYjC;YACpD,MAAMuE,mBACJpC,UAAUF,YAAYlC,sBAAuBkC,YAAY1C,aAAalB;YACxE,MAAMmG,qBAAqBhF,YAAYyC,YAAa5D,CAAAA,SAASiB,YAAYC,SAAQ;YACjF,MAAMkF,aAAa,AAACxC,WAAW,IAAI,CAACrE,OAAO,CAACqE,QAAQ,IAAK,EAAE;YAC3D,MAAMlD,SAAS0F,UAAU,CAACA,WAAWC,MAAM,GAAG,EAAE,IAAI;YAEpD,qBACE,qBAACJ;gBACCrB,WAAWe,IAAAA,gBAAU,qBAEnB/B,YAAY/D,0CACZ+D,YAAY3C,sCACZ2C,YAAY1C,sCACZ0C,YAAYjC,0DACZiC,YAAYlC,0DACZQ,oBAAoB,oDACpBA,oBAAoB;gBAEtBoE,gBAAgBH,qBAAqB,IAAI,CAAC5E,oBAAoB,GAAGM;gBACjE0E,KAAK,CAACC,KAAO5C,YAAY/B,aAAc,CAAA,IAAI,CAAC0B,UAAU,CAACK,QAAQ,GAAG4C,EAAC;gBACnEC,OAAO,IAAI,CAAC9C,oBAAoB,CAACC;gBACjC8C,KAAK9C;6BAEL,qBAACqC;gBACCrB,SAAS;gBACT6B,OAAO;oBAAEE,WAAWT,mBAAmB,CAACxF,SAASmB;gBAAU;6BAE3D,qBAAC+E,6DAA8B;gBAAC5G,QAAQF,eAAeE;6BACrD,qBAAC6G,2CAAqB;gBACpBC,UAAUlD,YAAY1C,aAAa0C,YAAYlC;eAE9CpB;QAMb;IAKV;IAxkBAyG,YAAYjI,KAAwB,CAAE;QACpC,KAAK,CAACA;QA0BR,yBAAQkI,sBAAqB;QAC7B,yBAAQzH,WAAUhB,YAAY,CAACe,IAAAA,kBAAQ,EAAC,IAAI,CAACR,KAAK,EAAEN,MAAgB,IAAI,CAAC;QACzE,yBAAQ4E,2BAAqEvB;QAC7E,yBAAQrC,0BAAoEqC;QAc5E0B,yBAAAA,cAAsD,CAAC;QAgOvDhC,yBAAAA,wBAAuB,CAAC0F;YACtB,IACE,AAAC,CAAA,CAACA,KACA;;;;;aAKC,CAAClC,QAAQ,CAACkC,EAAEC,aAAa,CAAA,KAC5B,IAAI,CAACzF,KAAK,CAACR,SAAS,KAAK,MACzB;gBACA,IAAI,CAACH,eAAe,CAAC,IAAI,CAACW,KAAK,CAACR,SAAS,EAAEqE,QAAQ,IAAI,CAAC7D,KAAK,CAACzB,MAAM;YACtE;QACF;QAEAyC,yBAAAA,mCAAkC,CAACwE;YACjC,qDAAqD;YACrD,IACE,CAACA,KACAA,EAAEE,YAAY,CAACpC,QAAQ,CAAC,gBACvBkC,EAAEG,MAAM,KAAK,IAAI,CAAC5E,SAAS,CAAC,IAAI,CAACf,KAAK,CAACC,kBAAkB,GAC3D;gBACA,OAAQ,IAAI,CAACD,KAAK,CAACS,eAAe;oBAChC,KAAK;wBACH,IAAI,CAACwB,iBAAiB;wBACtB;oBACF,KAAK;wBACH,IAAI,CAACF,kBAAkB;gBAC3B;YACF;QACF;QAkBAsC,yBAAAA,oDAAmD,CAACuB;YAClD,IAAI,IAAI,CAAC5F,KAAK,CAAC1B,YAAY,EAAE;gBAC3B;YACF;YACA,MAAM,EAAEuH,kBAAkB,EAAEC,wBAAwB,EAAEC,sBAAsB,EAAE,GAC5EC,IAAAA,6BAAsB,EAACJ,MAAMK,MAAM,EAAEL,MAAMM,MAAM,EAAE,IAAI,CAAC5I,MAAM,CAAEmF,UAAU;YAE5E,IAAI,AAACqD,CAAAA,4BAA4BC,sBAAqB,KAAMF,oBAAoB;gBAC9E,IAAI,CAACvG,QAAQ,CAAC;oBAAEhB,cAAc;gBAAK;YACrC;QACF;QAEA8F,yBAAAA,6CAA4C,CAACwB;YAC3C,IAAI,IAAI,CAACL,kBAAkB,IAAIY,IAAAA,wBAAiB,EAACP,QAAQ;gBACvD;YACF;YAEA,MAAM,EAAEQ,gBAAgB,EAAEP,kBAAkB,EAAEC,wBAAwB,EAAE,GACtEE,IAAAA,6BAAsB,EAACJ,MAAMK,MAAM,EAAEL,MAAMM,MAAM,EAAE,IAAI,CAAC5I,MAAM,CAAEmF,UAAU;YAE5E,IAAI,IAAI,CAACzC,KAAK,CAACN,QAAQ,IAAImG,oBAAoB;gBAC7C;YACF;YAEA,IAAI,CAAC,IAAI,CAAC7F,KAAK,CAAC3B,WAAW,IAAI,IAAI,CAAChB,KAAK,CAAC2F,OAAO,IAAI,IAAI,CAAC3F,KAAK,CAAC2F,OAAO,CAAC4B,MAAM,GAAG,GAAG;gBAClF,IAAIwB,kBAAkB;oBACpB,IAAI,CAACb,kBAAkB,GAAG;oBAC1B;gBACF;gBAEA,IAAI,CAACM,oBAAoB;oBACvB;gBACF;gBAEA,IACE,CAACC,4BACDO,IAAAA,uDAAgD,EAACT,MAAMU,aAAa,CAACX,MAAM,GAC3E;oBACA,IAAI,CAACJ,kBAAkB,GAAG;oBAC1B;gBACF;gBACA,sBAAsB;gBACtB,IAAI,IAAI,CAAClI,KAAK,CAAC6F,gBAAgB,EAAE;oBAC/B,MAAMqD,UAAU,IAAI,CAAClJ,KAAK,CAAC6F,gBAAgB,CAAC,IAAI,CAAClD,KAAK,CAAC5B,WAAW;oBAClE,IAAImI,YAAY,WAAW;wBACzB,IAAI,CAAChB,kBAAkB,GAAG;wBAC1B;oBACF;gBACF;gBAEA,IAAI,IAAI,CAACvF,KAAK,CAAC5B,WAAW,KAAK,MAAM;wBAMU;oBAL7C,+EAA+E;oBAC/E,IAAI,CAACW,iBAAiB;oBACtB,MAAMC,cAAc,IAAI,CAAClB,OAAO,CAAC,IAAI,CAACkC,KAAK,CAAC5B,WAAW,CAAC,IAAI,EAAE;oBAC9D,IAAI,CAACN,OAAO,GAAG,4CACV,IAAI,CAACA,OAAO;wBACf,CAAC,IAAI,CAACkC,KAAK,CAAC5B,WAAW,CAAC,EAAE;+BAAIY;6BAAa,qBAAA,IAAI,CAAC3B,KAAK,CAAC4B,MAAM,cAAjB,yCAAA,mBAAmBC,SAAS,GAAGC,CAAC;yBAAC;;gBAEhF;gBAEA,IAAI,CAACG,QAAQ,CAAC;oBACZjB,aAAa;oBACbqC,iBAAiBkF,MAAMK,MAAM;oBAC7B/F,oBAAoB,IAAI,CAACF,KAAK,CAAC5B,WAAW;oBAC1C6B,oBAAoB,IAAI,CAAC5C,KAAK,CAAC2F,OAAO,CAAC1C,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE;gBACrD;YACF;YAEA,IAAI,IAAI,CAACN,KAAK,CAAC3B,WAAW,EAAE;gBAC1B,IAAIuH,MAAMM,MAAM,GAAG,GAAG;oBACpB,IAAI,CAAC5G,QAAQ,CAAC;wBAAEqB,gBAAgB;oBAAE;gBACpC,OAAO,IAAIiF,MAAMM,MAAM,GAAG,IAAI,CAAC5I,MAAM,CAAEmF,UAAU,GAAG,IAAI,CAACzC,KAAK,CAACU,eAAe,EAAE;oBAC9E,IAAI,CAACpB,QAAQ,CAAC;wBAAEqB,gBAAgB,IAAI,CAACrD,MAAM,CAAEmF,UAAU;oBAAC;gBAC1D,OAAO;oBACL,IAAI,CAACnD,QAAQ,CAAC;wBAAEqB,gBAAgBiF,MAAMM,MAAM;oBAAC;gBAC/C;YACF;QACF;QAEA3B,yBAAAA,2CAA0C,CAACqB;YACzC,IAAI,CAACL,kBAAkB,GAAG;YAE1B,IAAI,IAAI,CAACvF,KAAK,CAAC3B,WAAW,IAAI,IAAI,CAACf,MAAM,EAAE;gBACzC,MAAMkJ,QAAQ,AAAC,IAAI,CAACxG,KAAK,CAACW,cAAc,GAAGiF,MAAMa,QAAQ,GAAI;gBAC7D,IAAI,IAAI,CAACzG,KAAK,CAACW,cAAc,KAAK,GAAG;oBACnC,IAAI,CAACsB,iBAAiB;gBACxB,OAAO,IAAI,IAAI,CAACjC,KAAK,CAACW,cAAc,IAAI,IAAI,CAACrD,MAAM,CAACmF,UAAU,EAAE;oBAC9D,IAAI,CAACV,kBAAkB;gBACzB,OAAO,IAAIyE,QAAQ,OAAO,IAAI,CAACxG,KAAK,CAACW,cAAc,IAAI,IAAI,CAACrD,MAAM,CAACmF,UAAU,GAAG,GAAG;oBACjF,IAAI,CAACnD,QAAQ,CAAC;wBAAEmB,iBAAiB;oBAAU;gBAC7C,OAAO;oBACL,IAAI,CAACnB,QAAQ,CAAC;wBAAEmB,iBAAiB;oBAAO;gBAC1C;YACF;QACF;QAvZE,IAAI,CAACT,KAAK,GAAG;YACXN,UAAU;YAEVH,eAAe;gBAAClC,MAAMe,WAAW;aAAC;YAClCA,aAAaf,MAAMe,WAAW;YAC9BG,QAAQ6B;YACRZ,WAAW;YACXC,WAAW;YAEXpB,aAAa+B;YACbM,iBAAiB;YACjBC,gBAAgB;YAChBV,oBAAoB;YACpBC,oBAAoB;YACpBO,iBAAiB;YAEjBnC,cAAc;QAChB;IACF;AAojBF;AAljBE,mBA3BIpB,uBA2BGwJ,gBAA2C;IAChD1D,SAAS,EAAE;AACb;AAkjBK,MAAMnG,eAAe8J,IAAAA,wBAAW,EACrCA,IAAAA,wBAAW,EACTA,IAAAA,wBAAW,EACTC,IAAAA,0BAAY,EAACC,IAAAA,YAAO,EAAoB3J,yBACxC4J,gCAAe,EACf,aAEFC,4CAAqB,EACrB,mBAEFC,4BAAa,EACb"}
1	+ {"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { canUseDOM, DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { animationEvent, transitionEvent } from '../../lib/supportEvents';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasPlatform, HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport {\n getSwipeBackPredicates,\n hasHorizontalScrollableElementWithScrolledToLeft,\n swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\n\nconst warn = warnOnce('ViewInfinite');\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\nexport let scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string \| null; to: string \| null };\n\nexport interface ViewInfiniteProps\n extends HTMLAttributesWithRootRef<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\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 swipeBackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: 'success' \| 'fail' \| null;\n\n browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n ViewInfiniteProps & DOMProps,\n ViewInfiniteState\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: undefined,\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 swipeBackPrevented = false;\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 // Нужен переход\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 === 'android' \|\| this.props.platform === 'vkcom' ? 300 : 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 === '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 === '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 === 'android' \|\| this.props.platform === 'vkcom' ? 300 : 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,\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 styles['animation-ios-next-forward'],\n styles['animation-ios-prev-back'],\n styles['animation-view-next-forward'],\n styles['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 'fail':\n this.onSwipeBackCancel();\n break;\n case '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 handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: TouchEvent) => {\n if (this.state.browserSwipe) {\n return;\n }\n const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n if ((viewportStartEdgeTouched \|\| viewportEndEdgeTouched) && swipeBackTriggered) {\n this.setState({ browserSwipe: true });\n }\n };\n\n handleTouchMoveXForIOSSwipeBackSimulation = (event: TouchEvent) => {\n if (this.swipeBackPrevented \|\| swipeBackExcluded(event)) {\n return;\n }\n\n const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n if (this.state.animated && swipeBackTriggered) {\n return;\n }\n\n if (!this.state.swipingBack && this.props.history && this.props.history.length > 1) {\n if (swipedToOpposite) {\n this.swipeBackPrevented = true;\n return;\n }\n\n if (!swipeBackTriggered) {\n return;\n }\n\n if (\n !viewportStartEdgeTouched &&\n hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n ) {\n this.swipeBackPrevented = true;\n return;\n }\n // Начался свайп назад\n if (this.props.onSwipeBackStart) {\n const payload = this.props.onSwipeBackStart(this.state.activePanel);\n if (payload === 'prevent') {\n this.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 if (event.shiftX < 0) {\n this.setState({ swipeBackShift: 0 });\n } else if (event.shiftX > this.window!.innerWidth - this.state.swipeBackStartX) {\n this.setState({ swipeBackShift: this.window!.innerWidth });\n } else {\n this.setState({ swipeBackShift: event.shiftX });\n }\n }\n };\n\n handleTouchEndForIOSSwipeBackSimulation = (event: TouchEvent) => {\n this.swipeBackPrevented = false;\n\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 (speed > 250 \|\| this.state.swipeBackShift >= this.window.innerWidth / 2) {\n this.setState({ swipeBackResult: 'success' });\n } else {\n this.setState({ swipeBackResult: 'fail' });\n }\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 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 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 const iOSSwipeBackSimulationEnabled =\n !disableAnimation && platform === 'ios' && configProvider?.isWebView && Boolean(onSwipeBack);\n\n return (\n <NavViewIdContext.Provider value={id \|\| nav}>\n <Touch\n Component=\"section\"\n {...restProps}\n className={classNames(\n styles['View'],\n platform === 'ios' && classNames(styles['View--ios'], 'vkuiInternalView--ios'),\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={\n iOSSwipeBackSimulationEnabled\n ? this.handleTouchMoveXForIOSSwipeBackSimulation\n : platform === 'ios'\n ? this.handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n : undefined\n }\n onEnd={\n iOSSwipeBackSimulationEnabled ? this.handleTouchEndForIOSSwipeBackSimulation : undefined\n }\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 && styles['View__panel--active'],\n panelId === prevPanel && styles['View__panel--prev'],\n panelId === nextPanel && styles['View__panel--next'],\n panelId === swipeBackPrevPanel && styles['View__panel--swipe-back-prev'],\n panelId === swipeBackNextPanel && styles['View__panel--swipe-back-next'],\n swipeBackResult === 'success' && styles['View__panel--swipe-back-success'],\n swipeBackResult === 'fail' && styles['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 <NavTransitionDirectionProvider isBack={swipingBack \|\| isBack}>\n <NavTransitionProvider\n entering={panelId === nextPanel \|\| panelId === swipeBackNextPanel}\n >\n {panel}\n </NavTransitionProvider>\n </NavTransitionDirectionProvider>\n </div>\n </div>\n );\n })}\n </div>\n </Touch>\n </NavViewIdContext.Provider>\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"],"names":["ViewInfinite","scrollsCache","warn","warnOnce","React","ViewInfiniteComponent","Component","document","props","window","panels","Children","toArray","children","componentWillUnmount","id","getNavId","scrolls","animationFinishTimeout","clearTimeout","componentDidUpdate","prevProps","prevState","activePanel","swipingBack","browserSwipe","isBack","isBackCheck","from","to","firstLayerId","map","panel","find","blurActiveElement","prevScrolls","scroll","getScroll","y","shouldDisableTransitionMotion","flushTransition","setState","visiblePanels","prevPanel","nextPanel","animated","animationEvent","supported","setTimeout","transitionEndHandler","platform","state","swipeBackNextPanel","swipeBackPrevPanel","scrollPosition","undefined","prevPanelScrolls","slice","newPanelScrolls","pop","swipeBackResult","swipeBackStartX","swipeBackShift","scrollTo","onTransition","waitTransitionFinish","pickPanel","swipingBackTransitionEndHandler","configProvider","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","onSwipeBackSuccess","onSwipeBack","onSwipeBackCancel","calcPanelSwipeStyles","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","innerWidth","prevPanelShadow","boxShadow","transform","WebkitTransform","render","_1","history","nav","onSwipeBackStart","className","restProps","filter","includes","sort","isPrevPanel","isNextPanel","disableAnimation","iOSSwipeBackSimulationEnabled","isWebView","Boolean","NavViewIdContext","Provider","value","Touch","classNames","onMoveX","handleTouchMoveXForIOSSwipeBackSimulation","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","onEnd","handleTouchEndForIOSSwipeBackSimulation","div","compensateScroll","isTransitionTarget","scrollList","length","onAnimationEnd","ref","el","style","marginTop","NavTransitionDirectionProvider","NavTransitionProvider","entering","constructor","swipeBackPrevented","e","animationName","propertyName","target","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","getSwipeBackPredicates","startX","shiftX","swipeBackExcluded","swipedToOpposite","hasHorizontalScrollableElementWithScrolledToLeft","originalEvent","payload","speed","duration","defaultProps","withContext","withPlatform","withDOM","SplitColContext","ConfigProviderContext","ScrollContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { getOverflowAncestors } from '../../lib/floating';\nimport { TouchEvent } from '../Touch/Touch';\n\nconst swipeBackExcludedSelector = 'input, textarea, [data-vkui-swipe-back=false]';\n\nexport function swipeBackExcluded(e: TouchEvent) {\n const target = e.originalEvent.target as HTMLElement;\n // eslint-disable-next-line no-restricted-properties\n return Boolean(target?.closest?.(swipeBackExcludedSelector));\n}\n\nexport function hasHorizontalScrollableElementWithScrolledToLeft(node: HTMLElement) {\n return getOverflowAncestors(node).some((node) =>\n 'scrollLeft' in node ? node.scrollLeft > 0 : false,\n );\n}\n\nexport const SWIPE_BACK_EDGE_SIZE_THRESHOLD = 20;\n\nexport const SWIPE_BACK_SHIFT_THRESHOLD = 10;\n\nexport const getSwipeBackPredicates = (startX: number, shiftX: number, innerWidth: number) => {\n const swipedToOpposite = shiftX < 0;\n const swipeBackTriggered = shiftX >= SWIPE_BACK_SHIFT_THRESHOLD;\n const viewportStartEdgeTouched = startX <= SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n const viewportEndEdgeTouched = startX >= innerWidth - SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n return { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched };\n};\n"],"names":["SWIPE_BACK_EDGE_SIZE_THRESHOLD","SWIPE_BACK_SHIFT_THRESHOLD","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","swipeBackExcludedSelector","e","target","originalEvent","Boolean","closest","node","getOverflowAncestors","some","scrollLeft","startX","shiftX","innerWidth","swipedToOpposite","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched"],"mappings":";;;;;;;;;;;IAiBaA,8BAA8B;eAA9BA;;IAEAC,0BAA0B;eAA1BA;;IAEAC,sBAAsB;eAAtBA;;IAVGC,gDAAgD;eAAhDA;;IANAC,iBAAiB;eAAjBA;;;0BALqB;AAGrC,MAAMC,4BAA4B;AAE3B,SAASD,kBAAkBE,CAAa;QAG9BC;IAFf,MAAMA,SAASD,EAAEE,aAAa,CAACD,MAAM;IACrC,oDAAoD;IACpD,OAAOE,QAAQF,mBAAAA,8BAAAA,kBAAAA,OAAQG,OAAO,cAAfH,sCAAAA,qBAAAA,QAAkBF;AACnC;AAEO,SAASF,iDAAiDQ,IAAiB;IAChF,OAAOC,IAAAA,8BAAoB,EAACD,MAAME,IAAI,CAAC,CAACF,OACtC,gBAAgBA,OAAOA,KAAKG,UAAU,GAAG,IAAI;AAEjD;AAEO,MAAMd,iCAAiC;AAEvC,MAAMC,6BAA6B;AAEnC,MAAMC,yBAAyB,CAACa,QAAgBC,QAAgBC;IACrE,MAAMC,mBAAmBF,SAAS;IAClC,MAAMG,qBAAqBH,UAAUf;IACrC,MAAMmB,2BAA2BL,UAAUf;IAC3C,MAAMqB,yBAAyBN,UAAUE,aAAajB;IACtD,OAAO;QAAEkB;QAAkBC;QAAoBC;QAA0BC;IAAuB;AAClG"}
1	+ {"version":3,"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { getOverflowAncestors } from '../../lib/floating';\nimport { TouchEvent } from '../Touch/Touch';\n\nconst swipeBackExcludedSelector = 'input, textarea, [data-vkui-swipe-back=false]';\n\nexport function swipeBackExcluded(e: TouchEvent) {\n const target = e.originalEvent.target as HTMLElement;\n // eslint-disable-next-line no-restricted-properties\n return Boolean(target?.closest?.(swipeBackExcludedSelector));\n}\n\nexport function hasHorizontalScrollableElementWithScrolledToLeft(node: HTMLElement) {\n return getOverflowAncestors(node).some((node) =>\n 'scrollLeft' in node ? node.scrollLeft > 0 : false,\n );\n}\n\nexport const SWIPE_BACK_EDGE_SIZE_THRESHOLD = 20;\n\nexport const SWIPE_BACK_SHIFT_THRESHOLD = 10;\n\nexport const getSwipeBackPredicates = (startX: number, shiftX: number, innerWidth: number) => {\n const swipedToOpposite = shiftX < 0;\n const swipeBackTriggered = shiftX >= SWIPE_BACK_SHIFT_THRESHOLD;\n const viewportStartEdgeTouched = startX <= SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n const viewportEndEdgeTouched = startX >= innerWidth - SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n return { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched };\n};\n"],"names":["SWIPE_BACK_EDGE_SIZE_THRESHOLD","SWIPE_BACK_SHIFT_THRESHOLD","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","swipeBackExcludedSelector","e","target","originalEvent","Boolean","closest","node","getOverflowAncestors","some","scrollLeft","startX","shiftX","innerWidth","swipedToOpposite","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiBaA,8BAA8B;eAA9BA;;IAEAC,0BAA0B;eAA1BA;;IAEAC,sBAAsB;eAAtBA;;IAVGC,gDAAgD;eAAhDA;;IANAC,iBAAiB;eAAjBA;;;0BALqB;AAGrC,MAAMC,4BAA4B;AAE3B,SAASD,kBAAkBE,CAAa;QAG9BC;IAFf,MAAMA,SAASD,EAAEE,aAAa,CAACD,MAAM;IACrC,oDAAoD;IACpD,OAAOE,QAAQF,mBAAAA,8BAAAA,kBAAAA,OAAQG,OAAO,cAAfH,sCAAAA,qBAAAA,QAAkBF;AACnC;AAEO,SAASF,iDAAiDQ,IAAiB;IAChF,OAAOC,IAAAA,8BAAoB,EAACD,MAAME,IAAI,CAAC,CAACF,OACtC,gBAAgBA,OAAOA,KAAKG,UAAU,GAAG,IAAI;AAEjD;AAEO,MAAMd,iCAAiC;AAEvC,MAAMC,6BAA6B;AAEnC,MAAMC,yBAAyB,CAACa,QAAgBC,QAAgBC;IACrE,MAAMC,mBAAmBF,SAAS;IAClC,MAAMG,qBAAqBH,UAAUf;IACrC,MAAMmB,2BAA2BL,UAAUf;IAC3C,MAAMqB,yBAAyBN,UAAUE,aAAajB;IACtD,OAAO;QAAEkB;QAAkBC;QAAoBC;QAA0BC;IAAuB;AAClG"}

package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
-import * as React from 'react';
 import { type RootComponentProps } from '../RootComponent/RootComponent';
 export type VisuallyHiddenProps<T> = RootComponentProps<T>;
 /**
  * Компонент-обертка. Позволяет скрыть контент визуально, но оставить его
  * доступным для ассистивных технологий. По умолчанию — `span`.
  *
- * @since v5.4.0
+ * @since 5.4.0
  * @see https://vkcom.github.io/VKUI/#/VisuallyHidden
  */
-export declare const VisuallyHidden: <T>({ Component, ...restProps }: VisuallyHiddenProps<T>) => React.JSX.Element;
+export declare const VisuallyHidden: <T>({ Component, ...restProps }: VisuallyHiddenProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,~~KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,~~EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGxF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc~~,+EAY1B~~,CAAC"}
1	+ {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGxF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,mCAGxB,oBAAoB,CAAC,CAAC,4CASxB,CAAC"}

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

@@ -8,18 +8,17 @@ Object.defineProperty(exports, "VisuallyHidden", {
         return VisuallyHidden;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
 const _RootComponent = require("../RootComponent/RootComponent");
 const VisuallyHidden = (_param)=>{
     var { Component = 'span' } = _param, restProps = _object_without_properties._(_param, [
         "Component"
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
         Component: Component
     }, restProps), {
         baseClassName: (0, _vkjs.classNames)("vkuiVisuallyHidden", Component === 'input' && "vkuiVisuallyHidden--focusable-input")

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenProps<T> = RootComponentProps<T>;\n\n/*\n Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n \n @since v5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = <T,>({\n Component = 'span',\n ...restProps\n}: VisuallyHiddenProps<T>) => (\n <RootComponent\n Component={Component}\n {...restProps}\n baseClassName={classNames(\n styles['VisuallyHidden'],\n Component === 'input' && styles['VisuallyHidden--focusable-input'],\n )}\n />\n);\n"],"names":["VisuallyHidden","Component","restProps","RootComponent","baseClassName","classNames"],"mappings":";;;;+~~BAcaA~~;;;eAAAA;;;;;;;~~iEAdU;sBACI~~;+BAC4B;AAYhD,MAAMA,iBAAiB;QAAK,EACjCC,YAAY,MAAM,EAEK,WADpBC;QADHD;;yBAGA,qBAACE,4BAAa;QACZF,WAAWA;OACPC;QACJE,eAAeC,IAAAA,gBAAU,wBAEvBJ,cAAc"}
1	+ {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenProps<T> = RootComponentProps<T>;\n\n/*\n Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n \n @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = <T,>({\n Component = 'span',\n ...restProps\n}: VisuallyHiddenProps<T>) => (\n <RootComponent\n Component={Component}\n {...restProps}\n baseClassName={classNames(\n styles['VisuallyHidden'],\n Component === 'input' && styles['VisuallyHidden--focusable-input'],\n )}\n />\n);\n"],"names":["VisuallyHidden","Component","restProps","RootComponent","baseClassName","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;;;;sBAbc;+BAC4B;AAYhD,MAAMA,iBAAiB;QAAK,EACjCC,YAAY,MAAM,EAEK,WADpBC;QADHD;;yBAGA,qBAACE,4BAAa;QACZF,WAAWA;OACPC;QACJE,eAAeC,IAAAA,gBAAU,wBAEvBJ,cAAc"}

package/dist/cjs/components/WriteBar/WriteBar.d.ts CHANGED Viewed

@@ -26,5 +26,5 @@ export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextArea
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */
-export declare const WriteBar: ({ className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow, onChange, ...restProps }: WriteBarProps) => React.JSX.Element;
+export declare const WriteBar: ({ className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow, onChange, ...restProps }: WriteBarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WriteBar.d.ts.map

package/dist/cjs/components/WriteBar/WriteBar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteBar.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMjD,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,mBAAmB,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAYD;;GAEG;AACH,eAAO,MAAM,QAAQ,yHAYlB,aAAa,~~sBAwDf~~,CAAC"}
1	+ {"version":3,"file":"WriteBar.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMjD,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,mBAAmB,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAYD;;GAEG;AACH,eAAO,MAAM,QAAQ,yHAYlB,aAAa,4CAwDf,CAAC"}

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

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useExternRef = require("../../hooks/useExternRef");
@@ -22,12 +23,12 @@ const _Title = require("../Typography/Title/Title");
 const WriteBarTypography = (props)=>{
     const platform = (0, _usePlatform.usePlatform)();
     if (platform === 'ios') {
-        return /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread_props._(_object_spread._({}, props), {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, _object_spread_props._(_object_spread._({}, props), {
             level: "3",
             weight: "3"
         }));
     }
-    return /*#__PURE__*/ _react.createElement(_Headline.Headline, props);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Headline.Headline, _object_spread._({}, props));
 };
 const WriteBar = (_param)=>{
     var { className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow = false, onChange } = _param, restProps = _object_without_properties._(_param, [
@@ -66,26 +67,39 @@ const WriteBar = (_param)=>{
         resize,
         platform
     ]);
-    return /*#__PURE__*/ _react.createElement("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         ref: getRootRef,
         className: (0, _vkjs.classNames)("vkuiWriteBar", platform === 'ios' && "vkuiWriteBar--ios", shadow && "vkuiWriteBar--shadow", className),
-        style: style
-    }, /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiWriteBar__form"
-    }, (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiWriteBar__before"
-    }, before), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiWriteBar__formIn"
-    }, /*#__PURE__*/ _react.createElement(WriteBarTypography, _object_spread_props._(_object_spread._({}, restProps), {
-        Component: "textarea",
-        className: "vkuiWriteBar__textarea",
-        onChange: (0, _callMultiple.callMultiple)(onChange, resize),
-        getRootRef: textareaRef
-    })), (0, _vkjs.hasReactNode)(inlineAfter) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiWriteBar__inlineAfter"
-    }, inlineAfter)), (0, _vkjs.hasReactNode)(after) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiWriteBar__after"
-    }, after)));
+        style: style,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "vkuiWriteBar__form",
+            children: [
+                (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "vkuiWriteBar__before",
+                    children: before
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "vkuiWriteBar__formIn",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(WriteBarTypography, _object_spread_props._(_object_spread._({}, restProps), {
+                            Component: "textarea",
+                            className: "vkuiWriteBar__textarea",
+                            onChange: (0, _callMultiple.callMultiple)(onChange, resize),
+                            getRootRef: textareaRef
+                        })),
+                        (0, _vkjs.hasReactNode)(inlineAfter) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "vkuiWriteBar__inlineAfter",
+                            children: inlineAfter
+                        })
+                    ]
+                }),
+                (0, _vkjs.hasReactNode)(after) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "vkuiWriteBar__after",
+                    children: after
+                })
+            ]
+        })
+    });
 };
 //# sourceMappingURL=WriteBar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport { TypographyProps } from '../Typography/Typography';\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\nconst WriteBarTypography = (props: TypographyProps) => {\n const platform = usePlatform();\n\n if (platform === 'ios') {\n return <Title {...props} level=\"3\" weight=\"3\" />;\n }\n\n return <Headline {...props} />;\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 onChange,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\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, platform]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n 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 <WriteBarTypography\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={callMultiple(onChange, resize)}\n getRootRef={textareaRef}\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"],"names":["WriteBar","WriteBarTypography","props","platform","usePlatform","Title","level","weight","Headline","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","onChange","restProps","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","div","ref","classNames","hasReactNode","Component","callMultiple"],"mappings":";;;;+BAoDaA;;;eAAAA~~;;;;;;;~~iEApDU;sBACkB;8BACZ;6BACD;8BACC;0BAEJ;uBACH;AAgCtB,MAAMC,qBAAqB,CAACC;IAC1B,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBAAO,qBAACE,YAAK,8CAAKH;YAAOI,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,qBAACC,kBAAQ,~~EAAKN~~;AACvB;AAKO,MAAMF,WAAW;QAAC,EACvBS,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,cAAc,EACdC,SAAS,KAAK,EACdC,QAAQ,EAEM,WADXC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMf,WAAWC,IAAAA,wBAAW;IAE5B,MAAMgB,cAAcC,IAAAA,0BAAY,EAACN;IACjC,MAAMO,sBAAsBC,OAAMC,MAAM;IAExC,MAAMC,SAASF,OAAMG,WAAW,CAAC;QAC/B,MAAMC,aAAaP,YAAYQ,OAAO;QACtC,IAAI,CAACD,YAAY;YACf;QACF;QAEA,IAAIA,WAAWE,YAAY,EAAE;YAC3BF,WAAWjB,KAAK,CAACoB,MAAM,GAAG;YAC1BH,WAAWjB,KAAK,CAACoB,MAAM,GAAG,CAAC,EAAEH,WAAWI,YAAY,CAAC,EAAE,CAAC;YAExD,IAAIJ,WAAWI,YAAY,KAAKT,oBAAoBM,OAAO,IAAIZ,gBAAgB;gBAC7EA;gBACAM,oBAAoBM,OAAO,GAAGD,WAAWI,YAAY;YACvD;QACF;IACF,GAAG;QAACf;QAAgBI;KAAY;IAEhCG,OAAMS,SAAS,CAACP,QAAQ;QAACA;QAAQtB;KAAS;IAE1C,qBACE,qBAAC8B;QACCC,KAAKpB;QACLL,WAAW0B,IAAAA,gBAAU,kBAEnBhC,aAAa,8BACbc,kCACAR;QAEFC,OAAOA;~~qBAEP~~,~~qBAACuB~~;~~QAAIxB~~,SAAS~~;OACX2B~~,IAAAA,kBAAY,EAACzB,yBAAW,qBAACsB;~~QAAIxB~~,SAAS;~~OAA~~+BE,~~uBAEtE,qBAACsB~~;~~QAAIxB~~,SAAS~~;qBACZ~~,qBAACR,gEACKkB;~~QACJkB~~,WAAU;~~QACV5B~~,SAAS;~~QACTS~~,UAAUoB,IAAAA,0BAAY,EAACpB,UAAUO;~~QACjCX~~,YAAYM~~;SAEbgB~~,IAAAA,kBAAY,EAACxB,8BACZ,qBAACqB;~~QAAIxB~~,SAAS;~~OAAoCG~~,~~eAIrDwB,~~IAAAA,kBAAY,EAACvB,wBAAU,qBAACoB;~~QAAIxB~~,SAAS;~~OAA8BI;~~AAI5E"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport { TypographyProps } from '../Typography/Typography';\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\nconst WriteBarTypography = (props: TypographyProps) => {\n const platform = usePlatform();\n\n if (platform === 'ios') {\n return <Title {...props} level=\"3\" weight=\"3\" />;\n }\n\n return <Headline {...props} />;\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 onChange,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\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, platform]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n 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 <WriteBarTypography\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={callMultiple(onChange, resize)}\n getRootRef={textareaRef}\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"],"names":["WriteBar","WriteBarTypography","props","platform","usePlatform","Title","level","weight","Headline","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","onChange","restProps","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","div","ref","classNames","hasReactNode","Component","callMultiple"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;;iEApDU;sBACkB;8BACZ;6BACD;8BACC;0BAEJ;uBACH;AAgCtB,MAAMC,qBAAqB,CAACC;IAC1B,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBAAO,qBAACE,YAAK,8CAAKH;YAAOI,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,qBAACC,kBAAQ,uBAAKN;AACvB;AAKO,MAAMF,WAAW;QAAC,EACvBS,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,cAAc,EACdC,SAAS,KAAK,EACdC,QAAQ,EAEM,WADXC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMf,WAAWC,IAAAA,wBAAW;IAE5B,MAAMgB,cAAcC,IAAAA,0BAAY,EAACN;IACjC,MAAMO,sBAAsBC,OAAMC,MAAM;IAExC,MAAMC,SAASF,OAAMG,WAAW,CAAC;QAC/B,MAAMC,aAAaP,YAAYQ,OAAO;QACtC,IAAI,CAACD,YAAY;YACf;QACF;QAEA,IAAIA,WAAWE,YAAY,EAAE;YAC3BF,WAAWjB,KAAK,CAACoB,MAAM,GAAG;YAC1BH,WAAWjB,KAAK,CAACoB,MAAM,GAAG,CAAC,EAAEH,WAAWI,YAAY,CAAC,EAAE,CAAC;YAExD,IAAIJ,WAAWI,YAAY,KAAKT,oBAAoBM,OAAO,IAAIZ,gBAAgB;gBAC7EA;gBACAM,oBAAoBM,OAAO,GAAGD,WAAWI,YAAY;YACvD;QACF;IACF,GAAG;QAACf;QAAgBI;KAAY;IAEhCG,OAAMS,SAAS,CAACP,QAAQ;QAACA;QAAQtB;KAAS;IAE1C,qBACE,qBAAC8B;QACCC,KAAKpB;QACLL,WAAW0B,IAAAA,gBAAU,kBAEnBhC,aAAa,8BACbc,kCACAR;QAEFC,OAAOA;kBAEP,cAAA,sBAACuB;YAAIxB,SAAS;;gBACX2B,IAAAA,kBAAY,EAACzB,yBAAW,qBAACsB;oBAAIxB,SAAS;8BAA+BE;;8BAEtE,sBAACsB;oBAAIxB,SAAS;;sCACZ,qBAACR,gEACKkB;4BACJkB,WAAU;4BACV5B,SAAS;4BACTS,UAAUoB,IAAAA,0BAAY,EAACpB,UAAUO;4BACjCX,YAAYM;;wBAEbgB,IAAAA,kBAAY,EAACxB,8BACZ,qBAACqB;4BAAIxB,SAAS;sCAAoCG;;;;gBAIrDwB,IAAAA,kBAAY,EAACvB,wBAAU,qBAACoB;oBAAIxB,SAAS;8BAA8BI;;;;;AAI5E"}

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.d.ts CHANGED Viewed

@@ -22,5 +22,5 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
  */
-export declare const WriteBarIcon: ({ mode, children, count, className, label: labelProp, ...restProps }: WriteBarIconProps) => React.JSX.Element;
+export declare const WriteBarIcon: ({ mode, children, count, className, label: labelProp, ...restProps }: WriteBarIconProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WriteBarIcon.d.ts.map

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteBarIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;GAEG;AACH,eAAO,MAAM,YAAY,yEAOtB,iBAAiB,~~sBAsEnB~~,CAAC"}
1	+ {"version":3,"file":"WriteBarIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;GAEG;AACH,eAAO,MAAM,YAAY,yEAOtB,iBAAiB,4CAsEnB,CAAC"}

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

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _icons = require("@vkontakte/icons");
 const _vkjs = require("@vkontakte/vkjs");
@@ -72,17 +73,28 @@ const WriteBarIcon = (_param)=>{
             warn(_warnOnce.COMMON_WARNINGS.a11y['button-name'], 'error');
         }
     }
-    return /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, restProps), {
         Component: "button",
         hasHover: false,
         activeMode: "vkuiWriteBarIcon__active",
-        className: (0, _vkjs.classNames)("vkuiWriteBarIcon", platform === 'ios' && "vkuiWriteBarIcon--ios", mode === 'send' && "vkuiWriteBarIcon--mode-send", mode === 'done' && "vkuiWriteBarIcon--mode-done", className)
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: "vkuiWriteBarIcon__in"
-    }, label && /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, null, label), predefinedIcons ? /*#__PURE__*/ _react.createElement(_AdaptiveIconRenderer.AdaptiveIconRenderer, predefinedIcons) : children), (0, _vkjs.hasReactNode)(count) && /*#__PURE__*/ _react.createElement(_Counter.Counter, {
-        className: "vkuiWriteBarIcon__counter",
-        size: "s"
-    }, count));
+        className: (0, _vkjs.classNames)("vkuiWriteBarIcon", platform === 'ios' && "vkuiWriteBarIcon--ios", mode === 'send' && "vkuiWriteBarIcon--mode-send", mode === 'done' && "vkuiWriteBarIcon--mode-done", className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                className: "vkuiWriteBarIcon__in",
+                children: [
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+                        children: label
+                    }),
+                    predefinedIcons ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptiveIconRenderer.AdaptiveIconRenderer, _object_spread._({}, predefinedIcons)) : children
+                ]
+            }),
+            (0, _vkjs.hasReactNode)(count) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Counter.Counter, {
+                className: "vkuiWriteBarIcon__counter",
+                size: "s",
+                children: count
+            })
+        ]
+    }));
 };
 //# sourceMappingURL=WriteBarIcon.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"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 { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './WriteBarIcon.module.css';\n\nconst predefinedLabel = {\n attach: 'Прикрепить файл',\n send: 'Отправить',\n done: 'Готово',\n};\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки и установки текста кнопки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируются, а для `label` по умолчанию используется текст на \"ru_RU\".\n \n Валидные значения:\n * - `attach` – иконка прикрепления, текст по умолчанию — \"Прикрепить файл\";\n * - `send` – иконка отправки, текст по умолчанию — \"Отправить\";\n * - `done` – иконка отправки в режиме редактирования, текст по умолчанию — \"Готово\";\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n /\n Текст кнопки. Необходим для ассистивных технологий.\n /\n label?: string;\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 label: labelProp,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let predefinedIcons;\n\n switch (mode) {\n case 'attach':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon28AddCircleOutline : Icon24Attach,\n IconRegular: platform === 'ios' ? Icon28AddCircleOutline : Icon28AttachOutline,\n };\n break;\n\n case 'send':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarSend : Icon24Send,\n IconRegular: platform === 'ios' ? Icon48WritebarSend : Icon28Send,\n };\n break;\n\n case 'done':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarDone : Icon24CheckCircleOutline,\n IconRegular: platform === 'ios' ? Icon48WritebarDone : Icon28CheckCircleOutline,\n };\n break;\n\n default:\n break;\n }\n\n const label = labelProp ?? (mode && predefinedLabel[mode]);\n\n if (process.env.NODE_ENV === 'development') {\n / istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n const isAccessible = hasAccessibleName({\n children: [children, label],\n ...restProps,\n });\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === 'ios' && styles['WriteBarIcon--ios'],\n mode === 'send' && styles['WriteBarIcon--mode-send'],\n mode === 'done' && styles['WriteBarIcon--mode-done'],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>\n {label && <VisuallyHidden>{label}</VisuallyHidden>}\n {predefinedIcons ? <AdaptiveIconRenderer {...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"],"names":["WriteBarIcon","predefinedLabel","attach","send","done","warn","warnOnce","mode","children","count","className","label","labelProp","restProps","platform","usePlatform","predefinedIcons","IconCompact","Icon28AddCircleOutline","Icon24Attach","IconRegular","Icon28AttachOutline","Icon48WritebarSend","Icon24Send","Icon28Send","Icon48WritebarDone","Icon24CheckCircleOutline","Icon28CheckCircleOutline","process","env","NODE_ENV","isAccessible","hasAccessibleName","COMMON_WARNINGS","a11y","Tappable","Component","hasHover","activeMode","classNames","span","VisuallyHidden","AdaptiveIconRenderer","hasReactNode","Counter","size"],"mappings":";;;;+BAsDaA;;;eAAAA~~;;;;;;;~~iEAtDU;uBAWhB;sBACkC;6BACb;+BACM;0BACQ;sCACL;yBACb;0BACC;gCACM;AAG/B,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,MAAM;IACNC,MAAM;AACR;AAuBA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,eAAe;QAAC,EAC3BO,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAOC,SAAS,EAEE,WADfC;QALHN;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMG,WAAWC,IAAAA,wBAAW;IAE5B,IAAIC;IAEJ,OAAQT;QACN,KAAK;YACHS,kBAAkB;gBAChBC,aAAaH,aAAa,QAAQI,6BAAsB,GAAGC,mBAAY;gBACvEC,aAAaN,aAAa,QAAQI,6BAAsB,GAAGG,0BAAmB;YAChF;YACA;QAEF,KAAK;YACHL,kBAAkB;gBAChBC,aAAaH,aAAa,QAAQQ,yBAAkB,GAAGC,iBAAU;gBACjEH,aAAaN,aAAa,QAAQQ,yBAAkB,GAAGE,iBAAU;YACnE;YACA;QAEF,KAAK;YACHR,kBAAkB;gBAChBC,aAAaH,aAAa,QAAQW,yBAAkB,GAAGC,+BAAwB;gBAC/EN,aAAaN,aAAa,QAAQW,yBAAkB,GAAGE,+BAAwB;YACjF;YACA;QAEF;YACE;IACJ;IAEA,MAAMhB,QAAQC,sBAAAA,uBAAAA,YAAcL,QAAQN,eAAe,CAACM,KAAK;IAEzD,IAAIqB,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAeC,IAAAA,gCAAiB,EAAC;YACrCxB,UAAU;gBAACA;gBAAUG;aAAM;WACxBE;QAGL,IAAI,CAACkB,cAAc;YACjB1B,KAAK4B,yBAAe,CAACC,IAAI,CAAC,cAAc,EAAE;QAC5C;IACF;IAEA,qBACE,~~qBAACC~~,kBAAQ,8CACHtB;QACJuB,WAAU;QACVC,UAAU;QACVC,UAAU;QACV5B,WAAW6B,IAAAA,gBAAU,sBAEnBzB,aAAa,kCACbP,SAAS,yCACTA,SAAS,yCACTG~~;sBAGF~~,~~qBAAC8B~~;~~QAAK9B~~,SAAS~~;OACZC~~,uBAAS,qBAAC8B,8BAAc,~~QAAE9B,QAC1BK,~~gCAAkB,qBAAC0B,0CAAoB,~~EAAK1B~~,~~mBAAsBR~~,~~WAEpEmC,~~IAAAA,kBAAY,EAAClC,wBACZ,qBAACmC,gBAAO;~~QAAClC~~,SAAS;~~QAAmCmC~~,MAAK;~~OACvDpC;~~AAKX"}
1	+ {"version":3,"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 { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './WriteBarIcon.module.css';\n\nconst predefinedLabel = {\n attach: 'Прикрепить файл',\n send: 'Отправить',\n done: 'Готово',\n};\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки и установки текста кнопки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируются, а для `label` по умолчанию используется текст на \"ru_RU\".\n \n Валидные значения:\n * - `attach` – иконка прикрепления, текст по умолчанию — \"Прикрепить файл\";\n * - `send` – иконка отправки, текст по умолчанию — \"Отправить\";\n * - `done` – иконка отправки в режиме редактирования, текст по умолчанию — \"Готово\";\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n /\n Текст кнопки. Необходим для ассистивных технологий.\n /\n label?: string;\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 label: labelProp,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let predefinedIcons;\n\n switch (mode) {\n case 'attach':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon28AddCircleOutline : Icon24Attach,\n IconRegular: platform === 'ios' ? Icon28AddCircleOutline : Icon28AttachOutline,\n };\n break;\n\n case 'send':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarSend : Icon24Send,\n IconRegular: platform === 'ios' ? Icon48WritebarSend : Icon28Send,\n };\n break;\n\n case 'done':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarDone : Icon24CheckCircleOutline,\n IconRegular: platform === 'ios' ? Icon48WritebarDone : Icon28CheckCircleOutline,\n };\n break;\n\n default:\n break;\n }\n\n const label = labelProp ?? (mode && predefinedLabel[mode]);\n\n if (process.env.NODE_ENV === 'development') {\n / istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n const isAccessible = hasAccessibleName({\n children: [children, label],\n ...restProps,\n });\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === 'ios' && styles['WriteBarIcon--ios'],\n mode === 'send' && styles['WriteBarIcon--mode-send'],\n mode === 'done' && styles['WriteBarIcon--mode-done'],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>\n {label && <VisuallyHidden>{label}</VisuallyHidden>}\n {predefinedIcons ? <AdaptiveIconRenderer {...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"],"names":["WriteBarIcon","predefinedLabel","attach","send","done","warn","warnOnce","mode","children","count","className","label","labelProp","restProps","platform","usePlatform","predefinedIcons","IconCompact","Icon28AddCircleOutline","Icon24Attach","IconRegular","Icon28AttachOutline","Icon48WritebarSend","Icon24Send","Icon28Send","Icon48WritebarDone","Icon24CheckCircleOutline","Icon28CheckCircleOutline","process","env","NODE_ENV","isAccessible","hasAccessibleName","COMMON_WARNINGS","a11y","Tappable","Component","hasHover","activeMode","classNames","span","VisuallyHidden","AdaptiveIconRenderer","hasReactNode","Counter","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsDaA;;;eAAAA;;;;;;;;iEAtDU;uBAWhB;sBACkC;6BACb;+BACM;0BACQ;sCACL;yBACb;0BACC;gCACM;AAG/B,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,MAAM;IACNC,MAAM;AACR;AAuBA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,eAAe;QAAC,EAC3BO,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAOC,SAAS,EAEE,WADfC;QALHN;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMG,WAAWC,IAAAA,wBAAW;IAE5B,IAAIC;IAEJ,OAAQT;QACN,KAAK;YACHS,kBAAkB;gBAChBC,aAAaH,aAAa,QAAQI,6BAAsB,GAAGC,mBAAY;gBACvEC,aAAaN,aAAa,QAAQI,6BAAsB,GAAGG,0BAAmB;YAChF;YACA;QAEF,KAAK;YACHL,kBAAkB;gBAChBC,aAAaH,aAAa,QAAQQ,yBAAkB,GAAGC,iBAAU;gBACjEH,aAAaN,aAAa,QAAQQ,yBAAkB,GAAGE,iBAAU;YACnE;YACA;QAEF,KAAK;YACHR,kBAAkB;gBAChBC,aAAaH,aAAa,QAAQW,yBAAkB,GAAGC,+BAAwB;gBAC/EN,aAAaN,aAAa,QAAQW,yBAAkB,GAAGE,+BAAwB;YACjF;YACA;QAEF;YACE;IACJ;IAEA,MAAMhB,QAAQC,sBAAAA,uBAAAA,YAAcL,QAAQN,eAAe,CAACM,KAAK;IAEzD,IAAIqB,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAeC,IAAAA,gCAAiB,EAAC;YACrCxB,UAAU;gBAACA;gBAAUG;aAAM;WACxBE;QAGL,IAAI,CAACkB,cAAc;YACjB1B,KAAK4B,yBAAe,CAACC,IAAI,CAAC,cAAc,EAAE;QAC5C;IACF;IAEA,qBACE,sBAACC,kBAAQ,8CACHtB;QACJuB,WAAU;QACVC,UAAU;QACVC,UAAU;QACV5B,WAAW6B,IAAAA,gBAAU,sBAEnBzB,aAAa,kCACbP,SAAS,yCACTA,SAAS,yCACTG;;0BAGF,sBAAC8B;gBAAK9B,SAAS;;oBACZC,uBAAS,qBAAC8B,8BAAc;kCAAE9B;;oBAC1BK,gCAAkB,qBAAC0B,0CAAoB,uBAAK1B,oBAAsBR;;;YAEpEmC,IAAAA,kBAAY,EAAClC,wBACZ,qBAACmC,gBAAO;gBAAClC,SAAS;gBAAmCmC,MAAK;0BACvDpC;;;;AAKX"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/*\n Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"names":["calcInitialsAvatarColor","objectId"],"mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,wBAAwBC,QAAgB;IACtD,OAAQ,AAACA,WAAW,IAAK;AAC3B"}
1	+ {"version":3,"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/*\n Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"names":["calcInitialsAvatarColor","objectId"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,wBAAwBC,QAAgB;IACtD,OAAQ,AAACA,WAAW,IAAK;AAC3B"}

package/dist/cjs/helpers/getMergedSameEventsByProps.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getMergedSameEventsByProps.d.ts","sourceRoot":"","sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAOtD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,~~8RAUvB~~,GAAG,gDAAgD,IAAI,gBAoBtE,CAAC"}
1	+ {"version":3,"file":"getMergedSameEventsByProps.d.ts","sourceRoot":"","sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAOtD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,+LAK1B,SAAS,eACP,MAAM,cAAc,CAAC,CAAC,CAAC,gDAItB,GAAG,gDAAgD,IAAI,gBAoBtE,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AnyFunction } from '@vkontakte/vkjs';\nimport type { PickOnlyFunctionProps } from '../types';\n\nconst isFunctionExistInProps = <Props extends Record<PropertyKey, any>>(\n props: Props,\n key: PropertyKey,\n): key is Extract<keyof Props, AnyFunction> => typeof props[key] === 'function';\n\n/*\n Полезен, когда нужно сохранить пользовательские события.\n \n Приоритет даём пользовательскому событию. Например, можно будет отловить был ли вызван\n * `event.preventDefault()` через `event.defaultPrevented`.\n \n @private\n */\nexport const getMergedSameEventsByProps = <\n T extends keyof JSX.IntrinsicElements \| React.JSXElementConstructor<any>,\n MainProps extends React.ComponentProps<T>,\n OnlyFnPropsByMain extends PickOnlyFunctionProps<MainProps>,\n>(\n mainProps: MainProps,\n secondProps: React.ComponentProps<T>,\n) => {\n const result: {\n [K in keyof OnlyFnPropsByMain]?:\n \| ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void)\n \| undefined;\n } = {};\n\n for (const eventName in mainProps) {\n if (\n mainProps.hasOwnProperty(eventName) &&\n secondProps.hasOwnProperty(eventName) &&\n isFunctionExistInProps(mainProps, eventName) &&\n isFunctionExistInProps(secondProps, eventName)\n ) {\n result[eventName] = function mergeSameEventsByProps(\n ...args: Parameters<OnlyFnPropsByMain[typeof eventName]>\n ) {\n secondProps[eventName].apply(this, args);\n mainProps[eventName].apply(this, args);\n };\n }\n }\n return result;\n};\n"],"names":["getMergedSameEventsByProps","isFunctionExistInProps","props","key","mainProps","secondProps","result","eventName","hasOwnProperty","mergeSameEventsByProps","args","apply"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;iEAjBU;AAIvB,MAAMC,yBAAyB,CAC7BC,OACAC,MAC6C,OAAOD,KAAK,CAACC,IAAI,KAAK;AAU9D,MAAMH,6BAA6B,CAKxCI,WACAC;IAEA,MAAMC,SAIF,CAAC;IAEL,IAAK,MAAMC,aAAaH,UAAW;QACjC,IACEA,UAAUI,cAAc,CAACD,cACzBF,YAAYG,cAAc,CAACD,cAC3BN,uBAAuBG,WAAWG,cAClCN,uBAAuBI,aAAaE,YACpC;YACAD,MAAM,CAACC,UAAU,GAAG,SAASE,uBAC3B,GAAGC,IAAqD;gBAExDL,WAAW,CAACE,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;gBACnCN,SAAS,CAACG,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;YACnC;QACF;IACF;IACA,OAAOJ;AACT"}
1	+ {"version":3,"sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AnyFunction } from '@vkontakte/vkjs';\nimport type { PickOnlyFunctionProps } from '../types';\n\nconst isFunctionExistInProps = <Props extends Record<PropertyKey, any>>(\n props: Props,\n key: PropertyKey,\n): key is Extract<keyof Props, AnyFunction> => typeof props[key] === 'function';\n\n/*\n Полезен, когда нужно сохранить пользовательские события.\n \n Приоритет даём пользовательскому событию. Например, можно будет отловить был ли вызван\n * `event.preventDefault()` через `event.defaultPrevented`.\n \n @private\n */\nexport const getMergedSameEventsByProps = <\n T extends keyof JSX.IntrinsicElements \| React.JSXElementConstructor<any>,\n MainProps extends React.ComponentProps<T>,\n OnlyFnPropsByMain extends PickOnlyFunctionProps<MainProps>,\n>(\n mainProps: MainProps,\n secondProps: React.ComponentProps<T>,\n) => {\n const result: {\n [K in keyof OnlyFnPropsByMain]?:\n \| ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void)\n \| undefined;\n } = {};\n\n for (const eventName in mainProps) {\n if (\n mainProps.hasOwnProperty(eventName) &&\n secondProps.hasOwnProperty(eventName) &&\n isFunctionExistInProps(mainProps, eventName) &&\n isFunctionExistInProps(secondProps, eventName)\n ) {\n result[eventName] = function mergeSameEventsByProps(\n ...args: Parameters<OnlyFnPropsByMain[typeof eventName]>\n ) {\n secondProps[eventName].apply(this, args);\n mainProps[eventName].apply(this, args);\n };\n }\n }\n return result;\n};\n"],"names":["getMergedSameEventsByProps","isFunctionExistInProps","props","key","mainProps","secondProps","result","eventName","hasOwnProperty","mergeSameEventsByProps","args","apply"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;;iEAjBU;AAIvB,MAAMC,yBAAyB,CAC7BC,OACAC,MAC6C,OAAOD,KAAK,CAACC,IAAI,KAAK;AAU9D,MAAMH,6BAA6B,CAKxCI,WACAC;IAEA,MAAMC,SAIF,CAAC;IAEL,IAAK,MAAMC,aAAaH,UAAW;QACjC,IACEA,UAAUI,cAAc,CAACD,cACzBF,YAAYG,cAAc,CAACD,cAC3BN,uBAAuBG,WAAWG,cAClCN,uBAAuBI,aAAaE,YACpC;YACAD,MAAM,CAACC,UAAU,GAAG,SAASE,uBAC3B,GAAGC,IAAqD;gBAExDL,WAAW,CAACE,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;gBACnCN,SAAS,CAACG,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;YACnC;QACF;IACF;IACA,OAAOJ;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/*\n Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T \| undefined, defaultValue: T): T {\n return value ?? defaultValue;\n}\n"],"names":["getOrDefault","value","defaultValue"],"mappings":"AAAA;;CAEC;;;;+BACeA;;;eAAAA;;;AAAT,SAASA,aAAgBC,KAAoB,EAAEC,YAAe;IACnE,OAAOD,kBAAAA,mBAAAA,QAASC;AAClB"}
1	+ {"version":3,"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/*\n Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T \| undefined, defaultValue: T): T {\n return value ?? defaultValue;\n}\n"],"names":["getOrDefault","value","defaultValue"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA;;CAEC;;;;+BACeA;;;eAAAA;;;AAAT,SAASA,aAAgBC,KAAoB,EAAEC,YAAe;IACnE,OAAOD,kBAAAA,mBAAAA,QAASC;AAClB"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\n/*\n Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n /\nfunction getDecimalPrecision(num: number) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n const nearest = Math.round((value - min) / step) step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const roundedValue = roundValueToStep(val, step, min);\n return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n) {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","precisionRound","rescale","value","min","max","Math","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","from","to","options","scaled"],"mappings":";;;;;;;;;;;IAAaA,KAAK;eAALA;;IAGGC,cAAc;eAAdA;;IAmCAC,OAAO;eAAPA;;;AAtCT,MAAMF,QAAQ,CAACG,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE;AAEzB,SAASJ,eAAeM,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASH,KAAKI,GAAG,CAAC,IAAIF;IAC1B,OAAOF,KAAKK,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIP,KAAKQ,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBpB,KAAa,EAAEqB,IAAY,EAAEpB,GAAW;IAChE,MAAMqB,UAAUnB,KAAKK,KAAK,CAAC,AAACR,CAAAA,QAAQC,GAAE,IAAKoB,QAAQA,OAAOpB;IAC1D,OAAOsB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAEzB,GAAW,EAAEC,GAAW,EAAEmB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOxB,MAAM6B,KAAKzB,KAAKC;IACzB;IACA,MAAMyB,eAAeP,iBAAiBM,KAAKL,MAAMpB;IACjD,OAAOJ,MAAM8B,cAAc1B,KAAKC;AAClC;AAEO,SAASH,QACdC,KAAa,EACb4B,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC;IAE/B,MAAMC,SAAS,AAAE/B,CAAAA,QAAQ4B,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOJ,eAAeM,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQT,IAAI;AAC1D"}
1	+ {"version":3,"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\n/*\n Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n /\nfunction getDecimalPrecision(num: number) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n const nearest = Math.round((value - min) / step) step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const roundedValue = roundValueToStep(val, step, min);\n return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n) {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","precisionRound","rescale","value","min","max","Math","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","from","to","options","scaled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAAaA,KAAK;eAALA;;IAGGC,cAAc;eAAdA;;IAmCAC,OAAO;eAAPA;;;AAtCT,MAAMF,QAAQ,CAACG,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE;AAEzB,SAASJ,eAAeM,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASH,KAAKI,GAAG,CAAC,IAAIF;IAC1B,OAAOF,KAAKK,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIP,KAAKQ,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBpB,KAAa,EAAEqB,IAAY,EAAEpB,GAAW;IAChE,MAAMqB,UAAUnB,KAAKK,KAAK,CAAC,AAACR,CAAAA,QAAQC,GAAE,IAAKoB,QAAQA,OAAOpB;IAC1D,OAAOsB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAEzB,GAAW,EAAEC,GAAW,EAAEmB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOxB,MAAM6B,KAAKzB,KAAKC;IACzB;IACA,MAAMyB,eAAeP,iBAAiBM,KAAKL,MAAMpB;IACjD,OAAOJ,MAAM8B,cAAc1B,KAAKC;AAClC;AAEO,SAASH,QACdC,KAAa,EACb4B,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC;IAE/B,MAAMC,SAAS,AAAE/B,CAAAA,QAAQ4B,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOJ,eAAeM,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQT,IAAI;AAC1D"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/range.ts"],"sourcesContent":["/*\n Генерирует массив с диапазоном чисел.\n /\nexport function range(from: number, to: number, step = 1) {\n const direction = from < to ? 1 : -1;\n const distance = Math.abs(from - to) + 1;\n const arrayLength = Math.ceil(distance / step);\n\n const arr = Array<number>(arrayLength);\n for (let index = 0; index < arr.length; index++) {\n arr[index] = from + index step * direction;\n }\n\n return arr;\n}\n/*\n Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1) {\n if (from > to) {\n return [];\n }\n\n return range(from, to, step);\n}\n"],"names":["range","rangeIncrement","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length"],"mappings":"AAAA;;CAEC;;;;;;;;;;;IACeA,KAAK;eAALA;;IAgBAC,cAAc;eAAdA;;;AAhBT,SAASD,MAAME,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IACtD,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,MAAMG,WAAWC,KAAKC,GAAG,CAACN,OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,IAAI,CAACJ,WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,MAAM,EAAED,QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT;AAKO,SAASV,eAAeC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IAC/D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOH,MAAME,MAAMC,IAAIC;AACzB"}
1	+ {"version":3,"sources":["../../../src/helpers/range.ts"],"sourcesContent":["/*\n Генерирует массив с диапазоном чисел.\n /\nexport function range(from: number, to: number, step = 1) {\n const direction = from < to ? 1 : -1;\n const distance = Math.abs(from - to) + 1;\n const arrayLength = Math.ceil(distance / step);\n\n const arr = Array<number>(arrayLength);\n for (let index = 0; index < arr.length; index++) {\n arr[index] = from + index step * direction;\n }\n\n return arr;\n}\n/*\n Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1) {\n if (from > to) {\n return [];\n }\n\n return range(from, to, step);\n}\n"],"names":["range","rangeIncrement","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;CAEC;;;;;;;;;;;IACeA,KAAK;eAALA;;IAgBAC,cAAc;eAAdA;;;AAhBT,SAASD,MAAME,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IACtD,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,MAAMG,WAAWC,KAAKC,GAAG,CAACN,OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,IAAI,CAACJ,WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,MAAM,EAAED,QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT;AAKO,SAASV,eAAeC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IAC/D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOH,MAAME,MAAMC,IAAIC;AACzB"}

package/dist/cjs/hoc/withContext.js CHANGED Viewed

@@ -11,11 +11,12 @@ Object.defineProperty(exports, "withContext", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function withContext(Component, Ctx, prop) {
     function WithContext(props) {
         const context = _react.useContext(Ctx);
-        return /*#__PURE__*/ _react.createElement(Component, _object_spread_props._(_object_spread._({}, props), {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread_props._(_object_spread._({}, props), {
             [prop]: context
         }));
     }