npm - @vkontakte/vkui - Versions diffs - 6.1.1 → 6.2.0 - Mend

@vkontakte/vkui 6.1.1 → 6.2.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 (2039) hide show

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

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
+import { classNames, noop } from '@vkontakte/vkjs';
 import { withContext } from '../../hoc/withContext';
 import { withPlatform } from '../../hoc/withPlatform';
 import { canUseDOM, withDOM } from '../../lib/dom';
 import { getNavId } from '../../lib/getNavId';
-import { animationEvent, transitionEvent } from '../../lib/supportEvents';
 import { warnOnce } from '../../lib/warnOnce';
 import { ScrollContext } from '../AppRoot/ScrollContext';
 import { ConfigProviderContext } from '../ConfigProvider/ConfigProviderContext';
@@ -102,13 +101,6 @@ class ViewInfiniteComponent extends React.Component {
                     animated: true,
                     isBack
                 });
-                // Фолбек анимации перехода
-                if (!animationEvent.supported) {
-                    if (this.animationFinishTimeout) {
-                        clearTimeout(this.animationFinishTimeout);
-                    }
-                    this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === 'android' || this.props.platform === 'vkcom' ? 300 : 600);
-                }
             }
         }
         // Закончилась анимация свайпа назад
@@ -185,10 +177,21 @@ class ViewInfiniteComponent extends React.Component {
     shouldDisableTransitionMotion() {
         return this.props.configProvider?.transitionMotionEnabled === false || !this.props.splitCol?.animate || this.props.platform === 'vkcom';
     }
+    transitionDisposer = noop;
+    disposeTransition() {
+        this.transitionDisposer();
+        this.transitionDisposer = noop;
+    }
     waitTransitionFinish(elem, eventHandler) {
-        if (transitionEvent.supported && transitionEvent.name && elem) {
-            elem.removeEventListener(transitionEvent.name, eventHandler);
-            elem.addEventListener(transitionEvent.name, eventHandler);
+        if (this.shouldDisableTransitionMotion()) {
+            this.disposeTransition();
+            this.transitionFinishTimeout = setTimeout(eventHandler);
+        } else if (elem) {
+            this.disposeTransition();
+            elem.addEventListener('transitionend', eventHandler);
+            this.transitionDisposer = ()=>{
+                elem.removeEventListener('transitionend', eventHandler);
+            };
         } else {
             if (this.transitionFinishTimeout) {
                 clearTimeout(this.transitionFinishTimeout);
@@ -241,13 +244,8 @@ class ViewInfiniteComponent extends React.Component {
             });
         });
     }
-    transitionEndHandler = (e)=>{
-        if ((!e || [
-            styles['animation-ios-next-forward'],
-            styles['animation-ios-prev-back'],
-            styles['animation-view-next-forward'],
-            styles['animation-view-prev-back']
-        ].includes(e.animationName)) && this.state.prevPanel !== null) {
+    transitionEndHandler = ()=>{
+        if (this.state.prevPanel !== null) {
             this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));
         }
     };

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { getOverflowAncestors } from '../../lib/floating';\nimport { TouchEvent } from '../Touch/Touch';\n\nconst swipeBackExcludedSelector = 'input, textarea, [data-vkui-swipe-back=false]';\n\nexport function swipeBackExcluded(e: TouchEvent) {\n const target = e.originalEvent.target as HTMLElement;\n // eslint-disable-next-line no-restricted-properties\n return Boolean(target?.closest?.(swipeBackExcludedSelector));\n}\n\nexport function hasHorizontalScrollableElementWithScrolledToLeft(node: HTMLElement) {\n return getOverflowAncestors(node).some((node) =>\n 'scrollLeft' in node ? node.scrollLeft > 0 : false,\n );\n}\n\nexport const SWIPE_BACK_EDGE_SIZE_THRESHOLD = 20;\n\nexport const SWIPE_BACK_SHIFT_THRESHOLD = 10;\n\nexport const getSwipeBackPredicates = (startX: number, shiftX: number, innerWidth: number) => {\n const swipedToOpposite = shiftX < 0;\n const swipeBackTriggered = shiftX >= SWIPE_BACK_SHIFT_THRESHOLD;\n const viewportStartEdgeTouched = startX <= SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n const viewportEndEdgeTouched = startX >= innerWidth - SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n return { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched };\n};\n"],"names":["getOverflowAncestors","swipeBackExcludedSelector","swipeBackExcluded","e","target","originalEvent","Boolean","closest","hasHorizontalScrollableElementWithScrolledToLeft","node","some","scrollLeft","SWIPE_BACK_EDGE_SIZE_THRESHOLD","SWIPE_BACK_SHIFT_THRESHOLD","getSwipeBackPredicates","startX","shiftX","innerWidth","swipedToOpposite","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAG1D,MAAMC,4BAA4B;AAElC,OAAO,SAASC,kBAAkBC,CAAa;IAC7C,MAAMC,SAASD,EAAEE,aAAa,CAACD,MAAM;IACrC,oDAAoD;IACpD,OAAOE,QAAQF,QAAQG,UAAUN;AACnC;AAEA,OAAO,SAASO,iDAAiDC,IAAiB;IAChF,OAAOT,qBAAqBS,MAAMC,IAAI,CAAC,CAACD,OACtC,gBAAgBA,OAAOA,KAAKE,UAAU,GAAG,IAAI;AAEjD;AAEA,OAAO,MAAMC,iCAAiC,GAAG;AAEjD,OAAO,MAAMC,6BAA6B,GAAG;AAE7C,OAAO,MAAMC,yBAAyB,CAACC,QAAgBC,QAAgBC;IACrE,MAAMC,mBAAmBF,SAAS;IAClC,MAAMG,qBAAqBH,UAAUH;IACrC,MAAMO,2BAA2BL,UAAUH;IAC3C,MAAMS,yBAAyBN,UAAUE,aAAaL;IACtD,OAAO;QAAEM;QAAkBC;QAAoBC;QAA0BC;IAAuB;AAClG,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { getOverflowAncestors } from '../../lib/floating';\nimport { TouchEvent } from '../Touch/Touch';\n\nconst swipeBackExcludedSelector = 'input, textarea, [data-vkui-swipe-back=false]';\n\nexport function swipeBackExcluded(e: TouchEvent) {\n const target = e.originalEvent.target as HTMLElement;\n // eslint-disable-next-line no-restricted-properties\n return Boolean(target?.closest?.(swipeBackExcludedSelector));\n}\n\nexport function hasHorizontalScrollableElementWithScrolledToLeft(node: HTMLElement) {\n return getOverflowAncestors(node).some((node) =>\n 'scrollLeft' in node ? node.scrollLeft > 0 : false,\n );\n}\n\nexport const SWIPE_BACK_EDGE_SIZE_THRESHOLD = 20;\n\nexport const SWIPE_BACK_SHIFT_THRESHOLD = 10;\n\nexport const getSwipeBackPredicates = (startX: number, shiftX: number, innerWidth: number) => {\n const swipedToOpposite = shiftX < 0;\n const swipeBackTriggered = shiftX >= SWIPE_BACK_SHIFT_THRESHOLD;\n const viewportStartEdgeTouched = startX <= SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n const viewportEndEdgeTouched = startX >= innerWidth - SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n return { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched };\n};\n"],"names":["getOverflowAncestors","swipeBackExcludedSelector","swipeBackExcluded","e","target","originalEvent","Boolean","closest","hasHorizontalScrollableElementWithScrolledToLeft","node","some","scrollLeft","SWIPE_BACK_EDGE_SIZE_THRESHOLD","SWIPE_BACK_SHIFT_THRESHOLD","getSwipeBackPredicates","startX","shiftX","innerWidth","swipedToOpposite","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAG1D,MAAMC,4BAA4B;AAElC,OAAO,SAASC,kBAAkBC,CAAa;IAC7C,MAAMC,SAASD,EAAEE,aAAa,CAACD,MAAM;IACrC,oDAAoD;IACpD,OAAOE,QAAQF,QAAQG,UAAUN;AACnC;AAEA,OAAO,SAASO,iDAAiDC,IAAiB;IAChF,OAAOT,qBAAqBS,MAAMC,IAAI,CAAC,CAACD,OACtC,gBAAgBA,OAAOA,KAAKE,UAAU,GAAG,IAAI;AAEjD;AAEA,OAAO,MAAMC,iCAAiC,GAAG;AAEjD,OAAO,MAAMC,6BAA6B,GAAG;AAE7C,OAAO,MAAMC,yBAAyB,CAACC,QAAgBC,QAAgBC;IACrE,MAAMC,mBAAmBF,SAAS;IAClC,MAAMG,qBAAqBH,UAAUH;IACrC,MAAMO,2BAA2BL,UAAUH;IAC3C,MAAMS,yBAAyBN,UAAUE,aAAaL;IACtD,OAAO;QAAEM;QAAkBC;QAAoBC;QAA0BC;IAAuB;AAClG,EAAE"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenProps<T> = RootComponentProps<T>;\n\n/*\n Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n \n @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = <T,>({\n Component = 'span',\n ...restProps\n}: VisuallyHiddenProps<T>) => (\n <RootComponent\n Component={Component}\n {...restProps}\n baseClassName={classNames(\n styles['VisuallyHidden'],\n Component === 'input' && styles['VisuallyHidden--focusable-input'],\n )}\n />\n);\n"],"names":["classNames","RootComponent","styles","VisuallyHidden","Component","restProps","baseClassName"],"~~rangeMappings":";;;;;;;;;;;;;;","~~mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAiC,iCAAiC;AACxF,OAAOC,YAAY,8BAA8B;AAIjD;;;;;;CAMC,GACD,OAAO,MAAMC,iBAAiB,CAAK,EACjCC,YAAY,MAAM,EAClB,GAAGC,WACoB,iBACvB,KAACJ;QACCG,WAAWA;QACV,GAAGC,SAAS;QACbC,eAAeN,WACbE,MAAM,CAAC,iBAAiB,EACxBE,cAAc,WAAWF,MAAM,CAAC,kCAAkC;OAGtE"}
1	+ {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenProps<T> = RootComponentProps<T>;\n\n/*\n Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n \n @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = <T,>({\n Component = 'span',\n ...restProps\n}: VisuallyHiddenProps<T>) => (\n <RootComponent\n Component={Component}\n {...restProps}\n baseClassName={classNames(\n styles['VisuallyHidden'],\n Component === 'input' && styles['VisuallyHidden--focusable-input'],\n )}\n />\n);\n"],"names":["classNames","RootComponent","styles","VisuallyHidden","Component","restProps","baseClassName"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAiC,iCAAiC;AACxF,OAAOC,YAAY,8BAA8B;AAIjD;;;;;;CAMC,GACD,OAAO,MAAMC,iBAAiB,CAAK,EACjCC,YAAY,MAAM,EAClB,GAAGC,WACoB,iBACvB,KAACJ;QACCG,WAAWA;QACV,GAAGC,SAAS;QACbC,eAAeN,WACbE,MAAM,CAAC,iBAAiB,EACxBE,cAAc,WAAWF,MAAM,CAAC,kCAAkC;OAGtE"}

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

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

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

@@ -4,6 +4,7 @@ import { classNames, hasReactNode } from '@vkontakte/vkjs';
 import { useExternRef } from '../../hooks/useExternRef';
 import { usePlatform } from '../../hooks/usePlatform';
 import { callMultiple } from '../../lib/callMultiple';
+import { useResizeTextarea } from '../Textarea/useResizeTextarea';
 import { Headline } from '../Typography/Headline/Headline';
 import { Title } from '../Typography/Title/Title';
 import styles from './WriteBar.module.css';
@@ -24,25 +25,8 @@ const WriteBarTypography = (props)=>{
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */ export const WriteBar = ({ className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow = false, onChange, ...restProps })=>{
     const platform = usePlatform();
-    const textareaRef = useExternRef(getRef);
-    const currentScrollHeight = React.useRef();
-    const resize = React.useCallback(()=>{
-        const textareaEl = textareaRef.current;
-        if (!textareaEl) {
-            return;
-        }
-        if (textareaEl.offsetParent) {
-            textareaEl.style.height = '';
-            textareaEl.style.height = `${textareaEl.scrollHeight}px`;
-            if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {
-                onHeightChange();
-                currentScrollHeight.current = textareaEl.scrollHeight;
-            }
-        }
-    }, [
-        onHeightChange,
-        textareaRef
-    ]);
+    const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);
+    const textareaRef = useExternRef(getRef, refResizeTextarea);
     React.useEffect(resize, [
         resize,
         platform

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport { TypographyProps } from '../Typography/Typography';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n /\n onHeightChange?: VoidFunction;\n /\n Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\nconst WriteBarTypography = (props: TypographyProps) => {\n const platform = usePlatform();\n\n if (platform === 'ios') {\n return <Title {...props} level=\"3\" weight=\"3\" />;\n }\n\n return <Headline {...props} />;\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n onChange,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const ~~textareaRef~~ = ~~useExternRef~~(~~getRef);\n const~~ ~~currentScrollHeight = React.useRef<number>(~~);\n\n const ~~resize = React.useCallback(() => {\n const textareaEl =~~ textareaRef~~.current;\n if~~ ~~(!textareaEl) {\n return;\n }\n\n if (textareaEl.offsetParent) {\n textareaEl.style.height~~ = ~~'';\n textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n if~~ (~~textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n onHeightChange();\n currentScrollHeight.current = textareaEl.scrollHeight;\n }\n }\n }~~, ~~[onHeightChange, textareaRef]~~);\n\n React.useEffect(resize, [resize, platform]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n platform === 'ios' && styles['WriteBar--ios'],\n shadow && styles['WriteBar--shadow'],\n className,\n )}\n style={style}\n >\n <div className={styles['WriteBar__form']}>\n {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n <div className={styles['WriteBar__formIn']}>\n <WriteBarTypography\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={callMultiple(onChange, resize)}\n getRootRef={textareaRef}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n </div>\n </div>\n );\n};\n"],"names":["React","classNames","hasReactNode","useExternRef","usePlatform","callMultiple","Headline","Title","styles","WriteBarTypography","props","platform","level","weight","WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","onChange","restProps","~~textareaRef~~","~~currentScrollHeight","useRef","~~resize","~~useCallback~~","~~textareaEl","current","offsetParent","height","scrollHeight","~~useEffect","div","ref","Component"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,YAAY,QAAQ,yBAAyB;AAEtD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,KAAK,QAAQ,4BAA4B;AAElD,OAAOC,YAAY,wBAAwB;AA8B3C,MAAMC,qBAAqB,CAACC;IAC1B,MAAMC,~~WAAWP~~;IAEjB,~~IAAIO~~,aAAa,OAAO;QACtB,qBAAO,KAACJ;YAAO,GAAGG,KAAK;YAAEE,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,KAACP;QAAU,GAAGI,KAAK;;AAC5B;AAEA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,cAAc,EACdC,SAAS,KAAK,EACdC,QAAQ,EACR,GAAGC,WACW;IACd,MAAMd,~~WAAWP~~;IAEjB,~~MAAMsB,cAAcvB,aAAakB;IACjC,MAAMM,sBAAsB3B,MAAM4B,~~MAAM~~;IAExC~~,~~MAAMC~~,~~SAAS7B~~,~~MAAM8B,WAAW,CAAC;QAC/B,MAAMC,aAAaL,YAAYM,~~OAAO~~;QACtC~~,~~IAAI~~,~~CAACD~~,~~YAAY;YACf;QACF;QAEA,IAAIA,WAAWE,YAAY,EAAE;YAC3BF,WAAWf,KAAK,CAACkB,MAAM,GAAG;YAC1BH,WAAWf,KAAK,CAACkB,MAAM,GAAG,CAAC,EAAEH,WAAWI,YAAY,CAAC,EAAE,CAAC;YAExD,IAAIJ,WAAWI,YAAY,KAAKR,oBAAoBK,OAAO,IAAIV,~~gBAAgB;~~gBAC7EA;gBACAK~~,~~oBAAoBK~~,~~OAAO~~,~~GAAGD~~,~~WAAWI,YAAY~~;~~YACvD;QACF;IACF~~,~~GAAG;QAACb;QAAgBI;KAAY;IAEhC1B~~,~~MAAMoC,~~SAAS,~~CAACP~~,QAAQ;QAACA;~~QAAQlB~~;KAAS;IAE1C,qBACE,~~KAAC0B~~;QACCC,~~KAAKlB~~;QACLL,~~WAAWd~~,~~WACTO~~,MAAM,CAAC,WAAW,EAClBG,aAAa,SAASH,MAAM,CAAC,gBAAgB,EAC7Ce,UAAUf,MAAM,CAAC,mBAAmB,EACpCO;QAEFC,OAAOA;kBAEP,cAAA,~~MAACqB~~;~~YAAItB~~,WAAWP,MAAM,CAAC,iBAAiB;;~~gBACrCN~~,~~aAAae~~,yBAAW,~~KAACoB~~;~~oBAAItB~~,WAAWP,MAAM,CAAC,mBAAmB;8BAAGS;;8BAEtE,~~MAACoB~~;~~oBAAItB~~,WAAWP,MAAM,CAAC,mBAAmB;;sCACxC,KAACC;4BACE,GAAGgB,SAAS;~~4BACbc~~,WAAU;~~4BACVxB~~,WAAWP,MAAM,CAAC,qBAAqB;4BACvCgB,~~UAAUnB~~,~~aAAamB~~,~~UAAUK~~;~~4BACjCT~~,~~YAAYM~~;;~~wBAEbxB~~,~~aAAagB~~,8BACZ,~~KAACmB~~;~~4BAAItB~~,WAAWP,MAAM,CAAC,wBAAwB;sCAAGU;;;;~~gBAIrDhB~~,~~aAAaiB~~,wBAAU,~~KAACkB~~;~~oBAAItB~~,WAAWP,MAAM,CAAC,kBAAkB;8BAAGW;;;;;AAI5E,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasRef, HasRootRef } from '../../types';\nimport { useResizeTextarea } from '../Textarea/useResizeTextarea';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport { TypographyProps } from '../Typography/Typography';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n /\n onHeightChange?: VoidFunction;\n /\n Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\nconst WriteBarTypography = (props: TypographyProps) => {\n const platform = usePlatform();\n\n if (platform === 'ios') {\n return <Title {...props} level=\"3\" weight=\"3\" />;\n }\n\n return <Headline {...props} />;\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n onChange,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);\n const textareaRef = useExternRef(getRef, refResizeTextarea);\n\n React.useEffect(resize, [resize, platform]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n platform === 'ios' && styles['WriteBar--ios'],\n shadow && styles['WriteBar--shadow'],\n className,\n )}\n style={style}\n >\n <div className={styles['WriteBar__form']}>\n {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n <div className={styles['WriteBar__formIn']}>\n <WriteBarTypography\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={callMultiple(onChange, resize)}\n getRootRef={textareaRef}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n </div>\n </div>\n );\n};\n"],"names":["React","classNames","hasReactNode","useExternRef","usePlatform","callMultiple","useResizeTextarea","Headline","Title","styles","WriteBarTypography","props","platform","level","weight","WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","onChange","restProps","refResizeTextarea","resize","textareaRef","useEffect","div","ref","Component"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,YAAY,QAAQ,yBAAyB;AAEtD,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,KAAK,QAAQ,4BAA4B;AAElD,OAAOC,YAAY,wBAAwB;AA8B3C,MAAMC,qBAAqB,CAACC;IAC1B,MAAMC,WAAWR;IAEjB,IAAIQ,aAAa,OAAO;QACtB,qBAAO,KAACJ;YAAO,GAAGG,KAAK;YAAEE,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,KAACP;QAAU,GAAGI,KAAK;;AAC5B;AAEA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,cAAc,EACdC,SAAS,KAAK,EACdC,QAAQ,EACR,GAAGC,WACW;IACd,MAAMd,WAAWR;IAEjB,MAAM,CAACuB,mBAAmBC,OAAO,GAAGtB,kBAAkBiB,gBAAgB;IACtE,MAAMM,cAAc1B,aAAamB,QAAQK;IAEzC3B,MAAM8B,SAAS,CAACF,QAAQ;QAACA;QAAQhB;KAAS;IAE1C,qBACE,KAACmB;QACCC,KAAKX;QACLL,WAAWf,WACTQ,MAAM,CAAC,WAAW,EAClBG,aAAa,SAASH,MAAM,CAAC,gBAAgB,EAC7Ce,UAAUf,MAAM,CAAC,mBAAmB,EACpCO;QAEFC,OAAOA;kBAEP,cAAA,MAACc;YAAIf,WAAWP,MAAM,CAAC,iBAAiB;;gBACrCP,aAAagB,yBAAW,KAACa;oBAAIf,WAAWP,MAAM,CAAC,mBAAmB;8BAAGS;;8BAEtE,MAACa;oBAAIf,WAAWP,MAAM,CAAC,mBAAmB;;sCACxC,KAACC;4BACE,GAAGgB,SAAS;4BACbO,WAAU;4BACVjB,WAAWP,MAAM,CAAC,qBAAqB;4BACvCgB,UAAUpB,aAAaoB,UAAUG;4BACjCP,YAAYQ;;wBAEb3B,aAAaiB,8BACZ,KAACY;4BAAIf,WAAWP,MAAM,CAAC,wBAAwB;sCAAGU;;;;gBAIrDjB,aAAakB,wBAAU,KAACW;oBAAIf,WAAWP,MAAM,CAAC,kBAAkB;8BAAGW;;;;;AAI5E,EAAE"}

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

@@ -1,5 +1,5 @@
 .WriteBar {
-  background: var(--vkui--color_background_modal);
+  background: var(--vkui--color_background_contrast_themed);
 }
 .WriteBar--shadow {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Attach,\n Icon24CheckCircleOutline,\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon28Send,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './WriteBarIcon.module.css';\n\nconst predefinedLabel = {\n attach: 'Прикрепить файл',\n send: 'Отправить',\n done: 'Готово',\n};\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки и установки текста кнопки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируются, а для `label` по умолчанию используется текст на \"ru_RU\".\n \n Валидные значения:\n * - `attach` – иконка прикрепления, текст по умолчанию — \"Прикрепить файл\";\n * - `send` – иконка отправки, текст по умолчанию — \"Отправить\";\n * - `done` – иконка отправки в режиме редактирования, текст по умолчанию — \"Готово\";\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n /\n Текст кнопки. Необходим для ассистивных технологий.\n /\n label?: string;\n}\n\nconst warn = warnOnce('WriteBarIcon');\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n /\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n label: labelProp,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let predefinedIcons;\n\n switch (mode) {\n case 'attach':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon28AddCircleOutline : Icon24Attach,\n IconRegular: platform === 'ios' ? Icon28AddCircleOutline : Icon28AttachOutline,\n };\n break;\n\n case 'send':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarSend : Icon24Send,\n IconRegular: platform === 'ios' ? Icon48WritebarSend : Icon28Send,\n };\n break;\n\n case 'done':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarDone : Icon24CheckCircleOutline,\n IconRegular: platform === 'ios' ? Icon48WritebarDone : Icon28CheckCircleOutline,\n };\n break;\n\n default:\n break;\n }\n\n const label = labelProp ?? (mode && predefinedLabel[mode]);\n\n if (process.env.NODE_ENV === 'development') {\n / istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n const isAccessible = hasAccessibleName({\n children: [children, label],\n ...restProps,\n });\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === 'ios' && styles['WriteBarIcon--ios'],\n mode === 'send' && styles['WriteBarIcon--mode-send'],\n mode === 'done' && styles['WriteBarIcon--mode-done'],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>\n {label && <VisuallyHidden>{label}</VisuallyHidden>}\n {predefinedIcons ? <AdaptiveIconRenderer {...predefinedIcons} /> : children}\n </span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"names":["React","Icon24Attach","Icon24CheckCircleOutline","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon28Send","Icon48WritebarDone","Icon48WritebarSend","classNames","hasReactNode","usePlatform","hasAccessibleName","COMMON_WARNINGS","warnOnce","AdaptiveIconRenderer","Counter","Tappable","VisuallyHidden","styles","predefinedLabel","attach","send","done","warn","WriteBarIcon","mode","children","count","className","label","labelProp","restProps","platform","predefinedIcons","IconCompact","IconRegular","process","env","NODE_ENV","isAccessible","a11y","Component","hasHover","activeMode","span","size"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,YAAY,EACZC,wBAAwB,EACxBC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,UAAU,EACVC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAC1B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,eAAe,EAAEC,QAAQ,QAAQ,qBAAqB;AAC/D,SAASC,oBAAoB,QAAQ,+CAA+C;AACpF,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,cAAc,QAAQ,mCAAmC;AAClE,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,MAAM;IACNC,MAAM;AACR;AAuBA,MAAMC,OAAOV,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMW,eAAe,CAAC,EAC3BC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAOC,SAAS,EAChB,GAAGC,WACe;IAClB,MAAMC,WAAWtB;IAEjB,IAAIuB;IAEJ,OAAQR;QACN,KAAK;YACHQ,kBAAkB;gBAChBC,aAAaF,aAAa,QAAQ9B,yBAAyBH;gBAC3DoC,aAAaH,aAAa,QAAQ9B,yBAAyBC;YAC7D;YACA;QAEF,KAAK;YACH8B,kBAAkB;gBAChBC,aAAaF,aAAa,QAAQzB,qBAAqBN;gBACvDkC,aAAaH,aAAa,QAAQzB,qBAAqBF;YACzD;YACA;QAEF,KAAK;YACH4B,kBAAkB;gBAChBC,aAAaF,aAAa,QAAQ1B,qBAAqBN;gBACvDmC,aAAaH,aAAa,QAAQ1B,qBAAqBF;YACzD;YACA;QAEF;YACE;IACJ;IAEA,MAAMyB,QAAQC,aAAcL,CAAAA,QAAQN,eAAe,CAACM,KAAK,AAAD;IAExD,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAe5B,kBAAkB;YACrCe,UAAU;gBAACA;gBAAUG;aAAM;YAC3B,GAAGE,SAAS;QACd;QAEA,IAAI,CAACQ,cAAc;YACjBhB,KAAKX,gBAAgB4B,IAAI,CAAC,cAAc,EAAE;QAC5C;IACF;IAEA,qBACE,MAACxB;QACE,GAAGe,SAAS;QACbU,WAAU;QACVC,UAAU;QACVC,YAAYzB,MAAM,CAAC,uBAAuB;QAC1CU,WAAWpB,WACTU,MAAM,CAAC,eAAe,EACtBc,aAAa,SAASd,MAAM,CAAC,oBAAoB,EACjDO,SAAS,UAAUP,MAAM,CAAC,0BAA0B,EACpDO,SAAS,UAAUP,MAAM,CAAC,0BAA0B,EACpDU;;0BAGF,MAACgB;gBAAKhB,WAAWV,MAAM,CAAC,mBAAmB;;oBACxCW,uBAAS,KAACZ;kCAAgBY;;oBAC1BI,gCAAkB,KAACnB;wBAAsB,GAAGmB,eAAe;yBAAOP;;;YAEpEjB,aAAakB,wBACZ,KAACZ;gBAAQa,WAAWV,MAAM,CAAC,wBAAwB;gBAAE2B,MAAK;0BACvDlB;;;;AAKX,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Attach,\n Icon24CheckCircleOutline,\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon28Send,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './WriteBarIcon.module.css';\n\nconst predefinedLabel = {\n attach: 'Прикрепить файл',\n send: 'Отправить',\n done: 'Готово',\n};\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки и установки текста кнопки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируются, а для `label` по умолчанию используется текст на \"ru_RU\".\n \n Валидные значения:\n * - `attach` – иконка прикрепления, текст по умолчанию — \"Прикрепить файл\";\n * - `send` – иконка отправки, текст по умолчанию — \"Отправить\";\n * - `done` – иконка отправки в режиме редактирования, текст по умолчанию — \"Готово\";\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n /\n Текст кнопки. Необходим для ассистивных технологий.\n /\n label?: string;\n}\n\nconst warn = warnOnce('WriteBarIcon');\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n /\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n label: labelProp,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let predefinedIcons;\n\n switch (mode) {\n case 'attach':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon28AddCircleOutline : Icon24Attach,\n IconRegular: platform === 'ios' ? Icon28AddCircleOutline : Icon28AttachOutline,\n };\n break;\n\n case 'send':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarSend : Icon24Send,\n IconRegular: platform === 'ios' ? Icon48WritebarSend : Icon28Send,\n };\n break;\n\n case 'done':\n predefinedIcons = {\n IconCompact: platform === 'ios' ? Icon48WritebarDone : Icon24CheckCircleOutline,\n IconRegular: platform === 'ios' ? Icon48WritebarDone : Icon28CheckCircleOutline,\n };\n break;\n\n default:\n break;\n }\n\n const label = labelProp ?? (mode && predefinedLabel[mode]);\n\n if (process.env.NODE_ENV === 'development') {\n / istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n const isAccessible = hasAccessibleName({\n children: [children, label],\n ...restProps,\n });\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === 'ios' && styles['WriteBarIcon--ios'],\n mode === 'send' && styles['WriteBarIcon--mode-send'],\n mode === 'done' && styles['WriteBarIcon--mode-done'],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>\n {label && <VisuallyHidden>{label}</VisuallyHidden>}\n {predefinedIcons ? <AdaptiveIconRenderer {...predefinedIcons} /> : children}\n </span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"names":["React","Icon24Attach","Icon24CheckCircleOutline","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon28Send","Icon48WritebarDone","Icon48WritebarSend","classNames","hasReactNode","usePlatform","hasAccessibleName","COMMON_WARNINGS","warnOnce","AdaptiveIconRenderer","Counter","Tappable","VisuallyHidden","styles","predefinedLabel","attach","send","done","warn","WriteBarIcon","mode","children","count","className","label","labelProp","restProps","platform","predefinedIcons","IconCompact","IconRegular","process","env","NODE_ENV","isAccessible","a11y","Component","hasHover","activeMode","span","size"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,YAAY,EACZC,wBAAwB,EACxBC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,UAAU,EACVC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAC1B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,eAAe,EAAEC,QAAQ,QAAQ,qBAAqB;AAC/D,SAASC,oBAAoB,QAAQ,+CAA+C;AACpF,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,cAAc,QAAQ,mCAAmC;AAClE,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,MAAM;IACNC,MAAM;AACR;AAuBA,MAAMC,OAAOV,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMW,eAAe,CAAC,EAC3BC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAOC,SAAS,EAChB,GAAGC,WACe;IAClB,MAAMC,WAAWtB;IAEjB,IAAIuB;IAEJ,OAAQR;QACN,KAAK;YACHQ,kBAAkB;gBAChBC,aAAaF,aAAa,QAAQ9B,yBAAyBH;gBAC3DoC,aAAaH,aAAa,QAAQ9B,yBAAyBC;YAC7D;YACA;QAEF,KAAK;YACH8B,kBAAkB;gBAChBC,aAAaF,aAAa,QAAQzB,qBAAqBN;gBACvDkC,aAAaH,aAAa,QAAQzB,qBAAqBF;YACzD;YACA;QAEF,KAAK;YACH4B,kBAAkB;gBAChBC,aAAaF,aAAa,QAAQ1B,qBAAqBN;gBACvDmC,aAAaH,aAAa,QAAQ1B,qBAAqBF;YACzD;YACA;QAEF;YACE;IACJ;IAEA,MAAMyB,QAAQC,aAAcL,CAAAA,QAAQN,eAAe,CAACM,KAAK,AAAD;IAExD,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAe5B,kBAAkB;YACrCe,UAAU;gBAACA;gBAAUG;aAAM;YAC3B,GAAGE,SAAS;QACd;QAEA,IAAI,CAACQ,cAAc;YACjBhB,KAAKX,gBAAgB4B,IAAI,CAAC,cAAc,EAAE;QAC5C;IACF;IAEA,qBACE,MAACxB;QACE,GAAGe,SAAS;QACbU,WAAU;QACVC,UAAU;QACVC,YAAYzB,MAAM,CAAC,uBAAuB;QAC1CU,WAAWpB,WACTU,MAAM,CAAC,eAAe,EACtBc,aAAa,SAASd,MAAM,CAAC,oBAAoB,EACjDO,SAAS,UAAUP,MAAM,CAAC,0BAA0B,EACpDO,SAAS,UAAUP,MAAM,CAAC,0BAA0B,EACpDU;;0BAGF,MAACgB;gBAAKhB,WAAWV,MAAM,CAAC,mBAAmB;;oBACxCW,uBAAS,KAACZ;kCAAgBY;;oBAC1BI,gCAAkB,KAACnB;wBAAsB,GAAGmB,eAAe;yBAAOP;;;YAEpEjB,aAAakB,wBACZ,KAACZ;gBAAQa,WAAWV,MAAM,CAAC,wBAAwB;gBAAE2B,MAAK;0BACvDlB;;;;AAKX,EAAE"}

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

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

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

@@ -8,5 +8,5 @@ import type { PickOnlyFunctionProps } from '../types';
  *
  * @private
  */
-export declare const getMergedSameEventsByProps: <T extends React.JSXElementConstructor<any> | keyof JSX.IntrinsicElements, MainProps extends React.ComponentProps<T>, OnlyFnPropsByMain extends PickOnlyFunctionProps<MainProps>>(mainProps: MainProps, secondProps: React.ComponentProps<T>) => { [K in keyof OnlyFnPropsByMain]?: ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void) | undefined; };
+export declare const getMergedSameEventsByProps: <T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>, MainProps extends React.ComponentProps<T>, OnlyFnPropsByMain extends PickOnlyFunctionProps<MainProps>>(mainProps: MainProps, secondProps: React.ComponentProps<T>) => { [K in keyof OnlyFnPropsByMain]?: ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void) | undefined; };
 //# sourceMappingURL=getMergedSameEventsByProps.d.ts.map

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\n/*\n Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n /\nfunction getDecimalPrecision(num: number) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n const nearest = Math.round((value - min) / step) step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const roundedValue = roundValueToStep(val, step, min);\n return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n) {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","rescale","from","to","options","scaled"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASJ,KAAKK,GAAG,CAAC,IAAIF;IAC1B,OAAOH,KAAKM,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIR,KAAKS,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBrB,KAAa,EAAEsB,IAAY,EAAErB,GAAW;IAChE,MAAMsB,UAAUpB,KAAKM,KAAK,CAAC,AAACT,CAAAA,QAAQC,GAAE,IAAKqB,QAAQA,OAAOrB;IAC1D,OAAOuB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAE1B,GAAW,EAAEC,GAAW,EAAEoB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOvB,MAAM4B,KAAK1B,KAAKC;IACzB;IACA,MAAM0B,eAAeP,iBAAiBM,KAAKL,MAAMrB;IACjD,OAAOF,MAAM6B,cAAc3B,KAAKC;AAClC;AAEA,OAAO,SAAS2B,QACd7B,KAAa,EACb8B,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC;IAE/B,MAAMC,SAAS,AAAEjC,CAAAA,QAAQ8B,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOL,eAAeO,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQV,IAAI;AAC1D"}
1	+ {"version":3,"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\n/*\n Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n /\nfunction getDecimalPrecision(num: number) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n const nearest = Math.round((value - min) / step) step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const roundedValue = roundValueToStep(val, step, min);\n return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n) {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","rescale","from","to","options","scaled"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASJ,KAAKK,GAAG,CAAC,IAAIF;IAC1B,OAAOH,KAAKM,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIR,KAAKS,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBrB,KAAa,EAAEsB,IAAY,EAAErB,GAAW;IAChE,MAAMsB,UAAUpB,KAAKM,KAAK,CAAC,AAACT,CAAAA,QAAQC,GAAE,IAAKqB,QAAQA,OAAOrB;IAC1D,OAAOuB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAE1B,GAAW,EAAEC,GAAW,EAAEoB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOvB,MAAM4B,KAAK1B,KAAKC;IACzB;IACA,MAAM0B,eAAeP,iBAAiBM,KAAKL,MAAMrB;IACjD,OAAOF,MAAM6B,cAAc3B,KAAKC;AAClC;AAEA,OAAO,SAAS2B,QACd7B,KAAa,EACb8B,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC;IAE/B,MAAMC,SAAS,AAAEjC,CAAAA,QAAQ8B,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOL,eAAeO,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQV,IAAI;AAC1D"}

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

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

package/dist/cssm/hoc/withContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n Component: React.ComponentType<T>,\n Ctx: React.Context<X>,\n prop: string,\n): React.FC<T> {\n function WithContext(props: T) {\n const context = React.useContext<X>(Ctx);\n\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"~~rangeMappings":";;;;;;;;;;;","~~mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;IAEZ,SAASC,YAAYC,KAAQ;QAC3B,MAAMC,UAAUP,MAAMQ,UAAU,CAAIL;QAEpC,qBAAO,KAACD;YAAW,GAAGI,KAAK;YAAQ,CAACF,KAAK,EAAEG;;IAC7C;IACA,OAAOF;AACT"}
1	+ {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n Component: React.ComponentType<T>,\n Ctx: React.Context<X>,\n prop: string,\n): React.FC<T> {\n function WithContext(props: T) {\n const context = React.useContext<X>(Ctx);\n\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;IAEZ,SAASC,YAAYC,KAAQ;QAC3B,MAAMC,UAAUP,MAAMQ,UAAU,CAAIL;QAEpC,qBAAO,KAACD;YAAW,GAAGI,KAAK;YAAQ,CAACF,KAAK,EAAEG;;IAC7C;IACA,OAAOF;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"~~rangeMappings":";;;;;;;;;;;;","~~mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAM,EAAEC,QAAQ,EAAE,GAAGL;QAErB,qBAAO,KAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT"}
1	+ {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAM,EAAEC,QAAQ,EAAE,GAAGL;QAErB,qBAAO,KAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT"}

package/dist/cssm/hooks/useAdaptivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n AdaptivityContext,\n type AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\n/*\n Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"~~rangeMappings":";;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,QAEZ,qDAAqD;AAI5D;;CAEC,GACD,OAAO,MAAMC,gBAAgB;IAC3B,OAAOF,MAAMG,UAAU,CAACF;AAC1B,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n AdaptivityContext,\n type AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\n/*\n Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,QAEZ,qDAAqD;AAI5D;;CAEC,GACD,OAAO,MAAMC,gBAAgB;IAC3B,OAAOF,MAAMG,UAAU,CAACF;AAC1B,EAAE"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n mq: { className: styles['-sizeX--compact-mq'] },\n ['compact']: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n mq: { className: styles['-sizeX--regular-mq'] },\n ['regular']: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n mq: { className: styles['-sizeY--compact-mq'] },\n ['compact']: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n mq: { className: styles['-sizeY--regular-mq'] },\n ['regular']: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames = {\n tabletMinus: {\n mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n },\n tabletPlus: {\n mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n },\n};\n\nexport const deviceTypeClassNames = {\n mobile: {\n mq: { className: styles['-deviceType--mobile-mq'] },\n forced: { className: styles['-deviceType--mobile-forced'] },\n },\n desktop: {\n mq: { className: styles['-deviceType--desktop-mq'] },\n forced: { className: styles['-deviceType--desktop-forced'] },\n },\n};\n"],"names":["styles","sizeXCompactClassNames","mq","className","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,OAAOA,YAAY,qCAAqC;AAExD,OAAO,MAAMC,yBAAyB;IACpCC,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMI,yBAAyB;IACpCF,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMK,yBAAyB;IACpCH,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMM,yBAAyB;IACpCJ,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMO,sBAAsB;IACjCC,aAAa;QACXN,IAAI;YAAEC,WAAWH,MAAM,CAAC,6BAA6B;QAAC;QACtDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,iCAAiC;QAAC;IAChE;IACAU,YAAY;QACVR,IAAI;YAAEC,WAAWH,MAAM,CAAC,4BAA4B;QAAC;QACrDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,gCAAgC;QAAC;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMW,uBAAuB;IAClCC,QAAQ;QACNV,IAAI;YAAEC,WAAWH,MAAM,CAAC,yBAAyB;QAAC;QAClDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,6BAA6B;QAAC;IAC5D;IACAa,SAAS;QACPX,IAAI;YAAEC,WAAWH,MAAM,CAAC,0BAA0B;QAAC;QACnDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,8BAA8B;QAAC;IAC7D;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n mq: { className: styles['-sizeX--compact-mq'] },\n ['compact']: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n mq: { className: styles['-sizeX--regular-mq'] },\n ['regular']: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n mq: { className: styles['-sizeY--compact-mq'] },\n ['compact']: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n mq: { className: styles['-sizeY--regular-mq'] },\n ['regular']: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames = {\n tabletMinus: {\n mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n },\n tabletPlus: {\n mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n },\n};\n\nexport const deviceTypeClassNames = {\n mobile: {\n mq: { className: styles['-deviceType--mobile-mq'] },\n forced: { className: styles['-deviceType--mobile-forced'] },\n },\n desktop: {\n mq: { className: styles['-deviceType--desktop-mq'] },\n forced: { className: styles['-deviceType--desktop-forced'] },\n },\n};\n"],"names":["styles","sizeXCompactClassNames","mq","className","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"mappings":"AAAA,OAAOA,YAAY,qCAAqC;AAExD,OAAO,MAAMC,yBAAyB;IACpCC,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMI,yBAAyB;IACpCF,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMK,yBAAyB;IACpCH,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMM,yBAAyB;IACpCJ,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAAC,UAAU,EAAE;QAAEG,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AAC7D,EAAE;AAEF,OAAO,MAAMO,sBAAsB;IACjCC,aAAa;QACXN,IAAI;YAAEC,WAAWH,MAAM,CAAC,6BAA6B;QAAC;QACtDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,iCAAiC;QAAC;IAChE;IACAU,YAAY;QACVR,IAAI;YAAEC,WAAWH,MAAM,CAAC,4BAA4B;QAAC;QACrDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,gCAAgC;QAAC;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMW,uBAAuB;IAClCC,QAAQ;QACNV,IAAI;YAAEC,WAAWH,MAAM,CAAC,yBAAyB;QAAC;QAClDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,6BAA6B;QAAC;IAC5D;IACAa,SAAS;QACPX,IAAI;YAAEC,WAAWH,MAAM,CAAC,0BAA0B;QAAC;QACnDS,QAAQ;YAAEN,WAAWH,MAAM,CAAC,8BAA8B;QAAC;IAC7D;AACF,EAAE"}

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

@@ -1,7 +1,7 @@
 import { SizeTypeValues, ViewHeightType, ViewWidthType } from '../../lib/adaptivity';
 import type { PlatformType } from '../../lib/platform';
 import type { AdaptiveDeviceType, AdaptiveSizeType, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, ElementProps, ViewWidthCSSBreakpoints } from './types';
-export declare const getAdaptiveSizeType: (type: undefined | SizeTypeValues, compactClassNames: Record<'mq' | 'compact', ElementProps>, regularClassNames: Record<'mq' | 'regular', ElementProps>) => AdaptiveSizeType;
-export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidthType, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveViewWidth;
-export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidthType, viewHeight: undefined | ViewHeightType, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveDeviceType;
+export declare const getAdaptiveSizeType: (type: undefined | SizeTypeValues, compactClassNames: Record<"mq" | "compact", ElementProps>, regularClassNames: Record<"mq" | "regular", ElementProps>) => AdaptiveSizeType;
+export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidthType, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveViewWidth;
+export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidthType, viewHeight: undefined | ViewHeightType, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveDeviceType;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAEd,cAAc,EAEd,aAAa,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,SACxB,SAAS,GAAG,cAAc,qBACb,~~OAAO~~,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,qBACtC,~~OAAO~~,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,KACxD,gBAeF,CAAC;AAEF,eAAO,MAAM,oBAAoB,cACpB,SAAS,GAAG,aAAa,uBACf,~~OAAO~~,uBAAuB,EAAE,~~OAAO~~,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC1F,iBAeF,CAAC;AAEF,eAAO,MAAM,qBAAqB,cACrB,SAAS,GAAG,aAAa,cACxB,SAAS,GAAG,cAAc,cAC1B,SAAS,GAAG,OAAO,YACrB,YAAY,wBACA,~~OAAO~~,wBAAwB,EAAE,~~OAAO~~,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC5F,kBAqBF,CAAC"}
1	+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAEd,cAAc,EAEd,aAAa,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,SACxB,SAAS,GAAG,cAAc,qBACb,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,qBACtC,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,KACxD,gBAeF,CAAC;AAEF,eAAO,MAAM,oBAAoB,cACpB,SAAS,GAAG,aAAa,uBACf,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC1F,iBAeF,CAAC;AAEF,eAAO,MAAM,qBAAqB,cACrB,SAAS,GAAG,aAAa,cACxB,SAAS,GAAG,cAAc,cAC1B,SAAS,GAAG,OAAO,YACrB,YAAY,wBACA,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC5F,kBAqBF,CAAC"}