@cleartrip/ct-design-merch-carousel-slider 1.2.0-SNAPSHOT-e2eComponentsTest.0 → 1.2.0-SNAPSHOT-merchCarouselPRFixes.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MerchCarouselSlider.d.ts.map +1 -1
- package/dist/ct-design-merch-carousel-slider.cjs.js +1 -1
- package/dist/ct-design-merch-carousel-slider.cjs.js.map +1 -1
- package/dist/ct-design-merch-carousel-slider.esm.js +1 -1
- package/dist/ct-design-merch-carousel-slider.esm.js.map +1 -1
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MerchCarouselSlider.d.ts","sourceRoot":"","sources":["../packages/components/MerchCarouselSlider/src/MerchCarouselSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MerchCarouselSlider.d.ts","sourceRoot":"","sources":["../packages/components/MerchCarouselSlider/src/MerchCarouselSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAazE,OAAO,sBAAsB,CAAC;AAM9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAqE9C,QAAA,MAAM,mBAAmB,+FAyLxB,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),t=require("@emotion/css"),r=require("swiper/react"),o=require("swiper"),a=require("@cleartrip/ct-design-style-manager"),s=require("@cleartrip/ct-design-container"),l=require("@cleartrip/ct-design-intersection-observer-hoc"),d=require("@cleartrip/ct-design-common-utils");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(i),p="index-module_swiper__r5-8U",g="index-module_swiper-slide__Zchn0";c(o).default.use([o.Autoplay,o.Navigation,o.Pagination]);var f,h=t.css(f||(f=e.__makeTemplateObject(["\n .swiper-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n z-index: 10;\n }\n\n .swiper_custom_bullet {\n width: 6px;\n height: 6px;\n border-radius: 3px;\n background-color: #ffffff80;\n opacity: 1;\n margin: 0 2px;\n transition: all 0.3s ease;\n cursor: pointer;\n\n &.swiper-pagination-bullet-active {\n width: 6px;\n height: 6px;\n border-radius: 4px;\n background-color: #ffffff;\n }\n }\n"],["\n .swiper-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n z-index: 10;\n }\n\n .swiper_custom_bullet {\n width: 6px;\n height: 6px;\n border-radius: 3px;\n background-color: #ffffff80;\n opacity: 1;\n margin: 0 2px;\n transition: all 0.3s ease;\n cursor: pointer;\n\n &.swiper-pagination-bullet-active {\n width: 6px;\n height: 6px;\n border-radius: 4px;\n background-color: #ffffff;\n }\n }\n"]))),v=a.makeStyles((function(e){return{root:{position:"relative"},countWrapper:{zIndex:10,right:"4%",position:"absolute",alignSelf:"flex-end",bottom:null==e?void 0:e.spacing[4]},carouselContainerStyles:{width:"100%",alignItems:"center",justifyContent:"center"},placeHolderWrapper:{paddingVertical:null==e?void 0:e.spacing[2],paddingHorizontal:null==e?void 0:e.spacing[4]},placeHolderImageWrapper:{width:"100%",display:"flex",borderRadius:8,alignItems:"center",backgroundColor:"#fef5f2",justifyContent:"center"},placeHolderImage:{height:"15%",width:"auto"}}})),m=u.default.forwardRef((function(t){var o=t.data,c=t.children,u=t.isInfinite,f=t.slideWidth,m=t.styleConfig,x=t.wrapperHeight,y=t.startIndex,w=void 0===y?0:y,_=t.snapEnabled,S=void 0===_||_,b=t.showNavigation,C=void 0!==b&&b,I=t.thresholdDelta,j=void 0===I?40:I;t.autoPlaySpeed;var H=t.containerWidth,W=void 0===H?"100%":H,k=t.autoSwipeDuration,P=void 0===k?1e3:k,q=t.onSlideProgressChange,z=void 0===q?function(){}:q,F=t.onSlide,M=void 0===F?function(){}:F,N=t.renderItem,O=t.slidesPerView,A=void 0===O?"auto":O,D=t.lazyWidget,E=t.lazyLoad,V=void 0!==E&&E,B=t.paginationOptions,L=t.isCentered,R=t.spacingBetween,U=void 0===R?0:R,T=t.isFreeSwipe,Z=t.renderPlaceholderImage,G=e.__rest(t,["data","children","isInfinite","slideWidth","styleConfig","wrapperHeight","startIndex","snapEnabled","showNavigation","thresholdDelta","autoPlaySpeed","containerWidth","autoSwipeDuration","onSlideProgressChange","onSlide","renderItem","slidesPerView","lazyWidget","lazyLoad","paginationOptions","isCentered","spacingBetween","isFreeSwipe","renderPlaceholderImage"]),J=m||{},K=J.root,Q=void 0===K?[]:K,X=J.carouselContainer,Y=void 0===X?[]:X,$=G||{},ee=$.isAutoplay,ne=void 0!==ee&&ee,ie=$.showPagination,te=void 0!==ie&&ie,re=$.showDots,oe=void 0!==re&&re,ae=$.centeredSlides,se=void 0===ae?L:ae,le=i.useState(!1),de=le[0],ce=le[1],ue=i.useState(!D),pe=ue[0],ge=ue[1],fe=i.useCallback((function(){ne&&ce(!0)}),[ne]),he=i.useCallback((function(){fe()}),[]),ve=a.useStyles((function(){return{slideStyles:{width:f}}}),[f]),me=a.useWebMergeStyles(e.__spreadArray([ve.slideStyles],Y,!0),[Y]),xe=a.useStyles((function(){return{containerWidth:{width:W}}}),[W]),ye=i.useMemo((function(){var e,n=(null==o?void 0:o[0])||{},i=null===(e=null==n?void 0:n.image)||void 0===e?void 0:e.url;return d.getHeightFromImgUrl(i)||"100%"}),[o]),we=a.useStyles((function(){return{placeHolderStyles:{height:ye}}}),[ye]),_e=i.useCallback((function(){D&&ge(!0),fe()}),[D,fe]),Se=i.useCallback((function(){return n.jsx(s.Container,e.__assign({styleConfig:{root:[v.placeHolderWrapper]}},{children:n.jsx(s.Container,e.__assign({styleConfig:{root:[v.placeHolderImageWrapper,we.placeHolderStyles]}},{children:Z&&"function"==typeof Z?Z():n.jsx(n.Fragment,{})}))}))}),[we.placeHolderStyles]),be=i.useMemo((function(){return!(!te&&!oe)&&e.__assign({bulletClass:"swiper_custom_bullet",clickable:!0},B)}),[te,oe,B]);return i.useEffect((function(){!D&&ne&&ce(!0)}),[D,ne]),n.jsx(l.IntersectionObserverHoc,e.__assign({wrapped:!0,onIntersection:_e},{children:n.jsx(s.Container,e.__assign({styleConfig:{root:e.__spreadArray([v.root,xe.containerWidth],Q,!0)}},{children:pe?n.jsx(r.Swiper,e.__assign({threshold:j,freeMode:T,centeredSlides:se,loop:u,freeModeSticky:S,autoplay:!!de&&{delay:P,disableOnInteraction:!1},speed:300,lazy:!!V&&{loadPrevNextAmount:2},navigation:C,pagination:be,onProgress:function(e,n){console.log("swiper",e),(e||{}).activeIndex,z(e.progress,n)},initialSlide:w,slidesPerView:A,spaceBetween:U,className:"".concat(p," ").concat(te?h:""),onSlideChange:function(e){var n=(e||{}).activeIndex,i=void 0===n?0:n;i&&M(i)}},{children:d.isEmpty(c)?d.isEmpty(o)?n.jsx(n.Fragment,{}):o.map((function(i,t){var a,s,d=null!==(s=null!==(a=null==i?void 0:i.itemId)&&void 0!==a?a:null==i?void 0:i.id)&&void 0!==s?s:t;return n.jsx(r.SwiperSlide,e.__assign({className:"".concat(g," ").concat(me),style:{width:f,height:x}},{children:n.jsx(l.IntersectionObserverHoc,e.__assign({wrapped:!0,onIntersection:he},{children:N?N({item:i,index:t,animationValue:0},null==o?void 0:o.length):n.jsx(n.Fragment,{})}))}),d)})):n.jsx(n.Fragment,{})})):n.jsxs(n.Fragment,{children:[" ",Se()," "]})}))}))}));m.displayName="MerchCarouselSlider",exports.MerchCarouselSlider=m;
|
|
2
2
|
//# sourceMappingURL=ct-design-merch-carousel-slider.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-merch-carousel-slider.cjs.js","sources":["../packages/components/MerchCarouselSlider/src/MerchCarouselSlider.tsx"],"sourcesContent":[null],"names":["default","use","Autoplay","Navigation","Pagination","paginationStyles","css","templateObject_1","__makeTemplateObject","staticStyles","makeStyles","theme","root","position","countWrapper","zIndex","right","alignSelf","bottom","spacing","carouselContainerStyles","width","alignItems","justifyContent","placeHolderWrapper","paddingVertical","paddingHorizontal","placeHolderImageWrapper","display","borderRadius","backgroundColor","placeHolderImage","height","MerchCarouselSlider","React","forwardRef","_a","
|
|
1
|
+
{"version":3,"file":"ct-design-merch-carousel-slider.cjs.js","sources":["../packages/components/MerchCarouselSlider/src/MerchCarouselSlider.tsx"],"sourcesContent":[null],"names":["default","use","Autoplay","Navigation","Pagination","paginationStyles","css","templateObject_1","__makeTemplateObject","staticStyles","makeStyles","theme","root","position","countWrapper","zIndex","right","alignSelf","bottom","spacing","carouselContainerStyles","width","alignItems","justifyContent","placeHolderWrapper","paddingVertical","paddingHorizontal","placeHolderImageWrapper","display","borderRadius","backgroundColor","placeHolderImage","height","MerchCarouselSlider","React","forwardRef","_a","data","children","isInfinite","slideWidth","styleConfig","wrapperHeight","_b","startIndex","_c","snapEnabled","_d","showNavigation","_e","thresholdDelta","autoPlaySpeed","_g","containerWidth","_h","autoSwipeDuration","_j","onSlideProgressChange","_k","onSlide","renderItem","_l","slidesPerView","lazyWidget","_m","lazyLoad","paginationOptions","isCentered","_o","spacingBetween","isFreeSwipe","renderPlaceholderImage","rest","__rest","_p","_q","rootStyles","_r","carouselContainer","_s","_t","isAutoplay","_u","showPagination","_v","showDots","_w","centeredSlides","_x","useState","shouldAutoplay","setShouldAutoplay","_y","visible","setVisible","handleCarouselVisible","useCallback","handleIntersection","carouselSlideStyles","useStyles","slideStyles","_carouselContainerStyles","useWebMergeStyles","__spreadArray","dynamicRootStyles","contentImgHeight","useMemo","firstItem","imgUrl","image","url","getHeightFromImgUrl","dynamicPlaceHolderStyles","placeHolderStyles","onSectionVisible","showPlaceholders","_jsx","Container","__assign","_showPagination","bulletClass","clickable","useEffect","IntersectionObserver","wrapped","onIntersection","jsx","Swiper","threshold","freeMode","loop","freeModeSticky","autoplay","delay","disableOnInteraction","speed","lazy","loadPrevNextAmount","navigation","pagination","onProgress","swiper","progress","console","log","activeIndex","initialSlide","spaceBetween","className","concat","styles","onSlideChange","isEmpty","_Fragment","Fragment","map","item","index","IndexKey","itemId","id","SwiperSlide","style","IntersectionObserverHoc","animationValue","length","_jsxs","jsxs","displayName"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e,__rest as n,__spreadArray as i,__assign as t}from"tslib";import{jsx as o,Fragment as r,jsxs as a}from"react/jsx-runtime";import l,{useState as d,useCallback as s,useMemo as c,useEffect as p}from"react";import{css as u}from"@emotion/css";import{Swiper as f,SwiperSlide as g}from"swiper/react";import h,{Autoplay as m,Navigation as v,Pagination as w}from"swiper";import{makeStyles as y,useStyles as x,useWebMergeStyles as b}from"@cleartrip/ct-design-style-manager";import{Container as S}from"@cleartrip/ct-design-container";import{IntersectionObserverHoc as I}from"@cleartrip/ct-design-intersection-observer-hoc";import{getHeightFromImgUrl as C,isEmpty as
|
|
1
|
+
import{__makeTemplateObject as e,__rest as n,__spreadArray as i,__assign as t}from"tslib";import{jsx as o,Fragment as r,jsxs as a}from"react/jsx-runtime";import l,{useState as d,useCallback as s,useMemo as c,useEffect as p}from"react";import{css as u}from"@emotion/css";import{Swiper as f,SwiperSlide as g}from"swiper/react";import h,{Autoplay as m,Navigation as v,Pagination as w}from"swiper";import{makeStyles as y,useStyles as x,useWebMergeStyles as b}from"@cleartrip/ct-design-style-manager";import{Container as S}from"@cleartrip/ct-design-container";import{IntersectionObserverHoc as I}from"@cleartrip/ct-design-intersection-observer-hoc";import{getHeightFromImgUrl as C,isEmpty as W}from"@cleartrip/ct-design-common-utils";var P="index-module_swiper__r5-8U",_="index-module_swiper-slide__Zchn0";h.use([m,v,w]);var H,z=u(H||(H=e(["\n .swiper-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n z-index: 10;\n }\n\n .swiper_custom_bullet {\n width: 6px;\n height: 6px;\n border-radius: 3px;\n background-color: #ffffff80;\n opacity: 1;\n margin: 0 2px;\n transition: all 0.3s ease;\n cursor: pointer;\n\n &.swiper-pagination-bullet-active {\n width: 6px;\n height: 6px;\n border-radius: 4px;\n background-color: #ffffff;\n }\n }\n"],["\n .swiper-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n z-index: 10;\n }\n\n .swiper_custom_bullet {\n width: 6px;\n height: 6px;\n border-radius: 3px;\n background-color: #ffffff80;\n opacity: 1;\n margin: 0 2px;\n transition: all 0.3s ease;\n cursor: pointer;\n\n &.swiper-pagination-bullet-active {\n width: 6px;\n height: 6px;\n border-radius: 4px;\n background-color: #ffffff;\n }\n }\n"]))),k=y((function(e){return{root:{position:"relative"},countWrapper:{zIndex:10,right:"4%",position:"absolute",alignSelf:"flex-end",bottom:null==e?void 0:e.spacing[4]},carouselContainerStyles:{width:"100%",alignItems:"center",justifyContent:"center"},placeHolderWrapper:{paddingVertical:null==e?void 0:e.spacing[2],paddingHorizontal:null==e?void 0:e.spacing[4]},placeHolderImageWrapper:{width:"100%",display:"flex",borderRadius:8,alignItems:"center",backgroundColor:"#fef5f2",justifyContent:"center"},placeHolderImage:{height:"15%",width:"auto"}}})),N=l.forwardRef((function(e){var l=e.data,u=e.children,h=e.isInfinite,m=e.slideWidth,v=e.styleConfig,w=e.wrapperHeight,y=e.startIndex,H=void 0===y?0:y,N=e.snapEnabled,j=void 0===N||N,D=e.showNavigation,V=void 0!==D&&D,B=e.thresholdDelta,M=void 0===B?40:B;e.autoPlaySpeed;var O=e.containerWidth,A=void 0===O?"100%":O,E=e.autoSwipeDuration,F=void 0===E?1e3:E,L=e.onSlideProgressChange,R=void 0===L?function(){}:L,U=e.onSlide,Z=void 0===U?function(){}:U,q=e.renderItem,G=e.slidesPerView,J=void 0===G?"auto":G,K=e.lazyWidget,Q=e.lazyLoad,T=void 0!==Q&&Q,X=e.paginationOptions,Y=e.isCentered,$=e.spacingBetween,ee=void 0===$?0:$,ne=e.isFreeSwipe,ie=e.renderPlaceholderImage,te=n(e,["data","children","isInfinite","slideWidth","styleConfig","wrapperHeight","startIndex","snapEnabled","showNavigation","thresholdDelta","autoPlaySpeed","containerWidth","autoSwipeDuration","onSlideProgressChange","onSlide","renderItem","slidesPerView","lazyWidget","lazyLoad","paginationOptions","isCentered","spacingBetween","isFreeSwipe","renderPlaceholderImage"]),oe=v||{},re=oe.root,ae=void 0===re?[]:re,le=oe.carouselContainer,de=void 0===le?[]:le,se=te||{},ce=se.isAutoplay,pe=void 0!==ce&&ce,ue=se.showPagination,fe=void 0!==ue&&ue,ge=se.showDots,he=void 0!==ge&&ge,me=se.centeredSlides,ve=void 0===me?Y:me,we=d(!1),ye=we[0],xe=we[1],be=d(!K),Se=be[0],Ie=be[1],Ce=s((function(){pe&&xe(!0)}),[pe]),We=s((function(){Ce()}),[]),Pe=x((function(){return{slideStyles:{width:m}}}),[m]),_e=b(i([Pe.slideStyles],de,!0),[de]),He=x((function(){return{containerWidth:{width:A}}}),[A]),ze=c((function(){var e,n=(null==l?void 0:l[0])||{},i=null===(e=null==n?void 0:n.image)||void 0===e?void 0:e.url;return C(i)||"100%"}),[l]),ke=x((function(){return{placeHolderStyles:{height:ze}}}),[ze]),Ne=s((function(){K&&Ie(!0),Ce()}),[K,Ce]),je=s((function(){return o(S,t({styleConfig:{root:[k.placeHolderWrapper]}},{children:o(S,t({styleConfig:{root:[k.placeHolderImageWrapper,ke.placeHolderStyles]}},{children:ie&&"function"==typeof ie?ie():o(r,{})}))}))}),[ke.placeHolderStyles]),De=c((function(){return!(!fe&&!he)&&t({bulletClass:"swiper_custom_bullet",clickable:!0},X)}),[fe,he,X]);return p((function(){!K&&pe&&xe(!0)}),[K,pe]),o(I,t({wrapped:!0,onIntersection:Ne},{children:o(S,t({styleConfig:{root:i([k.root,He.containerWidth],ae,!0)}},{children:Se?o(f,t({threshold:M,freeMode:ne,centeredSlides:ve,loop:h,freeModeSticky:j,autoplay:!!ye&&{delay:F,disableOnInteraction:!1},speed:300,lazy:!!T&&{loadPrevNextAmount:2},navigation:V,pagination:De,onProgress:function(e,n){console.log("swiper",e),(e||{}).activeIndex,R(e.progress,n)},initialSlide:H,slidesPerView:J,spaceBetween:ee,className:"".concat(P," ").concat(fe?z:""),onSlideChange:function(e){var n=(e||{}).activeIndex,i=void 0===n?0:n;i&&Z(i)}},{children:W(u)?W(l)?o(r,{}):l.map((function(e,n){var i,a,d=null!==(a=null!==(i=null==e?void 0:e.itemId)&&void 0!==i?i:null==e?void 0:e.id)&&void 0!==a?a:n;return o(g,t({className:"".concat(_," ").concat(_e),style:{width:m,height:w}},{children:o(I,t({wrapped:!0,onIntersection:We},{children:q?q({item:e,index:n,animationValue:0},null==l?void 0:l.length):o(r,{})}))}),d)})):o(r,{})})):a(r,{children:[" ",je()," "]})}))}))}));N.displayName="MerchCarouselSlider";export{N as MerchCarouselSlider};
|
|
2
2
|
//# sourceMappingURL=ct-design-merch-carousel-slider.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-merch-carousel-slider.esm.js","sources":["../packages/components/MerchCarouselSlider/src/MerchCarouselSlider.tsx"],"sourcesContent":[null],"names":["SwiperCore","use","Autoplay","Navigation","Pagination","paginationStyles","css","templateObject_1","__makeTemplateObject","staticStyles","makeStyles","theme","root","position","countWrapper","zIndex","right","alignSelf","bottom","spacing","carouselContainerStyles","width","alignItems","justifyContent","placeHolderWrapper","paddingVertical","paddingHorizontal","placeHolderImageWrapper","display","borderRadius","backgroundColor","placeHolderImage","height","MerchCarouselSlider","React","forwardRef","_a","
|
|
1
|
+
{"version":3,"file":"ct-design-merch-carousel-slider.esm.js","sources":["../packages/components/MerchCarouselSlider/src/MerchCarouselSlider.tsx"],"sourcesContent":[null],"names":["SwiperCore","use","Autoplay","Navigation","Pagination","paginationStyles","css","templateObject_1","__makeTemplateObject","staticStyles","makeStyles","theme","root","position","countWrapper","zIndex","right","alignSelf","bottom","spacing","carouselContainerStyles","width","alignItems","justifyContent","placeHolderWrapper","paddingVertical","paddingHorizontal","placeHolderImageWrapper","display","borderRadius","backgroundColor","placeHolderImage","height","MerchCarouselSlider","React","forwardRef","_a","data","children","isInfinite","slideWidth","styleConfig","wrapperHeight","_b","startIndex","_c","snapEnabled","_d","showNavigation","_e","thresholdDelta","autoPlaySpeed","_g","containerWidth","_h","autoSwipeDuration","_j","onSlideProgressChange","_k","onSlide","renderItem","_l","slidesPerView","lazyWidget","_m","lazyLoad","paginationOptions","isCentered","_o","spacingBetween","isFreeSwipe","renderPlaceholderImage","rest","__rest","_p","_q","rootStyles","_r","carouselContainer","_s","_t","isAutoplay","_u","showPagination","_v","showDots","_w","centeredSlides","_x","useState","shouldAutoplay","setShouldAutoplay","_y","visible","setVisible","handleCarouselVisible","useCallback","handleIntersection","carouselSlideStyles","useStyles","slideStyles","_carouselContainerStyles","useWebMergeStyles","__spreadArray","dynamicRootStyles","contentImgHeight","useMemo","firstItem","imgUrl","image","url","getHeightFromImgUrl","dynamicPlaceHolderStyles","placeHolderStyles","onSectionVisible","showPlaceholders","_jsx","Container","__assign","_showPagination","bulletClass","clickable","useEffect","IntersectionObserver","wrapped","onIntersection","Swiper","threshold","freeMode","loop","freeModeSticky","autoplay","delay","disableOnInteraction","speed","lazy","loadPrevNextAmount","navigation","pagination","onProgress","swiper","progress","console","log","activeIndex","initialSlide","spaceBetween","className","concat","styles","onSlideChange","isEmpty","_Fragment","map","item","index","IndexKey","itemId","id","SwiperSlide","style","animationValue","length","_jsxs","displayName"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-merch-carousel-slider",
|
|
3
|
-
"version": "1.2.0-SNAPSHOT-
|
|
3
|
+
"version": "1.2.0-SNAPSHOT-merchCarouselPRFixes.0",
|
|
4
4
|
"description": "Merch Carousel Slider Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-design-merch-carousel-slider.cjs.js",
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"swiper": "6.8.4",
|
|
14
14
|
"@cleartrip/ct-design-common-constants": "3.20.0",
|
|
15
|
-
"@cleartrip/ct-design-
|
|
16
|
-
"@cleartrip/ct-design-
|
|
17
|
-
"@cleartrip/ct-design-style-manager": "3.20.1-SNAPSHOT-
|
|
18
|
-
"@cleartrip/ct-design-
|
|
15
|
+
"@cleartrip/ct-design-container": "3.21.0-SNAPSHOT-merchCarouselPRFixes.0",
|
|
16
|
+
"@cleartrip/ct-design-common-utils": "3.20.1-SNAPSHOT-merchCarouselPRFixes.0",
|
|
17
|
+
"@cleartrip/ct-design-style-manager": "3.20.1-SNAPSHOT-merchCarouselPRFixes.0",
|
|
18
|
+
"@cleartrip/ct-design-intersection-observer-hoc": "1.2.0-SNAPSHOT-merchCarouselPRFixes.0"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@cleartrip/ct-design-theme": "3.21.0-SNAPSHOT-
|
|
22
|
-
"@cleartrip/ct-design-types": "3.21.0-SNAPSHOT-
|
|
21
|
+
"@cleartrip/ct-design-theme": "3.21.0-SNAPSHOT-merchCarouselPRFixes.0",
|
|
22
|
+
"@cleartrip/ct-design-types": "3.21.0-SNAPSHOT-merchCarouselPRFixes.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": ">=16.8.0",
|