@sonic-equipment/ui 0.0.46 → 0.0.47

package/dist/index.js

@@ -6339,6 +6339,7 @@ function Carousel({ breakpoints, className, hasNavigation = true, hasOverflow =
     const [isDragging, setIsDragging] = useState(false);
     function handleSlideChange(swiper) {
         setIsEnd(swiper.isEnd);
+        setIsLocked(swiper.isLocked);
         setIsBeginning(swiper.isBeginning);
     }
     const showNavigation = hasNavigation && !isLocked;
@@ -6348,7 +6349,7 @@ function Carousel({ breakpoints, className, hasNavigation = true, hasOverflow =
             }), freeMode: {
                 enabled: true,
                 sticky: true,
-            }, modules: [freeMode], onSlideChange: swiper => handleSlideChange(swiper), onSwiper: swiper => setIsLocked(swiper.isLocked), onTouchEnd: () => setIsDragging(false), onTouchStart: () => setIsDragging(true), slidesPerView: slidesPerView, spaceBetween: spaceBetween, children: [slides.map((slide, index) => (jsx(SwiperSlide, { className: clsx(styles$t.slide, slideClasses), children: slide }, index))), showNavigation && (jsxs("div", { className: clsx(styles$t['navigation-buttons'], styles$t[navigationButtonsPosition]), children: [jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-prev']), children: jsx(CarouselNavigationButton, { direction: "previous", isDisabled: isBeginning }) }), jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-next']), children: jsx(CarouselNavigationButton, { direction: "next", isDisabled: isEnd }) })] }))] }) }));
+            }, modules: [freeMode], onSwiper: swiper => setIsLocked(swiper.isLocked), onTouchEnd: () => setIsDragging(false), onTouchStart: () => setIsDragging(true), onUpdate: swiper => handleSlideChange(swiper), slidesPerView: slidesPerView, spaceBetween: spaceBetween, children: [slides.map((slide, index) => (jsx(SwiperSlide, { className: clsx(styles$t.slide, slideClasses), children: slide }, index))), showNavigation && (jsxs("div", { className: clsx(styles$t['navigation-buttons'], styles$t[navigationButtonsPosition]), children: [jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-prev']), children: jsx(CarouselNavigationButton, { direction: "previous", isDisabled: isBeginning }) }), jsx("div", { className: clsx(styles$t['navigation-button-wrapper'], styles$t['navigation-button-next']), children: jsx(CarouselNavigationButton, { direction: "next", isDisabled: isEnd }) })] }))] }) }));
 }
 
 function CategoryCarousel({ categoryCards }) {
@@ -7069,47 +7070,49 @@ function PromoCard({ alt, href, srcSet, variant }) {
 var styles$a = {"promos":"promo-cards-module-Dy4p3"};
 
 // TODO: Remove this and use actual data instead when backend is implemented
-const tempPromoCards = [
-    {
-        alt: 'Large promo card',
-        href: '#',
-        srcSet: [
-            {
-                src: '/images/promo-cards/promo-content-block-on-sale-svp.webp',
-                width: 310,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-on-sale-mvp.webp',
-                width: 527,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-on-sale-lvp.webp',
-                width: 720,
-            },
-        ],
-    },
-    {
-        alt: 'Small promo card',
-        href: '#',
-        srcSet: [
-            {
-                src: '/images/promo-cards/promo-content-block-cross-sell-svp.png',
-                width: 250,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-cross-sell-mvp.webp',
-                width: 264,
-            },
-            {
-                src: '/images/promo-cards/promo-content-block-cross-sell-lvp.webp',
-                width: 480,
-            },
-        ],
-    },
-];
-function PromoCards({ promoCardsData = tempPromoCards, }) {
+// const tempPromoCards: BannerItem[] = [
+//   {
+//     alt: 'Large promo card',
+//     href: '#',
+//     srcSet: [
+//       {
+//         src: '/images/promo-cards/promo-content-block-on-sale-svp.webp',
+//         width: 310,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-on-sale-mvp.webp',
+//         width: 527,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-on-sale-lvp.webp',
+//         width: 720,
+//       },
+//     ],
+//   },
+//   {
+//     alt: 'Small promo card',
+//     href: '#',
+//     srcSet: [
+//       {
+//         src: '/images/promo-cards/promo-content-block-cross-sell-svp.png',
+//         width: 250,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-cross-sell-mvp.webp',
+//         width: 264,
+//       },
+//       {
+//         src: '/images/promo-cards/promo-content-block-cross-sell-lvp.webp',
+//         width: 480,
+//       },
+//     ],
+//   },
+// ]
+function PromoCards({ promoCardsData = [], }) {
     const { lg } = useBreakpoint();
     const promoCards = promoCardsData.map((promoCard, index) => (jsx(PromoCard, { alt: promoCard.alt, href: promoCard.href, srcSet: promoCard.srcSet, variant: index % 2 === 0 ? 'lg' : 'sm' }, `promo-card-${index}`)));
+    if (promoCardsData.length === 0)
+        return null;
     return (jsx("div", { className: styles$a.promos, children: lg ? (jsx(Fragment, { children: promoCards })) : (jsx(Carousel, { hasNavigation: false, hasOverflow: false, slides: promoCards, spaceBetween: 16 })) }));
 }
 

package/dist/promos/promo-cards/promo-cards.d.ts

@@ -1,4 +1,4 @@
 import { BannerItem } from 'shared/api/bff/model/bff.model';
 export declare function PromoCards({ promoCardsData, }: {
     promoCardsData?: BannerItem[];
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "type": "module",
   "license": "MIT",
   "engines": {