@cleartrip/ct-platform-drawer 3.2.1-beta.9 → 3.2.2
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/Drawer.d.ts.map +1 -1
- package/dist/Drawer.types.d.ts +0 -1
- package/dist/Drawer.types.d.ts.map +1 -1
- package/dist/ct-platform-drawer.cjs.js +1 -1
- package/dist/ct-platform-drawer.cjs.js.map +1 -1
- package/dist/ct-platform-drawer.esm.js +1 -1
- package/dist/ct-platform-drawer.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/Drawer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../packages/components/Drawer/src/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkB7C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../packages/components/Drawer/src/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkB7C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoIjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/Drawer.types.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ export interface DrawerProps {
|
|
|
5
5
|
handleClose: (evt?: SyntheticEvent) => void;
|
|
6
6
|
onClose: (evt?: SyntheticEvent) => void;
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
childrenInsideOverlay?: ReactNode;
|
|
9
8
|
direction?: 'top' | 'bottom' | 'left' | 'right';
|
|
10
9
|
showClose?: boolean;
|
|
11
10
|
overlay?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../packages/components/Drawer/src/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,WAAW;IAIxB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAI5C,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../packages/components/Drawer/src/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,WAAW;IAIxB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAI5C,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react-dom"),r=require("classnames"),t=require("react"),d=require("@cleartrip/ct-design-icons"),i=require("@cleartrip/ct-platform-utils");function l(e){return e&&e.__esModule?e:{default:e}}var _=l(o),a=l(r);var u={modal__container:"index-module_modal__container__srA-N",modal:"index-module_modal__3imuM",left:"index-module_left__jAupb",right:"index-module_right__n7i2S",top:"index-module_top__3q-P0",bottom:"index-module_bottom__I5s6E",overlay:"index-module_overlay__-8Le1","transition-end":"index-module_transition-end__ydkLj",open:"index-module_open__30JoF","drawer-header":"index-module_drawer-header__IGV4R","drawer-close-btn__container":"index-module_drawer-close-btn__container__a0chH","close-icon":"index-module_close-icon__G49OX"};!function(e,n){void 0===n&&(n={});var o=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===o&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}(".index-module_modal__container__srA-N .index-module_modal__3imuM{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto;position:fixed;transition:transform .3s ease;width:auto;z-index:1000}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_left__jAupb{left:0;top:0;transform:translateX(-105%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_right__n7i2S{right:0;top:0;transform:translateX(100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_top__3q-P0{left:0;right:0;top:0;transform:translateY(-100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_bottom__I5s6E{bottom:0;left:0;right:0;transform:translateY(100%)}.index-module_modal__container__srA-N .index-module_overlay__-8Le1{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_left__jAupb,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_right__n7i2S{transform:translateX(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_bottom__I5s6E,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_top__3q-P0{transform:translateY(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_overlay__-8Le1{opacity:1;pointer-events:auto;visibility:visible;z-index:999}.index-module_drawer-header__IGV4R{align-items:center;background-color:transparent;display:flex;justify-content:flex-end;padding:12px 16px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH{align-items:center;background:#fff;border:none;border-radius:40px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:4px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH:hover{background:#fff}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH .index-module_close-icon__G49OX{height:24px;width:24px}");exports.Drawer=function(o){var r,l=o.isOpen,s=o.handleClose,c=o.onClose,m=o.children,x=o.
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react-dom"),r=require("classnames"),t=require("react"),d=require("@cleartrip/ct-design-icons"),i=require("@cleartrip/ct-platform-utils");function l(e){return e&&e.__esModule?e:{default:e}}var _=l(o),a=l(r);var u={modal__container:"index-module_modal__container__srA-N",modal:"index-module_modal__3imuM",left:"index-module_left__jAupb",right:"index-module_right__n7i2S",top:"index-module_top__3q-P0",bottom:"index-module_bottom__I5s6E",overlay:"index-module_overlay__-8Le1","transition-end":"index-module_transition-end__ydkLj",open:"index-module_open__30JoF","drawer-header":"index-module_drawer-header__IGV4R","drawer-close-btn__container":"index-module_drawer-close-btn__container__a0chH","close-icon":"index-module_close-icon__G49OX"};!function(e,n){void 0===n&&(n={});var o=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===o&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}(".index-module_modal__container__srA-N .index-module_modal__3imuM{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto;position:fixed;transition:transform .3s ease;width:auto;z-index:1000}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_left__jAupb{left:0;top:0;transform:translateX(-105%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_right__n7i2S{right:0;top:0;transform:translateX(100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_top__3q-P0{left:0;right:0;top:0;transform:translateY(-100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_bottom__I5s6E{bottom:0;left:0;right:0;transform:translateY(100%)}.index-module_modal__container__srA-N .index-module_overlay__-8Le1{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_left__jAupb,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_right__n7i2S{transform:translateX(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_bottom__I5s6E,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_top__3q-P0{transform:translateY(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_overlay__-8Le1{opacity:1;pointer-events:auto;visibility:visible;z-index:999}.index-module_drawer-header__IGV4R{align-items:center;background-color:transparent;display:flex;justify-content:flex-end;padding:12px 16px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH{align-items:center;background:#fff;border:none;border-radius:40px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:4px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH:hover{background:#fff}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH .index-module_close-icon__G49OX{height:24px;width:24px}");exports.Drawer=function(o){var r,l=o.isOpen,s=o.handleClose,c=o.onClose,m=o.children,x=o.direction,f=void 0===x?"left":x,v=o.showClose,p=void 0!==v&&v,h=o.overlay,y=void 0===h||h,w=o.closeOnOutsideClick,g=void 0!==w&&w,b=t.useRef(null),j=t.useRef(null),A=t.useRef(null),N=t.useRef(null);if(!i.isServer()&&window&&document&&(j.current=document.querySelector("body"),A.current=document.querySelector("#root, #__next")),!i.isServer()&&window&&document){var k=document.getElementById("drawer-parent");N.current=k||function(){if(!i.isServer()&&window&&document){var e=document.createElement("div");return e.setAttribute("id","drawer-parent"),e}return null}()}t.useEffect((function(){var e;null===(e=null==j?void 0:j.current)||void 0===e||e.appendChild(null==N?void 0:N.current);var n=null==N?void 0:N.current,o=null==j?void 0:j.current;return function(){null==n||n.remove(),o&&(o.style.overflow="")}}),[]),t.useEffect((function(){j&&j.current&&(l?(j.current.style.overflow="hidden",(null==A?void 0:A.current)&&(A.current.style.overflow="hidden",A.current.style.height=window.innerHeight+"px")):(j.current.style.overflow="unset",(null==A?void 0:A.current)&&(A.current.style.overflow="unset",A.current.style.height="unset")))}),[l]);var C=function(e,n){var o=t.useState(!1),r=o[0],d=o[1];return t.useEffect((function(){var o;return e&&!r?d(!0):!e&&r&&(o=setTimeout((function(){return d(!1)}),n)),function(){clearTimeout(o)}}),[n,e,r]),r}(l,500);return C||l?n.jsx(n.Fragment,{children:_.default.createPortal(n.jsxs("div",e.__assign({"aria-hidden":l?"false":"true",className:a.default(u.modal__container,(r={},r[u.open]=l,r[u["transition-end"]]=C,r)),onClick:function(e){var n;g&&b.current&&(null===(n=b.current)||void 0===n?void 0:n.contains(e.target))&&s()}},{children:[n.jsxs("div",e.__assign({className:a.default(u.modal,u[f]),role:"dialog"},{children:[p&&n.jsx("div",e.__assign({className:u["drawer-header"]},{children:n.jsx("button",e.__assign({className:u["drawer-close-btn__container"],onClick:function(e){s(e),c()}},{children:n.jsx(d.Cross,{className:u["close-icon"],crossColor:"#1A1A1A"})}))})),m]})),y&&n.jsx("div",{"aria-hidden":l?"false":"true",className:"".concat(u.overlay),ref:b})]})),null==N?void 0:N.current)}):null};
|
|
2
2
|
//# sourceMappingURL=ct-platform-drawer.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-drawer.cjs.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/Drawer/src/Drawer.tsx","../packages/components/Drawer/src/useMountTransition.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],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_a","isOpen","handleClose","onClose","children","
|
|
1
|
+
{"version":3,"file":"ct-platform-drawer.cjs.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/Drawer/src/Drawer.tsx","../packages/components/Drawer/src/useMountTransition.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],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_a","isOpen","handleClose","onClose","children","_c","direction","_d","showClose","_e","overlay","_f","closeOnOutsideClick","modalRef","useRef","bodyRef","innerDiv","portalParentRef","isServer","window","current","querySelector","parentElement","getElementById","drawerParent","setAttribute","createPortalParent","useEffect","portal","bodyEl","remove","overflow","height","innerHeight","isTransitioning","isMounted","unmountDelay","useState","setIsTransitioning","timeoutId","setTimeout","clearTimeout","useMountTransition","_jsx","jsx","_Fragment","Fragment","ReactDOM","default","createPortal","_jsxs","__assign","className","classnames","Styles","_b","onClick","event","contains","target","role","evt","Cross","crossColor","concat"],"mappings":"izBAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,k2ECEsC,SAACe,SACnCC,WACAC,EAAWF,EAAAE,YACXC,EAAOH,EAAAG,QACPC,EAAQJ,EAAAI,SACRC,EAAkBL,EAAAM,UAAlBA,OAAS,IAAAD,EAAG,OAAMA,EAClBE,EAAiBP,EAAAQ,UAAjBA,OAAY,IAAAD,GAAKA,EACjBE,YAAAC,OAAU,IAAAD,KACVE,EAAAX,EAAAY,oBAAAA,OAAmB,IAAAD,GAAQA,EAErBE,EAAWC,SAAuB,MAClCC,EAAUD,SAA+B,MACzCE,EAAWF,SAA+B,MAC1CG,EAAkBH,SAA2B,MAOnD,IALKI,EAAQA,YAAMC,QAAU/B,WACzB2B,EAAQK,QAAUhC,SAASiC,cAAc,QACzCL,EAASI,QAAUhC,SAASiC,cAAc,oBAGzCH,EAAQA,YAAMC,QAAU/B,SAAU,CACnC,IAAMkC,EAAgBlC,SAASmC,eAAe,iBAE1CN,EAAgBG,QADhBE,GAjCe,WACvB,IAAKJ,EAAQA,YAAMC,QAAU/B,SAAU,CACnC,IAAMoC,EAAepC,SAASI,cAAc,OAG5C,OAFAgC,EAAaC,aAAa,KAAM,iBAEzBD,CACV,CAED,OAAO,IACX,CA2BsCE,EAEjC,CAGDC,EAAAA,WAAU,iBACY,QAAlB3B,EAAAe,eAAAA,EAASK,eAAS,IAAApB,GAAAA,EAAAJ,YAAYqB,aAAe,EAAfA,EAAiBG,SAC/C,IAAMQ,EAASX,aAAA,EAAAA,EAAiBG,QAC1BS,EAASd,aAAA,EAAAA,EAASK,QAExB,OAAO,WAEHQ,SAAAA,EAAQE,SAEJD,IACAA,EAAOtC,MAAMwC,SAAW,GAEhC,CACH,GAAE,IAGHJ,EAAAA,WAAU,WAEEZ,GAAWA,EAAQK,UACfnB,GACAc,EAAQK,QAAQ7B,MAAMwC,SAAW,UAC7Bf,eAAAA,EAAUI,WACVJ,EAASI,QAAQ7B,MAAMwC,SAAW,SAClCf,EAASI,QAAQ7B,MAAMyC,OACnBb,OAAOc,YAAc,QAG7BlB,EAAQK,QAAQ7B,MAAMwC,SAAW,SAC7Bf,eAAAA,EAAUI,WACVJ,EAASI,QAAQ7B,MAAMwC,SAAW,QAClCf,EAASI,QAAQ7B,MAAMyC,OAAS,UAOpD,GAAG,CAAC/B,IAEJ,IAAMiC,EC9FiB,SAACC,EAAoBC,GACtC,IAAApC,EAAwCqC,EAAAA,UAAS,GAAhDH,EAAelC,EAAA,GAAEsC,EAAkBtC,EAAA,GAkB1C,OAhBA2B,EAAAA,WAAU,WACN,IAAIY,EAUJ,OARIJ,IAAcD,EACdI,GAAmB,IACXH,GAAaD,IACrBK,EAAYC,YACR,WAAM,OAAAF,GAAmB,EAAnB,GACNF,IAGD,WACHK,aAAaF,EACjB,CACH,GAAE,CAACH,EAAcD,EAAWD,IAEtBA,CACX,CD0E4BQ,CAAmBzC,EAAQ,KACnD,OAAKiC,GAAoBjC,EAKrB0C,EACKC,IAAAC,EAAAC,SAAA,CAAA1C,SAAA2C,EAAQC,QAACC,aACNC,EAAAA,KACiB,MAAAC,WAAA,CAAA,cAAAlD,EAAS,QAAU,OAChCmD,UAAWC,EAAUL,QAACM,EAAyB,kBAACC,EAAA,CAAA,EAC5CA,EAACD,EAAa,MAAIrD,EAClBsD,EAACD,EAAO,mBAAoBpB,MAEhCsB,QAAS,SAACC,SAEF7C,GACAC,EAASO,UACS,QAAlBpB,EAAAa,EAASO,eAAS,IAAApB,OAAA,EAAAA,EAAA0D,SAASD,EAAME,UAEjCzD,GAER,cAEAgD,EAAAA,KACI,MAAAC,EAAAA,SAAA,CAAAC,UAAWC,EAAUL,QACjBM,EAAc,MACdA,EAAOhD,IAEXsD,KAAK,UAAQ,CAAAxD,SAAA,CAEZI,GACGmC,wBAAKS,UAAWE,EAAO,kBACnB,CAAAlD,SAAAuC,EAAAC,IAAA,SAAAO,EAAAA,SAAA,CACIC,UACIE,EAAO,+BAEXE,QAAS,SAACK,GACN3D,EAAY2D,GACZ1D,GACH,GAED,CAAAC,SAAAuC,EAAAC,IAACkB,QAAK,CACFV,UAAWE,EAAO,cAClBS,WAAW,kBAK1B3D,MAEJM,GACGiC,EAAAC,IAAA,MAAA,CAAA,cACiB3C,EAAS,QAAU,OAChCmD,UAAW,GAAAY,OAAGV,EAAgB,SAC9BpE,IAAK2B,QAIjBI,aAAA,EAAAA,EAAiBG,WAzDlB,IA6Df","x_google_ignoreList":[0]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as n,Fragment as o,jsxs as t}from"react/jsx-runtime";import d from"react-dom";import r from"classnames";import{useState as i,useEffect as l,useRef as _}from"react";import{Cross as a}from"@cleartrip/ct-design-icons";import{isServer as u}from"@cleartrip/ct-platform-utils";var m={modal__container:"index-module_modal__container__srA-N",modal:"index-module_modal__3imuM",left:"index-module_left__jAupb",right:"index-module_right__n7i2S",top:"index-module_top__3q-P0",bottom:"index-module_bottom__I5s6E",overlay:"index-module_overlay__-8Le1","transition-end":"index-module_transition-end__ydkLj",open:"index-module_open__30JoF","drawer-header":"index-module_drawer-header__IGV4R","drawer-close-btn__container":"index-module_drawer-close-btn__container__a0chH","close-icon":"index-module_close-icon__G49OX"};!function(e,n){void 0===n&&(n={});var o=n.insertAt;if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css","top"===o&&t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e))}}(".index-module_modal__container__srA-N .index-module_modal__3imuM{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto;position:fixed;transition:transform .3s ease;width:auto;z-index:1000}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_left__jAupb{left:0;top:0;transform:translateX(-105%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_right__n7i2S{right:0;top:0;transform:translateX(100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_top__3q-P0{left:0;right:0;top:0;transform:translateY(-100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_bottom__I5s6E{bottom:0;left:0;right:0;transform:translateY(100%)}.index-module_modal__container__srA-N .index-module_overlay__-8Le1{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_left__jAupb,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_right__n7i2S{transform:translateX(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_bottom__I5s6E,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_top__3q-P0{transform:translateY(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_overlay__-8Le1{opacity:1;pointer-events:auto;visibility:visible;z-index:999}.index-module_drawer-header__IGV4R{align-items:center;background-color:transparent;display:flex;justify-content:flex-end;padding:12px 16px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH{align-items:center;background:#fff;border:none;border-radius:40px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:4px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH:hover{background:#fff}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH .index-module_close-icon__G49OX{height:24px;width:24px}");var c=function(c){var s,x=c.isOpen,f=c.handleClose,p=c.onClose,h=c.children,v=c.
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as n,Fragment as o,jsxs as t}from"react/jsx-runtime";import d from"react-dom";import r from"classnames";import{useState as i,useEffect as l,useRef as _}from"react";import{Cross as a}from"@cleartrip/ct-design-icons";import{isServer as u}from"@cleartrip/ct-platform-utils";var m={modal__container:"index-module_modal__container__srA-N",modal:"index-module_modal__3imuM",left:"index-module_left__jAupb",right:"index-module_right__n7i2S",top:"index-module_top__3q-P0",bottom:"index-module_bottom__I5s6E",overlay:"index-module_overlay__-8Le1","transition-end":"index-module_transition-end__ydkLj",open:"index-module_open__30JoF","drawer-header":"index-module_drawer-header__IGV4R","drawer-close-btn__container":"index-module_drawer-close-btn__container__a0chH","close-icon":"index-module_close-icon__G49OX"};!function(e,n){void 0===n&&(n={});var o=n.insertAt;if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css","top"===o&&t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e))}}(".index-module_modal__container__srA-N .index-module_modal__3imuM{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto;position:fixed;transition:transform .3s ease;width:auto;z-index:1000}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_left__jAupb{left:0;top:0;transform:translateX(-105%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_right__n7i2S{right:0;top:0;transform:translateX(100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_top__3q-P0{left:0;right:0;top:0;transform:translateY(-100%)}.index-module_modal__container__srA-N .index-module_modal__3imuM.index-module_bottom__I5s6E{bottom:0;left:0;right:0;transform:translateY(100%)}.index-module_modal__container__srA-N .index-module_overlay__-8Le1{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_left__jAupb,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_right__n7i2S{transform:translateX(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_bottom__I5s6E,.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_top__3q-P0{transform:translateY(0)}.index-module_modal__container__srA-N.index-module_transition-end__ydkLj.index-module_open__30JoF .index-module_overlay__-8Le1{opacity:1;pointer-events:auto;visibility:visible;z-index:999}.index-module_drawer-header__IGV4R{align-items:center;background-color:transparent;display:flex;justify-content:flex-end;padding:12px 16px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH{align-items:center;background:#fff;border:none;border-radius:40px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:4px}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH:hover{background:#fff}.index-module_drawer-header__IGV4R .index-module_drawer-close-btn__container__a0chH .index-module_close-icon__G49OX{height:24px;width:24px}");var c=function(c){var s,x=c.isOpen,f=c.handleClose,p=c.onClose,h=c.children,v=c.direction,y=void 0===v?"left":v,w=c.showClose,b=void 0!==w&&w,g=c.overlay,A=void 0===g||g,N=c.closeOnOutsideClick,k=void 0!==N&&N,j=_(null),C=_(null),I=_(null),L=_(null);if(!u()&&window&&document&&(C.current=document.querySelector("body"),I.current=document.querySelector("#root, #__next")),!u()&&window&&document){var E=document.getElementById("drawer-parent");L.current=E||function(){if(!u()&&window&&document){var e=document.createElement("div");return e.setAttribute("id","drawer-parent"),e}return null}()}l((function(){var e;null===(e=null==C?void 0:C.current)||void 0===e||e.appendChild(null==L?void 0:L.current);var n=null==L?void 0:L.current,o=null==C?void 0:C.current;return function(){null==n||n.remove(),o&&(o.style.overflow="")}}),[]),l((function(){C&&C.current&&(x?(C.current.style.overflow="hidden",(null==I?void 0:I.current)&&(I.current.style.overflow="hidden",I.current.style.height=window.innerHeight+"px")):(C.current.style.overflow="unset",(null==I?void 0:I.current)&&(I.current.style.overflow="unset",I.current.style.height="unset")))}),[x]);var G=function(e,n){var o=i(!1),t=o[0],d=o[1];return l((function(){var o;return e&&!t?d(!0):!e&&t&&(o=setTimeout((function(){return d(!1)}),n)),function(){clearTimeout(o)}}),[n,e,t]),t}(x,500);return G||x?n(o,{children:d.createPortal(t("div",e({"aria-hidden":x?"false":"true",className:r(m.modal__container,(s={},s[m.open]=x,s[m["transition-end"]]=G,s)),onClick:function(e){var n;k&&j.current&&(null===(n=j.current)||void 0===n?void 0:n.contains(e.target))&&f()}},{children:[t("div",e({className:r(m.modal,m[y]),role:"dialog"},{children:[b&&n("div",e({className:m["drawer-header"]},{children:n("button",e({className:m["drawer-close-btn__container"],onClick:function(e){f(e),p()}},{children:n(a,{className:m["close-icon"],crossColor:"#1A1A1A"})}))})),h]})),A&&n("div",{"aria-hidden":x?"false":"true",className:"".concat(m.overlay),ref:j})]})),null==L?void 0:L.current)}):null};export{c as Drawer};
|
|
2
2
|
//# sourceMappingURL=ct-platform-drawer.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-drawer.esm.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/Drawer/src/useMountTransition.tsx","../packages/components/Drawer/src/Drawer.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],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","Drawer","_a","isOpen","handleClose","onClose","children","
|
|
1
|
+
{"version":3,"file":"ct-platform-drawer.esm.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/Drawer/src/useMountTransition.tsx","../packages/components/Drawer/src/Drawer.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],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","Drawer","_a","isOpen","handleClose","onClose","children","_c","direction","_d","showClose","_e","overlay","_f","closeOnOutsideClick","modalRef","useRef","bodyRef","innerDiv","portalParentRef","isServer","window","current","querySelector","parentElement","getElementById","drawerParent","setAttribute","createPortalParent","useEffect","portal","bodyEl","remove","overflow","height","innerHeight","isTransitioning","isMounted","unmountDelay","useState","setIsTransitioning","timeoutId","setTimeout","clearTimeout","useMountTransition","_jsx","_Fragment","ReactDOM","createPortal","_jsxs","__assign","className","classnames","Styles","_b","onClick","event","contains","target","role","evt","Cross","crossColor","concat"],"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-drawer",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.2",
|
|
4
4
|
"description": "Drawer Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-platform-drawer.cjs.js",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@cleartrip/ct-design-icons": "7.0.0",
|
|
14
14
|
"classnames": "^2.5.1",
|
|
15
|
-
"@cleartrip/ct-platform-utils": "3.
|
|
15
|
+
"@cleartrip/ct-platform-utils": "3.4.0"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
18
|
"react": ">=16.8.0",
|