npm - @vkontakte/vkui - Versions diffs - 5.0.3 → 5.1.2 - Mend

@vkontakte/vkui 5.0.3 → 5.1.2

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

Files changed (2443) hide show

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

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

package/dist/cssm/components/View/utils.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { TouchEvent } from "../Touch/Touch";
+import { TouchEvent } from '../Touch/Touch';
 export declare function swipeBackExcluded(e: TouchEvent): boolean;

package/dist/cssm/components/View/utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var swipeBackExcludedSelector = "input, textarea, [data-vkui-swipe-back=false]";
+var swipeBackExcludedSelector = 'input, textarea, [data-vkui-swipe-back=false]';
 export function swipeBackExcluded(e) {
   var _target$closest;
   var target = e.originalEvent.target;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","names":["swipeBackExcludedSelector","swipeBackExcluded","e","target","originalEvent","Boolean","closest"],"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { TouchEvent } from \"../Touch/Touch\";\n\nconst swipeBackExcludedSelector ~~=\n \"~~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"],"mappings":"AAEA,IAAMA,yBAAyB,~~GAC7B~~,+CAA+C;~~AAEjD~~,OAAO,SAASC,iBAAiB,CAACC,CAAa,EAAE;EAAA;EAC/C,IAAMC,MAAM,GAAGD,CAAC,CAACE,aAAa,CAACD,MAAqB;EACpD;EACA,OAAOE,OAAO,CAACF,MAAM,aAANA,MAAM,0CAANA,MAAM,CAAEG,OAAO,oDAAf,qBAAAH,MAAM,EAAYH,yBAAyB,CAAC,CAAC;AAC9D"}
1	+ {"version":3,"file":"utils.js","names":["swipeBackExcludedSelector","swipeBackExcluded","e","target","originalEvent","Boolean","closest"],"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { 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"],"mappings":"AAEA,IAAMA,yBAAyB,GAAG,+CAA+C;AAEjF,OAAO,SAASC,iBAAiB,CAACC,CAAa,EAAE;EAAA;EAC/C,IAAMC,MAAM,GAAGD,CAAC,CAACE,aAAa,CAACD,MAAqB;EACpD;EACA,OAAOE,OAAO,CAACF,MAAM,aAANA,MAAM,0CAANA,MAAM,CAAEG,OAAO,oDAAf,qBAAAH,MAAM,EAAYH,yBAAyB,CAAC,CAAC;AAC9D"}

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { HasRef } from "../../types";
+import * as React from 'react';
+import { HasRef } from '../../types';
 export interface VisuallyHiddenInputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement> {
 }
 /**

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["getRef", "className"];
-import * as React from "react";
-import { classNamesString } from "../../lib/classNames";
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
 import "./VisuallyHiddenInput.module.css";
 /**
  * @description
@@ -15,7 +15,7 @@ export var VisuallyHiddenInput = function VisuallyHiddenInput(_ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("input", _extends({}, restProps, {
-    className: classNamesString("vkuiVisuallyHiddenInput", className),
+    className: classNames("vkuiVisuallyHiddenInput", className),
     ref: getRef
   }));
 };

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VisuallyHiddenInput.js","names":["React","~~classNamesString~~","VisuallyHiddenInput","getRef","className","restProps"],"sources":["../../../../src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ~~classNamesString~~ } from ~~\"../../lib~~/~~classNames\"~~;\nimport { HasRef } from \"../../types\";\nimport styles from \"./VisuallyHiddenInput.module.css\";\n\nexport interface VisuallyHiddenInputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement> {}\n\n/*\n @description\n * Обертка над обычным `<input/>`; дает\n * скрыть его визуально и оставить\n * доступным для ассистивных технологий.\n */\nexport const VisuallyHiddenInput = ({\n getRef,\n className,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n return (\n <input\n {...restProps}\n className={~~classNamesString~~(styles[\"VisuallyHiddenInput\"], className)}\n ref={getRef}\n />\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,~~gBAAgB~~,QAAQ,~~sBAAsB~~;AAAC;~~AAQxD~~;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,OAIA;EAAA,IAH9BC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE,0CACMA,SAAS;IACb,SAAS,EAAEJ,~~gBAAgB~~,4BAAgCG,SAAS,CAAE;~~IACtE~~,GAAG,EAAED;EAAO,GACZ;AAEN,CAAC"}
1	+ {"version":3,"file":"VisuallyHiddenInput.js","names":["React","classNames","VisuallyHiddenInput","getRef","className","restProps"],"sources":["../../../../src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRef } from '../../types';\nimport styles from './VisuallyHiddenInput.module.css';\n\nexport interface VisuallyHiddenInputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement> {}\n\n/*\n @description\n * Обертка над обычным `<input/>`; дает\n * скрыть его визуально и оставить\n * доступным для ассистивных технологий.\n */\nexport const VisuallyHiddenInput = ({\n getRef,\n className,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n return (\n <input\n {...restProps}\n className={classNames(styles['VisuallyHiddenInput'], className)}\n ref={getRef}\n />\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAQ7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,OAIA;EAAA,IAH9BC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE,0CACMA,SAAS;IACb,SAAS,EAAEJ,UAAU,4BAAgCG,SAAS,CAAE;IAChE,GAAG,EAAED;EAAO,GACZ;AAEN,CAAC"}

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

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { HasRef, HasRootRef } from "../../types";
+import * as React from 'react';
+import { HasRef, HasRootRef } from '../../types';
 export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLTextAreaElement> {
     /**
      * Содержимое, отображаемое слева от поля ввода.
@@ -26,4 +26,4 @@ export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextArea
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */
-export declare const WriteBar: ({ className, style, before, inlineAfter, after, value, onChange, getRootRef, getRef, onHeightChange, shadow, ...restProps }: WriteBarProps) => JSX.Element;
+export declare const WriteBar: ({ className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow, defaultValue, ...restProps }: WriteBarProps) => JSX.Element;

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

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "style", "before", "inlineAfter", "after", "value", "onChange", "getRootRef", "getRef", "onHeightChange", "shadow"];
-import * as React from "react";
-import { Headline } from "../Typography/Headline/Headline";
-import { usePlatform } from "../../hooks/usePlatform";
-import { useExternRef } from "../../hooks/useExternRef";
-import { hasReactNode, isFunction } from "../../lib/utils";
-import { classNamesString } from "../../lib/classNames";
-import { Platform } from "../../lib/platform";
+var _excluded = ["className", "style", "before", "inlineAfter", "after", "getRootRef", "getRef", "onHeightChange", "shadow", "defaultValue"];
+import * as React from 'react';
+import { Headline } from '../Typography/Headline/Headline';
+import { usePlatform } from '../../hooks/usePlatform';
+import { useExternRef } from '../../hooks/useExternRef';
+import { classNames, hasReactNode } from '@vkontakte/vkjs';
+import { Platform } from '../../lib/platform';
+import { useEnsuredControl } from '../../hooks/useEnsuredControl';
 import "./WriteBar.module.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
@@ -18,16 +20,20 @@ export var WriteBar = function WriteBar(_ref) {
     before = _ref.before,
     inlineAfter = _ref.inlineAfter,
     after = _ref.after,
-    value = _ref.value,
-    onChange = _ref.onChange,
     getRootRef = _ref.getRootRef,
     getRef = _ref.getRef,
     onHeightChange = _ref.onHeightChange,
     _ref$shadow = _ref.shadow,
     shadow = _ref$shadow === void 0 ? false : _ref$shadow,
+    defaultValue = _ref.defaultValue,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
-  var isControlledOutside = value != null;
+  var _useEnsuredControl = useEnsuredControl(_objectSpread({
+      defaultValue: defaultValue
+    }, restProps)),
+    _useEnsuredControl2 = _slicedToArray(_useEnsuredControl, 2),
+    value = _useEnsuredControl2[0],
+    onChange = _useEnsuredControl2[1];
   var textareaRef = useExternRef(getRef);
   var currentScrollHeight = React.useRef();
   var resize = React.useCallback(function () {
@@ -36,7 +42,7 @@ export var WriteBar = function WriteBar(_ref) {
       return;
     }
     if (textareaEl.offsetParent) {
-      textareaEl.style.height = "";
+      textareaEl.style.height = '';
       textareaEl.style.height = "".concat(textareaEl.scrollHeight, "px");
       if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {
         onHeightChange();
@@ -44,20 +50,10 @@ export var WriteBar = function WriteBar(_ref) {
       }
     }
   }, [onHeightChange, textareaRef]);
-  var onTextareaChange = function onTextareaChange(event) {
-    if (isFunction(onChange)) {
-      onChange(event);
-    }
-    if (!isControlledOutside) {
-      resize();
-    }
-  };
-  React.useEffect(function () {
-    resize();
-  }, [resize, value]);
+  React.useEffect(resize, [resize, value]);
   return /*#__PURE__*/React.createElement("div", {
     ref: getRootRef,
-    className: classNamesString("vkuiWriteBar", platform === Platform.IOS && "vkuiWriteBar--ios", shadow && "vkuiWriteBar--shadow", className),
+    className: classNames("vkuiWriteBar", platform === Platform.IOS && "vkuiWriteBar--ios", shadow && "vkuiWriteBar--shadow", className),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: "vkuiWriteBar__form"
@@ -68,7 +64,7 @@ export var WriteBar = function WriteBar(_ref) {
   }, /*#__PURE__*/React.createElement(Headline, _extends({}, restProps, {
     Component: "textarea",
     className: "vkuiWriteBar__textarea",
-    onChange: onTextareaChange,
+    onChange: onChange,
     getRootRef: textareaRef,
     value: value
   })), hasReactNode(inlineAfter) && /*#__PURE__*/React.createElement("div", {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","~~hasReactNode~~","~~isFunction~~","~~classNamesString~~","~~Platform~~","WriteBar","className","style","before","inlineAfter","after","~~value","onChange","~~getRootRef","getRef","onHeightChange","shadow","restProps","platform","~~isControlledOutside~~","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","~~onTextareaChange","event","~~useEffect","IOS"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { ~~hasReactNode~~, ~~isFunction~~ } from ~~\"../../lib~~/~~utils\"~~;\nimport { ~~classNamesString~~ } from \"../../lib/~~classNames\"~~;\nimport { ~~Platform~~ } from \"../../~~lib/platform\"~~;\nimport { ~~HasRef,~~ ~~HasRootRef~~ } from \"../../~~types\"~~;\nimport styles from \"./WriteBar.module.css\";\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n /\n onHeightChange?: VoidFunction;\n /\n Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n ~~value,\n onChange,\n~~ getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const ~~isControlledOutside~~ = ~~value != null~~;\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 (\n textareaEl.scrollHeight !== currentScrollHeight.current ~~&&\n~~ onHeightChange\n ) {\n onHeightChange();\n currentScrollHeight.current = textareaEl.scrollHeight;\n }\n }\n }, [onHeightChange, textareaRef]);\n\n ~~const onTextareaChange:~~ React.ChangeEventHandler<HTMLTextAreaElement> = (\n event\n ) => {\n if (isFunction(onChange)) {\n onChange(event);\n }\n\n if (!isControlledOutside) {\n resize();\n }\n };\n\n React.useEffect(~~() => {\n~~ resize~~();\n }~~, [resize, value]);\n\n return (\n <div\n ref={getRootRef}\n className={~~classNamesString~~(\n styles[\"WriteBar\"],\n platform === Platform.IOS && styles[\"WriteBar--ios\"],\n shadow && styles[\"WriteBar--shadow\"],\n className\n )}\n style={style}\n >\n <div className={styles[\"WriteBar__form\"]}>\n {hasReactNode(before) && ~~(\n~~ <div className={styles[\"WriteBar__before\"]}>{before}</div~~>\n )~~}\n\n <div className={styles[\"WriteBar__formIn\"]}>\n <Headline\n {...restProps}\n Component=\"textarea\"\n className={styles[\"WriteBar__textarea\"]}\n onChange={~~onTextareaChange~~}\n getRootRef={textareaRef}\n value={value}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles[\"WriteBar__inlineAfter\"]}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && ~~(\n~~ <div className={styles[\"WriteBar__after\"]}>{after}</div~~>\n )~~}\n </div>\n </div>\n );\n};\n"],"mappings":"~~;;;~~AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,~~YAAY~~,EAAEC,~~UAAU~~,QAAQ,iBAAiB;AAC1D,SAASC,~~gBAAgB~~,QAAQ,~~sBAAsB~~;~~AACvD~~,SAASC,~~QAAQ~~,QAAQ~~,oBAAoB~~;AAAC;~~AAgC9C~~;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,~~OAaA~~;EAAA,~~IAZnBC~~,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,~~KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,~~UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;~~IACXC~~,SAAS;EAEZ,IAAMC,QAAQ,~~GAAGnB~~,WAAW,EAAE;EAE9B,~~IAAMoB~~,~~mBAAmB~~,~~GAAGR~~,~~KAAK~~,~~IAAI~~,~~IAAI~~;~~EAEzC~~,~~IAAMS~~,WAAW,GAAGpB,YAAY,~~CAACc~~,MAAM,CAAC;EACxC,~~IAAMO~~,mBAAmB,GAAGxB,KAAK,CAACyB,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAG1B,KAAK,CAAC2B,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGL,WAAW,CAACM,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAAClB,KAAK,CAACqB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAAClB,KAAK,CAACqB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,~~IACEJ~~,UAAU,CAACI,YAAY,KAAKR,mBAAmB,CAACK,OAAO,~~IACvDX~~,cAAc,~~EACd~~;~~QACAA~~,cAAc,EAAE;~~QAChBM~~,mBAAmB,CAACK,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,~~CAACd~~,cAAc,~~EAAEK~~,WAAW,CAAC,CAAC;~~EAEjC~~,~~IAAMU,gBAA+D,GAAG,SAAlEA,gBAA+D,CACnEC,~~KAAK,~~EACF;IACH~~,~~IAAI7B,UAAU,CAACU,QAAQ,CAAC,EAAE;MACxBA,QAAQ,CAACmB,KAAK,CAAC;IACjB;IAEA,IAAI,CAACZ,mBAAmB,EAAE;MACxBI,MAAM,EAAE;IACV;EACF,CAAC;EAED1B,KAAK,CAACmC,~~SAAS,~~CAAC~~,~~YAAM;IACpBT,~~MAAM,EAAE~~;EACV~~,~~CAAC,EAAE,~~CAACA,MAAM,~~EAAEZ~~,KAAK,CAAC,CAAC;~~EAEnB~~,oBACE;IACE,GAAG,~~EAAEE~~,UAAW;IAChB,SAAS,EAAEV,~~gBAAgB~~,~~iBAEzBe~~,QAAQ,KAAKd,QAAQ,~~CAAC6B~~,GAAG,uBAA2B,EACpDjB,MAAM,0BAA8B,~~EACpCV~~,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,~~GACtCN~~,YAAY,~~CAACO~~,MAAM,CAAC,~~iBACnB~~;IAAK,SAAS;EAA6B,GAAEA,MAAM,~~CACpD~~,~~eAED~~;IAAK,SAAS;EAA6B,gBACzC,oBAAC,QAAQ,~~eACHS~~,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,~~EAAEa~~,~~gBAAiB~~;~~IAC3B~~,UAAU,~~EAAEV~~,WAAY;IACxB,KAAK,~~EAAET~~;EAAM,GACb,~~EACDV~~,YAAY,~~CAACQ~~,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,~~EAELR~~,YAAY,~~CAACS~~,KAAK,CAAC,~~iBAClB~~;IAAK,SAAS;EAA4B,GAAEA,KAAK,~~CAClD~~,~~CACG~~,CACF;AAEV,CAAC"}
1	+ {"version":3,"file":"WriteBar.js","names":["React","Headline","usePlatform","useExternRef","classNames","hasReactNode","Platform","useEnsuredControl","WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","defaultValue","restProps","platform","value","onChange","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","IOS"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n /\n onHeightChange?: VoidFunction;\n /\n Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n defaultValue,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const [value, onChange] = useEnsuredControl({\n defaultValue,\n ...restProps,\n });\n\n const textareaRef = useExternRef(getRef);\n const currentScrollHeight = React.useRef<number>();\n\n const resize = React.useCallback(() => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n if (textareaEl.offsetParent) {\n textareaEl.style.height = '';\n textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n onHeightChange();\n currentScrollHeight.current = textareaEl.scrollHeight;\n }\n }\n }, [onHeightChange, textareaRef]);\n\n React.useEffect(resize, [resize, value]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n platform === Platform.IOS && styles['WriteBar--ios'],\n shadow && styles['WriteBar--shadow'],\n className,\n )}\n style={style}\n >\n <div className={styles['WriteBar__form']}>\n {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n <div className={styles['WriteBar__formIn']}>\n <Headline\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={onChange}\n getRootRef={textareaRef}\n value={value}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,iBAAiB,QAAQ,+BAA+B;AAAC;AA+BlE;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAYA;EAAA,IAXnBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,YAAY,QAAZA,YAAY;IACTC,SAAS;EAEZ,IAAMC,QAAQ,GAAGlB,WAAW,EAAE;EAE9B,yBAA0BK,iBAAiB;MACzCW,YAAY,EAAZA;IAAY,GACTC,SAAS,EACZ;IAAA;IAHKE,KAAK;IAAEC,QAAQ;EAKtB,IAAMC,WAAW,GAAGpB,YAAY,CAACY,MAAM,CAAC;EACxC,IAAMS,mBAAmB,GAAGxB,KAAK,CAACyB,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAG1B,KAAK,CAAC2B,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGL,WAAW,CAACM,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAAClB,KAAK,CAACqB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAAClB,KAAK,CAACqB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,IAAIJ,UAAU,CAACI,YAAY,KAAKR,mBAAmB,CAACK,OAAO,IAAIb,cAAc,EAAE;QAC7EA,cAAc,EAAE;QAChBQ,mBAAmB,CAACK,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,CAAChB,cAAc,EAAEO,WAAW,CAAC,CAAC;EAEjCvB,KAAK,CAACiC,SAAS,CAACP,MAAM,EAAE,CAACA,MAAM,EAAEL,KAAK,CAAC,CAAC;EAExC,oBACE;IACE,GAAG,EAAEP,UAAW;IAChB,SAAS,EAAEV,UAAU,iBAEnBgB,QAAQ,KAAKd,QAAQ,CAAC4B,GAAG,uBAA2B,EACpDjB,MAAM,0BAA8B,EACpCR,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,GACtCL,YAAY,CAACM,MAAM,CAAC,iBAAI;IAAK,SAAS;EAA6B,GAAEA,MAAM,CAAO,eAEnF;IAAK,SAAS;EAA6B,gBACzC,oBAAC,QAAQ,eACHQ,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,EAAEG,QAAS;IACnB,UAAU,EAAEC,WAAY;IACxB,KAAK,EAAEF;EAAM,GACb,EACDhB,YAAY,CAACO,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,EAELP,YAAY,CAACQ,KAAK,CAAC,iBAAI;IAAK,SAAS;EAA4B,GAAEA,KAAK,CAAO,CAC5E,CACF;AAEV,CAAC"}

package/dist/cssm/components/WriteBar/WriteBar.module.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiWriteBar{background:var(--vkui--color_background_modal)}.vkuiWriteBar--shadow{box-shadow:var(--vkui--elevation3)}.vkuiWriteBar__after,.vkuiWriteBar__before,.vkuiWriteBar__form{align-items:flex-end;display:flex}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.vkuiWriteBar__textarea{-webkit-appearance:none;background:transparent;border:none;box-sizing:border-box;color:var(--vkui--color_text_primary);flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-moz-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-ms-input-placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::placeholder{color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea:focus{outline:none}.vkuiWriteBar__inlineAfter{align-items:flex-end;display:flex}.vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar__textarea{height:52px;padding:16px 12px}.vkuiWriteBar--ios .vkuiWriteBar__after,.vkuiWriteBar--ios .vkuiWriteBar__before{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{background-color:var(--vkui--color_write_bar_input_background);border:var(--vkui_internal--thin_border) solid var(--vkui--color_write_bar_input_border_alpha);border-radius:18px;box-sizing:border-box;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{margin-bottom:-9px;margin-right:-1px;margin-top:-9px}.vkuiWriteBar--ios .vkuiWriteBar__textarea{font-size:17px;height:34px;line-height:22px;padding:6px 11px}
1	+ .vkuiWriteBar{background:#fff;background:var(--vkui--color_background_modal)}.vkuiWriteBar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiWriteBar__after,.vkuiWriteBar__before,.vkuiWriteBar__form{align-items:flex-end;display:flex}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.vkuiWriteBar__textarea{-webkit-appearance:none;background:transparent;border:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-moz-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-ms-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea:focus{outline:none}.vkuiWriteBar__inlineAfter{align-items:flex-end;display:flex}.vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar__textarea{height:52px;padding:16px 12px}.vkuiWriteBar--ios .vkuiWriteBar__after,.vkuiWriteBar--ios .vkuiWriteBar__before{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{background-color:#f2f3f5;background-color:var(--vkui--color_write_bar_input_background);border:1px solid rgba(0,0,0,.08);border:var(--vkui_internal--thin_border) solid var(--vkui--color_write_bar_input_border_alpha);border-radius:18px;box-sizing:border-box;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{margin-bottom:-9px;margin-right:-1px;margin-top:-9px}.vkuiWriteBar--ios .vkuiWriteBar__textarea{font-size:17px;height:34px;line-height:22px;padding:6px 11px}

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
@@ -8,7 +8,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
      * - `send` – иконка отправки.
      * - `done` – иконка отправки в режиме редактирования.
      */
-    mode?: "attach" | "send" | "done";
+    mode?: 'attach' | 'send' | 'done';
     /**
      * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
      */

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

@@ -1,18 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["mode", "children", "count", "className"];
-import * as React from "react";
-import { Icon24Send, Icon28AddCircleOutline, Icon28AttachOutline, Icon28CheckCircleOutline, Icon48WritebarDone, Icon48WritebarSend } from "@vkontakte/icons";
-import { usePlatform } from "../../hooks/usePlatform";
-import { classNamesString } from "../../lib/classNames";
-import { Platform } from "../../lib/platform";
-import { Counter } from "../Counter/Counter";
-import { Tappable } from "../Tappable/Tappable";
-import { warnOnce } from "../../lib/warnOnce";
-import { hasReactNode } from "../../lib/utils";
+import * as React from 'react';
+import { Icon24Send, Icon28AddCircleOutline, Icon28AttachOutline, Icon28CheckCircleOutline, Icon48WritebarDone, Icon48WritebarSend } from '@vkontakte/icons';
+import { usePlatform } from '../../hooks/usePlatform';
+import { classNames, hasReactNode } from '@vkontakte/vkjs';
+import { Platform } from '../../lib/platform';
+import { Counter } from '../Counter/Counter';
+import { Tappable } from '../Tappable/Tappable';
+import { warnOnce } from '../../lib/warnOnce';
 import "./WriteBarIcon.module.css";
-var warn = warnOnce("WriteBarIcon");
-var IS_DEV = process.env.NODE_ENV === "development";
+var warn = warnOnce('WriteBarIcon');
+var IS_DEV = process.env.NODE_ENV === 'development';
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
@@ -27,23 +26,23 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
   var icon;
   var ariaLabel = undefined;
   switch (mode) {
-    case "attach":
+    case 'attach':
       icon = platform === Platform.IOS ? /*#__PURE__*/React.createElement(Icon28AddCircleOutline, null) : /*#__PURE__*/React.createElement(Icon28AttachOutline, null);
-      ariaLabel = "Прикрепить файл";
+      ariaLabel = 'Прикрепить файл';
       break;
-    case "send":
+    case 'send':
       icon = platform === Platform.IOS ? /*#__PURE__*/React.createElement(Icon48WritebarSend, null) : /*#__PURE__*/React.createElement(Icon24Send, null);
-      ariaLabel = "Отправить";
+      ariaLabel = 'Отправить';
       break;
-    case "done":
+    case 'done':
       icon = platform === Platform.IOS ? /*#__PURE__*/React.createElement(Icon48WritebarDone, null) : /*#__PURE__*/React.createElement(Icon28CheckCircleOutline, null);
-      ariaLabel = "Готово";
+      ariaLabel = 'Готово';
       break;
     default:
       break;
   }
-  if (IS_DEV && !restProps["aria-label"] && !ariaLabel) {
-    warn("a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.", "error");
+  if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {
+    warn('a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.', 'error');
   }
   return /*#__PURE__*/React.createElement(Tappable, _extends({
     "aria-label": ariaLabel
@@ -51,7 +50,7 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
     Component: "button",
     hasHover: false,
     activeMode: "vkuiWriteBarIcon__active",
-    className: classNamesString("vkuiWriteBarIcon", platform === Platform.IOS && "vkuiWriteBarIcon--ios", mode && styles["WriteBarIcon--mode-".concat(mode)], className)
+    className: classNames("vkuiWriteBarIcon", platform === Platform.IOS && "vkuiWriteBarIcon--ios", mode && styles["WriteBarIcon--mode-".concat(mode)], className)
   }), /*#__PURE__*/React.createElement("span", {
     className: "vkuiWriteBarIcon__in"
   }, icon || children), hasReactNode(count) && /*#__PURE__*/React.createElement(Counter, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteBarIcon.js","names":["React","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","~~classNamesString~~","Platform","Counter","Tappable","warnOnce","~~hasReactNode","~~warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","className","restProps","platform","icon","ariaLabel","undefined","IOS","styles"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ~~classNamesString~~ } from ~~\"../../lib~~/~~classNames\"~~;\nimport { Platform } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport ~~{ hasReactNode } from \"../../lib/utils\";\nimport~~ styles from \"./WriteBarIcon.module.css\";\n\nexport interface WriteBarIconProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: \"attach\" \| \"send\" \| \"done\";\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let ariaLabel: string \| undefined = undefined;\n\n switch (mode) {\n case \"attach\":\n icon ~~=\n~~ platform === Platform.IOS ? ~~(\n~~ <Icon28AddCircleOutline ~~/>\n )~~ : ~~(\n~~ <Icon28AttachOutline ~~/>\~~n ~~);\n~~ ariaLabel = \"Прикрепить ~~файл\"~~;\n break;\n\n case \"send\":\n icon ~~=\n~~ platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = ~~\"Отправить\"~~;\n break;\n\n case \"done\":\n icon ~~=\n~~ platform === Platform.IOS ? ~~(\n~~ <Icon48WritebarDone ~~/>\n )~~ : ~~(\n~~ <Icon28CheckCircleOutline ~~/>\~~n ~~);\n~~ ariaLabel = ~~\"Готово\"~~;\n break;\n\n default:\n break;\n }\n\n if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n warn(\n \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части ~~пользователей.\"~~,\n \"error~~\"\~~n );\n }\n\n return (\n <Tappable\n aria-label={ariaLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles[\"WriteBarIcon__active\"]}\n className={~~classNamesString~~(\n styles[\"WriteBarIcon\"],\n platform === Platform.IOS && styles[\"WriteBarIcon--ios\"],\n mode && styles[`WriteBarIcon--mode-${mode}`],\n className\n )}\n >\n <span className={styles[\"WriteBarIcon__in\"]}>{icon \|\| children}</span>\n {hasReactNode(count) && (\n <Counter className={styles[\"WriteBarIcon__counter\"]} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,kBAAkB,EAClBC,kBAAkB,QACb,kBAAkB;AACzB,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,~~gBAAgB~~,QAAQ,~~sBAAsB~~;~~AACvD~~,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;~~AAC7C,SAASC,YAAY,QAAQ,iBAAiB;~~AAAC;~~AAoB/C~~,IAAMC,IAAI,~~GAAGF~~,QAAQ,CAAC,cAAc,CAAC;AACrC,~~IAAMG~~,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;;AAErD;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGlB,WAAW,EAAE;EAE9B,IAAImB,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQR,IAAI;IACV,KAAK,QAAQ;MACXM,IAAI,~~GACFD~~,QAAQ,~~KAAKhB~~,QAAQ,~~CAACoB~~,GAAG,~~gBACvB~~,oBAAC,sBAAsB,OAAG,~~gBAE1B~~,oBAAC,mBAAmB,~~OACrB~~;~~MACHF~~,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,~~GACFD~~,QAAQ,~~KAAKhB~~,QAAQ,~~CAACoB~~,GAAG,gBAAG,oBAAC,kBAAkB,OAAG,gBAAG,oBAAC,UAAU,OAAG;~~MACrEF~~,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,~~GACFD~~,QAAQ,~~KAAKhB~~,QAAQ,~~CAACoB~~,GAAG,~~gBACvB~~,oBAAC,kBAAkB,OAAG,~~gBAEtB~~,oBAAC,wBAAwB,~~OAC1B~~;~~MACHF~~,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIZ,MAAM,IAAI,CAACS,SAAS,CAAC,YAAY,CAAC,IAAI,CAACG,SAAS,EAAE;IACpDb,IAAI,CACF,wFAAwF,EACxF,OAAO,CACR;EACH;EAEA,oBACE,oBAAC,QAAQ;IACP,cAAYa;EAAU,GAClBH,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAEhB,~~gBAAgB~~,~~qBAEzBiB~~,QAAQ,~~KAAKhB~~,QAAQ,~~CAACoB~~,GAAG,2BAA+B,EACxDT,IAAI,IAAIU,MAAM,8BAAuBV,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEG,IAAI,IAAIL,QAAQ,CAAQ,~~EACrER~~,YAAY,~~CAACS~~,KAAK,CAAC,iBAClB,oBAAC,OAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"WriteBarIcon.js","names":["React","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","classNames","hasReactNode","Platform","Counter","Tappable","warnOnce","warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","className","restProps","platform","icon","ariaLabel","undefined","IOS","styles"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { warnOnce } from '../../lib/warnOnce';\nimport styles from './WriteBarIcon.module.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\nconst IS_DEV = process.env.NODE_ENV === 'development';\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let ariaLabel: string \| undefined = undefined;\n\n switch (mode) {\n case 'attach':\n icon = platform === Platform.IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = 'Прикрепить файл';\n break;\n\n case 'send':\n icon = platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = 'Отправить';\n break;\n\n case 'done':\n icon = platform === Platform.IOS ? <Icon48WritebarDone /> : <Icon28CheckCircleOutline />;\n ariaLabel = 'Готово';\n break;\n\n default:\n break;\n }\n\n if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {\n warn(\n 'a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.',\n 'error',\n );\n }\n\n return (\n <Tappable\n aria-label={ariaLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === Platform.IOS && styles['WriteBarIcon--ios'],\n mode && styles[`WriteBarIcon--mode-${mode}`],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>{icon \|\| children}</span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,kBAAkB,EAClBC,kBAAkB,QACb,kBAAkB;AACzB,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAAC;AAmB9C,IAAMC,IAAI,GAAGD,QAAQ,CAAC,cAAc,CAAC;AACrC,IAAME,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;;AAErD;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGlB,WAAW,EAAE;EAE9B,IAAImB,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQR,IAAI;IACV,KAAK,QAAQ;MACXM,IAAI,GAAGD,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,gBAAG,oBAAC,sBAAsB,OAAG,gBAAG,oBAAC,mBAAmB,OAAG;MACvFF,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGD,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,gBAAG,oBAAC,kBAAkB,OAAG,gBAAG,oBAAC,UAAU,OAAG;MAC1EF,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGD,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,gBAAG,oBAAC,kBAAkB,OAAG,gBAAG,oBAAC,wBAAwB,OAAG;MACxFF,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIZ,MAAM,IAAI,CAACS,SAAS,CAAC,YAAY,CAAC,IAAI,CAACG,SAAS,EAAE;IACpDb,IAAI,CACF,wFAAwF,EACxF,OAAO,CACR;EACH;EAEA,oBACE,oBAAC,QAAQ;IACP,cAAYa;EAAU,GAClBH,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAEhB,UAAU,qBAEnBiB,QAAQ,KAAKf,QAAQ,CAACmB,GAAG,2BAA+B,EACxDT,IAAI,IAAIU,MAAM,8BAAuBV,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEG,IAAI,IAAIL,QAAQ,CAAQ,EACrEZ,YAAY,CAACa,KAAK,CAAC,iBAClB,oBAAC,OAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}

package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiWriteBarIcon{background:none;border:0;border-radius:var(--vkui--size_border_radius--regular);color:var(--vkui--color_icon_secondary);cursor:pointer;height:52px;position:relative;width:44px}.vkuiWriteBarIcon__in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiWriteBarIcon:disabled{opacity:.4;pointer-events:none}.vkuiWriteBarIcon__active{opacity:.6}.vkuiWriteBarIcon__counter{box-shadow:0 0 0 2px var(--vkui--color_background_modal);position:absolute;right:2px;top:6px}.vkuiWriteBarIcon--ios,.vkuiWriteBarIcon.vkuiWriteBarIcon--mode-done,.vkuiWriteBarIcon.vkuiWriteBarIcon--mode-send{color:var(--vkui--color_icon_accent)}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send{padding-left:0;padding-right:0;width:48px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done:first-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send:first-child{margin-left:-4px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done:last-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send:last-child{margin-right:-4px}
1	+ .vkuiWriteBarIcon{background:none;border:0;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:pointer;height:52px;position:relative;width:44px}.vkuiWriteBarIcon__in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiWriteBarIcon:disabled{opacity:.4;pointer-events:none}.vkuiWriteBarIcon__active{opacity:.6}.vkuiWriteBarIcon__counter{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--vkui--color_background_modal);position:absolute;right:2px;top:6px}.vkuiWriteBarIcon--ios,.vkuiWriteBarIcon.vkuiWriteBarIcon--mode-done,.vkuiWriteBarIcon.vkuiWriteBarIcon--mode-send{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send{padding-left:0;padding-right:0;width:48px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done:first-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send:first-child{margin-left:-4px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done:last-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send:last-child{margin-right:-4px}

package/dist/cssm/helpers/appearance.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';
 export declare enum Scheme {
     BRIGHT_LIGHT = "bright_light",
     SPACE_GRAY = "space_gray",

package/dist/cssm/helpers/appearance.js CHANGED Viewed

@@ -11,7 +11,7 @@ export var Appearance;
   Appearance["LIGHT"] = "light";
 })(Appearance || (Appearance = {}));
 export var deriveAppearance = function deriveAppearance(scheme) {
-  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
+  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';
 };
 export function resolveAppearance(data) {
   var scheme = data.scheme,

package/dist/cssm/helpers/appearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"appearance.js","names":["Scheme","Appearance","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","resolveAppearance","data","appearance"],"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\n\nexport enum Scheme {\n BRIGHT_LIGHT = \"bright_light\",\n SPACE_GRAY = \"space_gray\",\n VKCOM_LIGHT = \"vkcom_light\",\n VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme ~~=\n \|~~ AppearanceSchemeType\n \| Scheme.VKCOM_DARK\n \| Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n DARK = \"dark\",\n LIGHT = \"light\",\n}\n\nexport const deriveAppearance = (\n scheme: AppearanceScheme \| undefined\n): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK\n ? \"dark~~\"\n~~ : \"light\";\n\nexport interface VKBridgeConfigData {\n appearance?: AppearanceType;\n scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(\n data: VKBridgeConfigData\n): AppearanceType \| null {\n const { scheme, appearance } = data;\n\n // appearance пока приходит только на IOS и ANDROID\n if (appearance) {\n return appearance;\n }\n\n // Проверяем scheme если appearance не пришел\n return deriveAppearance(scheme);\n}\n"],"mappings":"AAEA,WAAYA,MAAM;AAKjB,WALWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;~~AAYlB~~,WAAYC,UAAU;AAGrB,WAHWA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAKtB,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,~~CAC3BC~~,MAAoC;EAAA,~~OAEpCA~~,MAAM,KAAKH,MAAM,CAACI,UAAU,IAAID,MAAM,KAAKH,MAAM,CAACK,UAAU,~~GACxD~~,MAAM,~~GACN~~,OAAO;AAAA;~~AAOb~~,OAAO,SAASC,iBAAiB,~~CAC/BC~~,IAAwB,~~EACD~~;~~EACvB~~,IAAQJ,MAAM,GAAiBI,IAAI,CAA3BJ,MAAM;IAAEK,UAAU,GAAKD,IAAI,CAAnBC,UAAU;;EAE1B;EACA,IAAIA,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;;EAEA;EACA,OAAON,gBAAgB,CAACC,MAAM,CAAC;AACjC"}
1	+ {"version":3,"file":"appearance.js","names":["Scheme","Appearance","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","resolveAppearance","data","appearance"],"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n BRIGHT_LIGHT = 'bright_light',\n SPACE_GRAY = 'space_gray',\n VKCOM_LIGHT = 'vkcom_light',\n VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType \| Scheme.VKCOM_DARK \| Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n DARK = 'dark',\n LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme \| undefined): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n appearance?: AppearanceType;\n scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType \| null {\n const { scheme, appearance } = data;\n\n // appearance пока приходит только на IOS и ANDROID\n if (appearance) {\n return appearance;\n }\n\n // Проверяем scheme если appearance не пришел\n return deriveAppearance(scheme);\n}\n"],"mappings":"AAEA,WAAYA,MAAM;AAKjB,WALWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AASlB,WAAYC,UAAU;AAGrB,WAHWA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAKtB,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,MAAoC;EAAA,OACnEA,MAAM,KAAKH,MAAM,CAACI,UAAU,IAAID,MAAM,KAAKH,MAAM,CAACK,UAAU,GAAG,MAAM,GAAG,OAAO;AAAA;AAOjF,OAAO,SAASC,iBAAiB,CAACC,IAAwB,EAAyB;EACjF,IAAQJ,MAAM,GAAiBI,IAAI,CAA3BJ,MAAM;IAAEK,UAAU,GAAKD,IAAI,CAAnBC,UAAU;;EAE1B;EACA,IAAIA,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;;EAEA;EACA,OAAON,gBAAgB,CAACC,MAAM,CAAC;AACjC"}

package/dist/cssm/helpers/avatar.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { InitialsAvatarNumberGradients } from "../components/Avatar/Avatar";
+import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';
 /**
  * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
  */