@cleartrip/ct-design-bottomsheet 1.18.0-SNAPSHOT-testStylemanager.0 → 1.18.0-SNAPSHOT-e2eComponentsTest.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,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e,r,o=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),n=require("@cleartrip/ct-design-container"),a=require("@cleartrip/ct-design-outside-click-handler"),s=require("@cleartrip/ct-design-overlay"),d=require("@cleartrip/ct-design-portal"),l=require("@cleartrip/ct-design-transition"),c=require("@cleartrip/ct-design-icons"),u=require("@cleartrip/ct-design-theme"),p=require("@cleartrip/ct-design-style-manager"),g=require("@cleartrip/ct-design-base-dragger");exports.DIRECTION=void 0,(e=exports.DIRECTION||(exports.DIRECTION={})).DOWN="down",e.UP="up",function(e){e.CROSS="CROSS",e.BACK="BACK"}(r||(r={}));var h=p.makeStyles(function(e){return{headerContainer:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet},headerContainerWithBorderRadius:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet,borderTopLeftRadius:16,borderTopRightRadius:16},closeButton:{position:"absolute",right:e.spacing[2],backgroundColor:"white",height:e.size[8],width:e.size[8],display:"flex",alignItems:"center",paddingVertical:e.spacing[1],paddingHorizontal:e.spacing[1],borderRadius:999,cursor:"pointer",justifyContent:"center"},closeButtonTop:{top:"-".concat(e.spacing[10])},closeButtonBottom:{bottom:"-".concat(e.spacing[10])}}}),v=function(e){var r=e.handleClose,i=e.styleConfig,a=e.isBack,s=e.children,d=e.showBorderRadius,l=void 0===d||d,g=e.hideHeaderDismissIcon,v=void 0!==g&&g,C=e.direction,b=void 0===C?exports.DIRECTION.DOWN:C,f=u.useTheme(),x=i||{},m=x.headerContainer,y=void 0===m?[]:m,_=x.closeButton,S=void 0===_?[]:_,B=b===exports.DIRECTION.DOWN,w=p.useWebMergeStyles(o.__spreadArray([l&&b===exports.DIRECTION.DOWN?h.headerContainerWithBorderRadius:h.headerContainer],y,!0),[y,l,b]),D=p.useWebMergeStyles(o.__spreadArray([h.closeButton,B?h.closeButtonTop:h.closeButtonBottom],S,!0),[S,B]),k=function(e){return void 0===e&&(e=!1),v?null:e?t.jsx(c.ModalBack,{}):t.jsx(c.Cross,{height:24,width:24,crossColor:f.color.background.primary})}(a);return t.jsxs(n.Container,o.__assign({styleConfig:{root:[w]}},{children:[t.jsx(n.Container,o.__assign({styleConfig:{root:[D]},onClick:r},{children:k})),s]}))};v.defaultProps={};var C={up:"down",down:"up"},b=p.makeStyles(function(e){return{bottomSheetContainer:{position:"relative",width:"100%",display:"flex",flexDirection:"column",maxHeight:"calc(var(--mvh) * 92)",boxShadow:e.elevation.bottomE2},overlayWrapper:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",justifyContent:"flex-end"}}}),f=function(){var e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(e,"px"))};exports.BottomSheet=function(e){var r=e.open,c=e.onDismiss,h=e.backgroundColor,x=e.containerSheetBackgroundColor,m=void 0===x?"white":x,y=e.cornerRadius,_=void 0===y?16:y,S=e.showCloseButton,B=void 0===S||S,w=e.showBackdrop,D=void 0===w||w,k=e.children,I=e.header,R=e.direction,E=void 0===R?"down":R,O=e.transitionDuration,T=void 0===O?250:O,W=e.allowedBackdropClose,j=void 0===W||W,q=e.styleConfig,z=void 0===q?{}:q,N=e.disableOutSideClick,H=void 0!==N&&N,A=e.disablePortal,P=void 0!==A&&A,M=e.draggableConfig,G=u.useTheme(),L=i.useState(r),K=L[0],V=L[1];i.useEffect(function(){return f(),window.addEventListener("resize",f),function(){window.removeEventListener("resize",f)}},[]);var U=B,F=z||{},J=F.bottomSheetContainer,Q=void 0===J?[]:J,X=F.overlayWrapper,Y=void 0===X?[]:X,Z=function(e){H||(e.preventDefault(),j&&c&&c({isClosedByOutSideClick:!0}))},$=function(){V(!1)};i.useEffect(function(){r&&V(!0)},[r]);var ee=p.useStyles(function(e){return{bottomSheetContainer:o.__assign(o.__assign({},(null==M?void 0:M.isDraggable)?{height:void 0}:{}),{backgroundColor:m,borderTopLeftRadius:_,borderTopRightRadius:_})}},[null==M?void 0:M.isDraggable,m,_]),re=p.useStyles(function(e){return{overlayWrapper:o.__assign({zIndex:e.zIndex.bottomSheet,alignItems:"down"===E?"flex-end":"flex-start",backgroundColor:h||(D?void 0:"transparent")},D?{}:{boxShadow:"0px -4px 16px 0px rgba(26, 26, 26, 0.08)"})}},[D,h,E]),oe=p.useWebMergeStyles(o.__spreadArray([b.bottomSheetContainer,ee.bottomSheetContainer],Q,!0),[Q,null==M?void 0:M.isDraggable]);p.useWebMergeStyles(o.__spreadArray([b.overlayWrapper,re.overlayWrapper],Y,!0),[Y,D,h,E,G.zIndex.bottomSheet]);var te=function(e){var i,a=e.ref,s=e.onReactTransitionGroupEnd;return t.jsx(l.Transition,o.__assign({type:"slide",slideDirection:C[E],timeout:T,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:r,onExited:$,onEntered:function(){s&&s()}},{children:t.jsx("div",o.__assign({ref:a},{children:t.jsxs(n.Container,o.__assign({styleConfig:{root:[oe]}},{children:[U&&(i=t.jsx(v,{direction:E,showBorderRadius:_>0,handleClose:function(){null==c||c()},isBack:!1,children:I,hideHeaderDismissIcon:!B}),(null==M?void 0:M.isDraggable)?t.jsx(g.BaseDraggerHeader,{children:i}):i),k]}))}))}))};return K?t.jsx(d.Portal,o.__assign({disablePortal:P},{children:t.jsx(s.Overlay,o.__assign({blur:D,styleConfig:{root:o.__spreadArray([b.overlayWrapper,re.overlayWrapper],Y,!0)}},{children:t.jsx(a.OutsideClickHandler,o.__assign({disabled:H,onOutsideClick:Z,wrapperProps:{style:{width:"100%"}}},{children:(null==M?void 0:M.isDraggable)?t.jsx(g.BaseDragger,o.__assign({isWrappedWithTransitionGroup:!0},M,{isVisible:r},{children:function(e){var r=e.ref,o=e.onReactTransitionGroupEnd;return te({ref:r,onReactTransitionGroupEnd:o})}})):te({})}))}))})):null},exports.BottomSheetHeader=v;
|
|
1
|
+
"use strict";var e,r,o=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),n=require("@cleartrip/ct-design-container"),a=require("@cleartrip/ct-design-outside-click-handler"),s=require("@cleartrip/ct-design-overlay"),d=require("@cleartrip/ct-design-portal"),l=require("@cleartrip/ct-design-transition"),c=require("@cleartrip/ct-design-icons"),u=require("@cleartrip/ct-design-theme"),p=require("@cleartrip/ct-design-style-manager"),g=require("@cleartrip/ct-design-base-dragger");exports.DIRECTION=void 0,(e=exports.DIRECTION||(exports.DIRECTION={})).DOWN="down",e.UP="up",function(e){e.CROSS="CROSS",e.BACK="BACK"}(r||(r={}));var h=p.makeStyles((function(e){return{headerContainer:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet},headerContainerWithBorderRadius:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet,borderTopLeftRadius:16,borderTopRightRadius:16},closeButton:{position:"absolute",right:e.spacing[2],backgroundColor:"white",height:e.size[8],width:e.size[8],display:"flex",alignItems:"center",paddingVertical:e.spacing[1],paddingHorizontal:e.spacing[1],borderRadius:999,cursor:"pointer",justifyContent:"center"},closeButtonTop:{top:"-".concat(e.spacing[10])},closeButtonBottom:{bottom:"-".concat(e.spacing[10])}}})),v=function(e){var r=e.handleClose,i=e.styleConfig,a=e.isBack,s=e.children,d=e.showBorderRadius,l=void 0===d||d,g=e.hideHeaderDismissIcon,v=void 0!==g&&g,C=e.direction,b=void 0===C?exports.DIRECTION.DOWN:C,f=u.useTheme(),x=i||{},m=x.headerContainer,y=void 0===m?[]:m,_=x.closeButton,S=void 0===_?[]:_,B=b===exports.DIRECTION.DOWN,w=p.useWebMergeStyles(o.__spreadArray([l&&b===exports.DIRECTION.DOWN?h.headerContainerWithBorderRadius:h.headerContainer],y,!0),[y,l,b]),D=p.useWebMergeStyles(o.__spreadArray([h.closeButton,B?h.closeButtonTop:h.closeButtonBottom],S,!0),[S,B]),k=function(e){return void 0===e&&(e=!1),v?null:e?t.jsx(c.ModalBack,{}):t.jsx(c.Cross,{height:24,width:24,crossColor:f.color.background.primary})}(a);return t.jsxs(n.Container,o.__assign({styleConfig:{root:[w]}},{children:[t.jsx(n.Container,o.__assign({styleConfig:{root:[D]},onClick:r},{children:k})),s]}))};v.defaultProps={};var C={up:"down",down:"up"},b=p.makeStyles((function(e){return{bottomSheetContainer:{position:"relative",width:"100%",display:"flex",flexDirection:"column",maxHeight:"calc(var(--mvh) * 92)",boxShadow:e.elevation.bottomE2},overlayWrapper:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",justifyContent:"flex-end"}}})),f=function(){var e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(e,"px"))};exports.BottomSheet=function(e){var r=e.open,c=e.onDismiss,h=e.backgroundColor,x=e.containerSheetBackgroundColor,m=void 0===x?"white":x,y=e.cornerRadius,_=void 0===y?16:y,S=e.showCloseButton,B=void 0===S||S,w=e.showBackdrop,D=void 0===w||w,k=e.children,I=e.header,R=e.direction,E=void 0===R?"down":R,O=e.transitionDuration,T=void 0===O?250:O,W=e.allowedBackdropClose,j=void 0===W||W,q=e.styleConfig,z=void 0===q?{}:q,N=e.disableOutSideClick,H=void 0!==N&&N,A=e.disablePortal,P=void 0!==A&&A,M=e.draggableConfig,G=u.useTheme(),L=i.useState(r),K=L[0],V=L[1];i.useEffect((function(){return f(),window.addEventListener("resize",f),function(){window.removeEventListener("resize",f)}}),[]);var U=B,F=z||{},J=F.bottomSheetContainer,Q=void 0===J?[]:J,X=F.overlayWrapper,Y=void 0===X?[]:X,Z=function(e){H||(e.preventDefault(),j&&c&&c({isClosedByOutSideClick:!0}))},$=function(){V(!1)};i.useEffect((function(){r&&V(!0)}),[r]);var ee=p.useStyles((function(e){return{bottomSheetContainer:o.__assign(o.__assign({},(null==M?void 0:M.isDraggable)?{height:void 0}:{}),{backgroundColor:m,borderTopLeftRadius:_,borderTopRightRadius:_})}}),[null==M?void 0:M.isDraggable,m,_]),re=p.useStyles((function(e){return{overlayWrapper:o.__assign({zIndex:e.zIndex.bottomSheet,alignItems:"down"===E?"flex-end":"flex-start",backgroundColor:h||(D?void 0:"transparent")},D?{}:{boxShadow:"0px -4px 16px 0px rgba(26, 26, 26, 0.08)"})}}),[D,h,E]),oe=p.useWebMergeStyles(o.__spreadArray([b.bottomSheetContainer,ee.bottomSheetContainer],Q,!0),[Q,null==M?void 0:M.isDraggable]);p.useWebMergeStyles(o.__spreadArray([b.overlayWrapper,re.overlayWrapper],Y,!0),[Y,D,h,E,G.zIndex.bottomSheet]);var te=function(e){var i,a=e.ref,s=e.onReactTransitionGroupEnd;return t.jsx(l.Transition,o.__assign({type:"slide",slideDirection:C[E],timeout:T,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:r,onExited:$,onEntered:function(){s&&s()}},{children:t.jsx("div",o.__assign({ref:a},{children:t.jsxs(n.Container,o.__assign({styleConfig:{root:[oe]}},{children:[U&&(i=t.jsx(v,{direction:E,showBorderRadius:_>0,handleClose:function(){null==c||c()},isBack:!1,children:I,hideHeaderDismissIcon:!B}),(null==M?void 0:M.isDraggable)?t.jsx(g.BaseDraggerHeader,{children:i}):i),k]}))}))}))};return K?t.jsx(d.Portal,o.__assign({disablePortal:P},{children:t.jsx(s.Overlay,o.__assign({blur:D,styleConfig:{root:o.__spreadArray([b.overlayWrapper,re.overlayWrapper],Y,!0)}},{children:t.jsx(a.OutsideClickHandler,o.__assign({disabled:H,onOutsideClick:Z,wrapperProps:{style:{width:"100%"}}},{children:(null==M?void 0:M.isDraggable)?t.jsx(g.BaseDragger,o.__assign({isWrappedWithTransitionGroup:!0},M,{isVisible:r},{children:function(e){var r=e.ref,o=e.onReactTransitionGroupEnd;return te({ref:r,onReactTransitionGroupEnd:o})}})):te({})}))}))})):null},exports.BottomSheetHeader=v;
|
|
2
2
|
//# sourceMappingURL=ct-design-bottomsheet.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-bottomsheet.browser.cjs.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","staticBottomSheetHeaderStyles","makeStyles","theme","headerContainer","backgroundColor","color","background","neutral","zIndex","bottomSheet","headerContainerWithBorderRadius","borderTopLeftRadius","borderTopRightRadius","closeButton","position","right","spacing","height","size","width","display","alignItems","paddingVertical","paddingHorizontal","borderRadius","cursor","justifyContent","closeButtonTop","top","closeButtonBottom","bottom","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","hideHeaderDismissIcon","_c","direction","DOWN","useTheme","_d","_e","customHeaderContainerStyles","_f","customCloseButtonStyles","isTop","mergedHeaderContainerStyles","useWebMergeStyles","__spreadArray","mergedCloseButtonStyles","CloseIcon","_jsx","jsx","ModalBack","Cross","crossColor","primary","getCloseIcon","_jsxs","jsxs","Container","__assign","root","onClick","defaultProps","slideDirection","up","down","staticBottomSheetStyles","bottomSheetContainer","flexDirection","maxHeight","boxShadow","elevation","bottomE2","overlayWrapper","left","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","open","onDismiss","backdropColor","containerSheetBackgroundColor","cornerRadius","showCloseButton","showBackdrop","header","_g","transitionDuration","timeout","_h","allowedBackdropClose","_j","_k","disableOutSideClick","_l","disablePortal","draggableConfig","_m","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","show","_o","_p","customBottomSheetContainerStyles","_q","customOverlayWrapperStyles","handleCloseBottomSheet","event","preventDefault","isClosedByOutSideClick","handleExited","dynamicBottomSheetContainerStyles","useStyles","isDraggable","undefined","dynamicOverlayWrapperStyles","mergedBottomSheetContainerStyles","renderBottomsheetWithTransition","headerComponent","ref","onReactTransitionGroupEnd","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","onEntered","BaseDraggerHeader","Portal","Overlay","blur","OutsideClickHandler","disabled","onOutsideClick","wrapperProps","BaseDragger","isWrappedWithTransitionGroup"],"mappings":"iBA8GkBA,ECtGAC,0dDsGAD,QAGjBA,eAAA,GAHiBA,EAAAA,QAASA,YAATA,kBAGjB,CAAA,IAFC,KAAA,OACAA,EAAA,GAAA,KCxGF,SAAkBC,GAChBA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAkBA,IAAAA,EAGjB,CAAA,IAED,IAAMC,EAAgCC,EAAAA,
|
|
1
|
+
{"version":3,"file":"ct-design-bottomsheet.browser.cjs.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","staticBottomSheetHeaderStyles","makeStyles","theme","headerContainer","backgroundColor","color","background","neutral","zIndex","bottomSheet","headerContainerWithBorderRadius","borderTopLeftRadius","borderTopRightRadius","closeButton","position","right","spacing","height","size","width","display","alignItems","paddingVertical","paddingHorizontal","borderRadius","cursor","justifyContent","closeButtonTop","top","closeButtonBottom","bottom","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","hideHeaderDismissIcon","_c","direction","DOWN","useTheme","_d","_e","customHeaderContainerStyles","_f","customCloseButtonStyles","isTop","mergedHeaderContainerStyles","useWebMergeStyles","__spreadArray","mergedCloseButtonStyles","CloseIcon","_jsx","jsx","ModalBack","Cross","crossColor","primary","getCloseIcon","_jsxs","jsxs","Container","__assign","root","onClick","defaultProps","slideDirection","up","down","staticBottomSheetStyles","bottomSheetContainer","flexDirection","maxHeight","boxShadow","elevation","bottomE2","overlayWrapper","left","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","open","onDismiss","backdropColor","containerSheetBackgroundColor","cornerRadius","showCloseButton","showBackdrop","header","_g","transitionDuration","timeout","_h","allowedBackdropClose","_j","_k","disableOutSideClick","_l","disablePortal","draggableConfig","_m","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","show","_o","_p","customBottomSheetContainerStyles","_q","customOverlayWrapperStyles","handleCloseBottomSheet","event","preventDefault","isClosedByOutSideClick","handleExited","dynamicBottomSheetContainerStyles","useStyles","isDraggable","undefined","dynamicOverlayWrapperStyles","mergedBottomSheetContainerStyles","renderBottomsheetWithTransition","headerComponent","ref","onReactTransitionGroupEnd","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","onEntered","BaseDraggerHeader","Portal","Overlay","blur","OutsideClickHandler","disabled","onOutsideClick","wrapperProps","BaseDragger","isWrappedWithTransitionGroup"],"mappings":"iBA8GkBA,ECtGAC,0dDsGAD,QAGjBA,eAAA,GAHiBA,EAAAA,QAASA,YAATA,kBAGjB,CAAA,IAFC,KAAA,OACAA,EAAA,GAAA,KCxGF,SAAkBC,GAChBA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAkBA,IAAAA,EAGjB,CAAA,IAED,IAAMC,EAAgCC,EAAAA,YAAW,SAACC,GAChD,MAAO,CACLC,gBAAiB,CACfC,gBAAiBF,EAAMG,MAAMC,WAAWC,QACxCC,OAAQN,EAAMM,OAAOC,aAEvBC,gCAAiC,CAC/BN,gBAAiBF,EAAMG,MAAMC,WAAWC,QACxCC,OAAQN,EAAMM,OAAOC,YACrBE,oBAAqB,GACrBC,qBAAsB,IAExBC,YAAa,CACXC,SAAU,WACVC,MAAOb,EAAMc,QAAQ,GACrBZ,gBAAiB,QACjBa,OAAQf,EAAMgB,KAAK,GACnBC,MAAOjB,EAAMgB,KAAK,GAClBE,QAAS,OACTC,WAAY,SACZC,gBAAiBpB,EAAMc,QAAQ,GAC/BO,kBAAmBrB,EAAMc,QAAQ,GACjCQ,aAAc,IACdC,OAAQ,UACRC,eAAgB,UAElBC,eAAgB,CACdC,IAAK,WAAI1B,EAAMc,QAAQ,MAEzBa,kBAAmB,CACjBC,OAAQ,WAAI5B,EAAMc,QAAQ,MAGhC,IAEMe,EAAoB,SAACC,GAEvB,IAAAC,EAOED,EAAKC,YANPC,EAMEF,EAAKE,YALPC,EAKEH,EAAKG,OAJPC,EAIEJ,EAJMI,SACRC,EAGEL,EAHqBM,iBAAvBA,OAAmB,IAAAD,KACnBE,EAEEP,EAF2BQ,sBAA7BA,OAAqB,IAAAD,GAAQA,EAC7BE,EACET,YADFU,aAAY5C,QAAAA,UAAU6C,KAAIF,EAEtBvC,EAAQ0C,EAAAA,WAERC,EACJX,GAAe,CAAA,EADTY,EAAAD,EAAA1C,gBAAiB4C,OAA2B,IAAAD,EAAG,GAAEA,EAAEE,EAAyCH,EAAAhC,YAA5BoC,OAA0B,IAAAD,EAAA,KAG5FE,EAAQR,IAAc5C,QAASA,UAAC6C,KAGhCQ,EAA8BC,EAAiBA,kBAAAC,gBAAA,CAEjDf,GAAoBI,IAAc5C,QAAAA,UAAU6C,KACxC3C,EAA8BU,gCAC9BV,EAA8BG,iBAC/B4C,GAA2B,GAEhC,CAACA,EAA6BT,EAAkBI,IAI5CY,EAA0BF,EAAiBA,kBAAAC,gBAAA,CAE7CrD,EAA8Ba,YAC9BqC,EAAQlD,EAA8B2B,eAAiB3B,EAA8B6B,mBAClFoB,MAEL,CAACA,EAAyBC,IAatBK,EAVe,SAACpB,GACpB,YADoB,IAAAA,IAAAA,GAAc,GAC9BK,EACK,KAGLL,EACKqB,EAAAC,IAACC,YAAS,CAAA,GAEZF,EAAAC,IAACE,EAAKA,MAAC,CAAA1C,OAAQ,GAAIE,MAAO,GAAIyC,WAAY1D,EAAMG,MAAMC,WAAWuD,SAC1E,CACkBC,CAAa3B,GAE/B,OACE4B,EAACC,KAAAC,EAASA,UAACC,EAAAA,SAAA,CAAAhC,YAAa,CAAEiC,KAAM,CAAChB,KAC/B,CAAAf,SAAA,CAAAoB,EAAAC,IAACQ,EAASA,UAACC,EAAAA,SAAA,CAAAhC,YAAa,CAAEiC,KAAM,CAACb,IAA4Bc,QAASnC,aACnEsB,KAEFnB,KAGP,EAEAL,EAAkBsC,aAAe,CAAE,EChG5B,IAAMC,EAAgD,CAC3DC,GAAI,OACJC,KAAM,MAGFC,EAA0BxE,EAAAA,YAAW,SAACC,GAC1C,MAAO,CACLwE,qBAAsB,CACpB5D,SAAU,WACVK,MAAO,OACPC,QAAS,OACTuD,cAAe,SACfC,UAAW,wBACXC,UAAW3E,EAAM4E,UAAUC,UAE7BC,eAAgB,CACdlE,SAAU,WACVc,IAAK,EACLqD,KAAM,EACNlE,MAAO,EACPe,OAAQ,EACRV,QAAS,OACTuD,cAAe,SACfjD,eAAgB,YAGtB,IAEMwD,EAAqB,WAEzB,IAAMC,EAA0B,IAArBC,OAAOC,YAElBC,SAASC,gBAAgBC,MAAMC,YAAY,QAAS,GAAAC,OAAGP,EAAE,MAC3D,sBAE2B,SAAC9C,GAC1B,IAAAsD,SACAC,cACiBC,oBACjBtD,EAAAF,EAAAyD,8BAAAA,aAAgC,QAAOvD,EACvCE,EAAiBJ,EAAA0D,aAAjBA,OAAe,IAAAtD,EAAA,GAAEA,EACjBI,oBAAAmD,cAAsBnD,EACtBC,EAAmBT,EAAA4D,aAAnBA,OAAY,IAAAnD,GAAOA,EACnBV,EAAQC,EAAAD,SACR8D,EAAM7D,EAAA6D,OACNlD,EAAkBX,EAAAK,UAAlBA,OAAY,IAAAM,EAAA,SACZmD,EAAA9D,EAAA+D,mBAAoBC,OAAO,IAAAF,EAAG,IAAGA,EACjCG,EAA2BjE,EAAAkE,qBAA3BA,OAAuB,IAAAD,KACvBE,EAAAnE,EAAAH,YAAAA,aAAc,CAAA,EAAEsE,EAChBC,EAA2BpE,EAAAqE,oBAA3BA,OAAsB,IAAAD,KACtBE,EAAAtE,EAAAuE,cAAAA,OAAa,IAAAD,GAAQA,EACrBE,EAAexE,EAAAwE,gBAET3G,EAAQ0C,EAAAA,WAERkE,EAA4BC,EAAAA,SAASpB,GAApCqB,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAE9BI,EAAAA,WAAU,WAWR,OAFAhC,IACAE,OAAO+B,iBAAiB,SAAUjC,GAC3B,WACLE,OAAOgC,oBAAoB,SAAUlC,EACvC,CACD,GAAE,IAEH,IAAMmC,EAAOrB,EAEPsB,EAGFpF,GAAe,CAAA,EAFjBqF,EAAAD,EAAA5C,qBAAsB8C,OAAgC,IAAAD,EAAG,GAAEA,EAC3DE,EAA+CH,EAAAtC,eAA/B0C,OAA6B,IAAAD,EAAA,KAGzCE,EAAyB,SAACC,GAC1BlB,IACJkB,EAAMC,iBACFtB,GAAwBX,GAC1BA,EAAU,CAAEkC,wBAAwB,IAExC,EACMC,EAAe,WACnBd,GAAa,EACf,EAEAC,EAAAA,WAAU,WACJvB,GACFsB,GAAa,EAEjB,GAAG,CAACtB,IAEJ,IAAMqC,GAAoCC,aACxC,SAAC/H,GACC,MAAO,CACLwE,qBACKR,EAAAA,SAAAA,WAAA,CAAA,GAAC2C,aAAe,EAAfA,EAAiBqB,aAAc,CAAEjH,YAAQkH,GAAc,CAAA,GAAG,CAC9D/H,gBAAiB0F,EACjBnF,oBAAqBoF,EACrBnF,qBAAsBmF,IAG3B,GACD,CAACc,aAAA,EAAAA,EAAiBqB,YAAapC,EAA+BC,IAG1DqC,GAA8BH,aAClC,SAAC/H,GACC,MAAO,CACL8E,2BACExE,OAAQN,EAAMM,OAAOC,YACrBY,WAA0B,SAAdqB,EAAuB,WAAa,aAChDtC,gBAAiByF,IAAmBI,OAA+BkC,EAAhB,gBAC9ClC,EAID,GAHA,CACEpB,UAAW,6CAKtB,GACD,CAACoB,EAAcJ,EAAenD,IAI1B2F,GAAmCjF,EAAiBA,kBAAAC,gBAAA,CAEtDoB,EAAwBC,qBACxBsD,GAAkCtD,sBAC/B8C,GAEL,GAAA,CAACA,EAAkCX,aAAe,EAAfA,EAAiBqB,cAInB9E,EAAiBA,kBAAAC,EAAAA,cAAA,CACjDoB,EAAwBO,eAAgBoD,GAA4BpD,gBAAmB0C,GACxF,GAAA,CAACA,EAA4BzB,EAAcJ,EAAenD,EAAWxC,EAAMM,OAAOC,cAGpF,IAqBM6H,GAAkC,SAACjG,OApBjCkG,EAqBNC,EAAGnG,EAAAmG,IACHC,EAAyBpG,EAAAoG,0BAKzB,OACEjF,MAACkF,EAAAA,WAAUxE,EAAAA,SAAA,CACTyE,KAAK,QACLrE,eAAgBA,EAAe5B,GAC/B2D,QAASA,EACTuC,cAAY,EACZC,eAAa,EACbC,QACA,EAAAC,GAAIpD,EACJqD,SAAUjB,EACVkB,UAAW,WACTR,GAA6BA,GAC9B,GAED,CAAArG,SAAAoB,EAAAC,IAAA,MAAAS,EAAAA,SAAA,CAAKsE,IAAKA,GAAG,CAAApG,SACX2B,EAAAA,KAACE,EAAAA,UAAUC,EAAAA,SAAA,CAAAhC,YAAa,CAAEiC,KAAM,CAACkE,MAC9B,CAAAjG,SAAA,CAAAiF,IA3CHkB,EACJ/E,EAAAA,IAACzB,GACCW,UAAWA,EACXJ,iBAAkByD,EAAe,EACjC9D,YAAa,WACX2D,SAAAA,GACF,EACAzD,QA/ES,EAgFTC,SAAU8D,EACV1D,uBAAwBwD,KAIxBa,eAAAA,EAAiBqB,aACZ1E,EAACC,IAAAyF,EAAiBA,kBAAE,CAAA9G,SAAAmG,IAGtBA,GA2BEnG,WAKX,EA8CA,OAAI4E,EACKxD,MAAC2F,EAAAA,OAAMjF,EAAAA,SAAA,CAAC0C,cAAeA,GAAgB,CAAAxE,SAhB5CoB,EAAAA,IAAC4F,EAAAA,QAAOlF,EAAAA,SAAA,CACNmF,KAAMpD,EACN/D,YAAa,CACXiC,KAAId,EAAAA,cAAA,CACFoB,EAAwBO,eACxBoD,GAA4BpD,gBACzB0C,GACJ,KACF,CAAAtF,SApBHoB,EAAAC,IAAC6F,EAAmBA,oBAAApF,WAAA,CAClBqF,SAAU7C,EACV8C,eAAgB7B,EAChB8B,aAAc,CAAEjE,MAAO,CAAErE,MAAO,UAAU,CAAAiB,UAnB1CyE,eAAAA,EAAiBqB,aAEjB1E,EAAAC,IAACiG,EAAWA,YAAAxF,EAAAA,SAAA,CAACyF,8BAA4B,GAAK9C,EAAe,CAAEG,UAAWrB,GAAI,CAAAvD,SAE3E,SAACC,OAAEmG,EAAGnG,EAAAmG,IAAEC,EAAyBpG,EAAAoG,0BAChC,OAAOH,GAAgC,CAAEE,IAAGA,EAAEC,0BAAyBA,GACxE,KAKAH,GAAgC,CAAA,YAmClC,IACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__spreadArray as o,__assign as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{Container as a}from"@cleartrip/ct-design-container";import{OutsideClickHandler as d}from"@cleartrip/ct-design-outside-click-handler";import{Overlay as l}from"@cleartrip/ct-design-overlay";import{Portal as c}from"@cleartrip/ct-design-portal";import{Transition as s}from"@cleartrip/ct-design-transition";import{ModalBack as u,Cross as p}from"@cleartrip/ct-design-icons";import{useTheme as h}from"@cleartrip/ct-design-theme";import{makeStyles as g,useWebMergeStyles as m,useStyles as f}from"@cleartrip/ct-design-style-manager";import{BaseDragger as v,BaseDraggerHeader as b}from"@cleartrip/ct-design-base-dragger";var C,x;!function(o){o.DOWN="down",o.UP="up"}(C||(C={})),function(o){o.CROSS="CROSS",o.BACK="BACK"}(x||(x={}));var y=g(function(o){return{headerContainer:{backgroundColor:o.color.background.neutral,zIndex:o.zIndex.bottomSheet},headerContainerWithBorderRadius:{backgroundColor:o.color.background.neutral,zIndex:o.zIndex.bottomSheet,borderTopLeftRadius:16,borderTopRightRadius:16},closeButton:{position:"absolute",right:o.spacing[2],backgroundColor:"white",height:o.size[8],width:o.size[8],display:"flex",alignItems:"center",paddingVertical:o.spacing[1],paddingHorizontal:o.spacing[1],borderRadius:999,cursor:"pointer",justifyContent:"center"},closeButtonTop:{top:"-".concat(o.spacing[10])},closeButtonBottom:{bottom:"-".concat(o.spacing[10])}}}),w=function(i){var n=i.handleClose,d=i.styleConfig,l=i.isBack,c=i.children,s=i.showBorderRadius,g=void 0===s||s,f=i.hideHeaderDismissIcon,v=void 0!==f&&f,b=i.direction,x=void 0===b?C.DOWN:b,w=h(),B=d||{},k=B.headerContainer,S=void 0===k?[]:k,D=B.closeButton,R=void 0===D?[]:D,W=x===C.DOWN,z=m(o([g&&x===C.DOWN?y.headerContainerWithBorderRadius:y.headerContainer],S,!0),[S,g,x]),E=m(o([y.closeButton,W?y.closeButtonTop:y.closeButtonBottom],R,!0),[R,W]),I=function(o){return void 0===o&&(o=!1),v?null:o?t(u,{}):t(p,{height:24,width:24,crossColor:w.color.background.primary})}(l);return r(a,e({styleConfig:{root:[z]}},{children:[t(a,e({styleConfig:{root:[E]},onClick:n},{children:I})),c]}))};w.defaultProps={};var B={up:"down",down:"up"},k=g(function(o){return{bottomSheetContainer:{position:"relative",width:"100%",display:"flex",flexDirection:"column",maxHeight:"calc(var(--mvh) * 92)",boxShadow:o.elevation.bottomE2},overlayWrapper:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",justifyContent:"flex-end"}}}),S=function(){var o=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(o,"px"))},D=function(u){var p=u.open,g=u.onDismiss,C=u.backgroundColor,x=u.containerSheetBackgroundColor,y=void 0===x?"white":x,D=u.cornerRadius,R=void 0===D?16:D,W=u.showCloseButton,z=void 0===W||W,E=u.showBackdrop,I=void 0===E||E,O=u.children,T=u.header,P=u.direction,H=void 0===P?"down":P,G=u.transitionDuration,L=void 0===G?250:G,N=u.allowedBackdropClose,j=void 0===N||N,A=u.styleConfig,K=void 0===A?{}:A,V=u.disableOutSideClick,U=void 0!==V&&V,q=u.disablePortal,F=void 0!==q&&q,J=u.draggableConfig,M=h(),Q=i(p),X=Q[0],Y=Q[1];n(function(){return S(),window.addEventListener("resize",S),function(){window.removeEventListener("resize",S)}},[]);var Z=z,$=K||{},_=$.bottomSheetContainer,oo=void 0===_?[]:_,eo=$.overlayWrapper,ro=void 0===eo?[]:eo,to=function(o){U||(o.preventDefault(),j&&g&&g({isClosedByOutSideClick:!0}))},io=function(){Y(!1)};n(function(){p&&Y(!0)},[p]);var no=f(function(o){return{bottomSheetContainer:e(e({},(null==J?void 0:J.isDraggable)?{height:void 0}:{}),{backgroundColor:y,borderTopLeftRadius:R,borderTopRightRadius:R})}},[null==J?void 0:J.isDraggable,y,R]),ao=f(function(o){return{overlayWrapper:e({zIndex:o.zIndex.bottomSheet,alignItems:"down"===H?"flex-end":"flex-start",backgroundColor:C||(I?void 0:"transparent")},I?{}:{boxShadow:"0px -4px 16px 0px rgba(26, 26, 26, 0.08)"})}},[I,C,H]),lo=m(o([k.bottomSheetContainer,no.bottomSheetContainer],oo,!0),[oo,null==J?void 0:J.isDraggable]);m(o([k.overlayWrapper,ao.overlayWrapper],ro,!0),[ro,I,C,H,M.zIndex.bottomSheet]);var co=function(o){var i,n=o.ref,d=o.onReactTransitionGroupEnd;return t(s,e({type:"slide",slideDirection:B[H],timeout:L,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:p,onExited:io,onEntered:function(){d&&d()}},{children:t("div",e({ref:n},{children:r(a,e({styleConfig:{root:[lo]}},{children:[Z&&(i=t(w,{direction:H,showBorderRadius:R>0,handleClose:function(){null==g||g()},isBack:!1,children:T,hideHeaderDismissIcon:!z}),(null==J?void 0:J.isDraggable)?t(b,{children:i}):i),O]}))}))}))};return X?t(c,e({disablePortal:F},{children:t(l,e({blur:I,styleConfig:{root:o([k.overlayWrapper,ao.overlayWrapper],ro,!0)}},{children:t(d,e({disabled:U,onOutsideClick:to,wrapperProps:{style:{width:"100%"}}},{children:(null==J?void 0:J.isDraggable)?t(v,e({isWrappedWithTransitionGroup:!0},J,{isVisible:p},{children:function(o){var e=o.ref,r=o.onReactTransitionGroupEnd;return co({ref:e,onReactTransitionGroupEnd:r})}})):co({})}))}))})):null};export{D as BottomSheet,w as BottomSheetHeader,C as DIRECTION};
|
|
1
|
+
import{__spreadArray as o,__assign as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{Container as a}from"@cleartrip/ct-design-container";import{OutsideClickHandler as d}from"@cleartrip/ct-design-outside-click-handler";import{Overlay as l}from"@cleartrip/ct-design-overlay";import{Portal as c}from"@cleartrip/ct-design-portal";import{Transition as s}from"@cleartrip/ct-design-transition";import{ModalBack as u,Cross as p}from"@cleartrip/ct-design-icons";import{useTheme as h}from"@cleartrip/ct-design-theme";import{makeStyles as g,useWebMergeStyles as m,useStyles as f}from"@cleartrip/ct-design-style-manager";import{BaseDragger as v,BaseDraggerHeader as b}from"@cleartrip/ct-design-base-dragger";var C,x;!function(o){o.DOWN="down",o.UP="up"}(C||(C={})),function(o){o.CROSS="CROSS",o.BACK="BACK"}(x||(x={}));var y=g((function(o){return{headerContainer:{backgroundColor:o.color.background.neutral,zIndex:o.zIndex.bottomSheet},headerContainerWithBorderRadius:{backgroundColor:o.color.background.neutral,zIndex:o.zIndex.bottomSheet,borderTopLeftRadius:16,borderTopRightRadius:16},closeButton:{position:"absolute",right:o.spacing[2],backgroundColor:"white",height:o.size[8],width:o.size[8],display:"flex",alignItems:"center",paddingVertical:o.spacing[1],paddingHorizontal:o.spacing[1],borderRadius:999,cursor:"pointer",justifyContent:"center"},closeButtonTop:{top:"-".concat(o.spacing[10])},closeButtonBottom:{bottom:"-".concat(o.spacing[10])}}})),w=function(i){var n=i.handleClose,d=i.styleConfig,l=i.isBack,c=i.children,s=i.showBorderRadius,g=void 0===s||s,f=i.hideHeaderDismissIcon,v=void 0!==f&&f,b=i.direction,x=void 0===b?C.DOWN:b,w=h(),B=d||{},k=B.headerContainer,S=void 0===k?[]:k,D=B.closeButton,R=void 0===D?[]:D,W=x===C.DOWN,z=m(o([g&&x===C.DOWN?y.headerContainerWithBorderRadius:y.headerContainer],S,!0),[S,g,x]),E=m(o([y.closeButton,W?y.closeButtonTop:y.closeButtonBottom],R,!0),[R,W]),I=function(o){return void 0===o&&(o=!1),v?null:o?t(u,{}):t(p,{height:24,width:24,crossColor:w.color.background.primary})}(l);return r(a,e({styleConfig:{root:[z]}},{children:[t(a,e({styleConfig:{root:[E]},onClick:n},{children:I})),c]}))};w.defaultProps={};var B={up:"down",down:"up"},k=g((function(o){return{bottomSheetContainer:{position:"relative",width:"100%",display:"flex",flexDirection:"column",maxHeight:"calc(var(--mvh) * 92)",boxShadow:o.elevation.bottomE2},overlayWrapper:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",justifyContent:"flex-end"}}})),S=function(){var o=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(o,"px"))},D=function(u){var p=u.open,g=u.onDismiss,C=u.backgroundColor,x=u.containerSheetBackgroundColor,y=void 0===x?"white":x,D=u.cornerRadius,R=void 0===D?16:D,W=u.showCloseButton,z=void 0===W||W,E=u.showBackdrop,I=void 0===E||E,O=u.children,T=u.header,P=u.direction,H=void 0===P?"down":P,G=u.transitionDuration,L=void 0===G?250:G,N=u.allowedBackdropClose,j=void 0===N||N,A=u.styleConfig,K=void 0===A?{}:A,V=u.disableOutSideClick,U=void 0!==V&&V,q=u.disablePortal,F=void 0!==q&&q,J=u.draggableConfig,M=h(),Q=i(p),X=Q[0],Y=Q[1];n((function(){return S(),window.addEventListener("resize",S),function(){window.removeEventListener("resize",S)}}),[]);var Z=z,$=K||{},_=$.bottomSheetContainer,oo=void 0===_?[]:_,eo=$.overlayWrapper,ro=void 0===eo?[]:eo,to=function(o){U||(o.preventDefault(),j&&g&&g({isClosedByOutSideClick:!0}))},io=function(){Y(!1)};n((function(){p&&Y(!0)}),[p]);var no=f((function(o){return{bottomSheetContainer:e(e({},(null==J?void 0:J.isDraggable)?{height:void 0}:{}),{backgroundColor:y,borderTopLeftRadius:R,borderTopRightRadius:R})}}),[null==J?void 0:J.isDraggable,y,R]),ao=f((function(o){return{overlayWrapper:e({zIndex:o.zIndex.bottomSheet,alignItems:"down"===H?"flex-end":"flex-start",backgroundColor:C||(I?void 0:"transparent")},I?{}:{boxShadow:"0px -4px 16px 0px rgba(26, 26, 26, 0.08)"})}}),[I,C,H]),lo=m(o([k.bottomSheetContainer,no.bottomSheetContainer],oo,!0),[oo,null==J?void 0:J.isDraggable]);m(o([k.overlayWrapper,ao.overlayWrapper],ro,!0),[ro,I,C,H,M.zIndex.bottomSheet]);var co=function(o){var i,n=o.ref,d=o.onReactTransitionGroupEnd;return t(s,e({type:"slide",slideDirection:B[H],timeout:L,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:p,onExited:io,onEntered:function(){d&&d()}},{children:t("div",e({ref:n},{children:r(a,e({styleConfig:{root:[lo]}},{children:[Z&&(i=t(w,{direction:H,showBorderRadius:R>0,handleClose:function(){null==g||g()},isBack:!1,children:T,hideHeaderDismissIcon:!z}),(null==J?void 0:J.isDraggable)?t(b,{children:i}):i),O]}))}))}))};return X?t(c,e({disablePortal:F},{children:t(l,e({blur:I,styleConfig:{root:o([k.overlayWrapper,ao.overlayWrapper],ro,!0)}},{children:t(d,e({disabled:U,onOutsideClick:to,wrapperProps:{style:{width:"100%"}}},{children:(null==J?void 0:J.isDraggable)?t(v,e({isWrappedWithTransitionGroup:!0},J,{isVisible:p},{children:function(o){var e=o.ref,r=o.onReactTransitionGroupEnd;return co({ref:e,onReactTransitionGroupEnd:r})}})):co({})}))}))})):null};export{D as BottomSheet,w as BottomSheetHeader,C as DIRECTION};
|
|
2
2
|
//# sourceMappingURL=ct-design-bottomsheet.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-bottomsheet.browser.esm.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","staticBottomSheetHeaderStyles","makeStyles","theme","headerContainer","backgroundColor","color","background","neutral","zIndex","bottomSheet","headerContainerWithBorderRadius","borderTopLeftRadius","borderTopRightRadius","closeButton","position","right","spacing","height","size","width","display","alignItems","paddingVertical","paddingHorizontal","borderRadius","cursor","justifyContent","closeButtonTop","top","closeButtonBottom","bottom","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","hideHeaderDismissIcon","_c","direction","DOWN","useTheme","_d","_e","customHeaderContainerStyles","_f","customCloseButtonStyles","isTop","mergedHeaderContainerStyles","useWebMergeStyles","__spreadArray","mergedCloseButtonStyles","CloseIcon","_jsx","ModalBack","Cross","crossColor","primary","getCloseIcon","_jsxs","Container","__assign","root","onClick","defaultProps","slideDirection","up","down","staticBottomSheetStyles","bottomSheetContainer","flexDirection","maxHeight","boxShadow","elevation","bottomE2","overlayWrapper","left","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","BottomSheet","open","onDismiss","backdropColor","containerSheetBackgroundColor","cornerRadius","showCloseButton","showBackdrop","header","_g","transitionDuration","timeout","_h","allowedBackdropClose","_j","_k","disableOutSideClick","_l","disablePortal","draggableConfig","_m","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","show","_o","_p","customBottomSheetContainerStyles","_q","customOverlayWrapperStyles","handleCloseBottomSheet","event","preventDefault","isClosedByOutSideClick","handleExited","dynamicBottomSheetContainerStyles","useStyles","isDraggable","undefined","dynamicOverlayWrapperStyles","mergedBottomSheetContainerStyles","renderBottomsheetWithTransition","headerComponent","ref","onReactTransitionGroupEnd","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","onEntered","BaseDraggerHeader","Portal","Overlay","blur","OutsideClickHandler","disabled","onOutsideClick","wrapperProps","BaseDragger","isWrappedWithTransitionGroup"],"mappings":"owBA8GkBA,ECtGAC,GDsGlB,SAAkBD,GAChBA,EAAA,KAAA,OACAA,EAAA,GAAA,IACD,CAHD,CAAkBA,IAAAA,EAGjB,CAAA,ICzGD,SAAkBC,GAChBA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAkBA,IAAAA,EAGjB,CAAA,IAED,IAAMC,EAAgCC,
|
|
1
|
+
{"version":3,"file":"ct-design-bottomsheet.browser.esm.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","staticBottomSheetHeaderStyles","makeStyles","theme","headerContainer","backgroundColor","color","background","neutral","zIndex","bottomSheet","headerContainerWithBorderRadius","borderTopLeftRadius","borderTopRightRadius","closeButton","position","right","spacing","height","size","width","display","alignItems","paddingVertical","paddingHorizontal","borderRadius","cursor","justifyContent","closeButtonTop","top","closeButtonBottom","bottom","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","hideHeaderDismissIcon","_c","direction","DOWN","useTheme","_d","_e","customHeaderContainerStyles","_f","customCloseButtonStyles","isTop","mergedHeaderContainerStyles","useWebMergeStyles","__spreadArray","mergedCloseButtonStyles","CloseIcon","_jsx","ModalBack","Cross","crossColor","primary","getCloseIcon","_jsxs","Container","__assign","root","onClick","defaultProps","slideDirection","up","down","staticBottomSheetStyles","bottomSheetContainer","flexDirection","maxHeight","boxShadow","elevation","bottomE2","overlayWrapper","left","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","BottomSheet","open","onDismiss","backdropColor","containerSheetBackgroundColor","cornerRadius","showCloseButton","showBackdrop","header","_g","transitionDuration","timeout","_h","allowedBackdropClose","_j","_k","disableOutSideClick","_l","disablePortal","draggableConfig","_m","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","show","_o","_p","customBottomSheetContainerStyles","_q","customOverlayWrapperStyles","handleCloseBottomSheet","event","preventDefault","isClosedByOutSideClick","handleExited","dynamicBottomSheetContainerStyles","useStyles","isDraggable","undefined","dynamicOverlayWrapperStyles","mergedBottomSheetContainerStyles","renderBottomsheetWithTransition","headerComponent","ref","onReactTransitionGroupEnd","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","onEntered","BaseDraggerHeader","Portal","Overlay","blur","OutsideClickHandler","disabled","onOutsideClick","wrapperProps","BaseDragger","isWrappedWithTransitionGroup"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-bottomsheet",
|
|
3
|
-
"version": "1.18.0-SNAPSHOT-
|
|
3
|
+
"version": "1.18.0-SNAPSHOT-e2eComponentsTest.0",
|
|
4
4
|
"description": "Bottomsheet component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-design-bottomsheet.cjs.js",
|
|
@@ -17,24 +17,24 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@emotion/react": "^11.14.0",
|
|
19
19
|
"@emotion/styled": "^11.14.0",
|
|
20
|
-
"@cleartrip/ct-design-container": "3.21.0-SNAPSHOT-
|
|
21
|
-
"@cleartrip/ct-design-conditional-wrap": "3.21.0-SNAPSHOT-
|
|
22
|
-
"@cleartrip/ct-design-outside-click-handler": "3.21.0-SNAPSHOT-
|
|
23
|
-
"@cleartrip/ct-design-overlay": "3.21.0-SNAPSHOT-
|
|
24
|
-
"@cleartrip/ct-design-portal": "3.21.0-SNAPSHOT-
|
|
25
|
-
"@cleartrip/ct-design-transition": "3.21.0-SNAPSHOT-
|
|
26
|
-
"@cleartrip/ct-design-base-dragger": "1.8.0-SNAPSHOT-
|
|
27
|
-
"@cleartrip/ct-design-icons": "39.0.0-SNAPSHOT-
|
|
28
|
-
"@cleartrip/ct-design-hooks": "3.21.0-SNAPSHOT-
|
|
29
|
-
"@cleartrip/ct-design-style-manager": "3.20.1-SNAPSHOT-
|
|
20
|
+
"@cleartrip/ct-design-container": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
21
|
+
"@cleartrip/ct-design-conditional-wrap": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
22
|
+
"@cleartrip/ct-design-outside-click-handler": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
23
|
+
"@cleartrip/ct-design-overlay": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
24
|
+
"@cleartrip/ct-design-portal": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
25
|
+
"@cleartrip/ct-design-transition": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
26
|
+
"@cleartrip/ct-design-base-dragger": "1.8.0-SNAPSHOT-e2eComponentsTest.0",
|
|
27
|
+
"@cleartrip/ct-design-icons": "39.0.0-SNAPSHOT-e2eComponentsTest.0",
|
|
28
|
+
"@cleartrip/ct-design-hooks": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
29
|
+
"@cleartrip/ct-design-style-manager": "3.20.1-SNAPSHOT-e2eComponentsTest.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@emotion/babel-plugin": "^11.12.0",
|
|
33
|
-
"@cleartrip/ct-design-styles": "3.21.0-SNAPSHOT-
|
|
34
|
-
"@cleartrip/ct-design-theme": "3.21.0-SNAPSHOT-
|
|
35
|
-
"@cleartrip/ct-design-button": "3.21.0-SNAPSHOT-
|
|
36
|
-
"@cleartrip/ct-design-typography": "3.23.0-SNAPSHOT-
|
|
37
|
-
"@cleartrip/ct-design-types": "3.21.0-SNAPSHOT-
|
|
33
|
+
"@cleartrip/ct-design-styles": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
34
|
+
"@cleartrip/ct-design-theme": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
35
|
+
"@cleartrip/ct-design-button": "3.21.0-SNAPSHOT-e2eComponentsTest.0",
|
|
36
|
+
"@cleartrip/ct-design-typography": "3.23.0-SNAPSHOT-e2eComponentsTest.0",
|
|
37
|
+
"@cleartrip/ct-design-types": "3.21.0-SNAPSHOT-e2eComponentsTest.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": ">=16.8.0",
|