npm - @vkontakte/vkui - Versions diffs - 4.34.0 → 4.35.0 - Mend

@vkontakte/vkui 4.34.0 → 4.35.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 (690) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/View/View.tsx"],"names":["React","classNames","transitionEvent","animationEvent","IOS","Touch","withPlatform","withContext","ConfigProviderContext","SplitColContext","AppRootPortal","canUseDOM","withDOM","ScrollContext","NavTransitionProvider","getNavId","warnOnce","swipeBackExcluded","SwipeBackResults","scrollsCache","warn","ViewComponent","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","platform","configProvider","isWebView","startX","window","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","scrolls","scroll","getScroll","y","swipeBackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","Children","toArray","children","process","env","NODE_ENV","popout","modal","id","animationFinishTimeout","clearTimeout","prevProps","prevState","blurActiveElement","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","supported","setTimeout","transitionEndHandler","scrollTo","onTransition","from","to","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","restProps","hasPopout","hasModal","filter","disableAnimation","onMoveX","onEnd","isTransitionTarget","compensateScroll","el","calcPanelSwipeStyles","marginTop","Component","View","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { IOS } 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 \"./View.css\";\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number \| undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\n /*\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n onTransition?(params: { isBack: boolean; from: string; to: string }): 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 /\n @ignore\n /\n splitCol?: SplitColContextProps;\n /\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n /\n @ignore\n /\n scroll?: ScrollContextInterface;\n}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string \| null;\n isBack: boolean \| undefined;\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\nconst warn = warnOnce(\"View\");\n\nclass ViewComponent extends React.Component<ViewProps & DOMProps, ViewState> {\n constructor(props: ViewProps) {\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<ViewProps> = {\n history: [],\n };\n\n private readonly scrolls = scrollsCache[getNavId(this.props) 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 componentDidMount() {\n if (process.env.NODE_ENV === \"development\") {\n const { popout, modal } = this.props;\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n }\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: ViewProps, prevState: ViewState) {\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 const firstLayerId = this.panels\n .map((panel) => getNavId(panel.props, warn))\n .find(\n (id) => id === prevProps.activePanel \|\| id === this.props.activePanel\n );\n\n const isBack = firstLayerId === this.props.activePanel;\n this.scrolls[prevProps.activePanel] = this.props.scroll?.getScroll().y;\n\n if (this.shouldDisableTransitionMotion()) {\n this.flushTransition(prevProps.activePanel, isBack);\n } else {\n this.blurActiveElement();\n\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 === IOS ? 600 : 300\n );\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (\n prevProps.activePanel !== this.props.activePanel &&\n prevState.swipingBack\n ) {\n const nextPanel = this.props.activePanel;\n const prevPanel = prevProps.activePanel;\n if (prevState.swipeBackPrevPanel !== null) {\n this.scrolls[prevState.swipeBackPrevPanel] = 0;\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 if (this.state.activePanel !== null) {\n this.props.scroll?.scrollTo(\n 0,\n this.scrolls[this.state.activePanel]\n );\n }\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 this.props.scroll?.scrollTo(0, this.scrolls[this.state.activePanel]);\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 this.transitionFinishTimeout = setTimeout(\n eventHandler,\n this.props.platform === IOS ? 600 : 300\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 if (isBack) {\n this.scrolls[prevPanel] = 0;\n }\n this.setState(\n {\n prevPanel: null,\n nextPanel: null,\n visiblePanels: [activePanel],\n activePanel,\n animated: false,\n isBack: undefined,\n },\n () => {\n this.props.scroll?.scrollTo(0, isBack ? this.scrolls[activePanel] : 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)) {\n return;\n }\n\n const { platform, configProvider } = this.props;\n\n if (\n 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 === IOS &&\n configProvider?.isWebView &&\n this.props.onSwipeBack\n ) {\n if ((this.state.animated && e.startX <= 70) \|\| !this.window) {\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 this.scrolls[this.state.activePanel] =\n this.props.scroll?.getScroll().y;\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 = 0;\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 ?? 0)) {\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 nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel,\n window,\n document,\n scroll,\n ...restProps\n } = this.props;\n const {\n prevPanel,\n nextPanel,\n activePanel,\n swipeBackPrevPanel,\n swipeBackNextPanel,\n swipeBackResult,\n isBack,\n animated,\n } = this.state;\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = this.panels.filter((panel: React.ReactElement) => {\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\n const disableAnimation = this.shouldDisableTransitionMotion();\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n vkuiClass={classNames(\n \"View\",\n platform === IOS && \"View--ios\",\n !disableAnimation && animated && \"View--animated\",\n !disableAnimation && this.state.swipingBack && \"View--swiping-back\",\n disableAnimation && \"View--no-motion\"\n )}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n >\n <div vkuiClass=\"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 isTransitionTarget =\n animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev \|\|\n panelId === swipeBackNextPanel \|\|\n (panelId === nextPanel && isBack);\n\n return (\n <div\n vkuiClass={classNames(\n \"View__panel\",\n panelId === activePanel && \"View__panel--active\",\n panelId === prevPanel && \"View__panel--prev\",\n panelId === nextPanel && \"View__panel--next\",\n panelId === swipeBackPrevPanel &&\n \"View__panel--swipe-back-prev\",\n panelId === swipeBackNextPanel &&\n \"View__panel--swipe-back-next\",\n swipeBackResult === SwipeBackResults.success &&\n \"View__panel--swipe-back-success\",\n swipeBackResult === SwipeBackResults.fail &&\n \"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 vkuiClass=\"View__panel-in\"\n style={{\n marginTop: compensateScroll\n ? -(this.scrolls[panelId as string] ?? 0)\n : undefined,\n }}\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 vkuiClass=\"View__popout\">{popout}</div>}\n {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n }\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/View\n */\nexport const View = withContext(\n withContext(\n withContext(\n withPlatform(withDOM<ViewProps>(ViewComponent)),\n SplitColContext,\n \"splitCol\"\n ),\n ConfigProviderContext,\n \"configProvider\"\n ),\n ScrollContext,\n \"scroll\"\n);\n\nView.displayName = \"View\";\n"],"file":"View.js"}
1	+ {"version":3,"sources":["../../../src/components/View/View.tsx"],"names":["React","classNames","animationEvent","IOS","Touch","useConfigProvider","useSplitCol","AppRootPortal","canUseDOM","useDOM","blurActiveElement","useScroll","NavTransitionProvider","getNavId","warnOnce","usePlatform","swipeBackExcluded","useWaitTransitionFinish","useTimeout","usePrevious","useIsomorphicLayoutEffect","noop","SwipeBackResults","scrollsCache","warn","View","popout","modal","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","process","env","NODE_ENV","scrolls","useRef","id","afterTransition","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","hasPopout","hasModal","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","transitionEndHandler","e","animationName","Boolean","waitTransitionFinish","animationFinishTimeout","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","isWebView","startX","innerWidth","length","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","supported","set","isTransitionTarget","compensateScroll","el","marginTop"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { animationEvent } from \"../../lib/supportEvents\";\nimport { IOS } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { useSplitCol } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, useDOM, blurActiveElement } from \"../../lib/dom\";\nimport { useScroll } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { swipeBackExcluded } from \"./utils\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./View.css\";\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number \| undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n extends React.HTMLAttributes<HTMLElement>,\n NavIdProps {\n activePanel: string;\n /*\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n onTransition?(params: { isBack: boolean; from: string; to: string }): 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}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string \| null;\n isBack: boolean \| undefined;\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\nconst warn = warnOnce(\"View\");\n\n/\n @see https://vkcom.github.io/VKUI/#/View\n /\nexport const View = ({\n popout,\n modal,\n activePanel: activePanelProp,\n history,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel: onSwipeBackCancelProp,\n children,\n\n ...restProps\n}: ViewProps) => {\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n const scrolls = React.useRef(\n scrollsCache[getNavId({ nav, id: restProps.id }) as string] \|\| {}\n );\n const afterTransition = React.useRef(noop);\n\n React.useEffect(() => () => {\n const id = getNavId({ nav, id: restProps.id });\n if (id) {\n scrollsCache[id] = scrolls.current;\n }\n });\n\n const panelNodes = React.useRef<{ [id: string]: HTMLDivElement \| null }>({});\n\n const { window, document } = useDOM();\n const scroll = useScroll();\n const configProvider = useConfigProvider();\n const splitCol = useSplitCol();\n const platform = usePlatform();\n\n const [animated, setAnimated] = React.useState(false);\n\n const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n const [activePanel, setActivePanel] = React.useState<string \| null>(\n activePanelProp\n );\n const [isBack, setIsBack] = React.useState<boolean \| undefined>(undefined);\n const [prevPanel, setPrevPanel] = React.useState<string \| null>(null);\n const [nextPanel, setNextPanel] = React.useState<string \| null>(null);\n\n const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<\n string \| null\n >(null);\n const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<\n string \| null\n >(null);\n const [swipeBackResult, setSwipeBackResult] =\n React.useState<SwipeBackResults \| null>(null);\n\n const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n const prevActivePanel = usePrevious(activePanelProp);\n const prevSwipingBack = usePrevious(swipingBack);\n const prevBrowserSwipe = usePrevious(browserSwipe);\n const prevSwipeBackResult = usePrevious(swipeBackResult);\n const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n const prevOnTransition = usePrevious(onTransition);\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = (\n React.Children.toArray(children) as React.ReactElement[]\n ).filter((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && visiblePanels.includes(panelId)) \|\|\n panelId === swipeBackPrevPanel \|\|\n panelId === swipeBackNextPanel\n );\n });\n\n const disableAnimation =\n configProvider?.transitionMotionEnabled === false \|\| !splitCol?.animate;\n\n const pickPanel = (id: string \| null) => {\n if (id === null) {\n return null;\n }\n return panelNodes.current[id];\n };\n\n const flushTransition = React.useCallback(\n (prevPanel: string, isBackTransition: boolean) => {\n if (isBackTransition) {\n scrolls.current[prevPanel] = 0;\n }\n setPrevPanel(null);\n setNextPanel(null);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n setAnimated(false);\n setIsBack(undefined);\n\n afterTransition.current = () => {\n scroll?.scrollTo(\n 0,\n isBackTransition ? scrolls.current[activePanelProp] : 0\n );\n onTransition &&\n onTransition({\n isBack: isBackTransition,\n from: prevPanel,\n to: activePanelProp,\n });\n };\n },\n [activePanelProp, onTransition, scroll]\n );\n\n useIsomorphicLayoutEffect(() => {\n afterTransition.current();\n afterTransition.current = noop;\n }, [afterTransition.current]);\n\n const transitionEndHandler = React.useCallback(\n (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 prevPanel !== null\n ) {\n flushTransition(prevPanel, Boolean(isBack));\n }\n },\n [flushTransition, isBack, prevPanel]\n );\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n const animationFinishTimeout = useTimeout(\n transitionEndHandler,\n platform === IOS ? 600 : 300\n );\n\n const onSwipeBackSuccess = React.useCallback(() => {\n onSwipeBack && onSwipeBack();\n }, [onSwipeBack]);\n\n const onSwipeBackCancel = React.useCallback(() => {\n onSwipeBackCancelProp && onSwipeBackCancelProp();\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n }, [onSwipeBackCancelProp]);\n\n const swipingBackTransitionEndHandler = React.useCallback(\n (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e \|\|\n (e?.propertyName.includes(\"transform\") &&\n e?.target === pickPanel(swipeBackNextPanel))\n ) {\n switch (swipeBackResult) {\n case SwipeBackResults.fail:\n onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n onSwipeBackSuccess();\n }\n }\n },\n [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult]\n );\n\n const onMoveX = (e: TouchEvent): void => {\n if (swipeBackExcluded(e)) {\n return;\n }\n\n if (\n platform === IOS &&\n !configProvider?.isWebView &&\n (e.startX <= 70 \|\| e.startX >= window!.innerWidth - 70) &&\n !browserSwipe\n ) {\n setBrowserSwipe(true);\n }\n\n if (platform === IOS && configProvider?.isWebView && onSwipeBack) {\n if ((animated && e.startX <= 70) \|\| !window) {\n return;\n }\n\n if (e.startX <= 70 && !swipingBack && history && history.length > 1) {\n if (activePanel !== null) {\n scrolls.current[activePanel] = scroll?.getScroll().y;\n }\n\n setSwipingBack(true);\n setSwipeBackStartX(e.startX);\n setSwipeBackPrevPanel(activePanel);\n setSwipeBackNextPanel(history.slice(-2)[0]);\n }\n if (swipingBack) {\n let swipeBackShift = 0;\n if (e.shiftX < 0) {\n swipeBackShift = 0;\n } else if (e.shiftX > window.innerWidth - swipeBackStartX) {\n swipeBackShift = window?.innerWidth;\n } else {\n swipeBackShift = e.shiftX;\n }\n setSwipeBackShift(swipeBackShift);\n }\n }\n };\n\n const onEnd = React.useCallback(\n (e: TouchEvent): void => {\n if (swipingBack && window) {\n const speed = (swipeBackShift / e.duration) 1000;\n if (swipeBackShift === 0) {\n onSwipeBackCancel();\n } else if (swipeBackShift >= (window?.innerWidth ?? 0)) {\n onSwipeBackSuccess();\n } else if (\n speed > 250 \|\|\n swipeBackStartX + swipeBackShift > window.innerWidth / 2\n ) {\n setSwipeBackResult(SwipeBackResults.success);\n } else {\n setSwipeBackResult(SwipeBackResults.fail);\n }\n }\n },\n [\n onSwipeBackCancel,\n onSwipeBackSuccess,\n swipeBackShift,\n swipeBackStartX,\n swipingBack,\n window,\n ]\n );\n\n const calcPanelSwipeStyles = (\n panelId: string \| undefined\n ): React.CSSProperties => {\n if (!canUseDOM \|\| !window) {\n return {};\n }\n\n const isPrev = panelId === swipeBackPrevPanel;\n const isNext = panelId === swipeBackNextPanel;\n\n if ((!isPrev && !isNext) \|\| swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (swipeBackShift * 100) / window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n if (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 React.useEffect(() => {\n popout && blurActiveElement(document);\n }, [document, popout]);\n\n React.useEffect(() => {\n modal && blurActiveElement(document);\n }, [document, modal]);\n\n React.useEffect(() => {\n // Нужен переход\n if (\n prevActivePanel &&\n prevActivePanel !== activePanelProp &&\n !prevSwipingBack &&\n !prevBrowserSwipe\n ) {\n const firstLayerId = (\n React.Children.toArray(children) as React.ReactElement[]\n )\n .map((panel) => getNavId(panel.props, warn))\n .find((id) => id === prevActivePanel \|\| id === activePanelProp);\n\n const isBackTransition = firstLayerId === activePanelProp;\n scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n if (disableAnimation) {\n flushTransition(prevActivePanel, isBackTransition);\n } else {\n blurActiveElement(document);\n\n setVisiblePanels([prevActivePanel, activePanelProp]);\n setPrevPanel(prevActivePanel);\n setNextPanel(activePanelProp);\n setActivePanel(null);\n setAnimated(true);\n setIsBack(isBackTransition);\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n animationFinishTimeout.set();\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (\n prevActivePanel &&\n prevActivePanel !== activePanelProp &&\n prevSwipingBack\n ) {\n const nextPanel = activePanelProp;\n const prevPanel = prevActivePanel;\n if (prevSwipeBackPrevPanel) {\n scrolls.current[prevSwipeBackPrevPanel] = 0;\n }\n\n setSwipeBackPrevPanel(null);\n setSwipeBackNextPanel(null);\n setSwipingBack(false);\n setSwipeBackResult(null);\n setSwipeBackStartX(0);\n setSwipeBackShift(0);\n setActivePanel(nextPanel);\n setVisiblePanels([nextPanel]);\n\n afterTransition.current = () => {\n if (nextPanel !== null) {\n scroll?.scrollTo(0, scrolls.current[nextPanel]);\n }\n prevOnTransition &&\n prevOnTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n };\n }\n\n // Начался свайп назад\n if (!prevSwipingBack && swipingBack) {\n onSwipeBackStart && onSwipeBackStart();\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevSwipeBackResult && swipeBackResult) {\n waitTransitionFinish(\n pickPanel(swipeBackNextPanel),\n swipingBackTransitionEndHandler,\n platform === IOS ? 600 : 300\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevSwipeBackResult === SwipeBackResults.fail &&\n !swipeBackResult &&\n activePanel !== null\n ) {\n scroll?.scrollTo(0, scrolls.current[activePanel]);\n }\n\n // Закончился Safari свайп\n if (prevActivePanel !== activePanelProp && browserSwipe) {\n setBrowserSwipe(false);\n setNextPanel(null);\n setPrevPanel(null);\n setAnimated(false);\n setVisiblePanels([activePanelProp]);\n setActivePanel(activePanelProp);\n }\n }, [\n activePanelProp,\n activePanel,\n animationFinishTimeout,\n browserSwipe,\n children,\n disableAnimation,\n document,\n flushTransition,\n onSwipeBackStart,\n panels,\n platform,\n prevActivePanel,\n prevBrowserSwipe,\n prevOnTransition,\n prevSwipeBackPrevPanel,\n prevSwipeBackResult,\n prevSwipingBack,\n scroll,\n swipeBackNextPanel,\n swipeBackResult,\n swipingBack,\n swipingBackTransitionEndHandler,\n waitTransitionFinish,\n ]);\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n vkuiClass={classNames(\n \"View\",\n platform === IOS && \"View--ios\",\n !disableAnimation && animated && \"View--animated\",\n !disableAnimation && swipingBack && \"View--swiping-back\",\n disableAnimation && \"View--no-motion\"\n )}\n onMoveX={onMoveX}\n onEnd={onEnd}\n >\n <div vkuiClass=\"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 isTransitionTarget =\n animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev \|\|\n panelId === swipeBackNextPanel \|\|\n (panelId === nextPanel && isBack);\n\n return (\n <div\n vkuiClass={classNames(\n \"View__panel\",\n panelId === activePanel && \"View__panel--active\",\n panelId === prevPanel && \"View__panel--prev\",\n panelId === nextPanel && \"View__panel--next\",\n panelId === swipeBackPrevPanel &&\n \"View__panel--swipe-back-prev\",\n panelId === swipeBackNextPanel &&\n \"View__panel--swipe-back-next\",\n swipeBackResult === SwipeBackResults.success &&\n \"View__panel--swipe-back-success\",\n swipeBackResult === SwipeBackResults.fail &&\n \"View__panel--swipe-back-failed\"\n )}\n onAnimationEnd={\n isTransitionTarget ? transitionEndHandler : undefined\n }\n ref={(el) =>\n panelId !== undefined && (panelNodes.current[panelId] = el)\n }\n style={calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n vkuiClass=\"View__panel-in\"\n style={{\n marginTop: compensateScroll\n ? -(scrolls.current[panelId as string] ?? 0)\n : undefined,\n }}\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 vkuiClass=\"View__popout\">{popout}</div>}\n {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n};\n"],"file":"View.js"}

package/dist/components/View/ViewInfinite.d.ts CHANGED Viewed

@@ -62,5 +62,5 @@ export interface ViewInfiniteState {
     swipeBackResult: SwipeBackResults | null;
     browserSwipe: boolean;
 }
-export declare const ViewInfinite: React.ComponentType<Pick<ViewInfiniteProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider" | "isBackCheck">>;
+export declare const ViewInfinite: React.FC<Pick<ViewInfiniteProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "onTransition" | "activePanel" | "history" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "configProvider" | "isBackCheck" | "splitCol">>;
 export {};

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

@@ -18,9 +18,13 @@ export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextArea
      * Вызывается при смене высоты поля ввода
      */
     onHeightChange?: VoidFunction;
+    /**
+     * Добавляет тень вокруг поля ввода
+     */
+    shadow?: boolean;
     children?: never;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */
-export declare const WriteBar: ({ className, style, before, inlineAfter, after, value, onChange, getRootRef, getRef, onHeightChange, ...restProps }: WriteBarProps) => JSX.Element;
+export declare const WriteBar: ({ className, style, before, inlineAfter, after, value, onChange, getRootRef, getRef, onHeightChange, shadow, ...restProps }: WriteBarProps) => JSX.Element;

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

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "style", "before", "inlineAfter", "after", "value", "onChange", "getRootRef", "getRef", "onHeightChange"];
+var _excluded = ["className", "style", "before", "inlineAfter", "after", "value", "onChange", "getRootRef", "getRef", "onHeightChange", "shadow"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 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 { getClassName } from "../../helpers/getClassName";
+import { classNames } from "../../lib/classNames";
+import { IOS } from "../../lib/platform";
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
@@ -22,6 +24,8 @@ export var WriteBar = function WriteBar(_ref) {
       getRootRef = _ref.getRootRef,
       getRef = _ref.getRef,
       onHeightChange = _ref.onHeightChange,
+      _ref$shadow = _ref.shadow,
+      shadow = _ref$shadow === void 0 ? false : _ref$shadow,
       restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
@@ -61,7 +65,7 @@ export var WriteBar = function WriteBar(_ref) {
   }, [resize, value]);
   return createScopedElement("div", {
     ref: getRootRef,
-    vkuiClass: getClassName("WriteBar", platform),
+    vkuiClass: classNames("WriteBar", platform === IOS && "WriteBar--ios", shadow && "WriteBar--shadow"),
     className: className,
     style: style
   }, createScopedElement("form", {
@@ -73,10 +77,11 @@ export var WriteBar = function WriteBar(_ref) {
     vkuiClass: "WriteBar__before"
   }, before), createScopedElement("div", {
     vkuiClass: "WriteBar__formIn"
-  }, createScopedElement("textarea", _extends({}, restProps, {
+  }, createScopedElement(Headline, _extends({}, restProps, {
+    Component: "textarea",
     vkuiClass: "WriteBar__textarea",
     onChange: onTextareaChange,
-    ref: textareaRef,
+    getRootRef: textareaRef,
     value: value
   })), hasReactNode(inlineAfter) && createScopedElement("div", {
     vkuiClass: "WriteBar__inlineAfter"

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"names":["React","usePlatform","useExternRef","hasReactNode","isFunction","~~getClassName~~","WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","restProps","platform","isControlledOutside","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","useEffect","e","preventDefault"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,UAAvB;AACA,SAASC,~~YAAT~~;;~~AA4BA~~;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,~~OAYH~~;AAAA,MAXnBC,~~SAWmB~~,QAXnBA,~~SAWmB~~;AAAA,MAVnBC,~~KAUmB~~,QAVnBA,~~KAUmB~~;AAAA,MATnBC,~~MASmB~~,QATnBA,~~MASmB~~;AAAA,MARnBC,~~WAQmB~~,QARnBA,~~WAQmB~~;AAAA,MAPnBC,KAOmB,QAPnBA,KAOmB;AAAA,MANnBC,~~KAMmB~~,QANnBA,~~KAMmB~~;AAAA,MALnBC,~~QAKmB~~,QALnBA,~~QAKmB~~;AAAA,MAJnBC,~~UAImB~~,QAJnBA,~~UAImB~~;AAAA,MAHnBC,~~MAGmB~~,QAHnBA,~~MAGmB~~;AAAA,~~MAFnBC~~,~~cAEmB~~,~~QAFnBA~~,~~cAEmB~~;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,~~GAAGjB~~,WAAW,EAA5B;AAEA,~~MAAMkB~~,mBAAmB,~~GAAGP~~,KAAK,IAAI,IAArC;AAEA,~~MAAMQ~~,WAAW,~~GAAGlB~~,YAAY,~~CAACa~~,MAAD,CAAhC;AACA,~~MAAMM~~,mBAAmB,~~GAAGrB~~,KAAK,~~CAACsB~~,MAAN,EAA5B;AAEA,MAAMC,MAAM,~~GAAGvB~~,KAAK,~~CAACwB~~,WAAN,CAAkB,YAAM;AACrC,QAAMC,UAAU,GAAGL,WAAW,CAACM,OAA/B;;AACA,QAAI,CAACD,UAAL,EAAiB;AACf;AACD;;AAED,QAAIA,UAAU,CAACE,YAAf,EAA6B;AAC3BF,MAAAA,UAAU,~~CAACjB~~,KAAX,~~CAAiBoB~~,MAAjB,GAA0B,EAA1B;AACAH,MAAAA,UAAU,~~CAACjB~~,KAAX,~~CAAiBoB~~,MAAjB,aAA6BH,UAAU,CAACI,YAAxC;;AAEA,UACEJ,UAAU,CAACI,YAAX,KAA4BR,mBAAmB,CAACK,OAAhD,~~IACAV~~,cAFF,EAGE;AACAA,QAAAA,cAAc;~~AACdK~~,QAAAA,mBAAmB,CAACK,OAApB,GAA8BD,UAAU,CAACI,YAAzC;AACD;AACF;AACF,GAlBc,EAkBZ,~~CAACb~~,cAAD,~~EAAiBI~~,WAAjB,CAlBY,CAAf;;AAoBA,MAAMU,gBAA+D,GAAG,SAAlEA,gBAAkE,CACtEC,KADsE,EAEnE;AACH,~~QAAI3B~~,UAAU,~~CAACS~~,QAAD,CAAd,EAA0B;AACxBA,MAAAA,QAAQ,~~CAACkB~~,KAAD,CAAR;AACD;;AAED,QAAI,CAACZ,mBAAL,EAA0B;AACxBI,MAAAA,MAAM;AACP;AACF,GAVD;;~~AAYAvB~~,EAAAA,KAAK,~~CAACgC~~,SAAN,CAAgB,YAAM;AACpBT,IAAAA,MAAM;AACP,GAFD,EAEG,CAACA,MAAD,~~EAASX~~,KAAT,CAFH;AAIA,SACE;AACE,IAAA,GAAG,EAAEE,UADP;AAEE,IAAA,SAAS,~~EAAET~~,~~YAAY~~,~~CAAC~~,~~UAAD~~,~~EAAaa~~,~~QAAb~~,~~CAFzB~~;~~AAGE~~,IAAA,SAAS,~~EAAEX~~,~~SAHb~~;~~AAIE~~,IAAA,KAAK,EAAEC;~~AAJT~~,~~KAME~~;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,~~kBAACyB~~,CAAD;AAAA,aAAOA,CAAC,CAACC,cAAF,EAAP;AAAA;AAA3C,~~KACG/B~~,YAAY,~~CAACM~~,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAFJ,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,~~6CACMQ~~,SADN;AAEE,IAAA,SAAS,EAAC,~~oBAFZ~~;AAGE,IAAA,QAAQ,EAAEa,~~gBAHZ~~;~~AAIE~~,IAAA,~~GAAG~~,EAAEV,~~WAJP~~;~~AAKE~~,IAAA,KAAK,~~EAAER~~;~~AALT~~,KADF,~~EASGT~~,YAAY,~~CAACO~~,WAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,WAAxC,CAVJ,CALF,~~EAmBGP~~,YAAY,~~CAACQ~~,KAAD,CAAZ,IAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCA,KAAlC,CAnB1B,~~CANF~~,CADF;~~AA8BD~~,~~CAtFM~~","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { ~~getClassName~~ } from \"../../~~helpers~~/~~getClassName~~\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.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 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 ...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 vkuiClass={~~getClassName~~(\"WriteBar\", ~~platform~~)}\n className={className}\n style={style}\n >\n <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n {hasReactNode(before) && (\n <div vkuiClass=\"WriteBar__before\">{before}</div>\n )}\n\n <div vkuiClass=\"WriteBar__formIn\">\n <~~textarea~~\n {...restProps}\n vkuiClass=\"WriteBar__textarea\"\n onChange={onTextareaChange}\n ~~ref~~={textareaRef}\n value={value}\n />\n\n {hasReactNode(inlineAfter) && (\n <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n </form>\n </div>\n );\n};\n"],"file":"WriteBar.js"}
1	+ {"version":3,"sources":["../../../src/components/WriteBar/WriteBar.tsx"],"names":["React","Headline","usePlatform","useExternRef","hasReactNode","isFunction","classNames","IOS","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","e","preventDefault"],"mappings":"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","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 { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.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 vkuiClass={classNames(\n \"WriteBar\",\n platform === IOS && \"WriteBar--ios\",\n shadow && \"WriteBar--shadow\"\n )}\n className={className}\n style={style}\n >\n <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n {hasReactNode(before) && (\n <div vkuiClass=\"WriteBar__before\">{before}</div>\n )}\n\n <div vkuiClass=\"WriteBar__formIn\">\n <Headline\n {...restProps}\n Component=\"textarea\"\n vkuiClass=\"WriteBar__textarea\"\n onChange={onTextareaChange}\n getRootRef={textareaRef}\n value={value}\n />\n {hasReactNode(inlineAfter) && (\n <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n </form>\n </div>\n );\n};\n"],"file":"WriteBar.js"}

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

@@ -1,13 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["mode", "children", "count"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { Icon24Send, Icon28AddCircleOutline, Icon28AttachOutline, Icon28CheckCircleOutline, Icon48WritebarDone, Icon48WritebarSend } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 import { classNames } from "../../lib/classNames";
-import { getClassName } from "../../helpers/getClassName";
-import { IOS } from "../../lib/platform";
+import { IOS, Platform } from "../../lib/platform";
 import { Counter } from "../Counter/Counter";
 import { Tappable } from "../Tappable/Tappable";
 import { warnOnce } from "../../lib/warnOnce";
@@ -57,9 +55,8 @@ export var WriteBarIcon = function WriteBarIcon(_ref) {
   }, restProps, {
     Component: "button",
     hasHover: false,
-    activeMode: "WriteBarIcon__active" // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("WriteBarIcon", platform), _defineProperty({}, "WriteBarIcon--".concat(mode), !!mode))
+    activeMode: "WriteBarIcon__active",
+    vkuiClass: classNames("WriteBarIcon", platform === Platform.IOS && "WriteBarIcon--ios", !!mode && "WriteBarIcon--".concat(mode))
   }), createScopedElement("span", {
     vkuiClass: "WriteBarIcon__in"
   }, icon || children, hasReactNode(count) && createScopedElement(Counter, {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","classNames","~~getClassName~~","~~IOS~~","Counter","Tappable","warnOnce","hasReactNode","warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined"],"mappings":"~~;;;;;~~AACA,SACEA,UADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,wBAJF,EAKEC,kBALF,EAMEC,kBANF,QAOO,kBAPP;AAQA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,~~YAAT;AACA~~,~~SAASC~~,~~GAAT~~;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AAoBA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,cAAD,CAArB;AACA,IAAMG,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AAEA,MAAImB,IAAJ;AACA,MAAIC,SAA6B,GAAGC,SAApC;;AAEA,UAAQP,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,~~KAAKf~~,GAAb,GAAmB,oBAAC,sBAAD,OAAnB,GAAgD,oBAAC,mBAAD,OADlD;~~AAEAiB~~,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,~~KAAKf~~,GAAb,GAAmB,oBAAC,kBAAD,OAAnB,GAA4C,oBAAC,UAAD,OAAnD;~~AACAiB~~,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,~~KAAKf~~,GAAb,GACE,oBAAC,kBAAD,OADF,GAGE,oBAAC,wBAAD,OAJJ;~~AAMAiB~~,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;AAID;;AAED,SACE,oBAAC,QAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb~~,CAME~~;~~AANF;AAOE~~,IAAA,SAAS,EAAEhB,UAAU,~~CAACC~~,~~YAAY~~,~~CAAC~~,~~cAAD~~,~~EAAiBgB~~,~~QAAjB~~,~~CAAb~~,~~8CACDJ~~,~~IADC~~,~~GACQ~~,CAAC,~~CAACA~~,~~IADV~~;~~AAPvB~~,~~MAWE~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEGR,YAAY,CAACS,KAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,~~CAXF~~,CADF;~~AAsBD~~,~~CAlEM~~","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 } from \"../../lib/classNames\";\nimport { ~~getClassName~~ } ~~from \"../../helpers/getClassName\";\nimport { IOS~~ } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.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 ...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 === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = \"Прикрепить файл\";\n break;\n\n case \"send\":\n icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = \"Отправить\";\n break;\n\n case \"done\":\n icon =\n 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=\"WriteBarIcon__active\"\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(~~getClassName(~~\"WriteBarIcon\", platform), {\n [`WriteBarIcon--${mode}~~`]: !!mode,\~~n })}\n >\n <span vkuiClass=\"WriteBarIcon__in\">\n {icon \|\| children}\n {hasReactNode(count) && (\n <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n {count}\n </Counter>\n )}\n </span>\n </Tappable>\n );\n};\n"],"file":"WriteBarIcon.js"}
1	+ {"version":3,"sources":["../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon48WritebarDone","Icon48WritebarSend","usePlatform","classNames","IOS","Platform","Counter","Tappable","warnOnce","hasReactNode","warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined"],"mappings":";;;;AACA,SACEA,UADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,wBAJF,EAKEC,kBALF,EAMEC,kBANF,QAOO,kBAPP;AAQA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AAoBA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,cAAD,CAArB;AACA,IAAMG,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AAEA,MAAImB,IAAJ;AACA,MAAIC,SAA6B,GAAGC,SAApC;;AAEA,UAAQP,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKhB,GAAb,GAAmB,oBAAC,sBAAD,OAAnB,GAAgD,oBAAC,mBAAD,OADlD;AAEAkB,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKhB,GAAb,GAAmB,oBAAC,kBAAD,OAAnB,GAA4C,oBAAC,UAAD,OAAnD;AACAkB,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKhB,GAAb,GACE,oBAAC,kBAAD,OADF,GAGE,oBAAC,wBAAD,OAJJ;AAMAkB,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;AAID;;AAED,SACE,oBAAC,QAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb;AAME,IAAA,SAAS,EAAEhB,UAAU,CACnB,cADmB,EAEnBiB,QAAQ,KAAKf,QAAQ,CAACD,GAAtB,IAA6B,mBAFV,EAGnB,CAAC,CAACY,IAAF,4BAA2BA,IAA3B,CAHmB;AANvB,MAYE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEGR,YAAY,CAACS,KAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAZF,CADF;AAuBD,CAnEM","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 } from \"../../lib/classNames\";\nimport { IOS, 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 \"./WriteBarIcon.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 ...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 === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = \"Прикрепить файл\";\n break;\n\n case \"send\":\n icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = \"Отправить\";\n break;\n\n case \"done\":\n icon =\n 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=\"WriteBarIcon__active\"\n vkuiClass={classNames(\n \"WriteBarIcon\",\n platform === Platform.IOS && \"WriteBarIcon--ios\",\n !!mode && `WriteBarIcon--${mode}`\n )}\n >\n <span vkuiClass=\"WriteBarIcon__in\">\n {icon \|\| children}\n {hasReactNode(count) && (\n <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n {count}\n </Counter>\n )}\n </span>\n </Tappable>\n );\n};\n"],"file":"WriteBarIcon.js"}