@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.
@@ -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;IACnC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3D"}
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"}
@@ -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;AAO3C,OAAO,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqGpC,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;AAIvE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4G7C,CAAC;AAEF,eAAe,YAAY,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;IACzB,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
+ {"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("tslib"),i=require("react/jsx-runtime"),l=require("react"),t=require("swiper"),n=require("swiper/react"),r=require("classnames"),s=require("@cleartrip/ct-design-typography");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(t),p=a(r);function d(e,i){void 0===i&&(i={});var l=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var c="index-module_swiper__r5-8U";d(".index-module_swiper__r5-8U{height:100%;width:100%}");var u,x={"pill-story-container":"index-module_pill-story-container__QnH4k","pill-chip-container":"index-module_pill-chip-container__-CDkA","pill-chip-image":"index-module_pill-chip-image__FGQ6V","pill-story-image":"index-module_pill-story-image__7VUfq"};d(".index-module_pill-story-container__QnH4k{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.index-module_pill-chip-container__-CDkA{align-items:center;background-color:#fff;border:1.5px solid #e6e6e6;border-radius:16px;display:flex;gap:4px;height:32px;justify-content:center;padding:0 8px}.index-module_pill-chip-image__FGQ6V{max-height:20px;max-width:20px}.index-module_pill-story-image__7VUfq{border-radius:30px;padding:5px}"),exports.PillType=void 0,(u=exports.PillType||(exports.PillType={})).CHIPS="CHIPS",u.STORY="STORY";var g,_=function(t){var n=t.pillData,r=t.pillType,a=t.pillClickHandler,o=t.isSelected,d=t.selectedPillStyles,c=t.textClass,u=t.imageClass,g=t.pillContainerClass,_=t.pillContainerStyles,m=t.textStyles,y=t.imageStyles,f=t.renderCustomLabel,h=t.renderCustomImage,C=e.__assign({border:"1.5px solid #1A1A1A",backgroundColor:"#F3F3F3",transition:"all 200ms ease-in-out"},d),v=l.useCallback((function(){return f?f(n):n.text?i.jsx(s.Typography,e.__assign({variant:s.TypographyVariant.B2,className:p.default(c,x["pill-text"]),style:m},{children:n.text})):i.jsx(i.Fragment,{})}),[]),S=l.useCallback((function(){return i.jsx(i.Fragment,{children:h?h(n):n.imageUrl&&i.jsx("img",{src:n.imageUrl,className:p.default(u,x[r===exports.PillType.STORY?"pill-story-container":"pill-chip-image"]),style:y})})}),[]);return r===exports.PillType.STORY?i.jsxs("div",e.__assign({className:p.default(g,x["pill-story-container"]),style:o?e.__assign(e.__assign({},_),C):_,onClick:a},{children:[S(),v()]})):i.jsxs("div",e.__assign({className:p.default(g,x["pill-chip-container"]),style:o?e.__assign(e.__assign({},_),C):_,onClick:a},{children:[S(),v()]}))};exports.CarouselType=void 0,(g=exports.CarouselType||(exports.CarouselType={})).PILL_CHIP="PILL_CHIP",g.PILL_STORY="PILL_STORY",o.default.use([t.Autoplay,t.Pagination]);exports.PillCarousel=function(t){var r,s,a,o,p=t.isLoading,d=t.carouselData,u=t.carouselType,x=t.onItemClick,g=t.styleConfig,m=t.carouselConfig,y=t.renderCustomPillImage,f=t.defaultSelectedPillIndex,h=l.useState(null!=f?f:0),C=h[0],v=h[1],S=l.useCallback((function(e,i,l){v(l),e(i,l)}),[]),T=l.useCallback((function(){return i.jsx("div",e.__assign({style:{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:"16px",gap:"12px"}},{children:Array.from({length:3}).map((function(e,l){return i.jsx("div",{style:{display:"flex",width:"88px",height:"32px",padding:"4px 8px",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",gap:"4px",borderRadius:"16px",background:"rgba(255, 255, 255, 0.50)"}},l)}))}))}),[p]),P=l.useCallback((function(){return i.jsxs(i.Fragment,{children:[d.map((function(l,t){var r=e.__assign({pillType:u&&u===exports.CarouselType.PILL_STORY?exports.PillType.STORY:exports.PillType.CHIPS,pillData:l,isSelected:t==C,renderCustomImage:y,pillClickHandler:function(){S(x,l,t)}},null==g?void 0:g.pillStyleConfig);return i.jsx(n.SwiperSlide,e.__assign({style:{maxWidth:"fit-content"}},{children:i.jsx(_,e.__assign({},r))}),"slide-".concat(t))}))," "]})}),[C,d]),I={freeMode:null===(r=null==m?void 0:m.isFreeSwipe)||void 0===r||r,slidesPerView:null!==(s=null==m?void 0:m.pillsPerView)&&void 0!==s?s:"auto",spaceBetween:null!==(a=null==m?void 0:m.spaceBetweenPills)&&void 0!==a?a:12,loop:null!==(o=null==m?void 0:m.isInfiniteScroll)&&void 0!==o&&o};return i.jsx(i.Fragment,{children:p?T():i.jsx(n.Swiper,e.__assign({initialSlide:C,autoplay:!1,pagination:!1,className:c,style:null==g?void 0:g.carouselStyleConfig},I,{children:P()}))})};
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":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../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":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","PillType","CarouselType","Pill","_a","pillData","pillType","pillClickHandler","isSelected","selectedPillStyles","textClass","imageClass","pillContainerClass","pillContainerStyles","textStyles","imageStyles","renderCustomLabel","renderCustomImage","selectedPillStyle","__assign","border","backgroundColor","transition","renderPillLabel","useCallback","text","_jsx","jsx","Typography","variant","TypographyVariant","B2","className","classNames","styles","children","_Fragment","Fragment","renderImage","imageUrl","src","default","STORY","_jsxs","onClick","SwiperCore","use","Autoplay","Pagination","isLoading","carouselData","carouselType","onItemClick","styleConfig","carouselConfig","renderCustomPillImage","defaultSelectedPillIndex","_f","useState","selectedIndex","setSelectedIndex","onPillClick","index","renderLoadingSlides","display","flexDirection","alignItems","paddingLeft","gap","Array","from","length","map","_","width","height","padding","justifyContent","borderRadius","background","renderSlides","args","PILL_STORY","CHIPS","pillStyleConfig","SwiperSlide","maxWidth","concat","carouselConf","freeMode","_b","isFreeSwipe","slidesPerView","_c","pillsPerView","spaceBetween","_d","spaceBetweenPills","loop","_e","isInfiniteScroll","Swiper","initialSlide","autoplay","pagination","carouselStyleConfig"],"mappings":"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","x_google_ignoreList":[0]}
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{__assign as e}from"tslib";import{jsx as i,Fragment as l,jsxs as t}from"react/jsx-runtime";import{useCallback as n,useState as r}from"react";import o,{Autoplay as a,Pagination as d}from"swiper";import{SwiperSlide as s,Swiper as p}from"swiper/react";import c from"classnames";import{Typography as u,TypographyVariant as m}from"@cleartrip/ct-design-typography";function f(e,i){void 0===i&&(i={});var l=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var x="index-module_swiper__r5-8U";f(".index-module_swiper__r5-8U{height:100%;width:100%}");var g,y={"pill-story-container":"index-module_pill-story-container__QnH4k","pill-chip-container":"index-module_pill-chip-container__-CDkA","pill-chip-image":"index-module_pill-chip-image__FGQ6V","pill-story-image":"index-module_pill-story-image__7VUfq"};f(".index-module_pill-story-container__QnH4k{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.index-module_pill-chip-container__-CDkA{align-items:center;background-color:#fff;border:1.5px solid #e6e6e6;border-radius:16px;display:flex;gap:4px;height:32px;justify-content:center;padding:0 8px}.index-module_pill-chip-image__FGQ6V{max-height:20px;max-width:20px}.index-module_pill-story-image__7VUfq{border-radius:30px;padding:5px}"),function(e){e.CHIPS="CHIPS",e.STORY="STORY"}(g||(g={}));var h,_=function(r){var o=r.pillData,a=r.pillType,d=r.pillClickHandler,s=r.isSelected,p=r.selectedPillStyles,f=r.textClass,x=r.imageClass,h=r.pillContainerClass,_=r.pillContainerStyles,C=r.textStyles,v=r.imageStyles,S=r.renderCustomLabel,I=r.renderCustomImage,P=e({border:"1.5px solid #1A1A1A",backgroundColor:"#F3F3F3",transition:"all 200ms ease-in-out"},p),T=n((function(){return S?S(o):o.text?i(u,e({variant:m.B2,className:c(f,y["pill-text"]),style:C},{children:o.text})):i(l,{})}),[]),w=n((function(){return i(l,{children:I?I(o):o.imageUrl&&i("img",{src:o.imageUrl,className:c(x,y[a===g.STORY?"pill-story-container":"pill-chip-image"]),style:v})})}),[]);return a===g.STORY?t("div",e({className:c(h,y["pill-story-container"]),style:s?e(e({},_),P):_,onClick:d},{children:[w(),T()]})):t("div",e({className:c(h,y["pill-chip-container"]),style:s?e(e({},_),P):_,onClick:d},{children:[w(),T()]}))};!function(e){e.PILL_CHIP="PILL_CHIP",e.PILL_STORY="PILL_STORY"}(h||(h={})),o.use([a,d]);var C=function(o){var a,d,c,u,m=o.isLoading,f=o.carouselData,y=o.carouselType,C=o.onItemClick,v=o.styleConfig,S=o.carouselConfig,I=o.renderCustomPillImage,P=o.defaultSelectedPillIndex,T=r(null!=P?P:0),w=T[0],L=T[1],k=n((function(e,i,l){L(l),e(i,l)}),[]),b=n((function(){return i("div",e({style:{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:"16px",gap:"12px"}},{children:Array.from({length:3}).map((function(e,l){return i("div",{style:{display:"flex",width:"88px",height:"32px",padding:"4px 8px",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",gap:"4px",borderRadius:"16px",background:"rgba(255, 255, 255, 0.50)"}},l)}))}))}),[m]),H=n((function(){return t(l,{children:[f.map((function(l,t){var n=e({pillType:y&&y===h.PILL_STORY?g.STORY:g.CHIPS,pillData:l,isSelected:t==w,renderCustomImage:I,pillClickHandler:function(){k(C,l,t)}},null==v?void 0:v.pillStyleConfig);return i(s,e({style:{maxWidth:"fit-content"}},{children:i(_,e({},n))}),"slide-".concat(t))}))," "]})}),[w,f]),R={freeMode:null===(a=null==S?void 0:S.isFreeSwipe)||void 0===a||a,slidesPerView:null!==(d=null==S?void 0:S.pillsPerView)&&void 0!==d?d:"auto",spaceBetween:null!==(c=null==S?void 0:S.spaceBetweenPills)&&void 0!==c?c:12,loop:null!==(u=null==S?void 0:S.isInfiniteScroll)&&void 0!==u&&u};return i(l,{children:m?b():i(p,e({initialSlide:w,autoplay:!1,pagination:!1,className:x,style:null==v?void 0:v.carouselStyleConfig},R,{children:H()}))})};export{h as CarouselType,C as PillCarousel,g as PillType};
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":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../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":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","PillType","CarouselType","Pill","_a","pillData","pillType","pillClickHandler","isSelected","selectedPillStyles","textClass","imageClass","pillContainerClass","pillContainerStyles","textStyles","imageStyles","renderCustomLabel","renderCustomImage","selectedPillStyle","__assign","border","backgroundColor","transition","renderPillLabel","useCallback","text","_jsx","Typography","variant","TypographyVariant","B2","className","classNames","styles","children","_Fragment","renderImage","imageUrl","src","STORY","_jsxs","onClick","SwiperCore","use","Autoplay","Pagination","PillCarousel","isLoading","carouselData","carouselType","onItemClick","styleConfig","carouselConfig","renderCustomPillImage","defaultSelectedPillIndex","_f","useState","selectedIndex","setSelectedIndex","onPillClick","index","renderLoadingSlides","display","flexDirection","alignItems","paddingLeft","gap","Array","from","length","map","_","width","height","padding","justifyContent","borderRadius","background","renderSlides","args","PILL_STORY","CHIPS","pillStyleConfig","SwiperSlide","maxWidth","concat","carouselConf","freeMode","_b","isFreeSwipe","slidesPerView","_c","pillsPerView","spaceBetween","_d","spaceBetweenPills","loop","_e","isInfiniteScroll","Swiper","initialSlide","autoplay","pagination","carouselStyleConfig"],"mappings":"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","x_google_ignoreList":[0]}
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,8 @@
1
+ declare const styles: {
2
+ swiper: {
3
+ width: "100%";
4
+ height: "100%";
5
+ };
6
+ };
7
+ export default styles;
8
+ //# sourceMappingURL=index.module.d.ts.map
@@ -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.33",
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": "4.3.33"
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",