@cleartrip/ct-platform-pill-carousel 1.3.33 → 6.0.1-beta.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/Pill/Pill.types.d.ts.map +1 -1
- package/dist/Pill/index.d.ts.map +1 -1
- package/dist/Pill/index.module.d.ts +34 -0
- package/dist/Pill/index.module.d.ts.map +1 -0
- package/dist/PillCarousel.d.ts.map +1 -1
- package/dist/PillCarousel.types.d.ts.map +1 -1
- package/dist/ct-platform-pill-carousel.cjs.js +1 -1
- package/dist/ct-platform-pill-carousel.cjs.js.map +1 -1
- package/dist/ct-platform-pill-carousel.esm.js +1 -1
- package/dist/ct-platform-pill-carousel.esm.js.map +1 -1
- package/dist/index.module.d.ts +8 -0
- package/dist/index.module.d.ts.map +1 -0
- package/package.json +5 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.types.d.ts","sourceRoot":"","sources":["../../packages/components/PillCarousel/src/Pill/Pill.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,oBAAY,QAAQ;IAChB,KAAK,UAAU;IACf,KAAK,UAAU;CAClB;AAED,MAAM,WAAW,QAAQ;IACrB,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Pill.types.d.ts","sourceRoot":"","sources":["../../packages/components/PillCarousel/src/Pill/Pill.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,oBAAY,QAAQ;IAChB,KAAK,UAAU;IACf,KAAK,UAAU;CAClB;AAED,MAAM,WAAW,QAAQ;IACrB,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IAEnC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;IAExD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3D"}
|
package/dist/Pill/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/PillCarousel/src/Pill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/PillCarousel/src/Pill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,OAAO,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAKnD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyFpC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
'pill-story-container': {
|
|
3
|
+
display: "flex";
|
|
4
|
+
flexDirection: "column";
|
|
5
|
+
justifyContent: "space-evenly";
|
|
6
|
+
alignItems: "center";
|
|
7
|
+
};
|
|
8
|
+
'pill-chip-container': {
|
|
9
|
+
display: "flex";
|
|
10
|
+
alignItems: "center";
|
|
11
|
+
justifyContent: "center";
|
|
12
|
+
borderWidth: number;
|
|
13
|
+
borderStyle: "solid";
|
|
14
|
+
borderColor: string;
|
|
15
|
+
borderRadius: number;
|
|
16
|
+
height: number;
|
|
17
|
+
paddingTop: number;
|
|
18
|
+
paddingRight: number;
|
|
19
|
+
paddingBottom: number;
|
|
20
|
+
paddingLeft: number;
|
|
21
|
+
gap: number;
|
|
22
|
+
backgroundColor: string;
|
|
23
|
+
};
|
|
24
|
+
'pill-chip-image': {
|
|
25
|
+
maxHeight: number;
|
|
26
|
+
maxWidth: number;
|
|
27
|
+
};
|
|
28
|
+
'pill-story-image': {
|
|
29
|
+
borderRadius: number;
|
|
30
|
+
padding: number;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default styles;
|
|
34
|
+
//# sourceMappingURL=index.module.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.d.ts","sourceRoot":"","sources":["../../packages/components/PillCarousel/src/Pill/index.module.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCT,CAAC;AAEJ,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PillCarousel.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/PillCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"PillCarousel.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/PillCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOvE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoH7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PillCarousel.types.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/PillCarousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,oBAAY,YAAY;IACpB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,kBAAkB,CAAC,EAAE,aAAa,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,QAAQ,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"PillCarousel.types.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/PillCarousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,oBAAY,YAAY;IACpB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,kBAAkB,CAAC,EAAE,aAAa,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,QAAQ,EAAE,CAAC;IAEzB,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,kBAAkB,CAAC;CACpC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),l=require("react"),i=require("swiper"),t=require("swiper/react"),r=require("@cleartrip/ct-design-style-manager"),a=require("classnames"),s=require("@cleartrip/ct-design-typography"),n=require("@cleartrip/ct-design-components");function o(e){return e&&e.__esModule?e:{default:e}}var p=o(i),d=o(a);const c=r.makeStyles((()=>({swiper:{width:"100%",height:"100%"}}))),g=r.makeStyles((()=>({"pill-story-container":{display:"flex",flexDirection:"column",justifyContent:"space-evenly",alignItems:"center"},"pill-chip-container":{display:"flex",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderStyle:"solid",borderColor:"#E6E6E6",borderRadius:16,height:32,paddingTop:0,paddingRight:8,paddingBottom:0,paddingLeft:8,gap:4,backgroundColor:"#FFF"},"pill-chip-image":{maxHeight:20,maxWidth:20},"pill-story-image":{borderRadius:30,padding:5}})));var u;exports.PillType=void 0,(u=exports.PillType||(exports.PillType={})).CHIPS="CHIPS",u.STORY="STORY";const y=({pillData:i,pillType:t,pillClickHandler:r,isSelected:a,selectedPillStyles:o,textClass:p,imageClass:c,pillContainerClass:u,pillContainerStyles:y,textStyles:C,imageStyles:x,renderCustomLabel:m,renderCustomImage:f})=>{const h=Object.assign({border:"1.5px solid #1A1A1A",backgroundColor:"#F3F3F3",transition:"all 200ms ease-in-out"},o),S=l.useCallback((()=>m?m(i):i.text?e.jsx(s.Typography,{variant:s.TypographyVariant.B2,styleConfig:{root:[p,g["pill-text"],C]},children:i.text}):e.jsx(e.Fragment,{})),[]),T=l.useCallback((()=>e.jsx(e.Fragment,{children:f?f(i):i.imageUrl&&e.jsx("img",{src:i.imageUrl,className:d.default(c,g[t===exports.PillType.STORY?"pill-story-container":"pill-chip-image"]),style:x})})),[]),P=a?Object.assign(Object.assign({},y),h):y;return t===exports.PillType.STORY?e.jsxs(n.Container,{as:"div",onClick:r,styleConfig:{root:[u,g["pill-story-container"],P]},children:[T(),S()]}):e.jsxs(n.Container,{as:"div",onClick:r,styleConfig:{root:[u,g["pill-chip-container"],P]},children:[T(),S()]})};var C;exports.CarouselType=void 0,(C=exports.CarouselType||(exports.CarouselType={})).PILL_CHIP="PILL_CHIP",C.PILL_STORY="PILL_STORY",p.default.use([i.Autoplay,i.Pagination]);exports.PillCarousel=({isLoading:i,carouselData:r,carouselType:a,onItemClick:s,styleConfig:o,carouselConfig:p,renderCustomPillImage:d,defaultSelectedPillIndex:g})=>{var u,C,x,m;const[f,h]=l.useState(null!=g?g:0),S=l.useCallback(((e,l,i)=>{h(i),e(l,i)}),[]),T=l.useCallback((()=>e.jsx(n.Container,{as:"div",styleConfig:{root:[{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:16,gap:12}]},children:Array.from({length:3}).map(((l,i)=>e.jsx(n.Container,{as:"div",styleConfig:{root:[{display:"flex",width:88,height:32,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:8,flexDirection:"column",justifyContent:"center",alignItems:"flex-start",gap:4,borderRadius:16,backgroundColor:"rgba(255, 255, 255, 0.50)"}]}},i)))})),[i]),P=l.useCallback((()=>e.jsxs(e.Fragment,{children:[r.map(((l,i)=>{const r=Object.assign({pillType:a&&a===exports.CarouselType.PILL_STORY?exports.PillType.STORY:exports.PillType.CHIPS,pillData:l,isSelected:i==f,renderCustomImage:d,pillClickHandler:()=>{S(s,l,i)}},null==o?void 0:o.pillStyleConfig);return e.jsx(t.SwiperSlide,{style:{maxWidth:"fit-content"},children:e.jsx(y,Object.assign({},r))},`slide-${i}`)}))," "]})),[f,r]),b={freeMode:null===(u=null==p?void 0:p.isFreeSwipe)||void 0===u||u,slidesPerView:null!==(C=null==p?void 0:p.pillsPerView)&&void 0!==C?C:"auto",spaceBetween:null!==(x=null==p?void 0:p.spaceBetweenPills)&&void 0!==x?x:12,loop:null!==(m=null==p?void 0:p.isInfiniteScroll)&&void 0!==m&&m};return e.jsx(e.Fragment,{children:i?T():e.jsx(t.Swiper,Object.assign({initialSlide:f,autoplay:!1,pagination:!1,className:c.swiper,style:null==o?void 0:o.carouselStyleConfig},b,{children:P()}))})};
|
|
2
2
|
//# sourceMappingURL=ct-platform-pill-carousel.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-pill-carousel.cjs.js","sources":["
|
|
1
|
+
{"version":3,"file":"ct-platform-pill-carousel.cjs.js","sources":["../packages/components/PillCarousel/src/index.module.ts","../packages/components/PillCarousel/src/Pill/index.module.ts","../packages/components/PillCarousel/src/Pill/Pill.types.ts","../packages/components/PillCarousel/src/Pill/index.tsx","../packages/components/PillCarousel/src/PillCarousel.types.ts","../packages/components/PillCarousel/src/PillCarousel.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["styles","makeStyles","swiper","width","height","display","flexDirection","justifyContent","alignItems","borderWidth","borderStyle","borderColor","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","gap","backgroundColor","maxHeight","maxWidth","padding","PillType","Pill","pillData","pillType","pillClickHandler","isSelected","selectedPillStyles","textClass","imageClass","pillContainerClass","pillContainerStyles","textStyles","imageStyles","renderCustomLabel","renderCustomImage","selectedPillStyle","Object","assign","border","transition","renderPillLabel","useCallback","text","_jsx","Typography","variant","TypographyVariant","B2","styleConfig","root","children","_Fragment","Fragment","renderImage","imageUrl","src","className","classNames","default","STORY","style","divStyle","_jsxs","Container","as","onClick","CarouselType","SwiperCore","use","Autoplay","Pagination","isLoading","carouselData","carouselType","onItemClick","carouselConfig","renderCustomPillImage","defaultSelectedPillIndex","selectedIndex","setSelectedIndex","useState","onPillClick","index","renderLoadingSlides","Array","from","length","map","_","renderSlides","jsxs","args","PILL_STORY","CHIPS","pillStyleConfig","jsx","SwiperSlide","carouselConf","freeMode","_a","isFreeSwipe","slidesPerView","_b","pillsPerView","spaceBetween","_c","spaceBetweenPills","loop","_d","isInfiniteScroll","Swiper","initialSlide","autoplay","pagination","carouselStyleConfig"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsx as e,Fragment as i,jsxs as l}from"react/jsx-runtime";import{useCallback as t,useState as n}from"react";import o,{Autoplay as r,Pagination as a}from"swiper";import{SwiperSlide as s,Swiper as d}from"swiper/react";import{makeStyles as c}from"@cleartrip/ct-design-style-manager";import p from"classnames";import{Typography as g,TypographyVariant as m}from"@cleartrip/ct-design-typography";import{Container as u}from"@cleartrip/ct-design-components";const f=c((()=>({swiper:{width:"100%",height:"100%"}}))),y=c((()=>({"pill-story-container":{display:"flex",flexDirection:"column",justifyContent:"space-evenly",alignItems:"center"},"pill-chip-container":{display:"flex",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderStyle:"solid",borderColor:"#E6E6E6",borderRadius:16,height:32,paddingTop:0,paddingRight:8,paddingBottom:0,paddingLeft:8,gap:4,backgroundColor:"#FFF"},"pill-chip-image":{maxHeight:20,maxWidth:20},"pill-story-image":{borderRadius:30,padding:5}})));var C;!function(e){e.CHIPS="CHIPS",e.STORY="STORY"}(C||(C={}));const h=({pillData:n,pillType:o,pillClickHandler:r,isSelected:a,selectedPillStyles:s,textClass:d,imageClass:c,pillContainerClass:f,pillContainerStyles:h,textStyles:S,imageStyles:x,renderCustomLabel:I,renderCustomImage:v})=>{const b=Object.assign({border:"1.5px solid #1A1A1A",backgroundColor:"#F3F3F3",transition:"all 200ms ease-in-out"},s),P=t((()=>I?I(n):n.text?e(g,{variant:m.B2,styleConfig:{root:[d,y["pill-text"],S]},children:n.text}):e(i,{})),[]),L=t((()=>e(i,{children:v?v(n):n.imageUrl&&e("img",{src:n.imageUrl,className:p(c,y[o===C.STORY?"pill-story-container":"pill-chip-image"]),style:x})})),[]),O=a?Object.assign(Object.assign({},h),b):h;return o===C.STORY?l(u,{as:"div",onClick:r,styleConfig:{root:[f,y["pill-story-container"],O]},children:[L(),P()]}):l(u,{as:"div",onClick:r,styleConfig:{root:[f,y["pill-chip-container"],O]},children:[L(),P()]})};var S;!function(e){e.PILL_CHIP="PILL_CHIP",e.PILL_STORY="PILL_STORY"}(S||(S={})),o.use([r,a]);const x=({isLoading:o,carouselData:r,carouselType:a,onItemClick:c,styleConfig:p,carouselConfig:g,renderCustomPillImage:m,defaultSelectedPillIndex:y})=>{var x,I,v,b;const[P,L]=n(null!=y?y:0),O=t(((e,i,l)=>{L(l),e(i,l)}),[]),R=t((()=>e(u,{as:"div",styleConfig:{root:[{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:16,gap:12}]},children:Array.from({length:3}).map(((i,l)=>e(u,{as:"div",styleConfig:{root:[{display:"flex",width:88,height:32,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:8,flexDirection:"column",justifyContent:"center",alignItems:"flex-start",gap:4,borderRadius:16,backgroundColor:"rgba(255, 255, 255, 0.50)"}]}},l)))})),[o]),T=t((()=>l(i,{children:[r.map(((i,l)=>{const t=Object.assign({pillType:a&&a===S.PILL_STORY?C.STORY:C.CHIPS,pillData:i,isSelected:l==P,renderCustomImage:m,pillClickHandler:()=>{O(c,i,l)}},null==p?void 0:p.pillStyleConfig);return e(s,{style:{maxWidth:"fit-content"},children:e(h,Object.assign({},t))},`slide-${l}`)}))," "]})),[P,r]),w={freeMode:null===(x=null==g?void 0:g.isFreeSwipe)||void 0===x||x,slidesPerView:null!==(I=null==g?void 0:g.pillsPerView)&&void 0!==I?I:"auto",spaceBetween:null!==(v=null==g?void 0:g.spaceBetweenPills)&&void 0!==v?v:12,loop:null!==(b=null==g?void 0:g.isInfiniteScroll)&&void 0!==b&&b};return e(i,{children:o?R():e(d,Object.assign({initialSlide:P,autoplay:!1,pagination:!1,className:f.swiper,style:null==p?void 0:p.carouselStyleConfig},w,{children:T()}))})};export{S as CarouselType,x as PillCarousel,C as PillType};
|
|
2
2
|
//# sourceMappingURL=ct-platform-pill-carousel.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-pill-carousel.esm.js","sources":["
|
|
1
|
+
{"version":3,"file":"ct-platform-pill-carousel.esm.js","sources":["../packages/components/PillCarousel/src/index.module.ts","../packages/components/PillCarousel/src/Pill/index.module.ts","../packages/components/PillCarousel/src/Pill/Pill.types.ts","../packages/components/PillCarousel/src/Pill/index.tsx","../packages/components/PillCarousel/src/PillCarousel.types.ts","../packages/components/PillCarousel/src/PillCarousel.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["styles","makeStyles","swiper","width","height","display","flexDirection","justifyContent","alignItems","borderWidth","borderStyle","borderColor","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","gap","backgroundColor","maxHeight","maxWidth","padding","PillType","Pill","pillData","pillType","pillClickHandler","isSelected","selectedPillStyles","textClass","imageClass","pillContainerClass","pillContainerStyles","textStyles","imageStyles","renderCustomLabel","renderCustomImage","selectedPillStyle","Object","assign","border","transition","renderPillLabel","useCallback","text","_jsx","Typography","variant","TypographyVariant","B2","styleConfig","root","children","_Fragment","renderImage","imageUrl","src","className","classNames","STORY","style","divStyle","_jsxs","Container","as","onClick","CarouselType","SwiperCore","use","Autoplay","Pagination","PillCarousel","isLoading","carouselData","carouselType","onItemClick","carouselConfig","renderCustomPillImage","defaultSelectedPillIndex","selectedIndex","setSelectedIndex","useState","onPillClick","index","renderLoadingSlides","Array","from","length","map","_","renderSlides","args","PILL_STORY","CHIPS","pillStyleConfig","SwiperSlide","carouselConf","freeMode","_a","isFreeSwipe","slidesPerView","_b","pillsPerView","spaceBetween","_c","spaceBetweenPills","loop","_d","isInfiniteScroll","Swiper","initialSlide","autoplay","pagination","carouselStyleConfig"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/index.module.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM;;;;;CAKT,CAAC;AAEJ,eAAe,MAAM,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-platform-pill-carousel",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "6.0.1-beta.0",
|
|
4
4
|
"description": "PillCarousel Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-platform-pill-carousel.cjs.js",
|
|
@@ -10,14 +10,15 @@
|
|
|
10
10
|
"dist"
|
|
11
11
|
],
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@cleartrip/ct-design-typography": "2.6.0",
|
|
14
13
|
"classnames": "^2.5.1",
|
|
15
14
|
"swiper": "6.8.4",
|
|
16
|
-
"@cleartrip/ct-platform-assets": "
|
|
15
|
+
"@cleartrip/ct-platform-assets": "6.0.1-beta.0"
|
|
17
16
|
},
|
|
18
17
|
"peerDependencies": {
|
|
19
18
|
"react": ">=16.8.0",
|
|
20
|
-
"react-dom": ">=16.8.0"
|
|
19
|
+
"react-dom": ">=16.8.0",
|
|
20
|
+
"@cleartrip/ct-design-typography": "5.27.0-SNAPSHOT-native-main.0",
|
|
21
|
+
"@cleartrip/ct-design-types": "5.27.0-SNAPSHOT-native-main.0"
|
|
21
22
|
},
|
|
22
23
|
"author": "Cleartrip",
|
|
23
24
|
"license": "ISC",
|