@cleartrip/ct-platform-pill-carousel 0.2.0-beta.8 → 0.2.0-beta.81
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/PillCarousel.d.ts.map +1 -1
- package/dist/PillCarousel.types.d.ts +1 -0
- 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/package.json +2 -2
|
@@ -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,
|
|
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"}
|
|
@@ -24,6 +24,7 @@ export interface PillCarouselStyles {
|
|
|
24
24
|
pillStyleConfig?: PillStyleConfig;
|
|
25
25
|
}
|
|
26
26
|
export interface PillCarouselProps {
|
|
27
|
+
isLoading?: boolean;
|
|
27
28
|
carouselData: PillData[];
|
|
28
29
|
renderCustomPillImage?: (pillData: PillData) => JSX.Element;
|
|
29
30
|
defaultSelectedPillIndex?: number;
|
|
@@ -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,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;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,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),
|
|
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()}))})};
|
|
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","carouselData","carouselType","onItemClick","styleConfig","carouselConfig","renderCustomPillImage","defaultSelectedPillIndex","_f","useState","selectedIndex","setSelectedIndex","onPillClick","index","
|
|
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,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
|
|
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};
|
|
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","carouselData","carouselType","onItemClick","styleConfig","carouselConfig","renderCustomPillImage","defaultSelectedPillIndex","_f","useState","selectedIndex","setSelectedIndex","onPillClick","index","
|
|
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]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-platform-pill-carousel",
|
|
3
|
-
"version": "0.2.0-beta.
|
|
3
|
+
"version": "0.2.0-beta.81",
|
|
4
4
|
"description": "PillCarousel Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-platform-pill-carousel.cjs.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"@cleartrip/ct-design-typography": "2.6.0",
|
|
14
14
|
"classnames": "^2.5.1",
|
|
15
15
|
"swiper": "6.8.4",
|
|
16
|
-
"@cleartrip/ct-platform-assets": "3.
|
|
16
|
+
"@cleartrip/ct-platform-assets": "3.5.0-beta.47"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": ">=16.8.0",
|