@scbt-ecom/ui 0.153.6 → 0.153.8

package/dist/lib/shared/ui/carousel/CarouselNative.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/lib/shared/ui/carousel/ui/CarouselContent.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/lib/shared/ui/carousel/ui/CarouselSlide.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/lib/shared/ui/carousel/ui/ContainerWithNavigation.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideOnlyImage.js.map

@@ -1 +0,0 @@
-{"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"}