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

@vkontakte/vkui 5.1.2 → 5.2.1

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 (1245) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseGallery.js","names":["React","classNames","Touch","HorizontalScrollArrow","useExternRef","useDOM","useAdaptivityHasPointer","useIsomorphicLayoutEffect","useGlobalEventListener","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","isDraggableProp","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","className","arrowSize","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasPointer","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","event","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","styles","el"],"sources":["../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { HorizontalScrollArrow } from '../HorizontalScroll/HorizontalScrollArrow';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { calcMax, calcMin } from './helpers';\nimport { BaseGalleryProps, GallerySlidesState, LayoutState, ShiftingState } from './types';\nimport styles from './BaseGallery.module.css';\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n containerWidth: 0,\n viewportOffsetWidth: 0,\n layerWidth: 0,\n min: 0,\n max: 0,\n slides: [],\n isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n animation: undefined,\n shiftX: 0,\n dragging: false,\n deltaX: 0,\n indent: 0,\n};\n\nexport const BaseGallery = ({\n bullets = false,\n getRootRef,\n children,\n slideWidth = '100%',\n slideIndex = 0,\n isDraggable: isDraggableProp = true,\n onDragStart,\n onDragEnd,\n onChange,\n onPrevClick,\n onNextClick,\n align = 'left',\n showArrows,\n getRef,\n className,\n arrowSize = 'l',\n ...restProps\n}: BaseGalleryProps) => {\n const slidesStore = React.useRef<Record<string, HTMLDivElement \| null>>({});\n const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n const [shiftState, setShiftState] = React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n const rootRef = useExternRef(getRootRef);\n const viewportRef = useExternRef(getRef);\n\n const { window } = useDOM();\n const hasPointer = useAdaptivityHasPointer();\n\n const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n const validateIndent = (value: number) => {\n const localMax = layoutState.current.max ?? 0;\n const localMin = layoutState.current.min ?? 0;\n\n if (value < localMin) {\n return localMin;\n } else if (value > localMax) {\n return localMax;\n }\n\n return value;\n };\n\n /\n Считает отступ слоя галереи\n /\n const calculateIndent = (targetIndex: number) => {\n if (layoutState.current.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = layoutState.current.slides?.length\n ? layoutState.current.slides[targetIndex]\n : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (isCenterWithCustomWidth) {\n const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return validateIndent(-1 coordX);\n }\n\n return 0;\n };\n\n /\n Считает отступ слоя галереи во время драга\n /\n const calculateDragIndent = () => {\n const localMax = layoutState.current.max ?? 0;\n const localMin = layoutState.current.min ?? 0;\n const indent = shiftState.shiftX + shiftState.deltaX;\n\n if (indent > localMax) {\n return localMax + Number((indent - localMax) / 3);\n } else if (indent < localMin) {\n return localMin + Number((indent - localMin) / 3);\n }\n\n return indent;\n };\n\n const initializeSlides = (options: { animation?: boolean } = {}) => {\n const localSlides =\n React.Children.map(children, (_item: React.ReactNode, i: number): GallerySlidesState => {\n const elem = slidesStore.current[`slide-${i}`];\n return {\n coordX: elem?.offsetLeft ?? 0,\n width: elem?.offsetWidth ?? 0,\n };\n }) ?? [];\n\n const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n const localLayerWidth = localSlides.reduce(\n (val: number, slide: GallerySlidesState) => slide.width + val,\n 0,\n );\n const adjustShiftX =\n localSlides.length <= layoutState.current.slides.length \|\|\n layoutState.current.slides[slideIndex]?.coordX !== localSlides[slideIndex]?.coordX;\n\n layoutState.current = {\n containerWidth: localContainerWidth,\n viewportOffsetWidth: localViewportOffsetWidth,\n layerWidth: localLayerWidth,\n max: calcMax({\n slides: localSlides,\n viewportOffsetWidth: localViewportOffsetWidth,\n isCenterWithCustomWidth,\n }),\n min: calcMin({\n containerWidth: localContainerWidth,\n layerWidth: localLayerWidth,\n slides: localSlides,\n viewportOffsetWidth: localViewportOffsetWidth,\n isCenterWithCustomWidth,\n align,\n }),\n slides: localSlides,\n isFullyVisible: localLayerWidth <= localContainerWidth,\n };\n\n setShiftState((prevState) => ({\n ...prevState,\n shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n animation: options.animation ?? prevState.shiftX === validateIndent(prevState.shiftX),\n }));\n };\n\n const onResize = () => {\n if (shiftState.animation !== undefined) {\n initializeSlides({ animation: false });\n }\n };\n\n useGlobalEventListener(window, 'resize', onResize);\n\n useIsomorphicLayoutEffect(() => {\n initializeSlides({ animation: false });\n }, [children, align, slideWidth]);\n\n useIsomorphicLayoutEffect(() => {\n if (shiftState.animation !== undefined) {\n setShiftState((prevState) => ({\n ...prevState,\n animation: true,\n deltaX: 0,\n shiftX: calculateIndent(slideIndex ?? 0),\n }));\n }\n }, [slideIndex]);\n\n const slideLeft = (event: React.MouseEvent) => {\n onChange?.(slideIndex - 1);\n onPrevClick?.(event);\n };\n\n const slideRight = (event: React.MouseEvent) => {\n onChange?.(slideIndex + 1);\n onNextClick?.(event);\n };\n\n /\n * Получает индекс слайда, к которому будет осуществлен переход\n /\n const getTarget = (e: TouchEvent) => {\n const expectDeltaX = (shiftState.deltaX / e.duration) 240 * 0.6;\n const shift =\n shiftState.shiftX + shiftState.deltaX + expectDeltaX - (layoutState.current.max ?? 0);\n const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = layoutState.current.slides.reduce(\n (val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(layoutState.current.slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n },\n slideIndex,\n );\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n if (Math.abs(shiftState.deltaX) > layoutState.current.slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n };\n\n const onStart = (e: TouchEvent) => {\n onDragStart?.(e);\n setShiftState((prevState) => ({ ...prevState, animation: false }));\n };\n\n const onMoveX = (e: TouchEvent) => {\n if (isDraggableProp && !layoutState.current.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n if (shiftState.deltaX !== e.shiftX) {\n setShiftState((prevState) => ({\n ...prevState,\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n }));\n }\n }\n }\n };\n\n const onEnd = (e: TouchEvent) => {\n const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n onDragEnd?.(e, targetIndex);\n\n const nextShiftState: Partial<ShiftingState> = {\n animation: true,\n dragging: false,\n deltaX: 0,\n };\n\n const shiftXStick = calculateDragIndent();\n if (targetIndex !== slideIndex) {\n // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n nextShiftState.shiftX = shiftXStick;\n }\n\n setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n if (targetIndex !== slideIndex) {\n onChange?.(targetIndex);\n }\n };\n\n const indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: shiftState.animation\n ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n : 'none',\n transition: shiftState.animation\n ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n : 'none',\n };\n\n const setSlideRef = (slideRef: HTMLDivElement \| null, slideIndex: number) => {\n slidesStore.current[`slide-${slideIndex}`] = slideRef;\n };\n\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n const canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n const canSlideRight =\n !layoutState.current.isFullyVisible &&\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n ((align === 'left' &&\n layoutState.current.containerWidth - shiftState.shiftX <\n (layoutState.current.layerWidth ?? 0)) \|\|\n // otherwise we need to check current slide index (align = right or align = center)\n (align !== 'left' && slideIndex < layoutState.current.slides.length - 1));\n\n const isDraggable = isDraggableProp && !layoutState.current.isFullyVisible;\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['BaseGallery'],\n styles[`BaseGallery--align-${align}`],\n shiftState.dragging && styles['BaseGallery--dragging'],\n slideWidth === 'custom' && styles['BaseGallery--custom-width'],\n isDraggable && styles['BaseGallery--draggable'],\n className,\n )}\n ref={rootRef}\n >\n <Touch\n className={styles['BaseGallery__viewport']}\n onStartX={onStart}\n onMoveX={onMoveX}\n onEnd={onEnd}\n style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n getRootRef={viewportRef}\n noSlideClick\n >\n <div className={styles['BaseGallery__layer']} style={layerStyle}>\n {React.Children.map(children, (item: React.ReactNode, i: number) => (\n <div\n className={styles['BaseGallery__slide']}\n key={`slide-${i}`}\n ref={(el) => setSlideRef(el, i)}\n >\n {item}\n </div>\n ))}\n </div>\n </Touch>\n\n {bullets && (\n <div\n aria-hidden\n className={classNames(\n styles['BaseGallery__bullets'],\n styles[`BaseGallery__bullets--${bullets}`],\n )}\n >\n {React.Children.map(children, (_item: React.ReactNode, index: number) => (\n <div\n className={classNames(\n styles['BaseGallery__bullet'],\n index === slideIndex && styles['BaseGallery__bullet--active'],\n )}\n key={index}\n />\n ))}\n </div>\n )}\n\n {showArrows && hasPointer && canSlideLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} size={arrowSize} />\n )}\n {showArrows && hasPointer && canSlideRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={slideRight} size={arrowSize} />\n )}\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"BaseGallery.js","names":["React","classNames","useAdaptivityHasPointer","useExternRef","useGlobalEventListener","useDOM","useIsomorphicLayoutEffect","HorizontalScrollArrow","Touch","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","isDraggableProp","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","className","arrowSize","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasPointer","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","event","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","styles","el"],"sources":["../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HorizontalScrollArrow } from '../HorizontalScroll/HorizontalScrollArrow';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { calcMax, calcMin } from './helpers';\nimport { BaseGalleryProps, GallerySlidesState, LayoutState, ShiftingState } from './types';\nimport styles from './BaseGallery.module.css';\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n containerWidth: 0,\n viewportOffsetWidth: 0,\n layerWidth: 0,\n min: 0,\n max: 0,\n slides: [],\n isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n animation: undefined,\n shiftX: 0,\n dragging: false,\n deltaX: 0,\n indent: 0,\n};\n\nexport const BaseGallery = ({\n bullets = false,\n getRootRef,\n children,\n slideWidth = '100%',\n slideIndex = 0,\n isDraggable: isDraggableProp = true,\n onDragStart,\n onDragEnd,\n onChange,\n onPrevClick,\n onNextClick,\n align = 'left',\n showArrows,\n getRef,\n className,\n arrowSize = 'l',\n ...restProps\n}: BaseGalleryProps) => {\n const slidesStore = React.useRef<Record<string, HTMLDivElement \| null>>({});\n const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n const [shiftState, setShiftState] = React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n const rootRef = useExternRef(getRootRef);\n const viewportRef = useExternRef(getRef);\n\n const { window } = useDOM();\n const hasPointer = useAdaptivityHasPointer();\n\n const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n const validateIndent = (value: number) => {\n const localMax = layoutState.current.max ?? 0;\n const localMin = layoutState.current.min ?? 0;\n\n if (value < localMin) {\n return localMin;\n } else if (value > localMax) {\n return localMax;\n }\n\n return value;\n };\n\n /\n Считает отступ слоя галереи\n /\n const calculateIndent = (targetIndex: number) => {\n if (layoutState.current.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = layoutState.current.slides?.length\n ? layoutState.current.slides[targetIndex]\n : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (isCenterWithCustomWidth) {\n const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return validateIndent(-1 coordX);\n }\n\n return 0;\n };\n\n /\n Считает отступ слоя галереи во время драга\n /\n const calculateDragIndent = () => {\n const localMax = layoutState.current.max ?? 0;\n const localMin = layoutState.current.min ?? 0;\n const indent = shiftState.shiftX + shiftState.deltaX;\n\n if (indent > localMax) {\n return localMax + Number((indent - localMax) / 3);\n } else if (indent < localMin) {\n return localMin + Number((indent - localMin) / 3);\n }\n\n return indent;\n };\n\n const initializeSlides = (options: { animation?: boolean } = {}) => {\n const localSlides =\n React.Children.map(children, (_item: React.ReactNode, i: number): GallerySlidesState => {\n const elem = slidesStore.current[`slide-${i}`];\n return {\n coordX: elem?.offsetLeft ?? 0,\n width: elem?.offsetWidth ?? 0,\n };\n }) ?? [];\n\n const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n const localLayerWidth = localSlides.reduce(\n (val: number, slide: GallerySlidesState) => slide.width + val,\n 0,\n );\n const adjustShiftX =\n localSlides.length <= layoutState.current.slides.length \|\|\n layoutState.current.slides[slideIndex]?.coordX !== localSlides[slideIndex]?.coordX;\n\n layoutState.current = {\n containerWidth: localContainerWidth,\n viewportOffsetWidth: localViewportOffsetWidth,\n layerWidth: localLayerWidth,\n max: calcMax({\n slides: localSlides,\n viewportOffsetWidth: localViewportOffsetWidth,\n isCenterWithCustomWidth,\n }),\n min: calcMin({\n containerWidth: localContainerWidth,\n layerWidth: localLayerWidth,\n slides: localSlides,\n viewportOffsetWidth: localViewportOffsetWidth,\n isCenterWithCustomWidth,\n align,\n }),\n slides: localSlides,\n isFullyVisible: localLayerWidth <= localContainerWidth,\n };\n\n setShiftState((prevState) => ({\n ...prevState,\n shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n animation: options.animation ?? prevState.shiftX === validateIndent(prevState.shiftX),\n }));\n };\n\n const onResize = () => {\n if (shiftState.animation !== undefined) {\n initializeSlides({ animation: false });\n }\n };\n\n useGlobalEventListener(window, 'resize', onResize);\n\n useIsomorphicLayoutEffect(() => {\n initializeSlides({ animation: false });\n }, [children, align, slideWidth]);\n\n useIsomorphicLayoutEffect(() => {\n if (shiftState.animation !== undefined) {\n setShiftState((prevState) => ({\n ...prevState,\n animation: true,\n deltaX: 0,\n shiftX: calculateIndent(slideIndex ?? 0),\n }));\n }\n }, [slideIndex]);\n\n const slideLeft = (event: React.MouseEvent) => {\n onChange?.(slideIndex - 1);\n onPrevClick?.(event);\n };\n\n const slideRight = (event: React.MouseEvent) => {\n onChange?.(slideIndex + 1);\n onNextClick?.(event);\n };\n\n /\n * Получает индекс слайда, к которому будет осуществлен переход\n /\n const getTarget = (e: TouchEvent) => {\n const expectDeltaX = (shiftState.deltaX / e.duration) 240 * 0.6;\n const shift =\n shiftState.shiftX + shiftState.deltaX + expectDeltaX - (layoutState.current.max ?? 0);\n const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = layoutState.current.slides.reduce(\n (val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(layoutState.current.slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n },\n slideIndex,\n );\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n if (Math.abs(shiftState.deltaX) > layoutState.current.slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n };\n\n const onStart = (e: TouchEvent) => {\n onDragStart?.(e);\n setShiftState((prevState) => ({ ...prevState, animation: false }));\n };\n\n const onMoveX = (e: TouchEvent) => {\n if (isDraggableProp && !layoutState.current.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n if (shiftState.deltaX !== e.shiftX) {\n setShiftState((prevState) => ({\n ...prevState,\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n }));\n }\n }\n }\n };\n\n const onEnd = (e: TouchEvent) => {\n const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n onDragEnd?.(e, targetIndex);\n\n const nextShiftState: Partial<ShiftingState> = {\n animation: true,\n dragging: false,\n deltaX: 0,\n };\n\n const shiftXStick = calculateDragIndent();\n if (targetIndex !== slideIndex) {\n // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n nextShiftState.shiftX = shiftXStick;\n }\n\n setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n if (targetIndex !== slideIndex) {\n onChange?.(targetIndex);\n }\n };\n\n const indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: shiftState.animation\n ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n : 'none',\n transition: shiftState.animation\n ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n : 'none',\n };\n\n const setSlideRef = (slideRef: HTMLDivElement \| null, slideIndex: number) => {\n slidesStore.current[`slide-${slideIndex}`] = slideRef;\n };\n\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n const canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n const canSlideRight =\n !layoutState.current.isFullyVisible &&\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n ((align === 'left' &&\n layoutState.current.containerWidth - shiftState.shiftX <\n (layoutState.current.layerWidth ?? 0)) \|\|\n // otherwise we need to check current slide index (align = right or align = center)\n (align !== 'left' && slideIndex < layoutState.current.slides.length - 1));\n\n const isDraggable = isDraggableProp && !layoutState.current.isFullyVisible;\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['BaseGallery'],\n styles[`BaseGallery--align-${align}`],\n shiftState.dragging && styles['BaseGallery--dragging'],\n slideWidth === 'custom' && styles['BaseGallery--custom-width'],\n isDraggable && styles['BaseGallery--draggable'],\n className,\n )}\n ref={rootRef}\n >\n <Touch\n className={styles['BaseGallery__viewport']}\n onStartX={onStart}\n onMoveX={onMoveX}\n onEnd={onEnd}\n style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n getRootRef={viewportRef}\n noSlideClick\n >\n <div className={styles['BaseGallery__layer']} style={layerStyle}>\n {React.Children.map(children, (item: React.ReactNode, i: number) => (\n <div\n className={styles['BaseGallery__slide']}\n key={`slide-${i}`}\n ref={(el) => setSlideRef(el, i)}\n >\n {item}\n </div>\n ))}\n </div>\n </Touch>\n\n {bullets && (\n <div\n aria-hidden\n className={classNames(\n styles['BaseGallery__bullets'],\n styles[`BaseGallery__bullets--${bullets}`],\n )}\n >\n {React.Children.map(children, (_item: React.ReactNode, index: number) => (\n <div\n className={classNames(\n styles['BaseGallery__bullet'],\n index === slideIndex && styles['BaseGallery__bullet--active'],\n )}\n key={index}\n />\n ))}\n </div>\n )}\n\n {showArrows && hasPointer && canSlideLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} size={arrowSize} />\n )}\n {showArrows && hasPointer && canSlideRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={slideRight} size={arrowSize} />\n )}\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/BaseGallery/helpers.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { LayoutState } from './types';
 import { HasAlign } from '../../types';
+import { LayoutState } from './types';
 interface CalcMin extends Partial<LayoutState> {
     isCenterWithCustomWidth: boolean;
     align: HasAlign['align'];

package/dist/components/BaseGallery/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","names":["calcMin","containerWidth","layerWidth","slides","viewportOffsetWidth","align","isCenterWithCustomWidth","length","coordX","width","undefined","calcMax"],"sources":["../../../src/components/BaseGallery/helpers.ts"],"sourcesContent":["import { ~~LayoutState~~ } from './types';\nimport { ~~HasAlign~~ } from '~~../../~~types';\n\ninterface CalcMin extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n align: HasAlign['align'];\n}\n\nexport const calcMin = ({\n containerWidth = 0,\n layerWidth = 0,\n slides = [],\n viewportOffsetWidth = 0,\n align,\n isCenterWithCustomWidth,\n}: CalcMin) => {\n switch (align) {\n case 'left':\n return containerWidth - layerWidth;\n case 'right':\n return viewportOffsetWidth - layerWidth;\n case 'center':\n if (isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportOffsetWidth / 2 - coordX - width / 2;\n } else {\n return viewportOffsetWidth - (containerWidth - viewportOffsetWidth) / 2 - layerWidth;\n }\n }\n return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n slides = [],\n viewportOffsetWidth = 0,\n isCenterWithCustomWidth,\n}: CalcMax) => {\n if (isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportOffsetWidth / 2 - coordX - width / 2;\n }\n return 0;\n};\n"],"mappings":"AAQA,OAAO,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAOL;EAAA,+BANbC,cAAc;IAAdA,cAAc,oCAAG,CAAC;IAAA,uBAClBC,UAAU;IAAVA,UAAU,gCAAG,CAAC;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,6BACXC,mBAAmB;IAAnBA,mBAAmB,sCAAG,CAAC;IACvBC,KAAK,QAALA,KAAK;IACLC,uBAAuB,QAAvBA,uBAAuB;EAEvB,QAAQD,KAAK;IACX,KAAK,MAAM;MACT,OAAOJ,cAAc,GAAGC,UAAU;IACpC,KAAK,OAAO;MACV,OAAOE,mBAAmB,GAAGF,UAAU;IACzC,KAAK,QAAQ;MACX,IAAII,uBAAuB,IAAIH,MAAM,CAACI,MAAM,EAAE;QAC5C,cAA0BJ,MAAM,CAACA,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC;UAA3CC,MAAM,WAANA,MAAM;UAAEC,KAAK,WAALA,KAAK;QACrB,OAAOL,mBAAmB,GAAG,CAAC,GAAGI,MAAM,GAAGC,KAAK,GAAG,CAAC;MACrD,CAAC,MAAM;QACL,OAAOL,mBAAmB,GAAG,CAACH,cAAc,GAAGG,mBAAmB,IAAI,CAAC,GAAGF,UAAU;MACtF;EAAC;EAEL,OAAOQ,SAAS;AAClB,CAAC;AAMD,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,QAIL;EAAA,yBAHbR,MAAM;IAANA,MAAM,6BAAG,EAAE;IAAA,8BACXC,mBAAmB;IAAnBA,mBAAmB,sCAAG,CAAC;IACvBE,uBAAuB,SAAvBA,uBAAuB;EAEvB,IAAIA,uBAAuB,IAAIH,MAAM,CAACI,MAAM,EAAE;IAC5C,eAA0BJ,MAAM,CAAC,CAAC,CAAC;MAA3BM,KAAK,YAALA,KAAK;MAAED,MAAM,YAANA,MAAM;IACrB,OAAOJ,mBAAmB,GAAG,CAAC,GAAGI,MAAM,GAAGC,KAAK,GAAG,CAAC;EACrD;EACA,OAAO,CAAC;AACV,CAAC"}
1	+ {"version":3,"file":"helpers.js","names":["calcMin","containerWidth","layerWidth","slides","viewportOffsetWidth","align","isCenterWithCustomWidth","length","coordX","width","undefined","calcMax"],"sources":["../../../src/components/BaseGallery/helpers.ts"],"sourcesContent":["import { HasAlign } from '../../types';\nimport { LayoutState } from './types';\n\ninterface CalcMin extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n align: HasAlign['align'];\n}\n\nexport const calcMin = ({\n containerWidth = 0,\n layerWidth = 0,\n slides = [],\n viewportOffsetWidth = 0,\n align,\n isCenterWithCustomWidth,\n}: CalcMin) => {\n switch (align) {\n case 'left':\n return containerWidth - layerWidth;\n case 'right':\n return viewportOffsetWidth - layerWidth;\n case 'center':\n if (isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportOffsetWidth / 2 - coordX - width / 2;\n } else {\n return viewportOffsetWidth - (containerWidth - viewportOffsetWidth) / 2 - layerWidth;\n }\n }\n return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n slides = [],\n viewportOffsetWidth = 0,\n isCenterWithCustomWidth,\n}: CalcMax) => {\n if (isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportOffsetWidth / 2 - coordX - width / 2;\n }\n return 0;\n};\n"],"mappings":"AAQA,OAAO,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAOL;EAAA,+BANbC,cAAc;IAAdA,cAAc,oCAAG,CAAC;IAAA,uBAClBC,UAAU;IAAVA,UAAU,gCAAG,CAAC;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,6BACXC,mBAAmB;IAAnBA,mBAAmB,sCAAG,CAAC;IACvBC,KAAK,QAALA,KAAK;IACLC,uBAAuB,QAAvBA,uBAAuB;EAEvB,QAAQD,KAAK;IACX,KAAK,MAAM;MACT,OAAOJ,cAAc,GAAGC,UAAU;IACpC,KAAK,OAAO;MACV,OAAOE,mBAAmB,GAAGF,UAAU;IACzC,KAAK,QAAQ;MACX,IAAII,uBAAuB,IAAIH,MAAM,CAACI,MAAM,EAAE;QAC5C,cAA0BJ,MAAM,CAACA,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC;UAA3CC,MAAM,WAANA,MAAM;UAAEC,KAAK,WAALA,KAAK;QACrB,OAAOL,mBAAmB,GAAG,CAAC,GAAGI,MAAM,GAAGC,KAAK,GAAG,CAAC;MACrD,CAAC,MAAM;QACL,OAAOL,mBAAmB,GAAG,CAACH,cAAc,GAAGG,mBAAmB,IAAI,CAAC,GAAGF,UAAU;MACtF;EAAC;EAEL,OAAOQ,SAAS;AAClB,CAAC;AAMD,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,QAIL;EAAA,yBAHbR,MAAM;IAANA,MAAM,6BAAG,EAAE;IAAA,8BACXC,mBAAmB;IAAnBA,mBAAmB,sCAAG,CAAC;IACvBE,uBAAuB,SAAvBA,uBAAuB;EAEvB,IAAIA,uBAAuB,IAAIH,MAAM,CAACI,MAAM,EAAE;IAC5C,eAA0BJ,MAAM,CAAC,CAAC,CAAC;MAA3BM,KAAK,YAALA,KAAK;MAAED,MAAM,YAANA,MAAM;IACrB,OAAOJ,mBAAmB,GAAG,CAAC,GAAGI,MAAM,GAAGC,KAAK,GAAG,CAAC;EACrD;EACA,OAAO,CAAC;AACV,CAAC"}

package/dist/components/BaseGallery/types.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { HasAlign, HasRef, HasRootRef } from '../../types';
-import { TouchEvent, TouchEventHandler } from '../Touch/Touch';
 import { HorizontalScrollArrowProps } from '../HorizontalScroll/HorizontalScrollArrow';
+import { TouchEvent, TouchEventHandler } from '../Touch/Touch';
 export interface GallerySlidesState {
     coordX: number;
     width: number;

package/dist/components/BaseGallery/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { ~~TouchEvent,~~ ~~TouchEventHandler~~ } from '../~~Touch~~/~~Touch~~';\nimport { ~~HorizontalScrollArrowProps~~ } from '../~~HorizontalScroll~~/~~HorizontalScrollArrow~~';\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\nexport interface ShiftingState {\n deltaX: number;\n shiftX: number;\n animation?: boolean;\n dragging: boolean;\n}\n\nexport interface LayoutState {\n containerWidth: number;\n viewportOffsetWidth: number;\n layerWidth: number;\n min?: number;\n max: number;\n slides: GallerySlidesState[];\n isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' \| 'onDragStart' \| 'onDragEnd'>,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string \| number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?(e: TouchEvent, targetIndex: number): void;\n onChange?(current: number): void;\n /*\n Будет вызвано при клике на кнопку-стрелку влево\n /\n onPrevClick?(event: React.MouseEvent): void;\n /\n Будет вызвано при клике на кнопку-стрелку вправо\n */\n onNextClick?(event: React.MouseEvent): void;\n bullets?: 'dark' \| 'light' \| false;\n isDraggable?: boolean;\n showArrows?: boolean;\n hasPointer?: boolean;\n arrowSize?: HorizontalScrollArrowProps['size'];\n}\n"],"mappings":""}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { HorizontalScrollArrowProps } from '../HorizontalScroll/HorizontalScrollArrow';\nimport { TouchEvent, TouchEventHandler } from '../Touch/Touch';\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\nexport interface ShiftingState {\n deltaX: number;\n shiftX: number;\n animation?: boolean;\n dragging: boolean;\n}\n\nexport interface LayoutState {\n containerWidth: number;\n viewportOffsetWidth: number;\n layerWidth: number;\n min?: number;\n max: number;\n slides: GallerySlidesState[];\n isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' \| 'onDragStart' \| 'onDragEnd'>,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string \| number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?(e: TouchEvent, targetIndex: number): void;\n onChange?(current: number): void;\n /*\n Будет вызвано при клике на кнопку-стрелку влево\n /\n onPrevClick?(event: React.MouseEvent): void;\n /\n Будет вызвано при клике на кнопку-стрелку вправо\n */\n onNextClick?(event: React.MouseEvent): void;\n bullets?: 'dark' \| 'light' \| false;\n isDraggable?: boolean;\n showArrows?: boolean;\n hasPointer?: boolean;\n arrowSize?: HorizontalScrollArrowProps['size'];\n}\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { TappableProps } from '../Tappable/Tappable';
 import { HasAlign } from '../../types';
+import { TappableProps } from '../Tappable/Tappable';
 export interface VKUIButtonProps extends HasAlign {
     mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';
     appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';

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

@@ -1,14 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["size", "mode", "appearance", "stretched", "align", "children", "before", "after", "getRootRef", "Component", "loading", "onClick", "stopPropagation", "className"];
+var _sizeYClassNames;
 import * as React from 'react';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { Platform } from '../../lib/platform';
-import { Tappable } from '../Tappable/Tappable';
-import { Spinner } from '../Spinner/Spinner';
-import { getSizeYClassName } from '../../helpers/getSizeYClassName';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
 import { usePlatform } from '../../hooks/usePlatform';
+import { SizeType } from '../../lib/adaptivity';
+import { Platform } from '../../lib/platform';
+import { Spinner } from '../Spinner/Spinner';
+import { Tappable } from '../Tappable/Tappable';
+var sizeYClassNames = (_sizeYClassNames = {
+  none: "vkuiButton--sizeY-none"
+}, _defineProperty(_sizeYClassNames, SizeType.COMPACT, "vkuiButton--sizeY-compact"), _defineProperty(_sizeYClassNames, SizeType.REGULAR, "vkuiButton--sizeY-regular"), _sizeYClassNames);
 /**
  * @see https://vkcom.github.io/VKUI/#/Button
  */
@@ -38,7 +43,8 @@ export var Button = function Button(_ref) {
   var hasIcons = Boolean(before || after);
   var hasIconOnly = !children && Boolean(after) !== Boolean(before);
   var _useAdaptivity = useAdaptivity(),
-    sizeY = _useAdaptivity.sizeY;
+    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
+    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
   var platform = usePlatform();
   return /*#__PURE__*/React.createElement(Tappable, _extends({
     hoverMode: "vkuiButton--hover",
@@ -48,7 +54,7 @@ export var Button = function Button(_ref) {
     onClick: loading ? undefined : onClick,
     focusVisibleMode: "outside",
     stopPropagation: stopPropagation,
-    className: classNames(className, "vkuiButton", styles["Button--size-".concat(size)], styles["Button--mode-".concat(mode)], styles["Button--appearance-".concat(appearance)], styles["Button--align-".concat(align)], getSizeYClassName("vkuiButton", sizeY), platform === Platform.ANDROID && "vkuiButton--android", platform === Platform.IOS && "vkuiButton--ios", stretched && "vkuiButton--stretched", hasIcons && "vkuiButton--with-icon", hasIconOnly && !stretched && "vkuiButton--singleIcon", loading && "vkuiButton--loading"),
+    className: classNames(className, "vkuiButton", styles["Button--size-".concat(size)], styles["Button--mode-".concat(mode)], styles["Button--appearance-".concat(appearance)], styles["Button--align-".concat(align)], sizeYClassNames[sizeY], platform === Platform.ANDROID && "vkuiButton--android", platform === Platform.IOS && "vkuiButton--ios", stretched && "vkuiButton--stretched", hasIcons && "vkuiButton--with-icon", hasIconOnly && !stretched && "vkuiButton--singleIcon", loading && "vkuiButton--loading"),
     getRootRef: getRootRef
   }), loading && /*#__PURE__*/React.createElement(Spinner, {
     size: "small",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","names":["React","classNames","hasReactNode","Platform","Tappable","~~Spinner~~","~~getSizeYClassName~~","~~useAdaptivity~~","~~usePlatform~~","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","className","restProps","hasIcons","Boolean","hasIconOnly","sizeY","platform","href","undefined","styles","ANDROID","IOS","process","env","NODE_ENV"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { ~~Platform~~ } from '../../~~lib~~/~~platform~~';\nimport { ~~TappableProps,~~ ~~Tappable~~ } from '~~../Tappable~~/~~Tappable~~';\nimport { ~~HasAlign~~ } from '../../~~types~~';\nimport { ~~Spinner~~ } from '~~../Spinner~~/~~Spinner~~';\nimport { ~~getSizeYClassName~~ } from '../../~~helpers/getSizeYClassName~~';\nimport { ~~useAdaptivity~~ } from '~~../../hooks~~/~~useAdaptivity~~';\nimport { ~~usePlatform~~ } from '~~../../hooks~~/~~usePlatform~~';\nimport styles from './Button.module.css';\n\nexport interface VKUIButtonProps extends HasAlign {\n mode?: 'primary' \| 'secondary' \| 'tertiary' \| 'outline' \| 'link';\n appearance?: 'accent' \| 'positive' \| 'negative' \| 'neutral' \| 'overlay' \| 'accent-invariable';\n size?: 's' \| 'm' \| 'l';\n stretched?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n loading?: boolean;\n}\n\nexport interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = ({\n size = 's',\n mode = 'primary',\n appearance = 'accent',\n stretched = false,\n align = 'center',\n children,\n before,\n after,\n getRootRef,\n Component = 'button',\n loading,\n onClick,\n stopPropagation = true,\n className,\n ...restProps\n}: ButtonProps) => {\n const hasIcons = Boolean(before \|\| after);\n const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n const { sizeY } = useAdaptivity();\n const platform = usePlatform();\n\n return (\n <Tappable\n hoverMode={styles['Button--hover']}\n activeMode={styles['Button--active']}\n {...restProps}\n Component={restProps.href ? 'a' : Component}\n onClick={loading ? undefined : onClick}\n focusVisibleMode=\"outside\"\n stopPropagation={stopPropagation}\n className={classNames(\n className,\n styles.Button,\n styles[`Button--size-${size}`],\n styles[`Button--mode-${mode}`],\n styles[`Button--appearance-${appearance}`],\n styles[`Button--align-${align}`],\n ~~getSizeYClassName(styles~~[~~'Button'~~]~~, sizeY)~~,\n platform === Platform.ANDROID && styles[`Button--android`],\n platform === Platform.IOS && styles[`Button--ios`],\n stretched && styles['Button--stretched'],\n hasIcons && styles['Button--with-icon'],\n hasIconOnly && !stretched && styles['Button--singleIcon'],\n loading && styles['Button--loading'],\n )}\n getRootRef={getRootRef}\n >\n {loading && <Spinner size=\"small\" className={styles.Button__spinner} />}\n <span className={styles.Button__in}>\n {hasReactNode(before) && (\n <span\n className={styles.Button__before}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n >\n {before}\n </span>\n )}\n {hasReactNode(children) && (\n <span\n className={styles.Button__content}\n data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n >\n {children}\n </span>\n )}\n {hasReactNode(after) && (\n <span\n className={styles.Button__after}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n >\n {after}\n </span>\n )}\n </span>\n </Tappable>\n );\n};\n"],"mappings":"~~;;;~~AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,~~oBAAoB~~;~~AAC7C~~,~~SAAwBC~~,QAAQ,QAAQ,sBAAsB;~~AAE9D~~,SAASC,~~OAAO~~,QAAQ,oBAAoB;~~AAC5C~~,SAASC,~~iBAAiB~~,QAAQ,~~iCAAiC~~;~~AACnE~~,SAASC,~~aAAa,~~QAAQ,~~2BAA2B~~;~~AACzD~~,~~SAASC~~,~~WAAW~~,QAAQ,~~yBAAyB~~;~~AAerD~~;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAM,OAgBA;EAAA,qBAfjBC,IAAI;IAAJA,IAAI,0BAAG,GAAG;IAAA,iBACVC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,uBAChBC,UAAU;IAAVA,UAAU,gCAAG,QAAQ;IAAA,sBACrBC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,kBACjBC,KAAK;IAALA,KAAK,2BAAG,QAAQ;IAChBC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IAAA,sBACVC,SAAS;IAATA,SAAS,+BAAG,QAAQ;IACpBC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,4BACPC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IACtBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGC,OAAO,CAACV,MAAM,IAAIC,KAAK,CAAC;EACzC,IAAMU,WAAW,GAAG,CAACZ,QAAQ,IAAIW,OAAO,CAACT,KAAK,CAAC,KAAKS,OAAO,CAACV,MAAM,CAAC;EACnE,~~qBAAkBT~~,aAAa,EAAE;~~IAAzBqB~~,KAAK,~~kBAALA~~,~~KAAK~~;~~EACb~~,IAAMC,QAAQ,~~GAAGrB~~,WAAW,EAAE;EAE9B,oBACE,oBAAC,QAAQ;IACP,SAAS,qBAA0B;IACnC,UAAU;EAA2B,~~GACjCgB~~,SAAS;IACb,SAAS,EAAEA,SAAS,CAACM,IAAI,GAAG,GAAG,GAAGX,SAAU;IAC5C,OAAO,EAAEC,OAAO,GAAGW,SAAS,GAAGV,OAAQ;IACvC,gBAAgB,EAAC,SAAS;IAC1B,eAAe,EAAEC,eAAgB;IACjC,SAAS,~~EAAErB~~,UAAU,~~CACnBsB~~,SAAS,gBAETS,MAAM,wBAAiBtB,IAAI,EAAG,EAC9BsB,MAAM,wBAAiBrB,IAAI,EAAG,EAC9BqB,MAAM,8BAAuBpB,UAAU,EAAG,EAC1CoB,MAAM,yBAAkBlB,KAAK,EAAG,~~EAChCR~~,~~iBAAiB~~,~~eAAmBsB~~,KAAK,CAAC,~~EAC1CC~~,QAAQ,~~KAAK1B~~,QAAQ,~~CAAC8B~~,OAAO,yBAA6B,EAC1DJ,QAAQ,~~KAAK1B~~,QAAQ,~~CAAC+B~~,GAAG,qBAAyB,EAClDrB,SAAS,2BAA+B,EACxCY,QAAQ,2BAA+B,EACvCE,WAAW,IAAI,CAACd,SAAS,4BAAgC,EACzDO,OAAO,yBAA6B,CACpC;IACF,UAAU,EAAEF;EAAW,IAEtBE,OAAO,iBAAI,oBAAC,OAAO;IAAC,IAAI,EAAC,OAAO;IAAC,SAAS;EAAyB,EAAG,eACvE;IAAM,SAAS;EAAoB,~~GAChClB~~,YAAY,~~CAACc~~,MAAM,CAAC,iBACnB;IACE,SAAS,sBAAwB;IACjC,IAAI,EAAC,cAAc;IACnB,eAAamB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,QAAQ,GAAGN;EAAU,GAEnEf,MAAM,CAEV,~~EACAd~~,YAAY,~~CAACa~~,QAAQ,CAAC,iBACrB;IACE,SAAS,uBAAyB;IAClC,eAAaoB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,UAAU,GAAGN;EAAU,GAErEhB,QAAQ,CAEZ,~~EACAb~~,YAAY,~~CAACe~~,KAAK,CAAC,iBAClB;IACE,SAAS,qBAAuB;IAChC,IAAI,EAAC,cAAc;IACnB,eAAakB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAGN;EAAU,GAElEd,KAAK,CAET,CACI,CACE;AAEf,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"Button.js","names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","SizeType","Platform","Spinner","Tappable","sizeYClassNames","none","COMPACT","REGULAR","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","className","restProps","hasIcons","Boolean","hasIconOnly","sizeY","platform","href","undefined","styles","ANDROID","IOS","process","env","NODE_ENV"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Button.module.css';\n\nconst sizeYClassNames = {\n none: styles['Button--sizeY-none'],\n [SizeType.COMPACT]: styles['Button--sizeY-compact'],\n [SizeType.REGULAR]: styles['Button--sizeY-regular'],\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n mode?: 'primary' \| 'secondary' \| 'tertiary' \| 'outline' \| 'link';\n appearance?: 'accent' \| 'positive' \| 'negative' \| 'neutral' \| 'overlay' \| 'accent-invariable';\n size?: 's' \| 'm' \| 'l';\n stretched?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n loading?: boolean;\n}\n\nexport interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = ({\n size = 's',\n mode = 'primary',\n appearance = 'accent',\n stretched = false,\n align = 'center',\n children,\n before,\n after,\n getRootRef,\n Component = 'button',\n loading,\n onClick,\n stopPropagation = true,\n className,\n ...restProps\n}: ButtonProps) => {\n const hasIcons = Boolean(before \|\| after);\n const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n const { sizeY = 'none' } = useAdaptivity();\n const platform = usePlatform();\n\n return (\n <Tappable\n hoverMode={styles['Button--hover']}\n activeMode={styles['Button--active']}\n {...restProps}\n Component={restProps.href ? 'a' : Component}\n onClick={loading ? undefined : onClick}\n focusVisibleMode=\"outside\"\n stopPropagation={stopPropagation}\n className={classNames(\n className,\n styles.Button,\n styles[`Button--size-${size}`],\n styles[`Button--mode-${mode}`],\n styles[`Button--appearance-${appearance}`],\n styles[`Button--align-${align}`],\n sizeYClassNames[sizeY],\n platform === Platform.ANDROID && styles[`Button--android`],\n platform === Platform.IOS && styles[`Button--ios`],\n stretched && styles['Button--stretched'],\n hasIcons && styles['Button--with-icon'],\n hasIconOnly && !stretched && styles['Button--singleIcon'],\n loading && styles['Button--loading'],\n )}\n getRootRef={getRootRef}\n >\n {loading && <Spinner size=\"small\" className={styles.Button__spinner} />}\n <span className={styles.Button__in}>\n {hasReactNode(before) && (\n <span\n className={styles.Button__before}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n >\n {before}\n </span>\n )}\n {hasReactNode(children) && (\n <span\n className={styles.Button__content}\n data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n >\n {children}\n </span>\n )}\n {hasReactNode(after) && (\n <span\n className={styles.Button__after}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n >\n {after}\n </span>\n )}\n </span>\n </Tappable>\n );\n};\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { HasRootRef, AlignType } from '../../types';
+import type { AlignType, HasRootRef } from '../../types';
 export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     /**
      * Задает расположение элементов внутри группы, вертикальное или горизонтальное.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","names":["React","classNames","ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","styles"],"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { ~~HasRootRef~~, ~~AlignType~~ } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: 'vertical' \| 'horizontal';\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: 'none' \| 'space' \| 's' \| 'm';\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n /\n Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n /\n align?: AlignType;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n /\nexport const ButtonGroup = ({\n mode = 'horizontal',\n gap = 'm',\n stretched = false,\n align = 'left' / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n getRootRef,\n className,\n children,\n ...restProps\n}: ButtonGroupProps) => {\n return (\n <div\n className={classNames(\n className,\n styles.ButtonGroup,\n styles[`ButtonGroup--mode-${mode}`],\n gap !== 'none' && styles[`ButtonGroup--gap-${gap}`],\n stretched && styles['ButtonGroup--stretched'],\n align && styles[`ButtonGroup--align-${align}`],\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AA2B5C;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,qBARtBC,IAAI;IAAJA,IAAI,0BAAG,YAAY;IAAA,gBACnBC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,kBACjBC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,oBACE;IACE,SAAS,EAAET,UAAU,CACnBO,SAAS,qBAETG,MAAM,6BAAsBR,IAAI,EAAG,EACnCC,GAAG,KAAK,MAAM,IAAIO,MAAM,4BAAqBP,GAAG,EAAG,EACnDC,SAAS,gCAAoC,EAC7CC,KAAK,IAAIK,MAAM,8BAAuBL,KAAK,EAAG,CAC9C;IACF,IAAI,EAAC,OAAO;IACZ,GAAG,EAAEC;EAAW,GACZG,SAAS,GAEZD,QAAQ,CACL;AAEV,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"ButtonGroup.js","names":["React","classNames","ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","styles"],"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HasRootRef } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: 'vertical' \| 'horizontal';\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: 'none' \| 'space' \| 's' \| 'm';\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n /\n Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n /\n align?: AlignType;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n /\nexport const ButtonGroup = ({\n mode = 'horizontal',\n gap = 'm',\n stretched = false,\n align = 'left' / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n getRootRef,\n className,\n children,\n ...restProps\n}: ButtonGroupProps) => {\n return (\n <div\n className={classNames(\n className,\n styles.ButtonGroup,\n styles[`ButtonGroup--mode-${mode}`],\n gap !== 'none' && styles[`ButtonGroup--gap-${gap}`],\n stretched && styles['ButtonGroup--stretched'],\n align && styles[`ButtonGroup--align-${align}`],\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AA2B5C;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,qBARtBC,IAAI;IAAJA,IAAI,0BAAG,YAAY;IAAA,gBACnBC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,kBACjBC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,oBACE;IACE,SAAS,EAAET,UAAU,CACnBO,SAAS,qBAETG,MAAM,6BAAsBR,IAAI,EAAG,EACnCC,GAAG,KAAK,MAAM,IAAIO,MAAM,4BAAqBP,GAAG,EAAG,EACnDC,SAAS,gCAAoC,EAC7CC,KAAK,IAAIK,MAAM,8BAAuBL,KAAK,EAAG,CAC9C;IACF,IAAI,EAAC,OAAO;IACZ,GAAG,EAAEC;EAAW,GACZG,SAAS,GAEZD,QAAQ,CACL;AAEV,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';
+import { HasRootRef } from '../../types';
 import { CalendarDaysProps } from '../CalendarDays/CalendarDays';
+import { CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';
 import { CalendarTimeProps } from '../CalendarTime/CalendarTime';
-import { HasRootRef } from '../../types';
 export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<CalendarTimeProps, 'changeHoursAriaLabel' | 'changeMinutesAriaLabel'>, Pick<CalendarHeaderProps, 'prevMonthAriaLabel' | 'nextMonthAriaLabel' | 'changeMonthAriaLabel' | 'changeYearAriaLabel' | 'onNextMonth' | 'onPrevMonth' | 'prevMonthIcon' | 'nextMonthIcon' | 'prevMonthProps' | 'nextMonthProps'>, Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate'>, HasRootRef<HTMLDivElement> {
     value?: Date;
     disablePast?: boolean;

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

@@ -2,15 +2,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "prevMonthProps", "nextMonthProps", "dayProps", "className", "listenDayChangesForUpdate"];
 import * as React from 'react';
-import { isSameMonth, isSameDay } from '../../lib/date';
-import { CalendarHeader } from '../CalendarHeader/CalendarHeader';
-import { CalendarDays } from '../CalendarDays/CalendarDays';
-import { CalendarTime } from '../CalendarTime/CalendarTime';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-import { navigateDate, setTimeEqual, isFirstDay, isLastDay } from '../../lib/calendar';
-import { useCalendar } from '../../hooks/useCalendar';
 import { classNames } from '@vkontakte/vkjs';
+import { useCalendar } from '../../hooks/useCalendar';
+import { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';
+import { isSameDay, isSameMonth } from '../../lib/date';
+import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
+import { CalendarDays } from '../CalendarDays/CalendarDays';
+import { CalendarHeader } from '../CalendarHeader/CalendarHeader';
+import { CalendarTime } from '../CalendarTime/CalendarTime';
 var warn = warnOnce('Calendar');
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.js","names":["React","isSameMonth","isSameDay","CalendarHeader","CalendarDays","CalendarTime","useIsomorphicLayoutEffect","navigateDate","setTimeEqual","isFirstDay","isLastDay","useCalendar","classNames","warnOnce","warn","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","process","env","NODE_ENV","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","onDayChange","date","isDayActive","day","Boolean","styles"],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isSameMonth, isSameDay } from '../../lib/date';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { navigateDate, setTimeEqual, isFirstDay, isLastDay } from '../../lib/calendar';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { HasRootRef } from '../../types';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<CalendarTimeProps, 'changeHoursAriaLabel' \| 'changeMinutesAriaLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = 'Изменить день',\n size = 'm',\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\n\n if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n }\n\n if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n }\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(setTimeEqual(date, value as Date \| undefined \| null));\n },\n [value, onChange],\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value],\n );\n\n return (\n <div\n {...props}\n ref={getRootRef}\n className={classNames(styles['Calendar'], styles[`Calendar--size-${size}`], className)}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles['Calendar__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n />\n {enableTime && value && size !== 's' && (\n <div className={styles['Calendar__time']}>\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n />\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Calendar.js","names":["React","classNames","useCalendar","isFirstDay","isLastDay","navigateDate","setTimeEqual","isSameDay","isSameMonth","useIsomorphicLayoutEffect","warnOnce","CalendarDays","CalendarHeader","CalendarTime","warn","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","process","env","NODE_ENV","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","onDayChange","date","isDayActive","day","Boolean","styles"],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<CalendarTimeProps, 'changeHoursAriaLabel' \| 'changeMinutesAriaLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = 'Изменить день',\n size = 'm',\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\n\n if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n }\n\n if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n }\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(setTimeEqual(date, value as Date \| undefined \| null));\n },\n [value, onChange],\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value],\n );\n\n return (\n <div\n {...props}\n ref={getRootRef}\n className={classNames(styles['Calendar'], styles[`Calendar--size-${size}`], className)}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles['Calendar__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n />\n {enableTime && value && size !== 's' && (\n <div className={styles['Calendar__time']}>\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n />\n </div>\n )}\n </div>\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,EAAEC,SAAS,EAAEC,YAAY,EAAEC,YAAY,QAAQ,oBAAoB;AACtF,SAASC,SAAS,EAAEC,WAAW,QAAQ,gBAAgB;AACvD,SAASC,yBAAyB,QAAQ,qCAAqC;AAC/E,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,YAAY,QAA2B,8BAA8B;AAC9E,SAASC,cAAc,QAA6B,kCAAkC;AACtF,SAASC,YAAY,QAA2B,8BAA8B;AA6C9E,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,UAAU,CAAC;;AAEjC;AACA;AACA;AACA,OAAO,IAAMK,QAAQ,GAAG,SAAXA,QAAQ,OAiCA;EAAA,IAhCnBC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,iBAAiB,QAAjBA,iBAAiB;IACjBC,OAAO,QAAPA,OAAO;IAAA,uBACPC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAClBC,cAAc,QAAdA,cAAc;IAAA,yBACdC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAChBC,UAAU,QAAVA,UAAU;IACVC,cAAc,QAAdA,cAAc;IACdC,oBAAoB,QAApBA,oBAAoB;IACpBC,sBAAsB,QAAtBA,sBAAsB;IACtBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,oBAAoB,QAApBA,oBAAoB;IACpBC,mBAAmB,QAAnBA,mBAAmB;IACnBC,oBAAoB,QAApBA,oBAAoB;IAAA,6BACpBC,kBAAkB;IAAlBA,kBAAkB,sCAAG,eAAe;IAAA,iBACpCC,IAAI;IAAJA,IAAI,0BAAG,GAAG;IACAC,gBAAgB,QAA1BC,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,aAAa,QAAbA,aAAa;IACbC,cAAc,QAAdA,cAAc;IACdC,cAAc,QAAdA,cAAc;IACdC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,yBAAyB,QAAzBA,yBAAyB;IACtBC,KAAK;EAER,mBAUI9C,WAAW,CAAC;MACdc,KAAK,EAALA,KAAK;MACLG,aAAa,EAAbA,aAAa;MACbD,WAAW,EAAXA,WAAW;MACXE,iBAAiB,EAAjBA,iBAAiB;MACjBkB,cAAc,EAAdA,cAAc;MACdC,WAAW,EAAXA,WAAW;MACXC,WAAW,EAAXA;IACF,CAAC,CAAC;IAjBAH,QAAQ,gBAARA,QAAQ;IACRY,WAAW,gBAAXA,WAAW;IACXC,YAAY,gBAAZA,YAAY;IACZC,YAAY,gBAAZA,YAAY;IACZC,UAAU,gBAAVA,UAAU;IACVC,aAAa,gBAAbA,aAAa;IACbC,YAAY,gBAAZA,YAAY;IACZC,aAAa,gBAAbA,aAAa;IACbC,gBAAgB,gBAAhBA,gBAAgB;EAWlB/C,yBAAyB,CAAC,YAAM;IAC9B,IAAIO,KAAK,EAAE;MACTiC,WAAW,CAACjC,KAAK,CAAC;IACpB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAIyC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,CAACjC,cAAc,IAAIS,IAAI,KAAK,GAAG,EAAE;IAC7ErB,IAAI,CAAC,uEAAuE,EAAE,OAAO,CAAC;EACxF;EAEA,IAAI2C,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAIrC,UAAU,IAAIa,IAAI,KAAK,GAAG,EAAE;IACxErB,IAAI,CAAC,0DAA0D,EAAE,OAAO,CAAC;EAC3E;EAEA,IAAM8C,aAAa,GAAG5D,KAAK,CAAC6D,WAAW,CACrC,UAACC,KAA0B,EAAK;IAC9B,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAE;MAC3EF,KAAK,CAACG,cAAc,EAAE;IACxB;IAEA,IAAMC,aAAa,GAAG7D,YAAY,CAAC+C,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIpC,KAAK,EAAE8C,KAAK,CAACE,GAAG,CAAC;IAElE,IAAIE,aAAa,IAAI,CAAC1D,WAAW,CAAC0D,aAAa,EAAE7B,QAAQ,CAAC,EAAE;MAC1DY,WAAW,CAACiB,aAAa,CAAC;IAC5B;IACAb,aAAa,CAACa,aAAa,CAAC;EAC9B,CAAC,EACD,CAACd,UAAU,EAAEC,aAAa,EAAEJ,WAAW,EAAEjC,KAAK,EAAEqB,QAAQ,CAAC,CAC1D;EAED,IAAM8B,WAAW,GAAGnE,KAAK,CAAC6D,WAAW,CACnC,UAACO,IAAU,EAAK;IACdnD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGX,YAAY,CAAC8D,IAAI,EAAEpD,KAAK,CAA4B,CAAC;EAClE,CAAC,EACD,CAACA,KAAK,EAAEC,QAAQ,CAAC,CAClB;EAED,IAAMoD,WAAW,GAAGrE,KAAK,CAAC6D,WAAW,CACnC,UAACS,GAAS;IAAA,OAAKC,OAAO,CAACvD,KAAK,IAAIT,SAAS,CAAC+D,GAAG,EAAEtD,KAAK,CAAC,CAAC;EAAA,GACtD,CAACA,KAAK,CAAC,CACR;EAED,oBACE,wCACMgC,KAAK;IACT,GAAG,EAAEvB,UAAW;IAChB,SAAS,EAAExB,UAAU,iBAAqBuE,MAAM,0BAAmBrC,IAAI,EAAG,EAAEW,SAAS;EAAE,iBAEvF,oBAAC,cAAc;IACb,QAAQ,EAAEV,gBAAgB,IAAIC,QAAS;IACvC,QAAQ,EAAEY,WAAY;IACtB,WAAW,EAAEE,YAAa;IAC1B,WAAW,EAAED,YAAa;IAC1B,cAAc,EAAExB,cAAc,IAAIS,IAAI,KAAK,GAAI;IAC/C,SAAS,wBAA6B;IACtC,kBAAkB,EAAEN,kBAAmB;IACvC,kBAAkB,EAAEC,kBAAmB;IACvC,oBAAoB,EAAEC,oBAAqB;IAC3C,mBAAmB,EAAEC,mBAAoB;IACzC,aAAa,EAAES,aAAc;IAC7B,aAAa,EAAEC,aAAc;IAC7B,cAAc,EAAEC,cAAe;IAC/B,cAAc,EAAEC;EAAe,EAC/B,eACF,oBAAC,YAAY;IACX,QAAQ,EAAER,gBAAgB,IAAIC,QAAS;IACvC,KAAK,EAAErB,KAAM;IACb,YAAY,EAAEQ,YAAa;IAC3B,YAAY,EAAE8B,YAAa;IAC3B,QAAQ,EAAE,CAAE;IACZ,cAAYpB,kBAAmB;IAC/B,SAAS,EAAE0B,aAAc;IACzB,WAAW,EAAEO,WAAY;IACzB,WAAW,EAAEE,WAAY;IACzB,mBAAmB,EAAElE,UAAW;IAChC,iBAAiB,EAAEC,SAAU;IAC7B,aAAa,EAAEmD,aAAc;IAC7B,MAAM,EAAEC,gBAAiB;IACzB,oBAAoB,EAAEvB,oBAAqB;IAC3C,IAAI,EAAEE,IAAK;IACX,QAAQ,EAAEU,QAAS;IACnB,yBAAyB,EAAEE;EAA0B,EACrD,EACDzB,UAAU,IAAIN,KAAK,IAAImB,IAAI,KAAK,GAAG,iBAClC;IAAK,SAAS;EAA2B,gBACvC,oBAAC,YAAY;IACX,KAAK,EAAEnB,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,OAAO,EAAEI,OAAQ;IACjB,cAAc,EAAEE,cAAe;IAC/B,oBAAoB,EAAEI,oBAAqB;IAC3C,sBAAsB,EAAEC;EAAuB,EAC/C,CAEL,CACG;AAEV,CAAC;AAAC;EAAA;EAAA;AAAA"}

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

@@ -3,9 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import { Tappable } from '../Tappable/Tappable';
 import { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';
 import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
+import { Tappable } from '../Tappable/Tappable';
 export var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
   var day = _ref.day,
     today = _ref.today,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarDay.js","names":["React","classNames","~~Tappable~~","~~ENABLE_KEYBOARD_INPUT_EVENT_NAME~~","~~useConfigProvider~~","CalendarDay","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","bubbles","focus","styles","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ~~Tappable,~~ ~~TappableElementProps~~ } from '~~../Tappable~~/~~Tappable~~';\nimport { ~~ENABLE_KEYBOARD_INPUT_EVENT_NAME~~ } from '~~../../hooks~~/~~useKeyboardInputTracker~~';\nimport { ~~useConfigProvider~~ } from '../~~ConfigProvider~~/~~ConfigProviderContext~~';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n TappableElementProps,\n 'onChange' \| 'size' \| 'disabled' \| 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n day: Date;\n today?: boolean;\n selected?: boolean;\n selectionStart?: boolean;\n selectionEnd?: boolean;\n hintedSelectionStart?: boolean;\n hintedSelectionEnd?: boolean;\n active?: boolean;\n hidden?: boolean;\n disabled?: boolean;\n focused?: boolean;\n hinted?: boolean;\n sameMonth?: boolean;\n size?: 's' \| 'm';\n onChange(value: Date): void;\n onEnter?(value: Date): void;\n onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n ({\n day,\n today,\n selected,\n onChange,\n hidden,\n disabled,\n active,\n selectionStart,\n selectionEnd,\n focused,\n onEnter,\n onLeave,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n className,\n ...props\n }: CalendarDayProps) => {\n const { locale } = useConfigProvider();\n const ref = React.useRef<HTMLElement>(null);\n const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n ref.current.focus();\n }\n }, [focused]);\n\n if (hidden) {\n return <div className={styles['CalendarDay__hidden']}></div>;\n }\n\n return (\n <Tappable\n className={classNames(\n styles['CalendarDay'],\n size && styles[`CalendarDay--size-${size}`],\n today && styles['CalendarDay--today'],\n selected && !disabled && styles['CalendarDay--selected'],\n active && !disabled && styles['CalendarDay--active'],\n selectionStart && styles['CalendarDay--selection-start'],\n selectionEnd && styles['CalendarDay--selection-end'],\n disabled && styles['CalendarDay--disabled'],\n !sameMonth && styles['CalendarDay--not-same-month'],\n className,\n )}\n hoverMode={active ? styles['CalendarDay--active-hover'] : styles['CalendarDay--hover']}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n aria-label={new Intl.DateTimeFormat(locale, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n }).format(day)}\n tabIndex={-1}\n getRootRef={ref}\n focusVisibleMode={active ? 'outside' : 'inside'}\n onEnter={handleEnter}\n onLeave={handleLeave}\n {...props}\n >\n <div\n className={classNames(\n styles['CalendarDay__hinted'],\n hinted && styles['CalendarDay__hinted--active'],\n hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n )}\n >\n <div\n className={classNames(\n styles['CalendarDay__inner'],\n active && !disabled && styles['CalendarDay__inner--active'],\n )}\n >\n <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n </div>\n </div>\n </Tappable>\n );\n },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,~~QAAQ,QAA8B,sBAAsB;AACrE,SAASC,~~gCAAgC,QAAQ,qCAAqC;AACtF,SAASC,iBAAiB,QAAQ,yCAAyC;~~AA4B3E~~,OAAO,IAAMC,WAAW,gBAAGL,KAAK,CAACM,IAAI,CACnC,gBAoBwB;EAAA,IAnBtBC,GAAG,QAAHA,GAAG;IACHC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,MAAM,QAANA,MAAM;IACNC,oBAAoB,QAApBA,oBAAoB;IACpBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,~~yBAAmBrB~~,iBAAiB,EAAE;~~IAA9BsB~~,MAAM,sBAANA,MAAM;EACd,IAAMC,GAAG,GAAG3B,KAAK,CAAC4B,MAAM,CAAc,IAAI,CAAC;EAC3C,IAAMC,OAAO,GAAG7B,KAAK,CAAC8B,WAAW,CAAC;IAAA,OAAMpB,QAAQ,CAACH,GAAG,CAAC;EAAA,GAAE,CAACA,GAAG,EAAEG,QAAQ,CAAC,CAAC;EACvE,IAAMqB,WAAW,GAAG/B,KAAK,CAAC8B,WAAW,CAAC;IAAA,OAAMb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGV,GAAG,CAAC;EAAA,GAAE,CAACA,GAAG,EAAEU,OAAO,CAAC,CAAC;EAC3E,IAAMe,WAAW,GAAGhC,KAAK,CAAC8B,WAAW,CAAC;IAAA,OAAMZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGX,GAAG,CAAC;EAAA,GAAE,CAACA,GAAG,EAAEW,OAAO,CAAC,CAAC;EAE3ElB,KAAK,CAACiC,SAAS,CAAC,YAAM;IACpB,IAAIjB,OAAO,IAAIW,GAAG,CAACO,OAAO,EAAE;MAC1BP,GAAG,CAACO,OAAO,CAACC,aAAa,CAAC,IAAIC,KAAK,~~CAACjC~~,gCAAgC,EAAE;~~QAAEkC~~,OAAO,EAAE;MAAK,CAAC,CAAC,CAAC;MACzFV,GAAG,CAACO,OAAO,CAACI,KAAK,EAAE;IACrB;EACF,CAAC,EAAE,CAACtB,OAAO,CAAC,CAAC;EAEb,IAAIL,MAAM,EAAE;IACV,oBAAO;MAAK,SAAS;IAAgC,EAAO;EAC9D;EAEA,oBACE,oBAAC,QAAQ;IACP,SAAS,EAAEV,UAAU,oBAEnBsB,IAAI,IAAIgB,MAAM,6BAAsBhB,IAAI,EAAG,EAC3Cf,KAAK,4BAAgC,EACrCC,QAAQ,IAAI,CAACG,QAAQ,+BAAmC,EACxDC,MAAM,IAAI,CAACD,QAAQ,6BAAiC,EACpDE,cAAc,sCAA0C,EACxDC,YAAY,oCAAwC,EACpDH,QAAQ,+BAAmC,EAC3C,CAACU,SAAS,qCAAyC,EACnDE,SAAS,CACT;IACF,SAAS,EAAEX,MAAM,6DAAsE;IACvF,SAAS,EAAE,KAAM;IACjB,OAAO,EAAEgB,OAAQ;IACjB,QAAQ,EAAEjB,QAAS;IACnB,cAAY,IAAI4B,IAAI,CAACC,cAAc,CAACf,MAAM,EAAE;MAC1CgB,OAAO,EAAE,MAAM;MACfC,IAAI,EAAE,SAAS;MACfC,KAAK,EAAE,MAAM;MACbrC,GAAG,EAAE;IACP,CAAC,CAAC,CAACsC,MAAM,CAACtC,GAAG,CAAE;IACf,QAAQ,EAAE,CAAC,CAAE;IACb,UAAU,EAAEoB,GAAI;IAChB,gBAAgB,EAAEd,MAAM,GAAG,SAAS,GAAG,QAAS;IAChD,OAAO,EAAEkB,WAAY;IACrB,OAAO,EAAEC;EAAY,GACjBP,KAAK,gBAET;IACE,SAAS,EAAExB,UAAU,4BAEnBkB,MAAM,qCAAyC,EAC/CC,oBAAoB,8CAAkD,EACtEC,kBAAkB,4CAAgD;EAClE,gBAEF;IACE,SAAS,EAAEpB,UAAU,2BAEnBY,MAAM,IAAI,CAACD,QAAQ,oCAAwC;EAC3D,gBAEF;IAAK,SAAS;EAAoC,GAAEL,GAAG,CAACuC,OAAO,EAAE,CAAO,CACpE,CACF,CACG;AAEf,CAAC,CACF;AAEDzC,WAAW,CAAC0C,WAAW,GAAG,aAAa;AAAC;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"CalendarDay.js","names":["React","classNames","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useConfigProvider","Tappable","CalendarDay","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","bubbles","focus","styles","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n TappableElementProps,\n 'onChange' \| 'size' \| 'disabled' \| 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n day: Date;\n today?: boolean;\n selected?: boolean;\n selectionStart?: boolean;\n selectionEnd?: boolean;\n hintedSelectionStart?: boolean;\n hintedSelectionEnd?: boolean;\n active?: boolean;\n hidden?: boolean;\n disabled?: boolean;\n focused?: boolean;\n hinted?: boolean;\n sameMonth?: boolean;\n size?: 's' \| 'm';\n onChange(value: Date): void;\n onEnter?(value: Date): void;\n onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n ({\n day,\n today,\n selected,\n onChange,\n hidden,\n disabled,\n active,\n selectionStart,\n selectionEnd,\n focused,\n onEnter,\n onLeave,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n className,\n ...props\n }: CalendarDayProps) => {\n const { locale } = useConfigProvider();\n const ref = React.useRef<HTMLElement>(null);\n const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n ref.current.focus();\n }\n }, [focused]);\n\n if (hidden) {\n return <div className={styles['CalendarDay__hidden']}></div>;\n }\n\n return (\n <Tappable\n className={classNames(\n styles['CalendarDay'],\n size && styles[`CalendarDay--size-${size}`],\n today && styles['CalendarDay--today'],\n selected && !disabled && styles['CalendarDay--selected'],\n active && !disabled && styles['CalendarDay--active'],\n selectionStart && styles['CalendarDay--selection-start'],\n selectionEnd && styles['CalendarDay--selection-end'],\n disabled && styles['CalendarDay--disabled'],\n !sameMonth && styles['CalendarDay--not-same-month'],\n className,\n )}\n hoverMode={active ? styles['CalendarDay--active-hover'] : styles['CalendarDay--hover']}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n aria-label={new Intl.DateTimeFormat(locale, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n }).format(day)}\n tabIndex={-1}\n getRootRef={ref}\n focusVisibleMode={active ? 'outside' : 'inside'}\n onEnter={handleEnter}\n onLeave={handleLeave}\n {...props}\n >\n <div\n className={classNames(\n styles['CalendarDay__hinted'],\n hinted && styles['CalendarDay__hinted--active'],\n hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n )}\n >\n <div\n className={classNames(\n styles['CalendarDay__inner'],\n active && !disabled && styles['CalendarDay__inner--active'],\n )}\n >\n <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n </div>\n </div>\n </Tappable>\n );\n },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"mappings":"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"}

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

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth", "dayProps", "className", "listenDayChangesForUpdate"];
 import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { useTodayDate } from '../../hooks/useTodayDate';
+import { getDaysNames, getWeeks } from '../../lib/calendar';
 import { isSameDay, isSameMonth } from '../../lib/date';
 import { CalendarDay } from '../CalendarDay/CalendarDay';
-import { getDaysNames, getWeeks } from '../../lib/calendar';
 import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
-import { classNames } from '@vkontakte/vkjs';
 import { Footnote } from '../Typography/Footnote/Footnote';
-import { useTodayDate } from '../../hooks/useTodayDate';
 export var CalendarDays = function CalendarDays(_ref) {
   var viewDate = _ref.viewDate,
     value = _ref.value,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarDays.js","names":["React","~~isSameDay~~","~~isSameMonth~~","~~CalendarDay~~","~~getDaysNames~~","~~getWeeks~~","~~useConfigProvider~~","~~classNames~~","~~Footnote~~","~~useTodayDate~~","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","locale","ref","useRef","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","styles","map","dayName","week","i","day","sameMonth","toISOString"],"sources":["../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~isSameDay,~~ ~~isSameMonth~~ } from '~~../../lib~~/~~date~~';\nimport { ~~CalendarDay,~~ ~~CalendarDayElementProps~~ } from '~~../CalendarDay~~/~~CalendarDay~~';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { ~~useConfigProvider~~ } from '~~../ConfigProvider~~/~~ConfigProviderContext~~';\nimport { ~~classNames~~ } from '~~@vkontakte~~/~~vkjs~~';\nimport { ~~Footnote~~ } from '../~~Typography~~/~~Footnote/Footnote~~';\nimport { ~~useTodayDate~~ } from '~~../../hooks~~/~~useTodayDate~~';\nimport styles from './CalendarDays.module.css';\n\nexport interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n value?: Date \| Array<Date \| null>;\n viewDate: Date;\n weekStartsOn: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n dayProps?: CalendarDayElementProps;\n listenDayChangesForUpdate?: boolean;\n onDayChange(value: Date): void;\n isDayDisabled(value: Date): boolean;\n isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n isDayActive(value: Date): boolean;\n isDayHinted?(value: Date): boolean;\n isDaySelected?(value: Date): boolean;\n isDayFocused(value: Date): boolean;\n onDayEnter?(value: Date): void;\n onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n viewDate,\n value,\n weekStartsOn,\n onDayChange,\n isDaySelected,\n isDayActive,\n isDaySelectionEnd,\n isDaySelectionStart,\n onDayEnter,\n onDayLeave,\n isDayHinted,\n isHintedDaySelectionStart,\n isHintedDaySelectionEnd,\n isDayFocused,\n isDayDisabled,\n size,\n showNeighboringMonth = false,\n dayProps,\n className,\n listenDayChangesForUpdate = false,\n ...props\n}: CalendarDaysProps) => {\n const { locale } = useConfigProvider();\n const ref = React.useRef<HTMLDivElement>(null);\n const now = useTodayDate(listenDayChangesForUpdate);\n\n const weeks = React.useMemo(() => getWeeks(viewDate, weekStartsOn), [weekStartsOn, viewDate]);\n\n const daysNames = React.useMemo(\n () => getDaysNames(now, weekStartsOn, locale),\n [locale, now, weekStartsOn],\n );\n\n const handleDayChange = React.useCallback(\n (date: Date) => {\n onDayChange(date);\n\n ref.current?.focus();\n },\n [onDayChange],\n );\n\n return (\n <div {...props} className={classNames(styles['CalendarDays'], className)} ref={ref}>\n <div\n className={classNames(\n styles['CalendarDays__row'],\n size && styles[`CalendarDays__row--size-${size}`],\n )}\n >\n {daysNames.map((dayName) => (\n <Footnote key={dayName} className={styles['CalendarDays__weekday']}>\n {dayName}\n </Footnote>\n ))}\n </div>\n\n {weeks.map((week, i) => (\n <div\n className={classNames(\n styles['CalendarDays__row'],\n size && styles[`CalendarDays__row--size-${size}`],\n )}\n key={i}\n >\n {week.map((day, i) => {\n const sameMonth = isSameMonth(day, viewDate);\n return (\n <CalendarDay\n key={day.toISOString()}\n day={day}\n today={isSameDay(day, now)}\n active={isDayActive(day)}\n onChange={handleDayChange}\n hidden={!showNeighboringMonth && !sameMonth}\n disabled={isDayDisabled(day)}\n selectionStart={isDaySelectionStart(day, i)}\n selectionEnd={isDaySelectionEnd(day, i)}\n hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n selected={isDaySelected?.(day)}\n focused={isDayFocused(day)}\n onEnter={onDayEnter}\n onLeave={onDayLeave}\n hinted={isDayHinted?.(day)}\n sameMonth={sameMonth}\n size={size}\n {...dayProps}\n />\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,~~SAAS~~,~~EAAEC,WAAW,~~QAAQ,~~gBAAgB~~;~~AACvD~~,SAASC,~~WAAW~~,~~QAAiC~~,~~4BAA4B~~;~~AACjF~~,SAASC,YAAY,EAAEC,QAAQ,QAAQ,oBAAoB;AAC3D,SAASC,~~iBAAiB~~,QAAQ,~~yCAAyC~~;~~AAC3E~~,SAASC,~~UAAU~~,~~QAAQ~~,~~iBAAiB~~;~~AAC5C~~,SAASC,~~QAAQ~~,QAAQ,~~iCAAiC~~;~~AAC1D~~,SAASC,~~YAAY~~,QAAQ,~~0BAA0B~~;~~AAyBvD~~,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAsBA;EAAA,IArBvBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,WAAW,QAAXA,WAAW;IACXC,iBAAiB,QAAjBA,iBAAiB;IACjBC,mBAAmB,QAAnBA,mBAAmB;IACnBC,UAAU,QAAVA,UAAU;IACVC,UAAU,QAAVA,UAAU;IACVC,WAAW,QAAXA,WAAW;IACXC,yBAAyB,QAAzBA,yBAAyB;IACzBC,uBAAuB,QAAvBA,uBAAuB;IACvBC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,IAAI,QAAJA,IAAI;IAAA,6BACJC,oBAAoB;IAApBA,oBAAoB,sCAAG,KAAK;IAC5BC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,6BACTC,yBAAyB;IAAzBA,yBAAyB,sCAAG,KAAK;IAC9BC,KAAK;EAER,~~yBAAmBzB~~,iBAAiB,EAAE;~~IAA9B0B~~,MAAM,sBAANA,MAAM;EACd,IAAMC,GAAG,GAAGjC,KAAK,CAACkC,MAAM,CAAiB,IAAI,CAAC;EAC9C,IAAMC,GAAG,~~GAAG1B~~,YAAY,~~CAACqB~~,yBAAyB,CAAC;EAEnD,IAAMM,KAAK,GAAGpC,KAAK,CAACqC,OAAO,CAAC;IAAA,~~OAAMhC~~,QAAQ,~~CAACM~~,QAAQ,EAAEE,YAAY,CAAC;EAAA,GAAE,CAACA,YAAY,EAAEF,QAAQ,CAAC,CAAC;EAE7F,IAAM2B,SAAS,GAAGtC,KAAK,CAACqC,OAAO,CAC7B;IAAA,~~OAAMjC~~,YAAY,~~CAAC+B~~,GAAG,EAAEtB,YAAY,EAAEmB,MAAM,CAAC;EAAA,GAC7C,CAACA,MAAM,EAAEG,GAAG,EAAEtB,YAAY,CAAC,CAC5B;EAED,IAAM0B,eAAe,GAAGvC,KAAK,CAACwC,WAAW,CACvC,UAACC,IAAU,EAAK;IAAA;IACd3B,WAAW,CAAC2B,IAAI,CAAC;IAEjB,gBAAAR,GAAG,CAACS,OAAO,iDAAX,aAAaC,KAAK,EAAE;EACtB,CAAC,EACD,CAAC7B,WAAW,CAAC,CACd;EAED,oBACE,wCAASiB,KAAK;IAAE,SAAS,~~EAAExB~~,UAAU,~~qBAAyBsB~~,SAAS,CAAE;IAAC,GAAG,EAAEI;EAAI,iBACjF;IACE,SAAS,~~EAAE1B~~,UAAU,~~0BAEnBmB~~,IAAI,IAAIkB,MAAM,mCAA4BlB,IAAI,EAAG;EACjD,GAEDY,SAAS,CAACO,GAAG,CAAC,UAACC,OAAO;IAAA,oBACrB,oBAAC,QAAQ;MAAC,GAAG,EAAEA,OAAQ;MAAC,SAAS;IAAkC,GAChEA,OAAO,CACC;EAAA,CACZ,CAAC,CACE,EAELV,KAAK,CAACS,GAAG,CAAC,UAACE,IAAI,EAAEC,CAAC;IAAA,oBACjB;MACE,SAAS,~~EAAEzC~~,UAAU,~~0BAEnBmB~~,IAAI,IAAIkB,MAAM,mCAA4BlB,IAAI,EAAG,CACjD;MACF,GAAG,EAAEsB;IAAE,GAEND,IAAI,CAACF,GAAG,CAAC,UAACI,GAAG,EAAED,CAAC,EAAK;MACpB,IAAME,SAAS,~~GAAGhD~~,WAAW,~~CAAC+C~~,GAAG,EAAEtC,QAAQ,CAAC;MAC5C,oBACE,oBAAC,WAAW;QACV,GAAG,EAAEsC,GAAG,CAACE,WAAW,EAAG;QACvB,GAAG,EAAEF,GAAI;QACT,KAAK,~~EAAEhD~~,SAAS,~~CAACgD~~,GAAG,EAAEd,GAAG,CAAE;QAC3B,MAAM,EAAEnB,WAAW,CAACiC,GAAG,CAAE;QACzB,QAAQ,EAAEV,eAAgB;QAC1B,MAAM,EAAE,CAACZ,oBAAoB,IAAI,CAACuB,SAAU;QAC5C,QAAQ,EAAEzB,aAAa,CAACwB,GAAG,CAAE;QAC7B,cAAc,EAAE/B,mBAAmB,CAAC+B,GAAG,EAAED,CAAC,CAAE;QAC5C,YAAY,EAAE/B,iBAAiB,CAACgC,GAAG,EAAED,CAAC,CAAE;QACxC,oBAAoB,EAAE1B,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAG2B,GAAG,EAAED,CAAC,CAAE;QAC1D,kBAAkB,EAAEzB,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAG0B,GAAG,EAAED,CAAC,CAAE;QACtD,QAAQ,EAAEjC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGkC,GAAG,CAAE;QAC/B,OAAO,EAAEzB,YAAY,CAACyB,GAAG,CAAE;QAC3B,OAAO,EAAE9B,UAAW;QACpB,OAAO,EAAEC,UAAW;QACpB,MAAM,EAAEC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAG4B,GAAG,CAAE;QAC3B,SAAS,EAAEC,SAAU;QACrB,IAAI,EAAExB;MAAK,GACPE,QAAQ,EACZ;IAEN,CAAC,CAAC,CACE;EAAA,CACP,CAAC,CACE;AAEV,CAAC;AAAC;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"CalendarDays.js","names":["React","classNames","useTodayDate","getDaysNames","getWeeks","isSameDay","isSameMonth","CalendarDay","useConfigProvider","Footnote","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","locale","ref","useRef","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","styles","map","dayName","week","i","day","sameMonth","toISOString"],"sources":["../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useTodayDate } from '../../hooks/useTodayDate';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { CalendarDay, CalendarDayElementProps } from '../CalendarDay/CalendarDay';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './CalendarDays.module.css';\n\nexport interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n value?: Date \| Array<Date \| null>;\n viewDate: Date;\n weekStartsOn: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n dayProps?: CalendarDayElementProps;\n listenDayChangesForUpdate?: boolean;\n onDayChange(value: Date): void;\n isDayDisabled(value: Date): boolean;\n isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n isDayActive(value: Date): boolean;\n isDayHinted?(value: Date): boolean;\n isDaySelected?(value: Date): boolean;\n isDayFocused(value: Date): boolean;\n onDayEnter?(value: Date): void;\n onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n viewDate,\n value,\n weekStartsOn,\n onDayChange,\n isDaySelected,\n isDayActive,\n isDaySelectionEnd,\n isDaySelectionStart,\n onDayEnter,\n onDayLeave,\n isDayHinted,\n isHintedDaySelectionStart,\n isHintedDaySelectionEnd,\n isDayFocused,\n isDayDisabled,\n size,\n showNeighboringMonth = false,\n dayProps,\n className,\n listenDayChangesForUpdate = false,\n ...props\n}: CalendarDaysProps) => {\n const { locale } = useConfigProvider();\n const ref = React.useRef<HTMLDivElement>(null);\n const now = useTodayDate(listenDayChangesForUpdate);\n\n const weeks = React.useMemo(() => getWeeks(viewDate, weekStartsOn), [weekStartsOn, viewDate]);\n\n const daysNames = React.useMemo(\n () => getDaysNames(now, weekStartsOn, locale),\n [locale, now, weekStartsOn],\n );\n\n const handleDayChange = React.useCallback(\n (date: Date) => {\n onDayChange(date);\n\n ref.current?.focus();\n },\n [onDayChange],\n );\n\n return (\n <div {...props} className={classNames(styles['CalendarDays'], className)} ref={ref}>\n <div\n className={classNames(\n styles['CalendarDays__row'],\n size && styles[`CalendarDays__row--size-${size}`],\n )}\n >\n {daysNames.map((dayName) => (\n <Footnote key={dayName} className={styles['CalendarDays__weekday']}>\n {dayName}\n </Footnote>\n ))}\n </div>\n\n {weeks.map((week, i) => (\n <div\n className={classNames(\n styles['CalendarDays__row'],\n size && styles[`CalendarDays__row--size-${size}`],\n )}\n key={i}\n >\n {week.map((day, i) => {\n const sameMonth = isSameMonth(day, viewDate);\n return (\n <CalendarDay\n key={day.toISOString()}\n day={day}\n today={isSameDay(day, now)}\n active={isDayActive(day)}\n onChange={handleDayChange}\n hidden={!showNeighboringMonth && !sameMonth}\n disabled={isDayDisabled(day)}\n selectionStart={isDaySelectionStart(day, i)}\n selectionEnd={isDaySelectionEnd(day, i)}\n hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n selected={isDaySelected?.(day)}\n focused={isDayFocused(day)}\n onEnter={onDayEnter}\n onLeave={onDayLeave}\n hinted={isDayHinted?.(day)}\n sameMonth={sameMonth}\n size={size}\n {...dayProps}\n />\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"],"mappings":"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"}

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

@@ -3,16 +3,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className"],
   _excluded2 = ["className"];
 import * as React from 'react';
-import { setMonth, setYear, subMonths, addMonths } from '../../lib/date';
-import { Icon20ChevronLeftOutline, Icon20ChevronRightOutline, Icon12Dropdown } from '@vkontakte/icons';
-import { Tappable } from '../Tappable/Tappable';
+import { Icon12Dropdown, Icon20ChevronLeftOutline, Icon20ChevronRightOutline } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
-import { CustomSelect } from '../CustomSelect/CustomSelect';
 import { SizeType } from '../../lib/adaptivity';
 import { getMonths, getYears } from '../../lib/calendar';
+import { addMonths, setMonth, setYear, subMonths } from '../../lib/date';
+import { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';
 import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
+import { CustomSelect } from '../CustomSelect/CustomSelect';
+import { Tappable } from '../Tappable/Tappable';
 import { Paragraph } from '../Typography/Paragraph/Paragraph';
-import { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';
 export var CalendarHeader = function CalendarHeader(_ref) {
   var viewDate = _ref.viewDate,
     onChange = _ref.onChange,