@scbt-ecom/ui 0.153.7 → 0.153.9
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.
- package/dist/lib/exports/ui.js +1 -1
- package/dist/lib/exports/widget.js +1 -1
- package/dist/lib/shared/style.css +1 -1
- package/dist/lib/shared/ui/carousel/Carousel.js +2 -0
- package/dist/lib/shared/ui/carousel/Carousel.js.map +1 -0
- package/dist/lib/shared/ui/carousel/index.js +1 -1
- package/dist/lib/shared/ui/carousel/model/constant.js +2 -0
- package/dist/lib/shared/ui/carousel/model/constant.js.map +1 -0
- package/dist/lib/shared/ui/carousel/model/helpers.js +1 -1
- package/dist/lib/shared/ui/carousel/model/helpers.js.map +1 -1
- package/dist/lib/shared/ui/carousel/model/hooks/useArrowNavigation.js.map +1 -1
- package/dist/lib/shared/ui/carousel/model/hooks/useDotsNavigation.js.map +1 -1
- package/dist/lib/shared/ui/carousel/model/index.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/ArrowNavigationButton.js.map +1 -1
- package/dist/lib/shared/ui/carousel/ui/DotsNavigations.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/DotsNavigations.js.map +1 -1
- package/dist/lib/shared/ui/carousel/ui/RenderSlides.js +2 -0
- package/dist/lib/shared/ui/carousel/ui/RenderSlides.js.map +1 -0
- package/dist/lib/shared/ui/carousel/ui/index.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.js.map +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.js.map +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.js +2 -0
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.js.map +1 -0
- package/dist/lib/shared/ui/carousel/ui/slideVariants/index.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/slide.module.css +1 -0
- package/dist/lib/shared/ui/carousel/ui/slideVariants/slide.module.css.js +2 -0
- package/dist/lib/shared/ui/carousel/ui/slideVariants/slide.module.css.js.map +1 -0
- package/dist/lib/shared/ui/carousel/ui/stepsList/StepListItemType.js +2 -0
- package/dist/lib/shared/ui/carousel/ui/stepsList/StepListItemType.js.map +1 -0
- package/dist/lib/shared/ui/carousel/ui/stepsList/StepsList.js +2 -0
- package/dist/lib/shared/ui/carousel/ui/stepsList/StepsList.js.map +1 -0
- package/dist/lib/shared/ui/carousel/ui/stepsList/index.js +2 -0
- package/dist/lib/shared/ui/carousel/ui/stepsList/index.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/CarouselBase.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/CarouselNative.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/index.js +2 -0
- package/dist/lib/shared/ui/carouselBase/index.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/model/helpers.js +2 -0
- package/dist/lib/shared/ui/carouselBase/model/helpers.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/index.js +2 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/index.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/useArrowNavigation.js +2 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/useArrowNavigation.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/useCarousel.js +2 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/useCarousel.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/useDotsNavigation.js +2 -0
- package/dist/lib/shared/ui/carouselBase/model/hooks/useDotsNavigation.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/model/index.js +2 -0
- package/dist/lib/shared/ui/carouselBase/model/index.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/model/types.js +2 -0
- package/dist/lib/shared/ui/carouselBase/model/types.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/ArrowNavigationButton.js +2 -0
- package/dist/lib/shared/ui/carouselBase/ui/ArrowNavigationButton.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/CarouselContent.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/CarouselSlide.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/ContainerWithNavigation.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/DotsNavigations.js +2 -0
- package/dist/lib/shared/ui/carouselBase/ui/DotsNavigations.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/index.js +2 -0
- package/dist/lib/shared/ui/carouselBase/ui/index.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/slideVariants/SlideFullScreen.js +2 -0
- package/dist/lib/shared/ui/carouselBase/ui/slideVariants/SlideFullScreen.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/slideVariants/SlideOnlyImage.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/slideVariants/SlideProductCard.js +2 -0
- package/dist/lib/shared/ui/carouselBase/ui/slideVariants/SlideProductCard.js.map +1 -0
- package/dist/lib/shared/ui/carouselBase/ui/slideVariants/index.js +2 -0
- package/dist/lib/shared/ui/carouselBase/ui/slideVariants/index.js.map +1 -0
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupCardControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupCardControl.js.map +1 -1
- package/dist/lib/shared/ui/index.js +1 -1
- package/dist/lib/shared/ui/progressBar/ProgressBar.js +1 -1
- package/dist/lib/shared/ui/progressBar/ProgressBar.js.map +1 -1
- package/dist/lib/widgets/carouselBlock/CarouselBlock.js +2 -0
- package/dist/lib/widgets/carouselBlock/CarouselBlock.js.map +1 -0
- package/dist/lib/widgets/carouselBlock/index.js +2 -0
- package/dist/lib/widgets/carouselBlock/index.js.map +1 -0
- package/dist/lib/widgets/dynamicForm/DynamicForm.js +1 -1
- package/dist/lib/widgets/dynamicForm/DynamicForm.js.map +1 -1
- package/dist/lib/widgets/index.js +1 -1
- package/dist/lib/widgets/model/helpers.js +2 -2
- package/dist/lib/widgets/model/helpers.js.map +1 -1
- package/dist/lib/widgets/stepper/ui/StepperCarousel.js +1 -1
- package/dist/lib/widgets/stepper/ui/StepperCarousel.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/types/lib/shared/ui/carousel/Carousel.d.ts +30 -0
- package/dist/types/lib/shared/ui/carousel/index.d.ts +1 -2
- package/dist/types/lib/shared/ui/carousel/model/constant.d.ts +11 -0
- package/dist/types/lib/shared/ui/carousel/model/helpers.d.ts +1 -9
- package/dist/types/lib/shared/ui/carousel/model/hooks/useArrowNavigation.d.ts +2 -2
- package/dist/types/lib/shared/ui/carousel/model/hooks/useDotsNavigation.d.ts +2 -1
- package/dist/types/lib/shared/ui/carousel/model/index.d.ts +2 -1
- package/dist/types/lib/shared/ui/carousel/model/types.d.ts +22 -23
- package/dist/types/lib/shared/ui/carousel/ui/ArrowNavigationButton.d.ts +3 -3
- package/dist/types/lib/shared/ui/carousel/ui/DotsNavigations.d.ts +2 -3
- package/dist/types/lib/shared/ui/carousel/ui/RenderSlides.d.ts +14 -0
- package/dist/types/lib/shared/ui/carousel/ui/index.d.ts +3 -3
- package/dist/types/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.d.ts +10 -7
- package/dist/types/lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.d.ts +9 -6
- package/dist/types/lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.d.ts +16 -0
- package/dist/types/lib/shared/ui/carousel/ui/slideVariants/index.d.ts +1 -1
- package/dist/types/lib/shared/ui/carousel/ui/stepsList/StepListItemType.d.ts +18 -0
- package/dist/types/lib/shared/ui/carousel/ui/stepsList/StepsList.d.ts +13 -0
- package/dist/types/lib/shared/ui/carousel/ui/stepsList/index.d.ts +2 -0
- package/dist/types/lib/shared/ui/{carousel → carouselBase}/CarouselBase.d.ts +3 -0
- package/dist/types/lib/shared/ui/carouselBase/index.d.ts +3 -0
- package/dist/types/lib/shared/ui/carouselBase/model/helpers.d.ts +9 -0
- package/dist/types/lib/shared/ui/carouselBase/model/hooks/index.d.ts +3 -0
- package/dist/types/lib/shared/ui/carouselBase/model/hooks/useArrowNavigation.d.ts +12 -0
- package/dist/types/lib/shared/ui/carouselBase/model/hooks/useCarousel.d.ts +12 -0
- package/dist/types/lib/shared/ui/carouselBase/model/hooks/useDotsNavigation.d.ts +15 -0
- package/dist/types/lib/shared/ui/carouselBase/model/index.d.ts +3 -0
- package/dist/types/lib/shared/ui/carouselBase/model/types.d.ts +27 -0
- package/dist/types/lib/shared/ui/carouselBase/ui/ArrowNavigationButton.d.ts +13 -0
- package/dist/types/lib/shared/ui/carouselBase/ui/DotsNavigations.d.ts +13 -0
- package/dist/types/lib/shared/ui/carouselBase/ui/index.d.ts +5 -0
- package/dist/types/lib/shared/ui/carouselBase/ui/slideVariants/SlideFullScreen.d.ts +19 -0
- package/dist/types/lib/shared/ui/carouselBase/ui/slideVariants/SlideProductCard.d.ts +20 -0
- package/dist/types/lib/shared/ui/carouselBase/ui/slideVariants/index.d.ts +3 -0
- package/dist/types/lib/shared/ui/index.d.ts +2 -1
- package/dist/types/lib/shared/ui/progressBar/ProgressBar.d.ts +6 -3
- package/dist/types/lib/widgets/carouselBlock/CarouselBlock.d.ts +5 -0
- package/dist/types/lib/widgets/carouselBlock/index.d.ts +1 -0
- package/dist/types/lib/widgets/dynamicForm/model/types.d.ts +2 -1
- package/dist/types/lib/widgets/index.d.ts +1 -0
- package/dist/types/lib/widgets/model/helpers.d.ts +2 -1
- package/package.json +1 -1
- package/dist/lib/shared/ui/carousel/CarouselBase.js.map +0 -1
- package/dist/lib/shared/ui/carousel/CarouselNative.js.map +0 -1
- package/dist/lib/shared/ui/carousel/ui/CarouselContent.js.map +0 -1
- package/dist/lib/shared/ui/carousel/ui/CarouselSlide.js.map +0 -1
- package/dist/lib/shared/ui/carousel/ui/ContainerWithNavigation.js.map +0 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideOnlyImage.js.map +0 -1
- /package/dist/lib/shared/ui/{carousel → carouselBase}/CarouselBase.js +0 -0
- /package/dist/lib/shared/ui/{carousel → carouselBase}/CarouselNative.js +0 -0
- /package/dist/lib/shared/ui/{carousel → carouselBase}/ui/CarouselContent.js +0 -0
- /package/dist/lib/shared/ui/{carousel → carouselBase}/ui/CarouselSlide.js +0 -0
- /package/dist/lib/shared/ui/{carousel → carouselBase}/ui/ContainerWithNavigation.js +0 -0
- /package/dist/lib/shared/ui/{carousel → carouselBase}/ui/slideVariants/SlideOnlyImage.js +0 -0
- /package/dist/types/lib/shared/ui/{carousel → carouselBase}/CarouselNative.d.ts +0 -0
- /package/dist/types/lib/shared/ui/{carousel → carouselBase}/ui/CarouselContent.d.ts +0 -0
- /package/dist/types/lib/shared/ui/{carousel → carouselBase}/ui/CarouselSlide.d.ts +0 -0
- /package/dist/types/lib/shared/ui/{carousel → carouselBase}/ui/ContainerWithNavigation.d.ts +0 -0
- /package/dist/types/lib/shared/ui/{carousel → carouselBase}/ui/slideVariants/SlideOnlyImage.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselBase.js","sources":["../../../../../lib/shared/ui/carousel/CarouselBase.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from 'react'\nimport { type EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { useDevice } from '../../hooks'\nimport { Heading } from '../heading'\nimport {\n defaultAutoPlayOptions,\n defaultCarouselOptions,\n defaultDotsOptions,\n defaultNavArrowOptions,\n type DotsOptions,\n type NavArrowOptions,\n useArrowNavigation,\n useCarousel,\n useDotsNavigation\n} from './model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses, CarouselContent, type CarouselContentClasses } from './ui'\nimport { ContainerWithNavigation, type ContainerWithNavigationClasses } from './ui/ContainerWithNavigation'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselClasses = {\n root?: string\n header?: string\n heading?: string\n arrowsNavWrapper?: string\n arrowLeftClasses?: ArrowNavigationButtonClasses\n arrowRightClasses?: ArrowNavigationButtonClasses\n containerWithNavClasses?: ContainerWithNavigationClasses\n carouselContentClasses?: CarouselContentClasses\n}\n\nexport interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode\n heading?: string\n carouselOptions?: EmblaOptionsType\n dotsOptions?: DotsOptions\n navArrowOptions?: NavArrowOptions\n autoPlayOptions?: AutoplayOptionsType\n setVisibleIndex: (index: number) => void\n visibleIndex: number\n classes?: CarouselClasses\n}\n\nexport const CarouselBase = ({\n dotsOptions = defaultDotsOptions,\n navArrowOptions = defaultNavArrowOptions,\n carouselOptions = defaultCarouselOptions,\n heading,\n autoPlayOptions,\n setVisibleIndex,\n visibleIndex,\n children,\n classes,\n ...props\n}: CarouselBaseProps) => {\n const mergedCarouselOptions = { ...defaultCarouselOptions, ...carouselOptions }\n const mergedAutoPlayOptions = { ...defaultAutoPlayOptions, ...autoPlayOptions }\n const mergedNavArrowOptions = { ...defaultNavArrowOptions, ...navArrowOptions }\n const mergedDotsOptions = { ...defaultDotsOptions, ...dotsOptions }\n\n const { emblaApi, navigationHandler, emblaRef } = useCarousel({\n carouselOptions: mergedCarouselOptions,\n autoPlayOptions: mergedAutoPlayOptions\n })\n\n const dotsProps = useDotsNavigation({ emblaApi, navigationHandler, setVisibleIndex })\n const { prevBtnDisabled, nextBtnDisabled, onClickNavigationButton } = useArrowNavigation({\n emblaApi,\n navigationHandler\n })\n\n const { isMobile, isDesktop } = useDevice()\n const { deskVisible, mobVisible, position: navArrowPosition } = mergedNavArrowOptions ?? {}\n\n //Отображения стрелок если переданы и мобильное разрешение\n const withNavArrowsOnMob = mobVisible && isMobile\n //Отображения стрелок если переданы и полноэкранное разрешение\n const winNavArrowsOnDesk = deskVisible && isDesktop\n //Отображения стрелок если переданы\n const winNavArrows = winNavArrowsOnDesk || withNavArrowsOnMob\n\n const withHeadingAndArrowsTop = Boolean(heading) || (winNavArrows && navArrowPosition === 'top-right')\n\n return (\n <div className={cn('flex flex-col', classes?.root)} {...props}>\n {withHeadingAndArrowsTop && (\n <div className={cn('flex items-center justify-between gap-6', { 'mb-6': withHeadingAndArrowsTop }, classes?.header)}>\n {Boolean(heading) && (\n <Heading as='h2' className={cn(classes?.heading)}>\n Другие предложения\n </Heading>\n )}\n\n {winNavArrows && navArrowPosition === 'top-right' && (\n <div className={cn('ml-auto flex items-center gap-2', classes?.arrowsNavWrapper)}>\n <ArrowNavigationButton\n mode='prev'\n onClick={onClickNavigationButton}\n disabled={prevBtnDisabled}\n classes={classes?.arrowLeftClasses}\n />\n <ArrowNavigationButton\n mode='next'\n onClick={onClickNavigationButton}\n disabled={nextBtnDisabled}\n classes={classes?.arrowRightClasses}\n />\n </div>\n )}\n </div>\n )}\n\n {winNavArrows && navArrowPosition === 'center' ? (\n <ContainerWithNavigation\n onClickNavigationButton={onClickNavigationButton}\n prevBtnDisabled={prevBtnDisabled}\n nextBtnDisabled={nextBtnDisabled}\n classes={classes?.containerWithNavClasses}\n >\n <CarouselContent\n visibleIndex={visibleIndex}\n dotsOptions={mergedDotsOptions}\n ref={emblaRef}\n dotsProps={dotsProps}\n classes={classes?.carouselContentClasses}\n >\n {children}\n </CarouselContent>\n </ContainerWithNavigation>\n ) : (\n <CarouselContent\n visibleIndex={visibleIndex}\n dotsOptions={mergedDotsOptions}\n ref={emblaRef}\n dotsProps={dotsProps}\n classes={classes?.carouselContentClasses}\n >\n {children}\n </CarouselContent>\n )}\n </div>\n )\n}\n"],"names":["CarouselBase","dotsOptions","defaultDotsOptions","navArrowOptions","defaultNavArrowOptions","carouselOptions","defaultCarouselOptions","heading","autoPlayOptions","setVisibleIndex","visibleIndex","children","classes","props","mergedCarouselOptions","mergedAutoPlayOptions","defaultAutoPlayOptions","mergedNavArrowOptions","mergedDotsOptions","emblaApi","navigationHandler","emblaRef","useCarousel","dotsProps","useDotsNavigation","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","useArrowNavigation","isMobile","isDesktop","useDevice","deskVisible","mobVisible","navArrowPosition","winNavArrows","withHeadingAndArrowsTop","jsxs","cn","jsx","Heading","ArrowNavigationButton","ContainerWithNavigation","CarouselContent"],"mappings":"+tBA2CO,MAAMA,GAAe,CAAC,CAC3B,YAAAC,EAAcC,EACd,gBAAAC,EAAkBC,EAClB,gBAAAC,EAAkBC,EAClB,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAAwB,CAAE,GAAGR,EAAwB,GAAGD,CAAA,EACxDU,EAAwB,CAAE,GAAGC,EAAwB,GAAGR,CAAA,EACxDS,EAAwB,CAAE,GAAGb,EAAwB,GAAGD,CAAA,EACxDe,EAAoB,CAAE,GAAGhB,EAAoB,GAAGD,CAAA,EAEhD,CAAE,SAAAkB,EAAU,kBAAAC,EAAmB,SAAAC,CAAA,EAAaC,EAAY,CAC5D,gBAAiBR,EACjB,gBAAiBC,CAAA,CAClB,EAEKQ,EAAYC,EAAkB,CAAE,SAAAL,EAAU,kBAAAC,EAAmB,gBAAAX,EAAiB,EAC9E,CAAE,gBAAAgB,EAAiB,gBAAAC,EAAiB,wBAAAC,CAAA,EAA4BC,EAAmB,CACvF,SAAAT,EACA,kBAAAC,CAAA,CACD,EAEK,CAAE,SAAAS,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,YAAAC,EAAa,WAAAC,EAAY,SAAUC,CAAA,EAAqBjB,GAAyB,CAAA,EAOnFkB,EAFqBH,GAAeF,GAFfG,GAAcJ,EAMnCO,EAA0B,EAAQ7B,GAAa4B,GAAgBD,IAAqB,YAE1F,OACEG,EAAC,OAAI,UAAWC,EAAG,gBAAiB1B,GAAS,IAAI,EAAI,GAAGC,EACrD,SAAA,CAAAuB,GACCC,EAAC,MAAA,CAAI,UAAWC,EAAG,0CAA2C,CAAE,OAAQF,CAAA,EAA2BxB,GAAS,MAAM,EAC/G,SAAA,CAAA,EAAQL,GACPgC,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG1B,GAAS,OAAO,EAAG,SAAA,oBAAA,CAElD,EAGDuB,GAAgBD,IAAqB,aACpCG,EAAC,MAAA,CAAI,UAAWC,EAAG,kCAAmC1B,GAAS,gBAAgB,EAC7E,SAAA,CAAA2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUF,EACV,QAASb,GAAS,gBAAA,CAAA,EAEpB2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUD,EACV,QAASd,GAAS,iBAAA,CAAA,CACpB,CAAA,CACF,CAAA,EAEJ,EAGDuB,GAAgBD,IAAqB,SACpCK,EAACG,EAAA,CACC,wBAAAf,EACA,gBAAAF,EACA,gBAAAC,EACA,QAASd,GAAS,wBAElB,SAAA2B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,CAAA,EAGF4B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,EAEJ,CAEJ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselNative.js","sources":["../../../../../lib/shared/ui/carousel/CarouselNative.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport { motion } from 'framer-motion'\n\nexport interface CarouselNativeProps<Element> extends React.HTMLAttributes<HTMLDivElement> {\n items: Element[]\n renderComponent: (elementProps: Element) => React.JSX.Element\n columnGap?: number\n}\n\nexport const CarouselNative = <Element,>({\n className,\n items,\n renderComponent,\n columnGap = 10,\n ...props\n}: CarouselNativeProps<Element>) => {\n const [width, setWidth] = useState<number>(0)\n\n const carouselRef = useRef<HTMLDivElement>(null)\n const containerRef = useRef<HTMLDivElement>(null)\n const listRef = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const carousel = carouselRef.current\n\n if (carousel) {\n setWidth(carousel.scrollWidth - carousel.offsetWidth)\n }\n }, [items])\n\n return (\n <div ref={containerRef} {...props} className='w-full max-w-[540px] overflow-hidden'>\n <motion.div\n ref={carouselRef}\n drag='x'\n dragElastic={0.15}\n dragConstraints={{ right: 0, left: -width }}\n dragTransition={{ bounceDamping: 30, power: 0.33 }}\n transition={{ duration: 0.2, ease: 'easeInOut' }}\n className='flex cursor-pointer flex-col gap-3'\n >\n <div className={classNames('inline-flex w-max flex-col', className)}>\n <div ref={listRef} className='flex' style={{ columnGap }}>\n {items.map((item, cellIndex) => (\n <motion.div key={`cell-${cellIndex}`} className='w-max'>\n {renderComponent(item)}\n </motion.div>\n ))}\n </div>\n </div>\n </motion.div>\n </div>\n )\n}\n"],"names":["CarouselNative","className","items","renderComponent","columnGap","props","width","setWidth","useState","carouselRef","useRef","containerRef","listRef","useEffect","carousel","jsx","motion","classNames","item","cellIndex"],"mappings":"wLAUO,MAAMA,EAAiB,CAAW,CACvC,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,IAAoC,CAClC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAiB,CAAC,EAEtCC,EAAcC,EAAuB,IAAI,EACzCC,EAAeD,EAAuB,IAAI,EAC1CE,EAAUF,EAAuB,IAAI,EAE3C,OAAAG,EAAU,IAAM,CACd,MAAMC,EAAWL,EAAY,QAEzBK,GACFP,EAASO,EAAS,YAAcA,EAAS,WAAW,CAExD,EAAG,CAACZ,CAAK,CAAC,IAGP,MAAA,CAAI,IAAKS,EAAe,GAAGN,EAAO,UAAU,uCAC3C,SAAAU,EAACC,EAAO,IAAP,CACC,IAAKP,EACL,KAAK,IACL,YAAa,IACb,gBAAiB,CAAE,MAAO,EAAG,KAAM,CAACH,CAAA,EACpC,eAAgB,CAAE,cAAe,GAAI,MAAO,GAAA,EAC5C,WAAY,CAAE,SAAU,GAAK,KAAM,WAAA,EACnC,UAAU,qCAEV,WAAC,MAAA,CAAI,UAAWW,EAAW,6BAA8BhB,CAAS,EAChE,SAAAc,EAAC,MAAA,CAAI,IAAKH,EAAS,UAAU,OAAO,MAAO,CAAE,UAAAR,GAC1C,SAAAF,EAAM,IAAI,CAACgB,EAAMC,IAChBJ,EAACC,EAAO,IAAP,CAAqC,UAAU,QAC7C,SAAAb,EAAgBe,CAAI,GADN,QAAQC,CAAS,EAElC,CACD,EACH,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselContent.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselContent.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport type { DotsOptions, UseDotsNavigationReturn } from '../model'\nimport { DotsNavigations, type DotsNavigationsClasses } from './DotsNavigations'\nimport { useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselContentClasses = {\n dotsClasses?: DotsNavigationsClasses\n slidesOverlay?: string\n slidesWrapper?: string\n}\n\nexport interface CarouselContentProps {\n classes?: CarouselContentClasses\n children: ReactNode\n dotsProps: UseDotsNavigationReturn\n dotsOptions: DotsOptions\n visibleIndex: number\n}\n\nexport const CarouselContent = forwardRef<HTMLDivElement, CarouselContentProps>(\n ({ visibleIndex, classes, children, dotsProps, dotsOptions }, ref) => {\n const { isMobile, isDesktop } = useDevice()\n const { mobVisible, deskVisible, ...dotsRestOptions } = dotsOptions ?? {}\n\n //Отображения точек если переданы и мобильное разрешение\n const withDotsOnMob = mobVisible && isMobile\n //Отображения точек если переданы и полноэкранное разрешение\n const withDotsOnDesk = deskVisible && isDesktop\n\n const dotsFullProps = {\n visibleIndex,\n ...dotsProps\n }\n\n return (\n <div className={cn('mx-auto overflow-hidden', classes?.slidesOverlay)} ref={ref}>\n <div className={cn('flex touch-pan-y gap-6', classes?.slidesWrapper)}>{children}</div>\n {(withDotsOnDesk || withDotsOnMob) && <DotsNavigations {...dotsFullProps} {...dotsRestOptions} />}\n </div>\n )\n }\n)\n"],"names":["CarouselContent","forwardRef","visibleIndex","classes","children","dotsProps","dotsOptions","ref","isMobile","isDesktop","useDevice","mobVisible","deskVisible","dotsRestOptions","withDotsOnMob","withDotsOnDesk","dotsFullProps","jsxs","cn","jsx","DotsNavigations"],"mappings":"8OAoBO,MAAMA,EAAkBC,EAC7B,CAAC,CAAE,aAAAC,EAAc,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,YAAAC,CAAA,EAAeC,IAAQ,CACpE,KAAM,CAAE,SAAAC,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,WAAAC,EAAY,YAAAC,EAAa,GAAGC,CAAA,EAAoBP,GAAe,CAAA,EAGjEQ,EAAgBH,GAAcH,EAE9BO,EAAiBH,GAAeH,EAEhCO,EAAgB,CACpB,aAAAd,EACA,GAAGG,CAAA,EAGL,OACEY,EAAC,OAAI,UAAWC,EAAG,0BAA2Bf,GAAS,aAAa,EAAG,IAAAI,EACrE,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,yBAA0Bf,GAAS,aAAa,EAAI,SAAAC,EAAS,GAC9EW,GAAkBD,IAAkBK,EAACC,GAAiB,GAAGJ,EAAgB,GAAGH,CAAA,CAAiB,CAAA,EACjG,CAEJ,CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselSlide.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselSlide.tsx"],"sourcesContent":["import { type CarouselSlideVariant, renderSlideVariant } from '../model'\nimport type { DiscriminatedUnion } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselSlideClasses = {\n root?: string\n slide?: string\n}\n\nexport type CarouselSlideProps = {\n classes?: CarouselSlideClasses\n}\n\nexport const CarouselSlide = ({ classes, ...props }: DiscriminatedUnion<'variant', CarouselSlideVariant>) => {\n return (\n <div className={cn(classes?.root)}>\n <div className={cn('flex translate-x-0 translate-y-0 transform-gpu select-none flex-col', classes?.slide)}>\n {renderSlideVariant(props)}\n </div>\n </div>\n )\n}\n"],"names":["CarouselSlide","classes","props","cn","jsx","renderSlideVariant"],"mappings":"2IAaO,MAAMA,EAAgB,CAAC,CAAE,QAAAC,EAAS,GAAGC,OAEvC,MAAA,CAAI,UAAWC,EAAGF,GAAS,IAAI,EAC9B,SAAAG,EAAC,MAAA,CAAI,UAAWD,EAAG,sEAAuEF,GAAS,KAAK,EACrG,SAAAI,EAAmBH,CAAK,EAC3B,EACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContainerWithNavigation.js","sources":["../../../../../../lib/shared/ui/carousel/ui/ContainerWithNavigation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { NavigationMode } from '../model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses } from './ArrowNavigationButton'\nimport { cn } from '$/shared/utils'\n\nexport type ContainerWithNavigationClasses = {\n wrapper?: string\n arrowLeftClasses?: ArrowNavigationButtonClasses\n arrowRightClasses?: ArrowNavigationButtonClasses\n}\n\nexport interface ContainerWithNavigationProps {\n children: ReactNode\n prevBtnDisabled: boolean\n nextBtnDisabled: boolean\n onClickNavigationButton: (mode: NavigationMode) => void\n classes?: ContainerWithNavigationClasses\n}\n\nexport const ContainerWithNavigation = ({\n children,\n prevBtnDisabled,\n nextBtnDisabled,\n onClickNavigationButton,\n classes\n}: ContainerWithNavigationProps) => {\n return (\n <div className={cn('relative flex items-center gap-1', classes?.wrapper)}>\n <ArrowNavigationButton\n mode='prev'\n onClick={onClickNavigationButton}\n disabled={prevBtnDisabled}\n classes={{\n button: cn('absolute -left-12 top-1/2 -transform-y-1/2', classes?.arrowLeftClasses?.button),\n icon: cn(classes?.arrowLeftClasses?.icon)\n }}\n />\n {children}\n <ArrowNavigationButton\n mode='next'\n onClick={onClickNavigationButton}\n disabled={nextBtnDisabled}\n classes={{\n button: cn('absolute -right-12 top-1/2 -transform-y-1/2', classes?.arrowRightClasses?.button),\n icon: cn(classes?.arrowRightClasses?.icon)\n }}\n />\n </div>\n )\n}\n"],"names":["ContainerWithNavigation","children","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","classes","cn","jsx","ArrowNavigationButton"],"mappings":"+JAmBO,MAAMA,EAA0B,CAAC,CACtC,SAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,wBAAAC,EACA,QAAAC,CACF,MAEK,MAAA,CAAI,UAAWC,EAAG,mCAAoCD,GAAS,OAAO,EACrE,SAAA,CAAAE,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUF,EACV,QAAS,CACP,OAAQI,EAAG,6CAA8CD,GAAS,kBAAkB,MAAM,EAC1F,KAAMC,EAAGD,GAAS,kBAAkB,IAAI,CAAA,CAC1C,CAAA,EAEDJ,EACDM,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUD,EACV,QAAS,CACP,OAAQG,EAAG,8CAA+CD,GAAS,mBAAmB,MAAM,EAC5F,KAAMC,EAAGD,GAAS,mBAAmB,IAAI,CAAA,CAC3C,CAAA,CACF,EACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOnlyImage.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideOnlyImage.tsx"],"sourcesContent":["import type { ImageProps } from '../../model'\nimport { cn } from '$/shared/utils'\n\ntype SlideOnlyImageClasses = {\n root?: string\n image?: string\n}\n\nexport interface SlideOnlyImageProps {\n imgProps?: ImageProps\n slideClasses?: SlideOnlyImageClasses\n}\n\nexport const SlideOnlyImage = ({ imgProps, slideClasses }: SlideOnlyImageProps) => {\n return (\n <div className={cn('h-full w-full', slideClasses?.root)}>\n {imgProps && imgProps?.src && (\n <img className={cn('w-full object-contain', slideClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n )}\n </div>\n )\n}\n"],"names":["SlideOnlyImage","imgProps","slideClasses","jsx","cn"],"mappings":"qFAaO,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,aAAAC,KAEvCC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiBF,GAAc,IAAI,EACnD,SAAAD,GAAYA,GAAU,KACrBE,EAAC,OAAI,UAAWC,EAAG,wBAAyBF,GAAc,KAAK,EAAG,IAAKD,GAAU,IAAK,IAAKA,GAAU,GAAA,CAAK,CAAA,CAE9G"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/types/lib/shared/ui/{carousel → carouselBase}/ui/slideVariants/SlideOnlyImage.d.ts
RENAMED
|
File without changes
|