@cleartrip/ct-design-segment 3.21.0-SNAPSHOT-testStylemanager.0 → 3.21.0-SNAPSHOT-e2eComponentsTest.0

package/dist/ct-design-segment.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("@cleartrip/ct-design-theme"),r=require("@emotion/styled"),o=require("@cleartrip/ct-design-use-isomorphic-effect");function a(t){return t&&t.__esModule?t:{default:t}}var s=a(r),c=a(o),d=s.default.div(function(e){var i=e.theme,n=e.isBlock,r=e.css,o=void 0===r?{}:r;return t.__assign(t.__assign({},function(t){var e=t.isBlock;return{display:"flex",border:"1px solid transparent",borderRadius:"60px",overflow:"hidden",background:t.theme.color.background.disabled,width:e?"100%":"fit-content",position:"relative",height:"40px"}}({isBlock:n,theme:i})),o)}),u=s.default.div(function(e){var i=e.theme,n=e.isActive,r=e.css,o=void 0===r?{}:r;return t.__assign(t.__assign({},function(t){var e=t.theme;return{color:t.isActive?e.color.text.primary:e.color.text.subHeading,zIndex:2,padding:"6px 8px 6px 8px",height:"40px",width:"50%"}}({theme:i,isActive:n})),o)}),l=s.default.button(function(e){var i=e.theme,n=e.isActive,r=e.css,o=void 0===r?{}:r;return t.__assign(t.__assign({},function(t){var e=t.theme;return{background:"transparent",color:t.isActive?e.color.text.primary:e.color.text.subHeading,fontSize:"14px",fontWeight:"500",lineHeight:"20px",borderColor:"transparent",borderRadius:"60px",cursor:"pointer",width:"100%"}}({theme:i,isActive:n})),o)}),v=s.default.div(function(e){var i=e.css,n=void 0===i?{}:i;return t.__assign(t.__assign({},{position:"absolute",height:"40px",width:"100%",zIndex:1}),n)}),h=s.default.div(function(e){var i=e.activeIndex,n=e.css,r=void 0===n?{}:n;return t.__assign(t.__assign({},function(t){var e=t.activeIndex,i=t.animationLength,n=void 0===i?"1s":i,r=0===e?4:-4;return{position:"absolute",width:"calc(100% - 50%)",height:"32px",borderRadius:"60px",backgroundColor:"#fff",top:"2.5px",left:"calc(".concat(e?50:0,"% + ").concat(r,"px)"),transition:"left ".concat(n),animationDuration:n,animationFillMode:"forwards"}}({activeIndex:i})),r)});exports.Segment=function(r){var o=r.block,a=void 0!==o&&o,s=r.onChange;r.disabled;var p=r.options,f=void 0===p?[]:p,g=r.activeTabId,x=r.animationDuration,_=void 0===x?"0.5s":x,m=r.styleConfig,b=void 0===m?{}:m,I=n.useTheme(),k=b.animatedBlock,A=b.animatedContainer,w=b.optionButtonWrapper,B=b.root,j=b.segmentButton,q=i.useState(g||f[0].tabId),C=q[0],y=q[1],S=i.useState(!1),z=S[0],H=S[1];c.default(function(){g&&y(g)},[g]);var R;return e.jsxs(d,t.__assign({isBlock:a,theme:I},B,{children:[f.map(function(i,n){return e.jsx(u,t.__assign({isActive:i.tabId===C,theme:I},w,{children:e.jsx(l,t.__assign({theme:I,onClick:function(){return t=i.tabId,y(t||""),H(!0),void s(t);var t},isActive:i.tabId===C},j,{children:i.text}),"option-".concat(n))}))}),e.jsx(v,t.__assign({},A,{children:e.jsx(h,t.__assign({toAnimate:z,activeIndex:(R=C,f.findIndex(function(t){return t.tabId===R})),animationLength:_},k))}))]}))};
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("@cleartrip/ct-design-theme"),r=require("@emotion/styled"),o=require("@cleartrip/ct-design-use-isomorphic-effect");function a(t){return t&&t.__esModule?t:{default:t}}var s=a(r),c=a(o),d=s.default.div((function(e){var i=e.theme,n=e.isBlock,r=e.css,o=void 0===r?{}:r;return t.__assign(t.__assign({},function(t){var e=t.isBlock;return{display:"flex",border:"1px solid transparent",borderRadius:"60px",overflow:"hidden",background:t.theme.color.background.disabled,width:e?"100%":"fit-content",position:"relative",height:"40px"}}({isBlock:n,theme:i})),o)})),u=s.default.div((function(e){var i=e.theme,n=e.isActive,r=e.css,o=void 0===r?{}:r;return t.__assign(t.__assign({},function(t){var e=t.theme;return{color:t.isActive?e.color.text.primary:e.color.text.subHeading,zIndex:2,padding:"6px 8px 6px 8px",height:"40px",width:"50%"}}({theme:i,isActive:n})),o)})),l=s.default.button((function(e){var i=e.theme,n=e.isActive,r=e.css,o=void 0===r?{}:r;return t.__assign(t.__assign({},function(t){var e=t.theme;return{background:"transparent",color:t.isActive?e.color.text.primary:e.color.text.subHeading,fontSize:"14px",fontWeight:"500",lineHeight:"20px",borderColor:"transparent",borderRadius:"60px",cursor:"pointer",width:"100%"}}({theme:i,isActive:n})),o)})),v=s.default.div((function(e){var i=e.css,n=void 0===i?{}:i;return t.__assign(t.__assign({},{position:"absolute",height:"40px",width:"100%",zIndex:1}),n)})),h=s.default.div((function(e){var i=e.activeIndex,n=e.css,r=void 0===n?{}:n;return t.__assign(t.__assign({},function(t){var e=t.activeIndex,i=t.animationLength,n=void 0===i?"1s":i,r=0===e?4:-4;return{position:"absolute",width:"calc(100% - 50%)",height:"32px",borderRadius:"60px",backgroundColor:"#fff",top:"2.5px",left:"calc(".concat(e?50:0,"% + ").concat(r,"px)"),transition:"left ".concat(n),animationDuration:n,animationFillMode:"forwards"}}({activeIndex:i})),r)}));exports.Segment=function(r){var o=r.block,a=void 0!==o&&o,s=r.onChange;r.disabled;var p=r.options,f=void 0===p?[]:p,g=r.activeTabId,x=r.animationDuration,_=void 0===x?"0.5s":x,m=r.styleConfig,b=void 0===m?{}:m,I=n.useTheme(),k=b.animatedBlock,A=b.animatedContainer,w=b.optionButtonWrapper,B=b.root,j=b.segmentButton,q=i.useState(g||f[0].tabId),C=q[0],y=q[1],S=i.useState(!1),z=S[0],H=S[1];c.default((function(){g&&y(g)}),[g]);var R;return e.jsxs(d,t.__assign({isBlock:a,theme:I},B,{children:[f.map((function(i,n){return e.jsx(u,t.__assign({isActive:i.tabId===C,theme:I},w,{children:e.jsx(l,t.__assign({theme:I,onClick:function(){return t=i.tabId,y(t||""),H(!0),void s(t);var t},isActive:i.tabId===C},j,{children:i.text}),"option-".concat(n))}))})),e.jsx(v,t.__assign({},A,{children:e.jsx(h,t.__assign({toAnimate:z,activeIndex:(R=C,f.findIndex((function(t){return t.tabId===R}))),animationLength:_},k))}))]}))};
 //# sourceMappingURL=ct-design-segment.browser.cjs.js.map

package/dist/ct-design-segment.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-segment.browser.cjs.js","sources":["../packages/components/Segment/src/Segment.tsx","../packages/components/Segment/src/style.ts"],"sourcesContent":[null,null],"names":["StyledSegment","styled","default","div","_a","theme","isBlock","_b","css","__assign","display","border","borderRadius","overflow","background","color","disabled","width","position","height","getSegmentStyle","SegmentOption","isActive","text","primary","subHeading","zIndex","padding","getSegmentOptionStyle","StyledSegmentBtn","button","fontSize","fontWeight","lineHeight","borderColor","cursor","getStyledSegmentButtonStyles","StyledAnimatedContainerBlock","StyledAnimatedBlock","activeIndex","animationLength","offsetLeft","backgroundColor","top","left","concat","transition","animationDuration","animationFillMode","getStyledAnimatedBlock","block","onChange","_c","options","activeTabId","_d","_e","styleConfig","useTheme","animatedBlock","animatedContainer","optionButtonWrapper","root","segmentButton","_f","useState","tabId","activeTabEleId","setActiveTabEleId","_g","animateSegment","setAnimateSegment","useIsomorphicEffect","id","_jsxs","jsxs","map","option","index","_jsx","children","jsx","onClick","toAnimate","findIndex","item"],"mappings":"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"}
+{"version":3,"file":"ct-design-segment.browser.cjs.js","sources":["../packages/components/Segment/src/Segment.tsx","../packages/components/Segment/src/style.ts"],"sourcesContent":[null,null],"names":["StyledSegment","styled","default","div","_a","theme","isBlock","_b","css","__assign","display","border","borderRadius","overflow","background","color","disabled","width","position","height","getSegmentStyle","SegmentOption","isActive","text","primary","subHeading","zIndex","padding","getSegmentOptionStyle","StyledSegmentBtn","button","fontSize","fontWeight","lineHeight","borderColor","cursor","getStyledSegmentButtonStyles","StyledAnimatedContainerBlock","StyledAnimatedBlock","activeIndex","animationLength","offsetLeft","backgroundColor","top","left","concat","transition","animationDuration","animationFillMode","getStyledAnimatedBlock","block","onChange","_c","options","activeTabId","_d","_e","styleConfig","useTheme","animatedBlock","animatedContainer","optionButtonWrapper","root","segmentButton","_f","useState","tabId","activeTabEleId","setActiveTabEleId","_g","animateSegment","setAnimateSegment","useIsomorphicEffect","id","_jsxs","jsxs","map","option","index","_jsx","children","jsx","onClick","toAnimate","findIndex","item"],"mappings":"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"}

package/dist/ct-design-segment.browser.esm.js

@@ -1,2 +1,2 @@
-import{__assign as t}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as o}from"react";import{useTheme as n}from"@cleartrip/ct-design-theme";import r from"@emotion/styled";import a from"@cleartrip/ct-design-use-isomorphic-effect";var c=r.div(function(i){var e=i.theme,o=i.isBlock,n=i.css,r=void 0===n?{}:n;return t(t({},function(t){var i=t.isBlock;return{display:"flex",border:"1px solid transparent",borderRadius:"60px",overflow:"hidden",background:t.theme.color.background.disabled,width:i?"100%":"fit-content",position:"relative",height:"40px"}}({isBlock:o,theme:e})),r)}),d=r.div(function(i){var e=i.theme,o=i.isActive,n=i.css,r=void 0===n?{}:n;return t(t({},function(t){var i=t.theme;return{color:t.isActive?i.color.text.primary:i.color.text.subHeading,zIndex:2,padding:"6px 8px 6px 8px",height:"40px",width:"50%"}}({theme:e,isActive:o})),r)}),s=r.button(function(i){var e=i.theme,o=i.isActive,n=i.css,r=void 0===n?{}:n;return t(t({},function(t){var i=t.theme;return{background:"transparent",color:t.isActive?i.color.text.primary:i.color.text.subHeading,fontSize:"14px",fontWeight:"500",lineHeight:"20px",borderColor:"transparent",borderRadius:"60px",cursor:"pointer",width:"100%"}}({theme:e,isActive:o})),r)}),u=r.div(function(i){var e=i.css,o=void 0===e?{}:e;return t(t({},{position:"absolute",height:"40px",width:"100%",zIndex:1}),o)}),p=r.div(function(i){var e=i.activeIndex,o=i.css,n=void 0===o?{}:o;return t(t({},function(t){var i=t.activeIndex,e=t.animationLength,o=void 0===e?"1s":e,n=0===i?4:-4;return{position:"absolute",width:"calc(100% - 50%)",height:"32px",borderRadius:"60px",backgroundColor:"#fff",top:"2.5px",left:"calc(".concat(i?50:0,"% + ").concat(n,"px)"),transition:"left ".concat(o),animationDuration:o,animationFillMode:"forwards"}}({activeIndex:e})),n)}),v=function(r){var v=r.block,l=void 0!==v&&v,m=r.onChange;r.disabled;var h=r.options,f=void 0===h?[]:h,x=r.activeTabId,b=r.animationDuration,g=void 0===b?"0.5s":b,I=r.styleConfig,k=void 0===I?{}:I,A=n(),w=k.animatedBlock,B=k.animatedContainer,C=k.optionButtonWrapper,y=k.root,z=k.segmentButton,H=o(x||f[0].tabId),R=H[0],D=H[1],L=o(!1),W=L[0],j=L[1];a(function(){x&&D(x)},[x]);var F;return i(c,t({isBlock:l,theme:A},y,{children:[f.map(function(i,o){return e(d,t({isActive:i.tabId===R,theme:A},C,{children:e(s,t({theme:A,onClick:function(){return t=i.tabId,D(t||""),j(!0),void m(t);var t},isActive:i.tabId===R},z,{children:i.text}),"option-".concat(o))}))}),e(u,t({},B,{children:e(p,t({toAnimate:W,activeIndex:(F=R,f.findIndex(function(t){return t.tabId===F})),animationLength:g},w))}))]}))};export{v as Segment};
+import{__assign as t}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as o}from"react";import{useTheme as n}from"@cleartrip/ct-design-theme";import r from"@emotion/styled";import a from"@cleartrip/ct-design-use-isomorphic-effect";var c=r.div((function(i){var e=i.theme,o=i.isBlock,n=i.css,r=void 0===n?{}:n;return t(t({},function(t){var i=t.isBlock;return{display:"flex",border:"1px solid transparent",borderRadius:"60px",overflow:"hidden",background:t.theme.color.background.disabled,width:i?"100%":"fit-content",position:"relative",height:"40px"}}({isBlock:o,theme:e})),r)})),d=r.div((function(i){var e=i.theme,o=i.isActive,n=i.css,r=void 0===n?{}:n;return t(t({},function(t){var i=t.theme;return{color:t.isActive?i.color.text.primary:i.color.text.subHeading,zIndex:2,padding:"6px 8px 6px 8px",height:"40px",width:"50%"}}({theme:e,isActive:o})),r)})),s=r.button((function(i){var e=i.theme,o=i.isActive,n=i.css,r=void 0===n?{}:n;return t(t({},function(t){var i=t.theme;return{background:"transparent",color:t.isActive?i.color.text.primary:i.color.text.subHeading,fontSize:"14px",fontWeight:"500",lineHeight:"20px",borderColor:"transparent",borderRadius:"60px",cursor:"pointer",width:"100%"}}({theme:e,isActive:o})),r)})),u=r.div((function(i){var e=i.css,o=void 0===e?{}:e;return t(t({},{position:"absolute",height:"40px",width:"100%",zIndex:1}),o)})),p=r.div((function(i){var e=i.activeIndex,o=i.css,n=void 0===o?{}:o;return t(t({},function(t){var i=t.activeIndex,e=t.animationLength,o=void 0===e?"1s":e,n=0===i?4:-4;return{position:"absolute",width:"calc(100% - 50%)",height:"32px",borderRadius:"60px",backgroundColor:"#fff",top:"2.5px",left:"calc(".concat(i?50:0,"% + ").concat(n,"px)"),transition:"left ".concat(o),animationDuration:o,animationFillMode:"forwards"}}({activeIndex:e})),n)})),v=function(r){var v=r.block,l=void 0!==v&&v,m=r.onChange;r.disabled;var h=r.options,f=void 0===h?[]:h,x=r.activeTabId,b=r.animationDuration,g=void 0===b?"0.5s":b,I=r.styleConfig,k=void 0===I?{}:I,A=n(),w=k.animatedBlock,B=k.animatedContainer,C=k.optionButtonWrapper,y=k.root,z=k.segmentButton,H=o(x||f[0].tabId),R=H[0],D=H[1],L=o(!1),W=L[0],j=L[1];a((function(){x&&D(x)}),[x]);var F;return i(c,t({isBlock:l,theme:A},y,{children:[f.map((function(i,o){return e(d,t({isActive:i.tabId===R,theme:A},C,{children:e(s,t({theme:A,onClick:function(){return t=i.tabId,D(t||""),j(!0),void m(t);var t},isActive:i.tabId===R},z,{children:i.text}),"option-".concat(o))}))})),e(u,t({},B,{children:e(p,t({toAnimate:W,activeIndex:(F=R,f.findIndex((function(t){return t.tabId===F}))),animationLength:g},w))}))]}))};export{v as Segment};
 //# sourceMappingURL=ct-design-segment.browser.esm.js.map

package/dist/ct-design-segment.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-segment.browser.esm.js","sources":["../packages/components/Segment/src/style.ts","../packages/components/Segment/src/Segment.tsx"],"sourcesContent":[null,null],"names":["StyledSegment","styled","div","_a","theme","isBlock","_b","css","__assign","display","border","borderRadius","overflow","background","color","disabled","width","position","height","getSegmentStyle","SegmentOption","isActive","text","primary","subHeading","zIndex","padding","getSegmentOptionStyle","StyledSegmentBtn","button","fontSize","fontWeight","lineHeight","borderColor","cursor","getStyledSegmentButtonStyles","StyledAnimatedContainerBlock","StyledAnimatedBlock","activeIndex","animationLength","offsetLeft","backgroundColor","top","left","concat","transition","animationDuration","animationFillMode","getStyledAnimatedBlock","Segment","block","onChange","_c","options","activeTabId","_d","_e","styleConfig","useTheme","animatedBlock","animatedContainer","optionButtonWrapper","root","segmentButton","_f","useState","tabId","activeTabEleId","setActiveTabEleId","_g","animateSegment","setAnimateSegment","useIsomorphicEffect","id","_jsxs","map","option","index","_jsx","children","onClick","toAnimate","findIndex","item"],"mappings":"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"}
+{"version":3,"file":"ct-design-segment.browser.esm.js","sources":["../packages/components/Segment/src/style.ts","../packages/components/Segment/src/Segment.tsx"],"sourcesContent":[null,null],"names":["StyledSegment","styled","div","_a","theme","isBlock","_b","css","__assign","display","border","borderRadius","overflow","background","color","disabled","width","position","height","getSegmentStyle","SegmentOption","isActive","text","primary","subHeading","zIndex","padding","getSegmentOptionStyle","StyledSegmentBtn","button","fontSize","fontWeight","lineHeight","borderColor","cursor","getStyledSegmentButtonStyles","StyledAnimatedContainerBlock","StyledAnimatedBlock","activeIndex","animationLength","offsetLeft","backgroundColor","top","left","concat","transition","animationDuration","animationFillMode","getStyledAnimatedBlock","Segment","block","onChange","_c","options","activeTabId","_d","_e","styleConfig","useTheme","animatedBlock","animatedContainer","optionButtonWrapper","root","segmentButton","_f","useState","tabId","activeTabEleId","setActiveTabEleId","_g","animateSegment","setAnimateSegment","useIsomorphicEffect","id","_jsxs","map","option","index","_jsx","children","onClick","toAnimate","findIndex","item"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-segment",
-  "version": "3.21.0-SNAPSHOT-testStylemanager.0",
+  "version": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
   "description": "Segment Component",
   "types": "dist/index.d.ts",
   "main": "dist/ct-design-segment.cjs.js",
@@ -17,13 +17,13 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@cleartrip/ct-design-types": "3.21.0-SNAPSHOT-testStylemanager.0",
-    "@cleartrip/ct-design-theme": "3.21.0-SNAPSHOT-testStylemanager.0",
-    "@cleartrip/ct-design-tokens": "3.21.0-SNAPSHOT-testStylemanager.0"
+    "@cleartrip/ct-design-theme": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
+    "@cleartrip/ct-design-types": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
+    "@cleartrip/ct-design-tokens": "3.21.0-SNAPSHOT-e2eComponentsTest.0"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.12.0",
-    "@cleartrip/ct-design-use-isomorphic-effect": "3.21.0-SNAPSHOT-testStylemanager.0"
+    "@cleartrip/ct-design-use-isomorphic-effect": "3.21.0-SNAPSHOT-e2eComponentsTest.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",