npm - @vkontakte/vkui - Versions diffs - 4.36.1 → 4.37.0 - Mend

@vkontakte/vkui 4.36.1 → 4.37.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 (888) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScrollComponent","children","getScrollToLeft","getScrollToRight","showArrows","arrowSize","hasMouse","getRef","restProps","React","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEffect","add","HorizontalScroll","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HorizontalScrollArrow } from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n arrowSize?: \"m\" \| \"l\";\n showArrows?: boolean \| \"always\";\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n /\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = roundUpElementScrollLeft(scrollElement);\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (\n roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n elapsed !== 1\n ) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScrollComponent = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n arrowSize = \"l\",\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n hasMouse,\n getRef,\n ...restProps\n}: HorizontalScrollProps) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const scrollTo = React.useCallback(\n (getScrollPosition: ScrollPositionHandler) => {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth:\n scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n },\n [scrollAnimationDuration, scrollerRef]\n );\n\n const scrollToLeft = React.useCallback(() => {\n const getScrollPosition =\n getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n const scrollToRight = React.useCallback(() => {\n const getScrollPosition =\n getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToRight, scrollTo, scrollerRef]);\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse, scrollerRef, showArrows]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => {\n if (scrollerRef.current) {\n scrollEvent.add(scrollerRef.current);\n }\n }, [scrollEvent, scrollerRef]);\n React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"HorizontalScroll\",\n showArrows === \"always\" && \"HorizontalScroll--withConstArrows\"\n )}\n >\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow\n size={arrowSize}\n direction=\"left\"\n vkuiClass=\"HorizontalScroll__arrowLeft\"\n onClick={scrollToLeft}\n />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow\n size={arrowSize}\n direction=\"right\"\n vkuiClass=\"HorizontalScroll__arrowRight\"\n onClick={scrollToRight}\n />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = withAdaptivity(HorizontalScrollComponent, {\n hasMouse: true,\n});\n\nHorizontalScroll.displayName = \"HorizontalScroll\";\n"],"file":"HorizontalScroll.js"}
1	+ {"version":3,"file":"HorizontalScroll.js","names":["now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","easeInOutSine","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScrollComponent","children","getScrollToLeft","getScrollToRight","showArrows","arrowSize","hasMouse","getRef","restProps","React","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","useExternRef","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEventListener","useEffect","add","classNames","HorizontalScroll","withAdaptivity","displayName"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HorizontalScrollArrow } from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n arrowSize?: \"m\" \| \"l\";\n showArrows?: boolean \| \"always\";\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n /\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = roundUpElementScrollLeft(scrollElement);\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (\n roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n elapsed !== 1\n ) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScrollComponent = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n arrowSize = \"l\",\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n hasMouse,\n getRef,\n ...restProps\n}: HorizontalScrollProps) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const scrollTo = React.useCallback(\n (getScrollPosition: ScrollPositionHandler) => {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth:\n scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n },\n [scrollAnimationDuration, scrollerRef]\n );\n\n const scrollToLeft = React.useCallback(() => {\n const getScrollPosition =\n getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n const scrollToRight = React.useCallback(() => {\n const getScrollPosition =\n getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToRight, scrollTo, scrollerRef]);\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse, scrollerRef, showArrows]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => {\n if (scrollerRef.current) {\n scrollEvent.add(scrollerRef.current);\n }\n }, [scrollEvent, scrollerRef]);\n React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"HorizontalScroll\",\n showArrows === \"always\" && \"HorizontalScroll--withConstArrows\"\n )}\n >\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow\n size={arrowSize}\n direction=\"left\"\n vkuiClass=\"HorizontalScroll__arrowLeft\"\n onClick={scrollToLeft}\n />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow\n size={arrowSize}\n direction=\"right\"\n vkuiClass=\"HorizontalScroll__arrowRight\"\n onClick={scrollToRight}\n />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = withAdaptivity(HorizontalScrollComponent, {\n hasMouse: true,\n});\n\nHorizontalScroll.displayName = \"HorizontalScroll\";\n"],"mappings":"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"}

package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/HorizontalScroll/~~HorizontalScrollArrow.~~tsx~~"],"names":["HorizontalScrollArrow","size","direction","onClick","restProps","platform","ArrowIcon","Icon16ChevronLeft","Icon16Chevron","Icon24ChevronCompactLeft","Icon24Chevron","IOS"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AASO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;AAAA,uBAJhCC,IAIgC;AAAA,MAJhCA,IAIgC,0BAJzB,GAIyB;AAAA,MAHhCC,SAGgC,QAHhCA,SAGgC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MAD7BC,SAC6B;AAChC,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAIC,SAAJ;;AAEA,MAAIL,IAAI,KAAK,GAAb,EAAkB;AAChBK,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBK,wBAAvB,GAA2CC,oBAAvD;AACD,GAFD,MAEO;AACLF,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBO,+BAAvB,GAAkDC,oBAA9D;AACD;;AAED,SACE,qCAAC,kBAAD,6BACMN,SADN;AAEE,IAAA,SAAS,EAAC,QAFZ;AAGE,IAAA,QAAQ,EAAE,KAHZ;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAE,4BACT,uBADS,mCAEiBH,IAFjB,oCAGiBC,SAHjB,GAITG,QAAQ,KAAKM,aAAb,IAAoB,4BAJX,CALb;AAWE,IAAA,OAAO,EAAER;AAXX,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,qCAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Chevron,\n Icon24ChevronCompactLeft,\n Icon16Chevron,\n Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n direction: \"left\" \| \"right\";\n size?: \"m\" \| \"l\";\n onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n size = \"l\",\n direction,\n onClick,\n ...restProps\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n let ArrowIcon: React.ComponentType<unknown>;\n\n if (size === \"m\") {\n ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n } else {\n ArrowIcon = direction === \"left\" ? Icon24ChevronCompactLeft : Icon24Chevron;\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n \"HorizontalScrollArrow\",\n `HorizontalScrollArrow--${size}`,\n `HorizontalScrollArrow--${direction}`,\n platform === IOS && \"HorizontalScrollArrow--ios\"\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <ArrowIcon />\n </span>\n </Tappable>\n );\n};\n"],"~~file~~":"~~HorizontalScrollArrow.js~~"}
1	+ {"version":3,"file":"HorizontalScrollArrow.js","names":["HorizontalScrollArrow","size","direction","onClick","restProps","platform","usePlatform","ArrowIcon","Icon16ChevronLeft","Icon16Chevron","Icon24ChevronCompactLeft","Icon24Chevron","classNames","IOS"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Chevron,\n Icon24ChevronCompactLeft,\n Icon16Chevron,\n Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n direction: \"left\" \| \"right\";\n size?: \"m\" \| \"l\";\n onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n size = \"l\",\n direction,\n onClick,\n ...restProps\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n let ArrowIcon: React.ComponentType<unknown>;\n\n if (size === \"m\") {\n ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n } else {\n ArrowIcon = direction === \"left\" ? Icon24ChevronCompactLeft : Icon24Chevron;\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n \"HorizontalScrollArrow\",\n `HorizontalScrollArrow--${size}`,\n `HorizontalScrollArrow--${direction}`,\n platform === IOS && \"HorizontalScrollArrow--ios\"\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <ArrowIcon />\n </span>\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AASO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;EAAA,qBAJhCC,IAIgC;EAAA,IAJhCA,IAIgC,0BAJzB,GAIyB;EAAA,IAHhCC,SAGgC,QAHhCA,SAGgC;EAAA,IAFhCC,OAEgC,QAFhCA,OAEgC;EAAA,IAD7BC,SAC6B;EAChC,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAIC,SAAJ;;EAEA,IAAIN,IAAI,KAAK,GAAb,EAAkB;IAChBM,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBM,wBAAvB,GAA2CC,oBAAvD;EACD,CAFD,MAEO;IACLF,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBQ,+BAAvB,GAAkDC,oBAA9D;EACD;;EAED,OACE,qCAAC,kBAAD,6BACMP,SADN;IAEE,SAAS,EAAC,QAFZ;IAGE,QAAQ,EAAE,KAHZ;IAIE,SAAS,EAAE,KAJb;IAKE,SAAS,EAAE,IAAAQ,sBAAA,EACT,uBADS,mCAEiBX,IAFjB,oCAGiBC,SAHjB,GAITG,QAAQ,KAAKQ,aAAb,IAAoB,4BAJX,CALb;IAWE,OAAO,EAAEV;EAXX,IAaE;IAAM,SAAS,EAAC;EAAhB,GACE,qCAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~HoverPopper~~/HoverPopper~~.~~tsx~~"],"names":["HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","React","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OASH;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,4BAHtBC,SAGsB;AAAA,MAHtBA,SAGsB,+BAHV,GAGU;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0CC,KAAK,CAACC,QAAN,CAAeN,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOO,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMP,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCO,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOV,MAAP,KAAkB,SAAtB,EAAiC;AAC/BQ,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOX,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACW,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAG,4BAAW,YAAM;AACnCF,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAFmB,EAEjBP,SAFiB,CAApB;AAIA,MAAMU,WAAW,GAAG,4BAAW,YAAM;AACnCH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAFmB,EAEjBN,SAFiB,CAApB;;AAIA,6BAA0B,+CAAoBL,QAApB,CAA1B;AAAA;AAAA,MAAOe,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG,wCAAiB,cAAjB,EAAiCJ,aAAjC,CAA5B;AACA,MAAMK,mBAAmB,GAAG,wCAAiB,cAAjB,EAAiCF,aAAjC,CAA5B;AAEA,4DAA0B,YAAM;AAC9B,QAAIL,QAAQ,CAACQ,OAAb,EAAsB;AACpBF,MAAAA,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACAD,MAAAA,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACD;AACF,GALD,EAKG,EALH;AAOA,SACE,qCAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGb,KAAK,IACJ,qCAAC,cAAD,6BACMG,SADN;AAEE,IAAA,WAAW,EAAEQ,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAEtB,MAJV;AAKE,IAAA,SAAS,EAAEiB;AALb,MAOGhB,OAPH,CAHJ,CADF;AAgBD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"~~file~~":"~~HoverPopper.js~~"}
1	+ {"version":3,"file":"HoverPopper.js","names":["HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","React","useState","computedShown","setComputedShown","setShown","value","showTimeout","useTimeout","hideTimeout","usePatchChildrenRef","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","useEventListener","targetLeaveListener","useIsomorphicLayoutEffect","current","add"],"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OASH;EAAA,IARtBC,MAQsB,QARtBA,MAQsB;EAAA,IAPtBC,OAOsB,QAPtBA,OAOsB;EAAA,IANtBC,QAMsB,QANtBA,QAMsB;EAAA,IALtBC,aAKsB,QALtBA,aAKsB;EAAA,IAJfC,MAIe,QAJtBC,KAIsB;EAAA,0BAHtBC,SAGsB;EAAA,IAHtBA,SAGsB,+BAHV,GAGU;EAAA,0BAFtBC,SAEsB;EAAA,IAFtBA,SAEsB,+BAFV,GAEU;EAAA,IADnBC,SACmB;;EACtB,sBAA0CC,KAAK,CAACC,QAAN,CAAeN,MAAM,IAAI,KAAzB,CAA1C;EAAA;EAAA,IAAOO,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAMP,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCO,aAArD;;EAEA,IAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;IACnC,IAAI,OAAOV,MAAP,KAAkB,SAAtB,EAAiC;MAC/BQ,gBAAgB,CAACE,KAAD,CAAhB;IACD;;IACD,OAAOX,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACW,KAAD,CAApD;EACD,CALD;;EAOA,IAAMC,WAAW,GAAG,IAAAC,sBAAA,EAAW,YAAM;IACnCH,QAAQ,CAAC,IAAD,CAAR;EACD,CAFmB,EAEjBP,SAFiB,CAApB;EAIA,IAAMW,WAAW,GAAG,IAAAD,sBAAA,EAAW,YAAM;IACnCH,QAAQ,CAAC,KAAD,CAAR;EACD,CAFmB,EAEjBN,SAFiB,CAApB;;EAIA,2BAA0B,IAAAW,yCAAA,EAAoBhB,QAApB,CAA1B;EAAA;EAAA,IAAOiB,QAAP;EAAA,IAAiBC,KAAjB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BJ,WAAW,CAACK,KAAZ;IACAP,WAAW,CAACQ,GAAZ;EACD,CAHD;;EAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BT,WAAW,CAACO,KAAZ;IACAL,WAAW,CAACM,GAAZ;EACD,CAHD;;EAKA,IAAME,mBAAmB,GAAG,IAAAC,kCAAA,EAAiB,cAAjB,EAAiCL,aAAjC,CAA5B;EACA,IAAMM,mBAAmB,GAAG,IAAAD,kCAAA,EAAiB,cAAjB,EAAiCF,aAAjC,CAA5B;EAEA,IAAAI,oDAAA,EAA0B,YAAM;IAC9B,IAAIT,QAAQ,CAACU,OAAb,EAAsB;MACpBJ,mBAAmB,CAACK,GAApB,CAAwBX,QAAQ,CAACU,OAAjC;MACAF,mBAAmB,CAACG,GAApB,CAAwBX,QAAQ,CAACU,OAAjC;IACD;EACF,CALD,EAKG,EALH;EAOA,OACE,qCAAC,KAAD,CAAO,QAAP,QACGT,KADH,EAEGf,KAAK,IACJ,qCAAC,cAAD,6BACMG,SADN;IAEE,WAAW,EAAES,WAAW,CAACK,KAF3B;IAGE,UAAU,EAAEE,aAHd;IAIE,MAAM,EAAExB,MAJV;IAKE,SAAS,EAAEmB;EALb,IAOGlB,OAPH,CAHJ,CADF;AAgBD,CAnEM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~IconButton~~/IconButton~~.~~tsx~~"],"names":["warn","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","process","env","NODE_ENV","href","IOS","IconButton","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAWA,IAAMA,IAAI,GAAG,wBAAS,YAAT,CAAb;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,4BAFrBC,SAEqB;AAAA,MAFrBA,SAEqB,+BAFT,QAES;AAAA,MADlBC,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIL,IAAI,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;AAClDV,IAAAA,IAAI,CACF,sEADE,CAAJ;AAGD;;AAED,SACE,qCAAC,kBAAD;AACE,IAAA,iBAAiB,EAAE,GADrB;AAEE,IAAA,UAAU,EAAC;AAFb,KAGMM,SAHN;AAIE,IAAA,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAJpC;AAKE,IAAA,SAAS,EAAE,4BACT,YADS,8BAEYF,KAFZ,GAGTI,QAAQ,KAAKK,aAAb,IAAoB,iBAHX;AALb,MAWGV,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACO,IAAMS,UAAU,GAAG,oCAAeZ,mBAAf,EAAoC;AAC5DE,EAAAA,KAAK,EAAE;AADqD,CAApC,CAAnB;;AAIPU,UAAU,CAACC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n children?: React.ReactNode;\n /*\n @deprecated будет удалено в 5.0.0. Используйте `children`\n /\n icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n icon,\n sizeY,\n children,\n Component = \"button\",\n ...restProps\n}: IconButtonProps) => {\n const platform = usePlatform();\n\n if (icon && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n );\n }\n\n return (\n <Tappable\n activeEffectDelay={200}\n activeMode=\"background\"\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n vkuiClass={classNames(\n \"IconButton\",\n `IconButton--sizeY-${sizeY}`,\n platform === IOS && \"IconButton--ios\"\n )}\n >\n {icon \|\| children}\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"~~file~~":"~~IconButton.js~~"}
1	+ {"version":3,"file":"IconButton.js","names":["warn","warnOnce","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","usePlatform","process","env","NODE_ENV","href","classNames","IOS","IconButton","withAdaptivity","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n children?: React.ReactNode;\n /*\n @deprecated будет удалено в 5.0.0. Используйте `children`\n /\n icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n icon,\n sizeY,\n children,\n Component = \"button\",\n ...restProps\n}: IconButtonProps) => {\n const platform = usePlatform();\n\n if (icon && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n );\n }\n\n return (\n <Tappable\n activeEffectDelay={200}\n activeMode=\"background\"\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n vkuiClass={classNames(\n \"IconButton\",\n `IconButton--sizeY-${sizeY}`,\n platform === IOS && \"IconButton--ios\"\n )}\n >\n {icon \|\| children}\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAWA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,KAIqB,QAJrBA,KAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,0BAFrBC,SAEqB;EAAA,IAFrBA,SAEqB,+BAFT,QAES;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAIN,IAAI,IAAIO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;IAClDZ,IAAI,CACF,sEADE,CAAJ;EAGD;;EAED,OACE,qCAAC,kBAAD;IACE,iBAAiB,EAAE,GADrB;IAEE,UAAU,EAAC;EAFb,GAGMO,SAHN;IAIE,SAAS,EAAEA,SAAS,CAACM,IAAV,GAAiB,GAAjB,GAAuBP,SAJpC;IAKE,SAAS,EAAE,IAAAQ,sBAAA,EACT,YADS,8BAEYV,KAFZ,GAGTI,QAAQ,KAAKO,aAAb,IAAoB,iBAHX;EALb,IAWGZ,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACO,IAAMW,UAAU,GAAG,IAAAC,8BAAA,EAAef,mBAAf,EAAoC;EAC5DE,KAAK,EAAE;AADqD,CAApC,CAAnB;;AAIPY,UAAU,CAACE,WAAX,GAAyB,YAAzB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~InfoRow~~/InfoRow~~.~~tsx~~"],"names":["InfoRow","header","children","restProps"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,QAAX,QAAWA,QAAX;AAAA,MAAwBC,SAAxB;AAAA,SACrB,qCAAC,kBAAD,6BAAcA,SAAd;AAAyB,IAAA,SAAS,EAAC,SAAnC;AAA6C,IAAA,MAAM,EAAC;AAApD,MACG,yBAAaF,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CAFJ,EAMGC,QANH,CADqB;AAAA,CAAhB","sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, ...restProps }: InfoRowProps) => (\n <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n);\n"],"~~file~~":"~~InfoRow.js~~"}
1	+ {"version":3,"file":"InfoRow.js","names":["InfoRow","header","children","restProps","hasReactNode"],"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, ...restProps }: InfoRowProps) => (\n <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,QAAX,QAAWA,QAAX;EAAA,IAAwBC,SAAxB;EAAA,OACrB,qCAAC,kBAAD,6BAAcA,SAAd;IAAyB,SAAS,EAAC,SAAnC;IAA6C,MAAM,EAAC;EAApD,IACG,IAAAC,mBAAA,EAAaH,MAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC,MAAnB;IAA0B,SAAS,EAAC;EAApC,GACGA,MADH,CAFJ,EAMGC,QANH,CADqB;AAAA,CAAhB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~InitialsAvatar~~/InitialsAvatar~~.~~tsx~~"],"names":["COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","AVATAR_DEFAULT_SIZE","children","gradientColor","style","restProps","gradientName","fontSize"],"~~mappings~~":"~~;;;;;;;;;;;;;;;;;AAEA;;AACA;;;AA2CA,IAAMA,yBAGL,GAAG;AACF,KAAG,KADD;AAEF,KAAG,QAFD;AAGF,KAAG,QAHD;AAIF,KAAG,OAJD;AAKF,KAAG,QALD;AAMF,KAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC~~/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;AAED;AACA;AACA;;;AACO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAMH;AAAA,uBALzBC,IAKyB;AAAA,MALzBA,IAKyB,0BALlBC,2BAKkB;AAAA,MAJzBC,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;AACzB,MAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIX,yBAAyB,CAACW,aAAD,CAHhD;AAKA,SACE,qCAAC,cAAD,6BACME,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEd,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,IAAI,EAAEA,IANR;AAOE,IAAA,SAAS,EAAE,4BACT,gBADS,kCAEgBM,YAFhB;AAPb,MAYE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAZF,CADF;AAkBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AVATAR_DEFAULT_SIZE, Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type InitialsAvatarTextGradients =\n \| \"red\"\n \| \"pink\"\n \| \"orange\"\n \| \"yellow\"\n \| \"green\"\n \| \"l-blue\"\n \| \"blue\"\n \| \"violet\";\n\nexport interface InitialsAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n children?: React.ReactNode;\n /\n `'red' \| 'pink' \| 'orange' \| 'yellow' \| 'green' \| 'l-blue' \| 'blue' \| 'violet'`\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n \n 2: 'orange'\n \n 3: 'yellow'\n \n 4: 'green'\n \n 5: 'l-blue'\n \n 6: 'violet'\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n InitialsAvatarNumberGradients,\n InitialsAvatarTextGradients\n> = {\n 1: \"red\",\n 2: \"orange\",\n 3: \"yellow\",\n 4: \"green\",\n 5: \"l-blue\",\n 6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n const calculatedFontSize = Math.ceil(avatarSize 0.36);\n const evenFix = calculatedFontSize % 2;\n return calculatedFontSize + evenFix;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InitialsAvatar\n */\nexport const InitialsAvatar = ({\n size = AVATAR_DEFAULT_SIZE,\n children,\n gradientColor,\n style,\n ...restProps\n}: InitialsAvatarProps) => {\n const gradientName =\n typeof gradientColor === \"string\"\n ? gradientColor\n : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n return (\n <Avatar\n {...restProps}\n style={{\n ...style,\n fontSize: getInitialsFontSize(size),\n }}\n size={size}\n vkuiClass={classNames(\n \"InitialsAvatar\",\n `InitialsAvatar--color-${gradientName}`\n )}\n >\n <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n {children}\n </span>\n </Avatar>\n );\n};\n"],"~~file~~":"~~InitialsAvatar.js~~"}
1	+ {"version":3,"file":"InitialsAvatar.js","names":["COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","AVATAR_DEFAULT_SIZE","children","gradientColor","style","restProps","gradientName","fontSize","classNames"],"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AVATAR_DEFAULT_SIZE, Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type InitialsAvatarTextGradients =\n \| \"red\"\n \| \"pink\"\n \| \"orange\"\n \| \"yellow\"\n \| \"green\"\n \| \"l-blue\"\n \| \"blue\"\n \| \"violet\";\n\nexport interface InitialsAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n children?: React.ReactNode;\n /\n `'red' \| 'pink' \| 'orange' \| 'yellow' \| 'green' \| 'l-blue' \| 'blue' \| 'violet'`\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n \n 2: 'orange'\n \n 3: 'yellow'\n \n 4: 'green'\n \n 5: 'l-blue'\n \n 6: 'violet'\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n InitialsAvatarNumberGradients,\n InitialsAvatarTextGradients\n> = {\n 1: \"red\",\n 2: \"orange\",\n 3: \"yellow\",\n 4: \"green\",\n 5: \"l-blue\",\n 6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n const calculatedFontSize = Math.ceil(avatarSize 0.36);\n const evenFix = calculatedFontSize % 2;\n return calculatedFontSize + evenFix;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InitialsAvatar\n */\nexport const InitialsAvatar = ({\n size = AVATAR_DEFAULT_SIZE,\n children,\n gradientColor,\n style,\n ...restProps\n}: InitialsAvatarProps) => {\n const gradientName =\n typeof gradientColor === \"string\"\n ? gradientColor\n : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n return (\n <Avatar\n {...restProps}\n style={{\n ...style,\n fontSize: getInitialsFontSize(size),\n }}\n size={size}\n vkuiClass={classNames(\n \"InitialsAvatar\",\n `InitialsAvatar--color-${gradientName}`\n )}\n >\n <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n {children}\n </span>\n </Avatar>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA;;AACA;;;AA2CA,IAAMA,yBAGL,GAAG;EACF,GAAG,KADD;EAEF,GAAG,QAFD;EAGF,GAAG,QAHD;EAIF,GAAG,OAJD;EAKF,GAAG,QALD;EAMF,GAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;EAC/C,IAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;EACA,IAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;EACA,OAAOA,kBAAkB,GAAGG,OAA5B;AACD;AAED;AACA;AACA;;;AACO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAMH;EAAA,qBALzBC,IAKyB;EAAA,IALzBA,IAKyB,0BALlBC,2BAKkB;EAAA,IAJzBC,QAIyB,QAJzBA,QAIyB;EAAA,IAHzBC,aAGyB,QAHzBA,aAGyB;EAAA,IAFzBC,KAEyB,QAFzBA,KAEyB;EAAA,IADtBC,SACsB;EACzB,IAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIX,yBAAyB,CAACW,aAAD,CAHhD;EAKA,OACE,qCAAC,cAAD,6BACME,SADN;IAEE,KAAK,8DACAD,KADA;MAEHG,QAAQ,EAAEd,mBAAmB,CAACO,IAAD;IAF1B,EAFP;IAME,IAAI,EAAEA,IANR;IAOE,SAAS,EAAE,IAAAQ,sBAAA,EACT,gBADS,kCAEgBF,YAFhB;EAPb,IAYE;IAAM,eAAY,MAAlB;IAAyB,SAAS,EAAC;EAAnC,GACGJ,QADH,CAZF,CADF;AAkBD,CA9BM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Input~~/Input~~.~~tsx~~"],"names":["InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","status","restProps","disabled","Input","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAYL;AAAA,uBAXhBC,IAWgB;AAAA,MAXhBA,IAWgB,0BAXT,MAWS;AAAA,MAVhBC,KAUgB,QAVhBA,KAUgB;AAAA,MAThBC,MASgB,QAThBA,MASgB;AAAA,MARhBC,SAQgB,QARhBA,SAQgB;AAAA,MAPhBC,UAOgB,QAPhBA,UAOgB;AAAA,MANhBC,KAMgB,QANhBA,KAMgB;AAAA,MALhBC,KAKgB,QALhBA,KAKgB;AAAA,MAJhBC,MAIgB,QAJhBA,MAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,MAEgB,QAFhBA,MAEgB;AAAA,MADbC,SACa;AAChB,SACE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAE,4BACT,OADS,EAET,CAAC,CAACT,KAAF,qBAAqBA,KAArB,CAFS,yBAGOI,KAHP,GAGgB;AACzBE,IAAAA,MAAM,IAAI,kBAJD,EAKTC,KAAK,IAAI,iBALA,CADb;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,SAAS,EAAEH,SATb;AAUE,IAAA,UAAU,EAAEC,UAVd;AAWE,IAAA,MAAM,EAAEG,MAXV;AAYE,IAAA,KAAK,EAAEC,KAZT;AAaE,IAAA,QAAQ,EAAEE,SAAS,CAACC,QAbtB;AAcE,IAAA,MAAM,EAAEF;AAdV,KAgBE,yEAAWC,SAAX;AAAsB,IAAA,IAAI,EAAEV,IAA5B;AAAkC,IAAA,SAAS,EAAC,WAA5C;AAAwD,IAAA,GAAG,EAAEE;AAA7D,KAhBF,CADF;AAoBD,CAjCD;AAmCA;AACA;AACA;;;AACO,IAAMU,KAAK,GAAG,oCAAeb,cAAf,EAA+B;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAA/~~B,CAAd;;AAIPO,KAAK,CAACC,WAAN,GAAoB,OAApB~~","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst InputComponent = ({\n type = \"text\",\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n before,\n after,\n status,\n ...restProps\n}: InputProps) => {\n return (\n <FormField\n vkuiClass={classNames(\n \"Input\",\n !!align && `Input--${align}`,\n `Input--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n before && \"Input--hasBefore\",\n after && \"Input--hasAfter\"\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n before={before}\n after={after}\n disabled={restProps.disabled}\n status={status}\n >\n <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n sizeY: true,\n});\n\nInput.displayName = \"Input\";\n"],"~~file~~":"~~Input.js~~"}
1	+ {"version":3,"file":"Input.js","names":["InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","status","restProps","classNames","disabled","Input","withAdaptivity","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst InputComponent = ({\n type = \"text\",\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n before,\n after,\n status,\n ...restProps\n}: InputProps) => {\n return (\n <FormField\n vkuiClass={classNames(\n \"Input\",\n !!align && `Input--${align}`,\n `Input--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n before && \"Input--hasBefore\",\n after && \"Input--hasAfter\"\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n before={before}\n after={after}\n disabled={restProps.disabled}\n status={status}\n >\n <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n sizeY: true,\n});\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAYL;EAAA,qBAXhBC,IAWgB;EAAA,IAXhBA,IAWgB,0BAXT,MAWS;EAAA,IAVhBC,KAUgB,QAVhBA,KAUgB;EAAA,IAThBC,MASgB,QAThBA,MASgB;EAAA,IARhBC,SAQgB,QARhBA,SAQgB;EAAA,IAPhBC,UAOgB,QAPhBA,UAOgB;EAAA,IANhBC,KAMgB,QANhBA,KAMgB;EAAA,IALhBC,KAKgB,QALhBA,KAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,IAHhBC,KAGgB,QAHhBA,KAGgB;EAAA,IAFhBC,MAEgB,QAFhBA,MAEgB;EAAA,IADbC,SACa;EAChB,OACE,qCAAC,oBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,OADS,EAET,CAAC,CAACV,KAAF,qBAAqBA,KAArB,CAFS,yBAGOI,KAHP,GAGgB;IACzBE,MAAM,IAAI,kBAJD,EAKTC,KAAK,IAAI,iBALA,CADb;IAQE,KAAK,EAAEF,KART;IASE,SAAS,EAAEH,SATb;IAUE,UAAU,EAAEC,UAVd;IAWE,MAAM,EAAEG,MAXV;IAYE,KAAK,EAAEC,KAZT;IAaE,QAAQ,EAAEE,SAAS,CAACE,QAbtB;IAcE,MAAM,EAAEH;EAdV,GAgBE,yEAAWC,SAAX;IAAsB,IAAI,EAAEV,IAA5B;IAAkC,SAAS,EAAC,WAA5C;IAAwD,GAAG,EAAEE;EAA7D,GAhBF,CADF;AAoBD,CAjCD;AAmCA;AACA;AACA;;;AACO,IAAMW,KAAK,GAAG,IAAAC,8BAAA,EAAef,cAAf,EAA+B;EAClDM,KAAK,EAAE;AAD2C,CAA/B,CAAd;;AAIPQ,KAAK,CAACE,WAAN,GAAoB,OAApB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~InputLike~~/InputLike~~.~~tsx~~"],"names":["MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","React","useCallback","event","stopPropagation","slice","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;AAaA,IAAMA,WAAW,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAApB;;AAEA,SAASC,eAAT,CAAyBC,MAAzB,EAAyC;AACvC,MAAMC,MAAM,GAAG,EAAf;;AACA,OAAK,IAAIC,MAAK,GAAG,CAAjB,EAAoBA,MAAK,GAAGF,MAA5B,EAAoCE,MAAK,IAAI,CAA7C,EAAgD;AAC9CD,IAAAA,MAAM,CAACE,IAAP,CACE;AAAM,MAAA,GAAG,EAAED,MAAX;AAAkB,MAAA,SAAS,EAAC;AAA5B,OACGN,WADH,CADF;AAKD;;AACD,SAAOK,MAAP;AACD;;AAEM,IAAMG,SAAS,GAAG,SAAZA,SAAY,OASH;AAAA;;AAAA,MARpBC,KAQoB,QARpBA,KAQoB;AAAA,MAPpBL,MAOoB,QAPpBA,MAOoB;AAAA,MANpBE,KAMoB,QANpBA,KAMoB;AAAA,MALpBI,eAKoB,QALpBA,eAKoB;AAAA,MAJpBC,OAIoB,QAJpBA,OAIoB;AAAA,MAHpBC,OAGoB,QAHpBA,OAGoB;AAAA,MAFpBC,UAEoB,QAFpBA,UAEoB;AAAA,MADjBC,KACiB;AACpB,MAAMC,mBAAmB,GAAGC,KAAK,CAACC,WAAN,CAC1B,UAACC,KAAD,EAA0D;AACxD,gCAAgBA,KAAhB;AACAR,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGJ,KAAH,CAAf;AACD,GAJyB,EAK1B,CAACA,KAAD,EAAQI,eAAR,CAL0B,CAA5B;AAQA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,WADS,EAET,CAAAD,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFS,CADb;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,GAAG,EAAES,UANP;AAOE,IAAA,OAAO,EAAE,gCAAaF,OAAb,EAAsBI,mBAAtB,CAPX;AAQE,IAAA,OAAO,EAAE,gCAAaI,sBAAb,EAA8BP,OAA9B;AARX,KASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAEW,KAAP,CAAa,CAAb,EAAgBhB,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEW,KAAP,CAAahB,MAAM,GAAG,CAAtB,MACC;AAAM,IAAA,GAAG,EAAEE,KAAX;AAAkB,IAAA,SAAS,EAAC;AAA5B,KACGG,KAAK,CAACW,KAAN,CAAYhB,MAAM,GAAG,CAArB,CADH,CAbJ,EAiBGD,eAAe,CAACC,MAAM,qBAAIK,KAAJ,aAAIA,KAAJ,uBAAIA,KAAK,CAAEL,MAAX,yDAAqB,CAArB,CAAP,CAjBlB,CADF;AAqBD,CAvCM;;;AAyCPI,SAAS,CAACa,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from \"react\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { stopPropagation } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./InputLike.css\";\n\nexport interface InputLikeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n length: number;\n index: number;\n value?: string;\n onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n const result = [];\n for (let index = 0; index < length; index += 1) {\n result.push(\n <span key={index} vkuiClass=\"InputLike__mask\">\n {MASK_SYMBOL}\n </span>\n );\n }\n return result;\n}\n\nexport const InputLike = ({\n value,\n length,\n index,\n onElementSelect,\n onClick,\n onFocus,\n getRootRef,\n ...props\n}: InputLikeProps) => {\n const handleElementSelect = React.useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n stopPropagation(event);\n onElementSelect?.(index);\n },\n [index, onElementSelect]\n );\n\n return (\n <span\n vkuiClass={classNames(\n \"InputLike\",\n value?.length === length && `InputLike--full`\n )}\n tabIndex={0}\n ref={getRootRef}\n onClick={callMultiple(onClick, handleElementSelect)}\n onFocus={callMultiple(stopPropagation, onFocus)}\n {...props}\n >\n {value?.slice(0, length - 1)}\n {value?.slice(length - 1) && (\n <span key={index} vkuiClass=\"InputLike__last_character\">\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </span>\n );\n};\n\nInputLike.displayName = \"InputLike\";\n"],"~~file~~":"~~InputLike.js~~"}
1	+ {"version":3,"file":"InputLike.js","names":["MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","React","useCallback","event","stopPropagation","classNames","callMultiple","slice","displayName"],"sources":["../../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { stopPropagation } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./InputLike.css\";\n\nexport interface InputLikeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n length: number;\n index: number;\n value?: string;\n onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n const result = [];\n for (let index = 0; index < length; index += 1) {\n result.push(\n <span key={index} vkuiClass=\"InputLike__mask\">\n {MASK_SYMBOL}\n </span>\n );\n }\n return result;\n}\n\nexport const InputLike = ({\n value,\n length,\n index,\n onElementSelect,\n onClick,\n onFocus,\n getRootRef,\n ...props\n}: InputLikeProps) => {\n const handleElementSelect = React.useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n stopPropagation(event);\n onElementSelect?.(index);\n },\n [index, onElementSelect]\n );\n\n return (\n <span\n vkuiClass={classNames(\n \"InputLike\",\n value?.length === length && `InputLike--full`\n )}\n tabIndex={0}\n ref={getRootRef}\n onClick={callMultiple(onClick, handleElementSelect)}\n onFocus={callMultiple(stopPropagation, onFocus)}\n {...props}\n >\n {value?.slice(0, length - 1)}\n {value?.slice(length - 1) && (\n <span key={index} vkuiClass=\"InputLike__last_character\">\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </span>\n );\n};\n\nInputLike.displayName = \"InputLike\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;AAaA,IAAMA,WAAW,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAApB;;AAEA,SAASC,eAAT,CAAyBC,MAAzB,EAAyC;EACvC,IAAMC,MAAM,GAAG,EAAf;;EACA,KAAK,IAAIC,MAAK,GAAG,CAAjB,EAAoBA,MAAK,GAAGF,MAA5B,EAAoCE,MAAK,IAAI,CAA7C,EAAgD;IAC9CD,MAAM,CAACE,IAAP,CACE;MAAM,GAAG,EAAED,MAAX;MAAkB,SAAS,EAAC;IAA5B,GACGN,WADH,CADF;EAKD;;EACD,OAAOK,MAAP;AACD;;AAEM,IAAMG,SAAS,GAAG,SAAZA,SAAY,OASH;EAAA;;EAAA,IARpBC,KAQoB,QARpBA,KAQoB;EAAA,IAPpBL,MAOoB,QAPpBA,MAOoB;EAAA,IANpBE,KAMoB,QANpBA,KAMoB;EAAA,IALpBI,eAKoB,QALpBA,eAKoB;EAAA,IAJpBC,OAIoB,QAJpBA,OAIoB;EAAA,IAHpBC,OAGoB,QAHpBA,OAGoB;EAAA,IAFpBC,UAEoB,QAFpBA,UAEoB;EAAA,IADjBC,KACiB;EACpB,IAAMC,mBAAmB,GAAGC,KAAK,CAACC,WAAN,CAC1B,UAACC,KAAD,EAA0D;IACxD,IAAAC,sBAAA,EAAgBD,KAAhB;IACAR,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGJ,KAAH,CAAf;EACD,CAJyB,EAK1B,CAACA,KAAD,EAAQI,eAAR,CAL0B,CAA5B;EAQA,OACE;IACE,SAAS,EAAE,IAAAU,sBAAA,EACT,WADS,EAET,CAAAX,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFS,CADb;IAKE,QAAQ,EAAE,CALZ;IAME,GAAG,EAAES,UANP;IAOE,OAAO,EAAE,IAAAQ,0BAAA,EAAaV,OAAb,EAAsBI,mBAAtB,CAPX;IAQE,OAAO,EAAE,IAAAM,0BAAA,EAAaF,sBAAb,EAA8BP,OAA9B;EARX,GASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAEa,KAAP,CAAa,CAAb,EAAgBlB,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEa,KAAP,CAAalB,MAAM,GAAG,CAAtB,MACC;IAAM,GAAG,EAAEE,KAAX;IAAkB,SAAS,EAAC;EAA5B,GACGG,KAAK,CAACa,KAAN,CAAYlB,MAAM,GAAG,CAArB,CADH,CAbJ,EAiBGD,eAAe,CAACC,MAAM,qBAAIK,KAAJ,aAAIA,KAAJ,uBAAIA,KAAK,CAAEL,MAAX,yDAAqB,CAArB,CAAP,CAjBlB,CADF;AAqBD,CAvCM;;;AAyCPI,SAAS,CAACe,WAAV,GAAwB,WAAxB"}

package/dist/cjs/components/InputLike/InputLikeDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/InputLike/~~InputLikeDivider.~~tsx~~"],"names":["InputLikeDivider","children","props"],"~~mappings~~":"~~;;;;;;;;;;;;;;;;;AAGO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGkB;AAAA,MAFhDC,QAEgD,QAFhDA,QAEgD;AAAA,MAD7CC,KAC6C;AAChD,SACE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,GACGD,QADH,CADF;AAKD,CATM~~","sourcesContent":["import * as React from \"react\";\nimport \"./InputLikeDivider.css\";\n\nexport const InputLikeDivider = ({\n children,\n ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n return (\n <span vkuiClass=\"InputLikeDivider\" {...props}>\n {children}\n </span>\n );\n};\n"],"~~file~~":"~~InputLikeDivider.js~~"}
1	+ {"version":3,"file":"InputLikeDivider.js","names":["InputLikeDivider","children","props"],"sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport \"./InputLikeDivider.css\";\n\nexport const InputLikeDivider = ({\n children,\n ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n return (\n <span vkuiClass=\"InputLikeDivider\" {...props}>\n {children}\n </span>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAGO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGkB;EAAA,IAFhDC,QAEgD,QAFhDA,QAEgD;EAAA,IAD7CC,KAC6C;EAChD,OACE;IAAM,SAAS,EAAC;EAAhB,GAAuCA,KAAvC,GACGD,QADH,CADF;AAKD,CATM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Link~~/Link~~.~~tsx~~"],"names":["Link","hasVisited","children","restProps","href"],"~~mappings~~":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAuD;AAAA,MAApDC,UAAoD,QAApDA,UAAoD;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;AACzE,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAEA,SAAS,CAACC,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMD,SAFN;AAGE,IAAA,SAAS,EAAE,4BAAW,MAAX,EAAmBF,UAAU,IAAI,mBAAjC,CAHb;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,SALb;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGC,QARH,CADF;AAYD,CAbM","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport interface LinkProps extends TappableProps {\n /*\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({ hasVisited, children, ...restProps }: LinkProps) => {\n return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={classNames(\"Link\", hasVisited && \"Link--has-visited\")}\n hasHover={false}\n activeMode=\"opacity\"\n focusVisibleMode=\"Link--focus-visible\"\n >\n {children}\n </Tappable>\n );\n};\n"],"~~file~~":"~~Link.js~~"}
1	+ {"version":3,"file":"Link.js","names":["Link","hasVisited","children","restProps","href","classNames"],"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport interface LinkProps extends TappableProps {\n /*\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({ hasVisited, children, ...restProps }: LinkProps) => {\n return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={classNames(\"Link\", hasVisited && \"Link--has-visited\")}\n hasHover={false}\n activeMode=\"opacity\"\n focusVisibleMode=\"Link--focus-visible\"\n >\n {children}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAuD;EAAA,IAApDC,UAAoD,QAApDA,UAAoD;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA3BC,SAA2B;EACzE,OACE,qCAAC,kBAAD;IACE,SAAS,EAAEA,SAAS,CAACC,IAAV,GAAiB,GAAjB,GAAuB;EADpC,GAEMD,SAFN;IAGE,SAAS,EAAE,IAAAE,sBAAA,EAAW,MAAX,EAAmBJ,UAAU,IAAI,mBAAjC,CAHb;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,SALb;IAME,gBAAgB,EAAC;EANnB,IAQGC,QARH,CADF;AAYD,CAbM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~List~~/List~~.~~tsx~~"],"names":["List","children","restProps","React","useState","isDragging","toggleDrag","useMemo"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;;AAC7D,wBAAiCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMJ,SAFN;AAGE,IAAA,SAAS,EAAE,4BAAW,MAAX,EAAmBG,UAAU,IAAI,gBAAjC;AAHb,MAKE,qCAAC,wBAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEF,KAAK,CAACI,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGL,QADH,CALF,CADF;AAWD,CAdM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nexport type ListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n const [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n vkuiClass={classNames(\"List\", isDragging && \"List--dragging\")}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n"],"~~file~~":"~~List.js~~"}
1	+ {"version":3,"file":"List.js","names":["List","children","restProps","React","useState","isDragging","toggleDrag","classNames","useMemo"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nexport type ListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n const [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n vkuiClass={classNames(\"List\", isDragging && \"List--dragging\")}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAA2C;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA3BC,SAA2B;;EAC7D,sBAAiCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAjC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,UAAnB;;EAEA,OACE;IACE,IAAI,EAAC;EADP,GAEMJ,SAFN;IAGE,SAAS,EAAE,IAAAK,sBAAA,EAAW,MAAX,EAAmBF,UAAU,IAAI,gBAAjC;EAHb,IAKE,qCAAC,wBAAD,CAAa,QAAb;IAAsB,KAAK,EAAEF,KAAK,CAACK,OAAN,CAAc;MAAA,OAAO;QAAEF,UAAU,EAAVA;MAAF,CAAP;IAAA,CAAd,EAAsC,EAAtC;EAA7B,GACGL,QADH,CALF,CADF;AAWD,CAdM"}

package/dist/cjs/components/List/ListContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/List/~~ListContext.ts"],"names":["ListContext","React","createContext","toggleDrag","noop"],"~~mappings~~":"~~;;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,UAAU,EAAEC;AADiC,CAApB,CAApB~~","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\n\nexport const ListContext = React.createContext({\n toggleDrag: noop as (value: boolean) => void,\n});\n"],"~~file~~":"~~ListContext.js~~"}
1	+ {"version":3,"file":"ListContext.js","names":["ListContext","React","createContext","toggleDrag","noop"],"sources":["../../../../src/components/List/ListContext.ts"],"sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\n\nexport const ListContext = React.createContext({\n toggleDrag: noop as (value: boolean) => void,\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAoB;EAC7CC,UAAU,EAAEC;AADiC,CAApB,CAApB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~LocaleProviderContext~~/LocaleProviderContext~~.~~tsx~~"],"names":["LocaleProviderContext","React","createContext","undefined"],"~~mappings~~":"~~;;;;;;;;;AAAA;;AAEO,IAAMA,qBAAqB,gBAAGC,KAAK,CAACC,aAAN,CACnCC,SADmC,CAA9B~~","sourcesContent":["import * as React from \"react\";\n\nexport const LocaleProviderContext = React.createContext<string \| undefined>(\n undefined\n);\n"],"~~file~~":"~~LocaleProviderContext.js~~"}
1	+ {"version":3,"file":"LocaleProviderContext.js","names":["LocaleProviderContext","React","createContext","undefined"],"sources":["../../../../src/components/LocaleProviderContext/LocaleProviderContext.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const LocaleProviderContext = React.createContext<string \| undefined>(\n undefined\n);\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,qBAAqB,gBAAGC,KAAK,CAACC,aAAN,CACnCC,SADmC,CAA9B"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~MiniInfoCell~~/MiniInfoCell~~.~~tsx~~"],"names":["MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AA6CA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAQH;AAAA,MAPvBC,MAOuB,QAPvBA,MAOuB;AAAA,MANvBC,KAMuB,QANvBA,KAMuB;AAAA,uBALvBC,IAKuB;AAAA,MALvBA,IAKuB,0BALhB,MAKgB;AAAA,2BAJvBC,QAIuB;AAAA,MAJvBA,QAIuB,8BAJZ,QAIY;AAAA,4BAHvBC,SAGuB;AAAA,MAHvBA,SAGuB,+BAHX,WAGW;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAcE;AAHjC,KAIMH,SAJN;AAKE,IAAA,SAAS,EAAE,4BACT,cADS,EAETJ,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFS,EAGTC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHS,8BAIYC,SAJZ;AALb,MAYE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAZF,EAaE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;AAFlC,KAIGJ,QAJH,CAbF,EAmBG,yBAAaJ,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CApBJ,CADF;AAyBD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Иконка слева.<br />\n * Рекомендуется использовать иконки размера 20.\n /\n before: React.ReactNode;\n\n /\n Содержимое справа.<br />\n * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n /\n after?: React.ReactNode;\n\n /\n Тип ячейки:\n \n - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n /\n mode?: \"base\" \| \"add\" \| \"more\";\n\n /\n Тип отображения текста:\n \n - `nowrap` – в одну строку, текст не переносится и обрезается.\n * - `short` – максимально отображается 3 строки, остальное обрезается.\n * - `full` – текст отображается полностью.\n /\n textWrap?: \"nowrap\" \| \"short\" \| \"full\";\n\n /\n Стиль текста:\n \n - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n * - `secondary` – стиль по-умолчанию.\n /\n textLevel?: \"primary\" \| \"secondary\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n mode = \"base\",\n textWrap = \"nowrap\",\n textLevel = \"secondary\",\n children,\n ...restProps\n}: MiniInfoCellProps) => {\n const isClickable = !!restProps.onClick;\n\n return (\n <Tappable\n Component=\"div\"\n disabled={!isClickable}\n role={isClickable ? \"button\" : undefined}\n {...restProps}\n vkuiClass={classNames(\n \"MiniInfoCell\",\n mode !== \"base\" && `MiniInfoCell--md-${mode}`,\n textWrap !== \"nowrap\" && `MiniInfoCell--wr-${textWrap}`,\n `MiniInfoCell--lvl-${textLevel}`\n )}\n >\n <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n <Paragraph\n vkuiClass=\"MiniInfoCell__content\"\n weight={mode === \"more\" ? \"2\" : undefined}\n >\n {children}\n </Paragraph>\n {hasReactNode(after) && (\n <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n )}\n </Tappable>\n );\n};\n"],"~~file~~":"~~MiniInfoCell.js~~"}
1	+ {"version":3,"file":"MiniInfoCell.js","names":["MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined","classNames","hasReactNode"],"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Иконка слева.<br />\n * Рекомендуется использовать иконки размера 20.\n /\n before: React.ReactNode;\n\n /\n Содержимое справа.<br />\n * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n /\n after?: React.ReactNode;\n\n /\n Тип ячейки:\n \n - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n /\n mode?: \"base\" \| \"add\" \| \"more\";\n\n /\n Тип отображения текста:\n \n - `nowrap` – в одну строку, текст не переносится и обрезается.\n * - `short` – максимально отображается 3 строки, остальное обрезается.\n * - `full` – текст отображается полностью.\n /\n textWrap?: \"nowrap\" \| \"short\" \| \"full\";\n\n /\n Стиль текста:\n \n - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n * - `secondary` – стиль по-умолчанию.\n /\n textLevel?: \"primary\" \| \"secondary\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n mode = \"base\",\n textWrap = \"nowrap\",\n textLevel = \"secondary\",\n children,\n ...restProps\n}: MiniInfoCellProps) => {\n const isClickable = !!restProps.onClick;\n\n return (\n <Tappable\n Component=\"div\"\n disabled={!isClickable}\n role={isClickable ? \"button\" : undefined}\n {...restProps}\n vkuiClass={classNames(\n \"MiniInfoCell\",\n mode !== \"base\" && `MiniInfoCell--md-${mode}`,\n textWrap !== \"nowrap\" && `MiniInfoCell--wr-${textWrap}`,\n `MiniInfoCell--lvl-${textLevel}`\n )}\n >\n <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n <Paragraph\n vkuiClass=\"MiniInfoCell__content\"\n weight={mode === \"more\" ? \"2\" : undefined}\n >\n {children}\n </Paragraph>\n {hasReactNode(after) && (\n <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AA6CA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAQH;EAAA,IAPvBC,MAOuB,QAPvBA,MAOuB;EAAA,IANvBC,KAMuB,QANvBA,KAMuB;EAAA,qBALvBC,IAKuB;EAAA,IALvBA,IAKuB,0BALhB,MAKgB;EAAA,yBAJvBC,QAIuB;EAAA,IAJvBA,QAIuB,8BAJZ,QAIY;EAAA,0BAHvBC,SAGuB;EAAA,IAHvBA,SAGuB,+BAHX,WAGW;EAAA,IAFvBC,QAEuB,QAFvBA,QAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;EAEA,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC,KADZ;IAEE,QAAQ,EAAE,CAACD,WAFb;IAGE,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAcE;EAHjC,GAIMH,SAJN;IAKE,SAAS,EAAE,IAAAI,sBAAA,EACT,cADS,EAETR,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFS,EAGTC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHS,8BAIYC,SAJZ;EALb,IAYE;IAAM,SAAS,EAAC;EAAhB,GAAsCJ,MAAtC,CAZF,EAaE,qCAAC,oBAAD;IACE,SAAS,EAAC,uBADZ;IAEE,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;EAFlC,GAIGJ,QAJH,CAbF,EAmBG,IAAAM,mBAAA,EAAaV,KAAb,KACC;IAAM,SAAS,EAAC;EAAhB,GAAuCA,KAAvC,CApBJ,CADF;AAyBD,CApCM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalCard~~/ModalCard~~.~~tsx~~"],"names":["warn","ModalCardComponent","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","id","restProps","isDesktop","modalContext","React","useContext","ModalRootContext","ModalType","CARD","refs","innerElement","ModalCard","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AAQA;;;AASA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AAEA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAewB;AAAA,MAdjDC,IAciD,QAdjDA,IAciD;AAAA,MAbjDC,MAaiD,QAbjDA,MAaiD;AAAA,MAZjDC,SAYiD,QAZjDA,SAYiD;AAAA,MAXjDC,QAWiD,QAXjDA,QAWiD;AAAA,MAVjDC,OAUiD,QAVjDA,OAUiD;AAAA,gCATjDC,aASiD;AAAA,MATjDA,aASiD,mCATjC,YASiC;AAAA,MARjDC,OAQiD,QARjDA,OAQiD;AAAA,MAPjDC,QAOiD,QAPjDA,QAOiD;AAAA,MANjDC,SAMiD,QANjDA,SAMiD;AAAA,MALjDC,UAKiD,QALjDA,UAKiD;AAAA,MAJjDC,QAIiD,QAJjDA,QAIiD;AAAA,MAHjDC,GAGiD,QAHjDA,GAGiD;AAAA,MAFjDC,EAEiD,QAFjDA,EAEiD;AAAA,MAD9CC,SAC8C;AACjD,MAAMC,SAAS,GAAG,4CAAlB;AAEA,MAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCACf,wBAAS;AAAEP,IAAAA,GAAG,EAAHA,GAAF;AAAOC,IAAAA,EAAE,EAAFA;AAAP,GAAT,EAAsBd,IAAtB,CADe,EAEfqB,iBAAUC,IAFK,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAKA,SACE,uEACMR,SADN;AAEE,IAAA,EAAE,EAAED,EAFN;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BL,QAA1B,CADS,EAETO,SAAS,IAAI,oBAFJ;AAHb,MAQE,qCAAC,4BAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEO,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEtB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIS,YAAY,CAACT;AARnC,KAUGH,QAVH,CARF,CADF;AAuBD,CA/CD;AAiDA;AACA;AACA;;;AACO,IAAMoB,SAAS,GAAG,oCAAe,gCAAaxB,kBAAb,CAAf,EAAiD;AACxES,EAAAA,SAAS,EAAE,IAD6D;AAExEC,EAAAA,UAAU,EAAE,IAF4D;AAGxEC,EAAAA,QAAQ,EAAE;AAH8D,CAAjD,CAAlB;;AAMPa,SAAS,CAACC,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasPlatform } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n ModalCardBase,\n ModalCardBaseProps,\n} from \"../ModalCardBase/ModalCardBase\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCard.css\";\n\nexport interface ModalCardProps\n extends HasPlatform,\n AdaptivityProps,\n NavIdProps,\n ModalCardBaseProps {}\n\nconst warn = warnOnce(\"ModalCard\");\n\nconst ModalCardComponent = ({\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout = \"horizontal\",\n onClose,\n platform,\n viewWidth,\n viewHeight,\n hasMouse,\n nav,\n id,\n ...restProps\n}: ModalCardProps & AdaptivityContextInterface) => {\n const isDesktop = useAdaptivityIsDesktop();\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.CARD\n );\n\n return (\n <div\n {...restProps}\n id={id}\n vkuiClass={classNames(\n getClassName(\"ModalCard\", platform),\n isDesktop && \"ModalCard--desktop\"\n )}\n >\n <ModalCardBase\n vkuiClass=\"ModalCard__in\"\n getRootRef={refs.innerElement}\n icon={icon}\n header={header}\n subheader={subheader}\n actions={actions}\n actionsLayout={actionsLayout}\n onClose={onClose \|\| modalContext.onClose}\n >\n {children}\n </ModalCardBase>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = withAdaptivity(withPlatform(ModalCardComponent), {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n\nModalCard.displayName = \"ModalCard\";\n"],"~~file~~":"~~ModalCard.js~~"}
1	+ {"version":3,"file":"ModalCard.js","names":["warn","warnOnce","ModalCardComponent","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","id","restProps","isDesktop","useAdaptivityIsDesktop","modalContext","React","useContext","ModalRootContext","useModalRegistry","getNavId","ModalType","CARD","refs","classNames","getClassName","innerElement","ModalCard","withAdaptivity","withPlatform","displayName"],"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasPlatform } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n ModalCardBase,\n ModalCardBaseProps,\n} from \"../ModalCardBase/ModalCardBase\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCard.css\";\n\nexport interface ModalCardProps\n extends HasPlatform,\n AdaptivityProps,\n NavIdProps,\n ModalCardBaseProps {}\n\nconst warn = warnOnce(\"ModalCard\");\n\nconst ModalCardComponent = ({\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout = \"horizontal\",\n onClose,\n platform,\n viewWidth,\n viewHeight,\n hasMouse,\n nav,\n id,\n ...restProps\n}: ModalCardProps & AdaptivityContextInterface) => {\n const isDesktop = useAdaptivityIsDesktop();\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.CARD\n );\n\n return (\n <div\n {...restProps}\n id={id}\n vkuiClass={classNames(\n getClassName(\"ModalCard\", platform),\n isDesktop && \"ModalCard--desktop\"\n )}\n >\n <ModalCardBase\n vkuiClass=\"ModalCard__in\"\n getRootRef={refs.innerElement}\n icon={icon}\n header={header}\n subheader={subheader}\n actions={actions}\n actionsLayout={actionsLayout}\n onClose={onClose \|\| modalContext.onClose}\n >\n {children}\n </ModalCardBase>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = withAdaptivity(withPlatform(ModalCardComponent), {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n\nModalCard.displayName = \"ModalCard\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AAQA;;;AASA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,WAAT,CAAb;;AAEA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAewB;EAAA,IAdjDC,IAciD,QAdjDA,IAciD;EAAA,IAbjDC,MAaiD,QAbjDA,MAaiD;EAAA,IAZjDC,SAYiD,QAZjDA,SAYiD;EAAA,IAXjDC,QAWiD,QAXjDA,QAWiD;EAAA,IAVjDC,OAUiD,QAVjDA,OAUiD;EAAA,8BATjDC,aASiD;EAAA,IATjDA,aASiD,mCATjC,YASiC;EAAA,IARjDC,OAQiD,QARjDA,OAQiD;EAAA,IAPjDC,QAOiD,QAPjDA,QAOiD;EAAA,IANjDC,SAMiD,QANjDA,SAMiD;EAAA,IALjDC,UAKiD,QALjDA,UAKiD;EAAA,IAJjDC,QAIiD,QAJjDA,QAIiD;EAAA,IAHjDC,GAGiD,QAHjDA,GAGiD;EAAA,IAFjDC,EAEiD,QAFjDA,EAEiD;EAAA,IAD9CC,SAC8C;EACjD,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EAEA,IAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;EACA,wBAAiB,IAAAC,kCAAA,EACf,IAAAC,kBAAA,EAAS;IAAEV,GAAG,EAAHA,GAAF;IAAOC,EAAE,EAAFA;EAAP,CAAT,EAAsBf,IAAtB,CADe,EAEfyB,gBAAA,CAAUC,IAFK,CAAjB;EAAA,IAAQC,IAAR,qBAAQA,IAAR;;EAKA,OACE,uEACMX,SADN;IAEE,EAAE,EAAED,EAFN;IAGE,SAAS,EAAE,IAAAa,sBAAA,EACT,IAAAC,0BAAA,EAAa,WAAb,EAA0BnB,QAA1B,CADS,EAETO,SAAS,IAAI,oBAFJ;EAHb,IAQE,qCAAC,4BAAD;IACE,SAAS,EAAC,eADZ;IAEE,UAAU,EAAEU,IAAI,CAACG,YAFnB;IAGE,IAAI,EAAE3B,IAHR;IAIE,MAAM,EAAEC,MAJV;IAKE,SAAS,EAAEC,SALb;IAME,OAAO,EAAEE,OANX;IAOE,aAAa,EAAEC,aAPjB;IAQE,OAAO,EAAEC,OAAO,IAAIU,YAAY,CAACV;EARnC,GAUGH,QAVH,CARF,CADF;AAuBD,CA/CD;AAiDA;AACA;AACA;;;AACO,IAAMyB,SAAS,GAAG,IAAAC,8BAAA,EAAe,IAAAC,0BAAA,EAAa/B,kBAAb,CAAf,EAAiD;EACxES,SAAS,EAAE,IAD6D;EAExEC,UAAU,EAAE,IAF4D;EAGxEC,QAAQ,EAAE;AAH8D,CAAjD,CAAlB;;AAMPkB,SAAS,CAACG,WAAV,GAAwB,WAAxB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalCardBase~~/ModalCardBase~~.~~tsx~~"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AA0CA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,oCAG3B,gBAcM;AAAA,MAbJC,UAaI,QAbJA,UAaI;AAAA,MAZJC,IAYI,QAZJA,IAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,QAEX;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAG,4CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/~~C;AAEA,MAAMC,eAAe,GACnBV,SAAS,IAAIW,0BAAUC,YAAvB,IAAuCN,QAAQ,KAAKO,mBAASC,KAD~~/D;AAEA,MAAMC,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACN,eAAhD;AAEA,SACE,uEACML,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,eAAb,EAA8BC,QAA9B,CADS,EAETC,SAAS,IAAI,wBAFJ,CAFb;AAME,IAAA,GAAG,EAAEd;AANP,MAQE;AACE,IAAA,SAAS,EAAE,4BACT,0BADS,EAETe,wBAAwB,IACtB,kDAHO;AADb,KAOG,yBAAad,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CARJ,EAUG,yBAAaC,MAAb,KACC,qCAAC,YAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,MAAM,EAAC,GAAxB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGA,MADH,CAXJ,EAeG,yBAAaC,SAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA+CA,SAA/C,CAhBJ,EAmBGC,QAnBH,EAqBG,yBAAaC,OAAb,KACC;AACE,IAAA,SAAS,EAAE,4BACT,wBADS,EAETC,aAAa,KAAK,UAAlB,IAAgC,2BAFvB;AADb,KAMGD,OANH,CAtBJ,EAgCGY,eAAe,IAAI,qCAAC,sCAAD;AAAoB,IAAA,OAAO,EAAEP;AAA7B,IAhCtB,EAiCGY,kBAAkB,IACjB,qCAAC,oCAAD;AACE,kBAAYX,YADd;AAEE,IAAA,SAAS,EAAC,wBAFZ;AAGE,IAAA,OAAO,EAAED;AAHX,KAKE,qCAAC,oBAAD,OALF,CAlCJ,CARF,CADF;AAsDD,CAhF0B,EAiF3B;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CAjF2B,CAAtB;;AAwFPT,aAAa,CAACyB,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ViewWidth, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n\n /\n Кнопки-действия.\n \n Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n /\n actions?: React.ReactNode;\n\n /\n Тип отображения кнопок: вертикальный или горизонтальный\n /\n actionsLayout?: \"vertical\" \| \"horizontal\";\n onClose?: VoidFunction;\n\n /\n `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n /\n dismissLabel?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = withAdaptivity<\n ModalCardBaseProps & AdaptivityContextInterface\n>(\n ({\n getRootRef,\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout,\n viewWidth,\n hasMouse,\n viewHeight,\n onClose,\n dismissLabel = \"Скрыть\",\n ...restProps\n }) => {\n const platform = usePlatform();\n const isDesktop = useAdaptivityIsDesktop();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"ModalCardBase\", platform),\n isDesktop && \"ModalCardBase--desktop\"\n )}\n ref={getRootRef}\n >\n <div\n vkuiClass={classNames(\n \"ModalCardBase__container\",\n isSoftwareKeyboardOpened &&\n \"ModalCardBase__container--softwareKeyboardOpened\"\n )}\n >\n {hasReactNode(icon) && (\n <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n )}\n {hasReactNode(header) && (\n <Title level=\"2\" weight=\"2\" vkuiClass=\"ModalCardBase__header\">\n {header}\n </Title>\n )}\n {hasReactNode(subheader) && (\n <Subhead vkuiClass=\"ModalCardBase__subheader\">{subheader}</Subhead>\n )}\n\n {children}\n\n {hasReactNode(actions) && (\n <div\n vkuiClass={classNames(\n \"ModalCardBase__actions\",\n actionsLayout === \"vertical\" && \"ModalCardBase__actions--v\"\n )}\n >\n {actions}\n </div>\n )}\n\n {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n {canShowCloseBtnIos && (\n <PanelHeaderButton\n aria-label={dismissLabel}\n vkuiClass=\"ModalCardBase__dismiss\"\n onClick={onClose}\n >\n <Icon24Dismiss />\n </PanelHeaderButton>\n )}\n </div>\n </div>\n );\n },\n {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n }\n);\n\nModalCardBase.displayName = \"ModalCardBase\";\n"],"~~file~~":"~~ModalCardBase.js~~"}
1	+ {"version":3,"file":"ModalCardBase.js","names":["ModalCardBase","withAdaptivity","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","usePlatform","isDesktop","useAdaptivityIsDesktop","isSoftwareKeyboardOpened","useKeyboard","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","classNames","getClassName","hasReactNode","displayName"],"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ViewWidth, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n\n /\n Кнопки-действия.\n \n Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n /\n actions?: React.ReactNode;\n\n /\n Тип отображения кнопок: вертикальный или горизонтальный\n /\n actionsLayout?: \"vertical\" \| \"horizontal\";\n onClose?: VoidFunction;\n\n /\n `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n /\n dismissLabel?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = withAdaptivity<\n ModalCardBaseProps & AdaptivityContextInterface\n>(\n ({\n getRootRef,\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout,\n viewWidth,\n hasMouse,\n viewHeight,\n onClose,\n dismissLabel = \"Скрыть\",\n ...restProps\n }) => {\n const platform = usePlatform();\n const isDesktop = useAdaptivityIsDesktop();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"ModalCardBase\", platform),\n isDesktop && \"ModalCardBase--desktop\"\n )}\n ref={getRootRef}\n >\n <div\n vkuiClass={classNames(\n \"ModalCardBase__container\",\n isSoftwareKeyboardOpened &&\n \"ModalCardBase__container--softwareKeyboardOpened\"\n )}\n >\n {hasReactNode(icon) && (\n <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n )}\n {hasReactNode(header) && (\n <Title level=\"2\" weight=\"2\" vkuiClass=\"ModalCardBase__header\">\n {header}\n </Title>\n )}\n {hasReactNode(subheader) && (\n <Subhead vkuiClass=\"ModalCardBase__subheader\">{subheader}</Subhead>\n )}\n\n {children}\n\n {hasReactNode(actions) && (\n <div\n vkuiClass={classNames(\n \"ModalCardBase__actions\",\n actionsLayout === \"vertical\" && \"ModalCardBase__actions--v\"\n )}\n >\n {actions}\n </div>\n )}\n\n {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n {canShowCloseBtnIos && (\n <PanelHeaderButton\n aria-label={dismissLabel}\n vkuiClass=\"ModalCardBase__dismiss\"\n onClick={onClose}\n >\n <Icon24Dismiss />\n </PanelHeaderButton>\n )}\n </div>\n </div>\n );\n },\n {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n }\n);\n\nModalCardBase.displayName = \"ModalCardBase\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AA0CA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,IAAAC,8BAAA,EAG3B,gBAcM;EAAA,IAbJC,UAaI,QAbJA,UAaI;EAAA,IAZJC,IAYI,QAZJA,IAYI;EAAA,IAXJC,MAWI,QAXJA,MAWI;EAAA,IAVJC,SAUI,QAVJA,SAUI;EAAA,IATJC,QASI,QATJA,QASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,aAOI,QAPJA,aAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,UAII,QAJJA,UAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,6BAFJC,YAEI;EAAA,IAFJA,YAEI,kCAFW,QAEX;EAAA,IADDC,SACC;EACJ,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EACA,IAAMC,wBAAwB,GAAG,IAAAC,wBAAA,IAAcC,QAA/C;EAEA,IAAMC,eAAe,GACnBb,SAAS,IAAIc,yBAAA,CAAUC,YAAvB,IAAuCT,QAAQ,KAAKU,kBAAA,CAASC,KAD/D;EAEA,IAAMC,kBAAkB,GAAGZ,QAAQ,KAAKa,aAAb,IAAoB,CAACN,eAAhD;EAEA,OACE,uEACMR,SADN;IAEE,SAAS,EAAE,IAAAe,sBAAA,EACT,IAAAC,0BAAA,EAAa,eAAb,EAA8Bf,QAA9B,CADS,EAETE,SAAS,IAAI,wBAFJ,CAFb;IAME,GAAG,EAAEf;EANP,IAQE;IACE,SAAS,EAAE,IAAA2B,sBAAA,EACT,0BADS,EAETV,wBAAwB,IACtB,kDAHO;EADb,GAOG,IAAAY,mBAAA,EAAa5B,IAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAsCA,IAAtC,CARJ,EAUG,IAAA4B,mBAAA,EAAa3B,MAAb,KACC,qCAAC,YAAD;IAAO,KAAK,EAAC,GAAb;IAAiB,MAAM,EAAC,GAAxB;IAA4B,SAAS,EAAC;EAAtC,GACGA,MADH,CAXJ,EAeG,IAAA2B,mBAAA,EAAa1B,SAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAA+CA,SAA/C,CAhBJ,EAmBGC,QAnBH,EAqBG,IAAAyB,mBAAA,EAAaxB,OAAb,KACC;IACE,SAAS,EAAE,IAAAsB,sBAAA,EACT,wBADS,EAETrB,aAAa,KAAK,UAAlB,IAAgC,2BAFvB;EADb,GAMGD,OANH,CAtBJ,EAgCGe,eAAe,IAAI,qCAAC,sCAAD;IAAoB,OAAO,EAAEV;EAA7B,EAhCtB,EAiCGe,kBAAkB,IACjB,qCAAC,oCAAD;IACE,cAAYd,YADd;IAEE,SAAS,EAAC,wBAFZ;IAGE,OAAO,EAAED;EAHX,GAKE,qCAAC,oBAAD,OALF,CAlCJ,CARF,CADF;AAsDD,CAhF0B,EAiF3B;EACEH,SAAS,EAAE,IADb;EAEEE,UAAU,EAAE,IAFd;EAGED,QAAQ,EAAE;AAHZ,CAjF2B,CAAtB;;AAwFPV,aAAa,CAACgC,WAAd,GAA4B,eAA5B"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalDismissButton~~/ModalDismissButton~~.~~tsx~~"],"names":["ModalDismissButton","ariaLabel","restProps"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;AAAA,4BAF7B,YAE6B;AAAA,MAFfC,SAEe,+BAFH,SAEG;AAAA,MAD1BC,SAC0B;AAC7B,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMA,SAFN;AAGE,kBAAYD,SAHd;AAIE,IAAA,UAAU,EAAC,4BAJb;AAKE,IAAA,SAAS,EAAC;AALZ,MAOE,qCAAC,mBAAD,OAPF,CADF;AAWD,CAfM","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n \"aria-label\": ariaLabel = \"Закрыть\",\n ...restProps\n}: ModalDismissButtonProps) => {\n return (\n <Tappable\n vkuiClass=\"ModalDismissButton\"\n {...restProps}\n aria-label={ariaLabel}\n activeMode=\"ModalDismissButton--active\"\n hoverMode=\"ModalDismissButton--hover\"\n >\n <Icon20Cancel />\n </Tappable>\n );\n};\n"],"~~file~~":"~~ModalDismissButton.js~~"}
1	+ {"version":3,"file":"ModalDismissButton.js","names":["ModalDismissButton","ariaLabel","restProps"],"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n \"aria-label\": ariaLabel = \"Закрыть\",\n ...restProps\n}: ModalDismissButtonProps) => {\n return (\n <Tappable\n vkuiClass=\"ModalDismissButton\"\n {...restProps}\n aria-label={ariaLabel}\n activeMode=\"ModalDismissButton--active\"\n hoverMode=\"ModalDismissButton--hover\"\n >\n <Icon20Cancel />\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;EAAA,0BAF7B,YAE6B;EAAA,IAFfC,SAEe,+BAFH,SAEG;EAAA,IAD1BC,SAC0B;EAC7B,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC;EADZ,GAEMA,SAFN;IAGE,cAAYD,SAHd;IAIE,UAAU,EAAC,4BAJb;IAKE,SAAS,EAAC;EALZ,IAOE,qCAAC,mBAAD,OAPF,CADF;AAWD,CAfM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalPage~~/ModalPage~~.~~tsx~~"],"names":["warn","ModalPageComponent","children","header","size","sizeProp","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","hideCloseButton","restProps","React","useContext","ModalRootContext","updateModalHeight","platform","orientation","useEffect","isDesktop","isCloseButtonShown","modalContext","ModalType","PAGE","refs","Platform","IOS","VKCOM","innerElement","headerElement","contentElement","ModalPage","displayName"],"~~mappings~~":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Задаёт контенту максимальную ширину.\n \n > ⚠️ Заметки:\n * > - Для `viewWidth < SMALL_TABLET_SIZE` будет всегда `\"s\"`\n * > - Для `platform === VKCOM` максимальная ширина зашита, её не изменить.\n /\n size?: \"s\" \| \"m\" \| \"l\";\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n /\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n /\n Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n /\n hideCloseButton?: boolean;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\nconst ModalPageComponent = ({\n children,\n header,\n size: sizeProp = \"s\",\n viewWidth,\n viewHeight,\n sizeX,\n hasMouse,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight, // 75\n dynamicContentHeight,\n getModalContentRef,\n nav,\n id,\n hideCloseButton = false,\n ...restProps\n}: ModalPageProps & AdaptivityContextInterface) => {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n\n React.useEffect(updateModalHeight, [\n children,\n orientation,\n updateModalHeight,\n ]);\n\n const isDesktop = useAdaptivityIsDesktop();\n const isCloseButtonShown = !hideCloseButton && isDesktop;\n const size = isDesktop ? sizeProp : \"s\";\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.PAGE\n );\n\n return (\n <div\n {...restProps}\n id={id}\n vkuiClass={classNames(\n \"ModalPage\",\n platform === Platform.IOS && \"ModalPage--ios\",\n platform === Platform.VKCOM && \"ModalPage--vkcom\",\n `ModalPage--sizeX-${sizeX}`, // TODO v5.0.0 поправить под новую адаптивность\n isDesktop && \"ModalPage--desktop\",\n size && `ModalPage--${size}`\n )}\n >\n <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n <div vkuiClass=\"ModalPage__in\">\n <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n {header}\n </div>\n\n <div vkuiClass=\"ModalPage__content-wrap\">\n <div\n vkuiClass=\"ModalPage__content\"\n ref={multiRef<HTMLDivElement>(\n refs.contentElement,\n getModalContentRef\n )}\n >\n <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n </div>\n </div>\n {isCloseButtonShown && (\n <ModalDismissButton onClick={onClose \|\| modalContext.onClose} />\n )}\n </div>\n </div>\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = withAdaptivity(ModalPageComponent, {\n viewWidth: true,\n viewHeight: true,\n sizeX: true,\n hasMouse: true,\n});\n\nModalPage.displayName = \"ModalPage\";\n"],"~~file~~":"~~ModalPage.js~~"}
1	+ {"version":3,"file":"ModalPage.js","names":["warn","warnOnce","ModalPageComponent","children","header","size","sizeProp","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","hideCloseButton","restProps","React","useContext","ModalRootContext","updateModalHeight","platform","usePlatform","orientation","useOrientationChange","useEffect","isDesktop","useAdaptivityIsDesktop","isCloseButtonShown","modalContext","useModalRegistry","getNavId","ModalType","PAGE","refs","classNames","Platform","IOS","VKCOM","innerElement","headerElement","multiRef","contentElement","ModalPage","withAdaptivity","displayName"],"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Задаёт контенту максимальную ширину.\n \n > ⚠️ Заметки:\n * > - Для `viewWidth < SMALL_TABLET_SIZE` будет всегда `\"s\"`\n * > - Для `platform === VKCOM` максимальная ширина зашита, её не изменить.\n /\n size?: \"s\" \| \"m\" \| \"l\";\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n /\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n /\n Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n /\n hideCloseButton?: boolean;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\nconst ModalPageComponent = ({\n children,\n header,\n size: sizeProp = \"s\",\n viewWidth,\n viewHeight,\n sizeX,\n hasMouse,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight, // 75\n dynamicContentHeight,\n getModalContentRef,\n nav,\n id,\n hideCloseButton = false,\n ...restProps\n}: ModalPageProps & AdaptivityContextInterface) => {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n\n React.useEffect(updateModalHeight, [\n children,\n orientation,\n updateModalHeight,\n ]);\n\n const isDesktop = useAdaptivityIsDesktop();\n const isCloseButtonShown = !hideCloseButton && isDesktop;\n const size = isDesktop ? sizeProp : \"s\";\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.PAGE\n );\n\n return (\n <div\n {...restProps}\n id={id}\n vkuiClass={classNames(\n \"ModalPage\",\n platform === Platform.IOS && \"ModalPage--ios\",\n platform === Platform.VKCOM && \"ModalPage--vkcom\",\n `ModalPage--sizeX-${sizeX}`, // TODO v5.0.0 поправить под новую адаптивность\n isDesktop && \"ModalPage--desktop\",\n size && `ModalPage--${size}`\n )}\n >\n <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n <div vkuiClass=\"ModalPage__in\">\n <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n {header}\n </div>\n\n <div vkuiClass=\"ModalPage__content-wrap\">\n <div\n vkuiClass=\"ModalPage__content\"\n ref={multiRef<HTMLDivElement>(\n refs.contentElement,\n getModalContentRef\n )}\n >\n <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n </div>\n </div>\n {isCloseButtonShown && (\n <ModalDismissButton onClick={onClose \|\| modalContext.onClose} />\n )}\n </div>\n </div>\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = withAdaptivity(ModalPageComponent, {\n viewWidth: true,\n viewHeight: true,\n sizeX: true,\n hasMouse: true,\n});\n\nModalPage.displayName = \"ModalPage\";\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalPageHeader~~/ModalPageHeader~~.~~tsx~~"],"names":["ModalPageHeader","children","separator","getRef","restProps","platform","hasSeparator","VKCOM","isDesktop"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKH;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,4BAH1BC,SAG0B;AAAA,MAH1BA,SAG0B,+BAHd,IAGc;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,YAAY,GAAGJ,SAAS,IAAIG,QAAQ,KAAKE,eAA/C,CAF0B,CAG1B;;AACA,MAAMC,SAAS,GAAG,4CAAlB;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,iBADS,EAETH,QAAQ,KAAKE,eAAb,IAAsB,2BAFb,EAGTC,SAAS,IAAI,0BAHJ,CADb;AAME,IAAA,GAAG,EAAEL;AANP,KAQE,qCAAC,wBAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CARF,EAiBGK,YAAY,IAAI,qCAAC,oBAAD;AAAW,IAAA,IAAI;AAAf,IAjBnB,CADF;AAqBD,CAhCM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { Separator } from \"../Separator/Separator\";\nimport { PanelHeader, PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, \"fixed\" \| \"shadow\">,\n HasRef<HTMLDivElement> {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n children,\n separator = true,\n getRef,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const hasSeparator = separator && platform === VKCOM;\n // TODO v5.0.0 поправить под новую адаптивность\n const isDesktop = useAdaptivityIsDesktop();\n\n return (\n <div\n vkuiClass={classNames(\n \"ModalPageHeader\",\n platform !== VKCOM && \"ModalPageHeader--withGaps\",\n isDesktop && \"ModalPageHeader--desktop\"\n )}\n ref={getRef}\n >\n <PanelHeader\n vkuiClass=\"ModalPageHeader__in\"\n {...restProps}\n fixed={false}\n separator={false}\n transparent\n >\n {children}\n </PanelHeader>\n {hasSeparator && <Separator wide />}\n </div>\n );\n};\n"],"~~file~~":"~~ModalPageHeader.js~~"}
1	+ {"version":3,"file":"ModalPageHeader.js","names":["ModalPageHeader","children","separator","getRef","restProps","platform","usePlatform","hasSeparator","VKCOM","isDesktop","useAdaptivityIsDesktop","classNames"],"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { Separator } from \"../Separator/Separator\";\nimport { PanelHeader, PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, \"fixed\" \| \"shadow\">,\n HasRef<HTMLDivElement> {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n children,\n separator = true,\n getRef,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const hasSeparator = separator && platform === VKCOM;\n // TODO v5.0.0 поправить под новую адаптивность\n const isDesktop = useAdaptivityIsDesktop();\n\n return (\n <div\n vkuiClass={classNames(\n \"ModalPageHeader\",\n platform !== VKCOM && \"ModalPageHeader--withGaps\",\n isDesktop && \"ModalPageHeader--desktop\"\n )}\n ref={getRef}\n >\n <PanelHeader\n vkuiClass=\"ModalPageHeader__in\"\n {...restProps}\n fixed={false}\n separator={false}\n transparent\n >\n {children}\n </PanelHeader>\n {hasSeparator && <Separator wide />}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKH;EAAA,IAJ1BC,QAI0B,QAJ1BA,QAI0B;EAAA,0BAH1BC,SAG0B;EAAA,IAH1BA,SAG0B,+BAHd,IAGc;EAAA,IAF1BC,MAE0B,QAF1BA,MAE0B;EAAA,IADvBC,SACuB;EAC1B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,YAAY,GAAGL,SAAS,IAAIG,QAAQ,KAAKG,eAA/C,CAF0B,CAG1B;;EACA,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,iBADS,EAETN,QAAQ,KAAKG,eAAb,IAAsB,2BAFb,EAGTC,SAAS,IAAI,0BAHJ,CADb;IAME,GAAG,EAAEN;EANP,GAQE,qCAAC,wBAAD;IACE,SAAS,EAAC;EADZ,GAEMC,SAFN;IAGE,KAAK,EAAE,KAHT;IAIE,SAAS,EAAE,KAJb;IAKE,WAAW;EALb,IAOGH,QAPH,CARF,EAiBGM,YAAY,IAAI,qCAAC,oBAAD;IAAW,IAAI;EAAf,EAjBnB,CADF;AAqBD,CAhCM"}