@cleartrip/ct-design-floating-wrapper 1.11.0 → 5.27.0-SNAPSHOT-native-main.14

package/dist/FloatingWrapper.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { IFloatingWrapperProps } from "./type";
-declare const FloatingWrapper: (props: IFloatingWrapperProps) => JSX.Element;
+import type { IFloatingWrapperProps } from './type';
+declare const FloatingWrapper: (props: IFloatingWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default FloatingWrapper;
 //# sourceMappingURL=FloatingWrapper.d.ts.map

package/dist/FloatingWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingWrapper.d.ts","sourceRoot":"","sources":["../packages/components/FloatingWrapper/src/FloatingWrapper.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAEpD,QAAA,MAAM,eAAe,UAAW,qBAAqB,KAAG,WAoCvD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FloatingWrapper.d.ts","sourceRoot":"","sources":["../packages/components/FloatingWrapper/src/FloatingWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAgBpD,QAAA,MAAM,eAAe,GAAI,OAAO,qBAAqB,4CA+BpD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/FloatingWrapper.native.d.ts

@@ -0,0 +1,4 @@
+import type { IFloatingWrapperProps } from './type';
+declare const FloatingWrapper: (props: IFloatingWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default FloatingWrapper;
+//# sourceMappingURL=FloatingWrapper.native.d.ts.map

package/dist/FloatingWrapper.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingWrapper.native.d.ts","sourceRoot":"","sources":["../packages/components/FloatingWrapper/src/FloatingWrapper.native.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAqBpD,QAAA,MAAM,eAAe,GAAI,OAAO,qBAAqB,4CAiBpD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ct-design-floating-wrapper.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var n,e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),i=require("@cleartrip/ct-design-container"),o=require("@cleartrip/ct-design-theme"),u=require("react-swipeable");exports.InitialCorner=void 0,(n=exports.InitialCorner||(exports.InitialCorner={})).TOP_LEFT="top-left",n.TOP_RIGHT="top-right",n.BOTTOM_LEFT="bottom-left",n.BOTTOM_RIGHT="bottom-right";var a=function(n,e,t){return Math.min(Math.max(n,e),t)},s=function(){return{top:0,left:0,right:"undefined"==typeof window?0:window.innerWidth,bottom:"undefined"==typeof window?0:window.innerHeight}},c=function(n){if(!n||"viewport"===n)return s();if(function(n){return"object"==typeof n&&null!==n&&"top"in n}(n))return n;var e=n.current;if(!e)return s();var t=e.getBoundingClientRect();return{top:t.top,left:t.left,right:t.right,bottom:t.bottom}},d=function(n){var t=n.bounds,i=void 0===t?"viewport":t,o=n.edgeOffset,s=void 0===o?8:o,d=n.initialPosition,f=void 0===d?exports.InitialCorner.BOTTOM_RIGHT:d,l=n.snapToEdge,v=void 0===l||l,p=n.disabled,h=void 0!==p&&p,w=n.show,g=void 0===w||w,x=n.onTap,m=r.useState({x:0,y:0}),T=m[0],b=m[1],y=r.useState(!1),_=y[0],O=y[1],R=r.useState(!1),I=R[0],C=R[1],E=r.useRef(null),M=r.useRef({width:0,height:0}),S=r.useRef(T),X=r.useRef({x:0,y:0}),B=r.useRef(!1),H=r.useRef(0);S.current=T;var q=r.useRef(n);q.current=e.__assign(e.__assign({},n),{bounds:i,edgeOffset:s,initialPosition:f,snapToEdge:v,show:g});var F=function(){var n,e=c(q.current.bounds),t=M.current,r=t.width,i=t.height,o=null!==(n=q.current.edgeOffset)&&void 0!==n?n:8,u=e.left+o,a=e.top+o;return{minX:u,minY:a,maxX:Math.max(u,e.right-r-o),maxY:Math.max(a,e.bottom-i-o)}},L=function(n){var e=F(),t=e.minX,r=e.minY,i=e.maxX,o=e.maxY;return{x:a(n.x,t,i),y:a(n.y,r,o)}},P=function(){var n,e=F(),t=e.minX,r=e.minY,i=e.maxX,o=e.maxY,u=null!==(n=q.current.initialPosition)&&void 0!==n?n:exports.InitialCorner.BOTTOM_RIGHT;if(!function(n){return"string"==typeof n}(u))return L(u);switch(u){case exports.InitialCorner.TOP_LEFT:return{x:t,y:r};case exports.InitialCorner.TOP_RIGHT:return{x:i,y:r};case exports.InitialCorner.BOTTOM_LEFT:return{x:t,y:o};case exports.InitialCorner.BOTTOM_RIGHT:default:return{x:i,y:o}}},W=function(n){var e=E.current;e&&(e.style.cursor=h?"default":n?"grabbing":"grab",e.style.transition=n?"none":"transform 200ms ease-out")},Y=r.useRef(L);Y.current=L;var G=r.useRef(P);G.current=P,r.useLayoutEffect(function(){var n,e=E.current;if(e){var t=function(){var n=e.getBoundingClientRect();0===n.width&&0===n.height||(M.current={width:n.width,height:n.height})},r=function(){q.current.show&&b(function(n){return Y.current(n)})};t(),B.current?r():(B.current=!0,b(G.current()),O(!0));var i=new ResizeObserver(function(){t(),r()});null==i||i.observe(e),H.current=null!==(n=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==n?n:360;var o=function(){var n;window.innerWidth!==H.current&&(H.current=null!==(n=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==n?n:360,t(),r())};return window.addEventListener("resize",o),function(){null==i||i.disconnect(),window.removeEventListener("resize",o)}}},[]),r.useEffect(function(){if(_&&!I){var n=requestAnimationFrame(function(){return C(!0)});return function(){return cancelAnimationFrame(n)}}},[_,I]);var A=u.useSwipeable({onSwipeStart:function(){h||(X.current=S.current,W(!0))},onSwiping:function(n){if(!h){var e,t,r=X.current,i=L({x:r.x+n.deltaX,y:r.y+n.deltaY});S.current=i,e=i,(t=E.current)&&(t.style.transform="translate(".concat(e.x,"px, ").concat(e.y,"px)"))}},onSwiped:function(){if(!h){W(!1);var n=function(n){var t=L(n);if(!q.current.snapToEdge)return t;var r=c(q.current.bounds),i=F(),o=i.minX,u=i.maxX,a=t.x+M.current.width/2,s=(r.left+r.right)/2;return e.__assign(e.__assign({},t),{x:a<s?o:u})}(S.current);S.current=n,b(n)}},onTap:function(){null==x||x()},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0});return{bind:e.__assign(e.__assign({},A),{ref:function(n){A.ref(n),E.current=n}}),position:T,isReady:_,canAnimate:I}};exports.FloatingWrapper=function(n){var u=n.children,a=n.disabled,s=void 0!==a&&a,c=n.show,f=void 0===c||c,l=o.useTheme(),v=r.useMemo(function(){return{root:{position:"fixed",top:0,left:0,willChange:"transform",touchAction:"none",userSelect:"none",WebkitUserSelect:"none",WebkitTapHighlightColor:"transparent",zIndex:100}}},[l]),p=d(n),h=p.bind,w=p.position,g=p.isReady,x=p.canAnimate,m={transform:"translate(".concat(w.x,"px, ").concat(w.y,"px)"),cursor:s?"default":"grab",transition:x?"transform 200ms ease-out":"none",visibility:g?void 0:"hidden",display:f?void 0:"none",pointerEvents:f?void 0:"none"};return t.jsx(i.Container,e.__assign({},h,{css:v.root,style:m},{children:u}))},exports.useDraggable=d;
+"use strict";var e,t=require("react/jsx-runtime"),n=require("@cleartrip/ct-design-style-manager"),r=require("react"),i=require("react-swipeable");exports.InitialCorner=void 0,(e=exports.InitialCorner||(exports.InitialCorner={})).TOP_LEFT="top-left",e.TOP_RIGHT="top-right",e.BOTTOM_LEFT="bottom-left",e.BOTTOM_RIGHT="bottom-right";const o=8,s=(e,t,n)=>Math.min(Math.max(e,t),n),a=()=>({top:0,left:0,right:"undefined"==typeof window?0:window.innerWidth,bottom:"undefined"==typeof window?0:window.innerHeight}),u=e=>{if(!e||"viewport"===e)return a();if((e=>"object"==typeof e&&null!==e&&"top"in e)(e))return e;const t=e.current;if(!t)return a();const n=t.getBoundingClientRect();return{top:n.top,left:n.left,right:n.right,bottom:n.bottom}},c=e=>{const{bounds:t="viewport",edgeOffset:n=o,initialPosition:a=exports.InitialCorner.BOTTOM_RIGHT,snapToEdge:c=!0,disabled:l=!1,show:d=!0,onTap:f}=e,[p,w]=r.useState({x:0,y:0}),[g,h]=r.useState(!1),[x,m]=r.useState(!1),b=r.useRef(null),T=r.useRef({width:0,height:0}),v=r.useRef(p),y=r.useRef({x:0,y:0}),O=r.useRef(!1),R=r.useRef(0);v.current=p;const I=r.useRef(e);I.current=Object.assign(Object.assign({},e),{bounds:t,edgeOffset:n,initialPosition:a,snapToEdge:c,show:d});const S=()=>{var e;const t=u(I.current.bounds),{width:n,height:r}=T.current,i=null!==(e=I.current.edgeOffset)&&void 0!==e?e:o,s=t.left+i,a=t.top+i;return{minX:s,minY:a,maxX:Math.max(s,t.right-n-i),maxY:Math.max(a,t.bottom-r-i)}},C=e=>{const{minX:t,minY:n,maxX:r,maxY:i}=S();return{x:s(e.x,t,r),y:s(e.y,n,i)}},E=()=>{var e;const{minX:t,minY:n,maxX:r,maxY:i}=S(),o=null!==(e=I.current.initialPosition)&&void 0!==e?e:exports.InitialCorner.BOTTOM_RIGHT;if(!(e=>"string"==typeof e)(o))return C(o);switch(o){case exports.InitialCorner.TOP_LEFT:return{x:t,y:n};case exports.InitialCorner.TOP_RIGHT:return{x:r,y:n};case exports.InitialCorner.BOTTOM_LEFT:return{x:t,y:i};case exports.InitialCorner.BOTTOM_RIGHT:default:return{x:r,y:i}}},M=e=>{const t=b.current;t&&(t.style.cursor=l?"default":e?"grabbing":"grab",t.style.transition=e?"none":"transform 200ms ease-out")},j=r.useRef(C);j.current=C;const _=r.useRef(E);_.current=E,r.useLayoutEffect(()=>{var e;const t=b.current;if(!t)return;const n=()=>{const e=t.getBoundingClientRect();0===e.width&&0===e.height||(T.current={width:e.width,height:e.height})},r=()=>{I.current.show&&w(e=>j.current(e))};n(),O.current?r():(O.current=!0,w(_.current()),h(!0));const i=new ResizeObserver(()=>{n(),r()});null==i||i.observe(t),R.current=null!==(e=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==e?e:360;const o=()=>{var e;window.innerWidth!==R.current&&(R.current=null!==(e=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==e?e:360,n(),r())};return window.addEventListener("resize",o),()=>{null==i||i.disconnect(),window.removeEventListener("resize",o)}},[]),r.useEffect(()=>{if(!g||x)return;const e=requestAnimationFrame(()=>m(!0));return()=>cancelAnimationFrame(e)},[g,x]);const X=i.useSwipeable({onSwipeStart:()=>{l||(y.current=v.current,M(!0))},onSwiping:e=>{if(l)return;const t=y.current,n=C({x:t.x+e.deltaX,y:t.y+e.deltaY});v.current=n,(e=>{const t=b.current;t&&(t.style.transform=`translate(${e.x}px, ${e.y}px)`)})(n)},onSwiped:()=>{if(l)return;M(!1);const e=(e=>{const t=C(e);if(!I.current.snapToEdge)return t;const n=u(I.current.bounds),{minX:r,maxX:i}=S(),o=t.x+T.current.width/2,s=(n.left+n.right)/2;return Object.assign(Object.assign({},t),{x:o<s?r:i})})(v.current);v.current=e,w(e)},onTap:()=>{null==f||f()},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0});return{bind:Object.assign(Object.assign({},X),{ref:e=>{X.ref(e),b.current=e}}),position:p,isReady:g,canAnimate:x}},l=n.makeStyles(()=>({root:{position:"fixed",top:0,left:0,willChange:"transform",touchAction:"none",userSelect:"none",WebkitUserSelect:"none",WebkitTapHighlightColor:"transparent",zIndex:100}}));exports.FloatingWrapper=e=>{const{children:r,disabled:i=!1,show:o=!0}=e,{bind:s,position:a,isReady:u,canAnimate:d}=c(e),f=n.useWebMergeStyles([l.root],[]),p={transform:`translate(${a.x}px, ${a.y}px)`,cursor:i?"default":"grab",transition:d?"transform 200ms ease-out":"none",visibility:u?void 0:"hidden",display:o?void 0:"none",pointerEvents:o?void 0:"none"};return t.jsx("div",Object.assign({},s,{className:f,style:p,children:r}))},exports.useDraggable=c;
 //# sourceMappingURL=ct-design-floating-wrapper.browser.cjs.js.map

package/dist/ct-design-floating-wrapper.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-floating-wrapper.browser.cjs.js","sources":["../packages/components/FloatingWrapper/src/type.ts","../packages/components/FloatingWrapper/src/hooks/useDraggable.ts","../packages/components/FloatingWrapper/src/FloatingWrapper.tsx","../packages/components/FloatingWrapper/src/style.ts"],"sourcesContent":[null,null,null,null],"names":["InitialCorner","clamp","value","min","max","Math","getViewportRect","top","left","right","window","innerWidth","bottom","innerHeight","resolveBounds","bounds","isExplicitBounds","element","current","rect","getBoundingClientRect","useDraggable","props","_a","_b","edgeOffset","_c","initialPosition","BOTTOM_RIGHT","_d","snapToEdge","_e","disabled","_f","show","onTap","_g","useState","x","y","position","setPosition","_h","isReady","setIsReady","_j","canAnimate","setCanAnimate","elementRef","useRef","sizeRef","width","height","positionRef","dragStartRef","isInitializedRef","viewportWidthRef","propsRef","__assign","getLimits","pad","minX","minY","maxX","maxY","clampToLimits","next","resolveInitialPosition","initial","isCorner","TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","applyDragState","dragging","style","cursor","transition","clampRef","initRef","useLayoutEffect","measure","reclamp","prev","resizeObserver","ResizeObserver","observe","onWindowResize","addEventListener","disconnect","removeEventListener","useEffect","id","requestAnimationFrame","cancelAnimationFrame","handlers","useSwipeable","onSwipeStart","onSwiping","eventData","pos","start","deltaX","deltaY","transform","concat","onSwiped","resting","clamped","center","boxCenter","snapToNearestEdge","trackMouse","trackTouch","preventScrollOnSwipe","bind","ref","children","theme","useTheme","staticStyles","useMemo","root","willChange","touchAction","userSelect","WebkitUserSelect","WebkitTapHighlightColor","zIndex","dynamicStyle","visibility","undefined","display","pointerEvents","_jsx","Container","css"],"mappings":"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"}
+{"version":3,"file":"ct-design-floating-wrapper.browser.cjs.js","sources":["../packages/components/FloatingWrapper/src/type.ts","../packages/components/FloatingWrapper/src/hooks/useDraggable.ts","../packages/components/FloatingWrapper/src/FloatingWrapper.tsx"],"sourcesContent":[null,null,null],"names":["InitialCorner","DEFAULT_EDGE_OFFSET","clamp","value","min","max","Math","getViewportRect","top","left","right","window","innerWidth","bottom","innerHeight","resolveBounds","bounds","isExplicitBounds","element","current","rect","getBoundingClientRect","useDraggable","props","edgeOffset","initialPosition","BOTTOM_RIGHT","snapToEdge","disabled","show","onTap","position","setPosition","useState","x","y","isReady","setIsReady","canAnimate","setCanAnimate","elementRef","useRef","sizeRef","width","height","positionRef","dragStartRef","isInitializedRef","viewportWidthRef","propsRef","Object","assign","getLimits","pad","_a","minX","minY","maxX","maxY","clampToLimits","next","resolveInitialPosition","initial","isCorner","TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","applyDragState","dragging","style","cursor","transition","clampRef","initRef","useLayoutEffect","measure","reclamp","prev","resizeObserver","ResizeObserver","observe","onWindowResize","addEventListener","disconnect","removeEventListener","useEffect","id","requestAnimationFrame","cancelAnimationFrame","handlers","useSwipeable","onSwipeStart","onSwiping","eventData","start","deltaX","deltaY","pos","transform","applyTransform","onSwiped","resting","clamped","center","boxCenter","snapToNearestEdge","trackMouse","trackTouch","preventScrollOnSwipe","bind","ref","staticStyles","makeStyles","root","willChange","touchAction","userSelect","WebkitUserSelect","WebkitTapHighlightColor","zIndex","children","rootClassName","useWebMergeStyles","dynamicStyle","visibility","undefined","display","pointerEvents","_jsx","className"],"mappings":"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"}

package/dist/ct-design-floating-wrapper.browser.esm.js

@@ -1,2 +1,2 @@
-import{__assign as n}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useState as r,useRef as e,useLayoutEffect as i,useEffect as o,useMemo as u}from"react";import{Container as a}from"@cleartrip/ct-design-container";import{useTheme as c}from"@cleartrip/ct-design-theme";import{useSwipeable as d}from"react-swipeable";var f;!function(n){n.TOP_LEFT="top-left",n.TOP_RIGHT="top-right",n.BOTTOM_LEFT="bottom-left",n.BOTTOM_RIGHT="bottom-right"}(f||(f={}));var s=function(n,t,r){return Math.min(Math.max(n,t),r)},l=function(){return{top:0,left:0,right:"undefined"==typeof window?0:window.innerWidth,bottom:"undefined"==typeof window?0:window.innerHeight}},v=function(n){if(!n||"viewport"===n)return l();if(function(n){return"object"==typeof n&&null!==n&&"top"in n}(n))return n;var t=n.current;if(!t)return l();var r=t.getBoundingClientRect();return{top:r.top,left:r.left,right:r.right,bottom:r.bottom}},m=function(t){var u=t.bounds,a=void 0===u?"viewport":u,c=t.edgeOffset,l=void 0===c?8:c,m=t.initialPosition,h=void 0===m?f.BOTTOM_RIGHT:m,w=t.snapToEdge,p=void 0===w||w,g=t.disabled,T=void 0!==g&&g,x=t.show,b=void 0===x||x,y=t.onTap,O=r({x:0,y:0}),M=O[0],R=O[1],E=r(!1),_=E[0],X=E[1],B=r(!1),H=B[0],S=B[1],I=e(null),P=e({width:0,height:0}),Y=e(M),F=e({x:0,y:0}),G=e(!1),L=e(0);Y.current=M;var W=e(t);W.current=n(n({},t),{bounds:a,edgeOffset:l,initialPosition:h,snapToEdge:p,show:b});var A=function(){var n,t=v(W.current.bounds),r=P.current,e=r.width,i=r.height,o=null!==(n=W.current.edgeOffset)&&void 0!==n?n:8,u=t.left+o,a=t.top+o;return{minX:u,minY:a,maxX:Math.max(u,t.right-e-o),maxY:Math.max(a,t.bottom-i-o)}},k=function(n){var t=A(),r=t.minX,e=t.minY,i=t.maxX,o=t.maxY;return{x:s(n.x,r,i),y:s(n.y,e,o)}},z=function(){var n,t=A(),r=t.minX,e=t.minY,i=t.maxX,o=t.maxY,u=null!==(n=W.current.initialPosition)&&void 0!==n?n:f.BOTTOM_RIGHT;if(!function(n){return"string"==typeof n}(u))return k(u);switch(u){case f.TOP_LEFT:return{x:r,y:e};case f.TOP_RIGHT:return{x:i,y:e};case f.BOTTOM_LEFT:return{x:r,y:o};case f.BOTTOM_RIGHT:default:return{x:i,y:o}}},C=function(n){var t=I.current;t&&(t.style.cursor=T?"default":n?"grabbing":"grab",t.style.transition=n?"none":"transform 200ms ease-out")},j=e(k);j.current=k;var q=e(z);q.current=z,i(function(){var n,t=I.current;if(t){var r=function(){var n=t.getBoundingClientRect();0===n.width&&0===n.height||(P.current={width:n.width,height:n.height})},e=function(){W.current.show&&R(function(n){return j.current(n)})};r(),G.current?e():(G.current=!0,R(q.current()),X(!0));var i=new ResizeObserver(function(){r(),e()});null==i||i.observe(t),L.current=null!==(n=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==n?n:360;var o=function(){var n;window.innerWidth!==L.current&&(L.current=null!==(n=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==n?n:360,r(),e())};return window.addEventListener("resize",o),function(){null==i||i.disconnect(),window.removeEventListener("resize",o)}}},[]),o(function(){if(_&&!H){var n=requestAnimationFrame(function(){return S(!0)});return function(){return cancelAnimationFrame(n)}}},[_,H]);var U=d({onSwipeStart:function(){T||(F.current=Y.current,C(!0))},onSwiping:function(n){if(!T){var t,r,e=F.current,i=k({x:e.x+n.deltaX,y:e.y+n.deltaY});Y.current=i,t=i,(r=I.current)&&(r.style.transform="translate(".concat(t.x,"px, ").concat(t.y,"px)"))}},onSwiped:function(){if(!T){C(!1);var t=function(t){var r=k(t);if(!W.current.snapToEdge)return r;var e=v(W.current.bounds),i=A(),o=i.minX,u=i.maxX,a=r.x+P.current.width/2,c=(e.left+e.right)/2;return n(n({},r),{x:a<c?o:u})}(Y.current);Y.current=t,R(t)}},onTap:function(){null==y||y()},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0});return{bind:n(n({},U),{ref:function(n){U.ref(n),I.current=n}}),position:M,isReady:_,canAnimate:H}},h=function(r){var e=r.children,i=r.disabled,o=void 0!==i&&i,d=r.show,f=void 0===d||d,s=c(),l=u(function(){return{root:{position:"fixed",top:0,left:0,willChange:"transform",touchAction:"none",userSelect:"none",WebkitUserSelect:"none",WebkitTapHighlightColor:"transparent",zIndex:100}}},[s]),v=m(r),h=v.bind,w=v.position,p=v.isReady,g=v.canAnimate,T={transform:"translate(".concat(w.x,"px, ").concat(w.y,"px)"),cursor:o?"default":"grab",transition:g?"transform 200ms ease-out":"none",visibility:p?void 0:"hidden",display:f?void 0:"none",pointerEvents:f?void 0:"none"};return t(a,n({},h,{css:l.root,style:T},{children:e}))};export{h as FloatingWrapper,f as InitialCorner,m as useDraggable};
+import{jsx as t}from"react/jsx-runtime";import{makeStyles as n,useWebMergeStyles as e}from"@cleartrip/ct-design-style-manager";import{useState as r,useRef as i,useLayoutEffect as o,useEffect as s}from"react";import{useSwipeable as c}from"react-swipeable";var a;!function(t){t.TOP_LEFT="top-left",t.TOP_RIGHT="top-right",t.BOTTOM_LEFT="bottom-left",t.BOTTOM_RIGHT="bottom-right"}(a||(a={}));const u=8,d=(t,n,e)=>Math.min(Math.max(t,n),e),l=()=>({top:0,left:0,right:"undefined"==typeof window?0:window.innerWidth,bottom:"undefined"==typeof window?0:window.innerHeight}),m=t=>{if(!t||"viewport"===t)return l();if((t=>"object"==typeof t&&null!==t&&"top"in t)(t))return t;const n=t.current;if(!n)return l();const e=n.getBoundingClientRect();return{top:e.top,left:e.left,right:e.right,bottom:e.bottom}},w=t=>{const{bounds:n="viewport",edgeOffset:e=u,initialPosition:l=a.BOTTOM_RIGHT,snapToEdge:w=!0,disabled:f=!1,show:h=!0,onTap:p}=t,[g,T]=r({x:0,y:0}),[b,x]=r(!1),[O,v]=r(!1),y=i(null),M=i({width:0,height:0}),R=i(g),E=i({x:0,y:0}),_=i(!1),j=i(0);R.current=g;const X=i(t);X.current=Object.assign(Object.assign({},t),{bounds:n,edgeOffset:e,initialPosition:l,snapToEdge:w,show:h});const B=()=>{var t;const n=m(X.current.bounds),{width:e,height:r}=M.current,i=null!==(t=X.current.edgeOffset)&&void 0!==t?t:u,o=n.left+i,s=n.top+i;return{minX:o,minY:s,maxX:Math.max(o,n.right-e-i),maxY:Math.max(s,n.bottom-r-i)}},H=t=>{const{minX:n,minY:e,maxX:r,maxY:i}=B();return{x:d(t.x,n,r),y:d(t.y,e,i)}},S=()=>{var t;const{minX:n,minY:e,maxX:r,maxY:i}=B(),o=null!==(t=X.current.initialPosition)&&void 0!==t?t:a.BOTTOM_RIGHT;if(!(t=>"string"==typeof t)(o))return H(o);switch(o){case a.TOP_LEFT:return{x:n,y:e};case a.TOP_RIGHT:return{x:r,y:e};case a.BOTTOM_LEFT:return{x:n,y:i};case a.BOTTOM_RIGHT:default:return{x:r,y:i}}},I=t=>{const n=y.current;n&&(n.style.cursor=f?"default":t?"grabbing":"grab",n.style.transition=t?"none":"transform 200ms ease-out")},P=i(H);P.current=H;const Y=i(S);Y.current=S,o(()=>{var t;const n=y.current;if(!n)return;const e=()=>{const t=n.getBoundingClientRect();0===t.width&&0===t.height||(M.current={width:t.width,height:t.height})},r=()=>{X.current.show&&T(t=>P.current(t))};e(),_.current?r():(_.current=!0,T(Y.current()),x(!0));const i=new ResizeObserver(()=>{e(),r()});null==i||i.observe(n),j.current=null!==(t=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==t?t:360;const o=()=>{var t;window.innerWidth!==j.current&&(j.current=null!==(t=null===window||void 0===window?void 0:window.innerWidth)&&void 0!==t?t:360,e(),r())};return window.addEventListener("resize",o),()=>{null==i||i.disconnect(),window.removeEventListener("resize",o)}},[]),s(()=>{if(!b||O)return;const t=requestAnimationFrame(()=>v(!0));return()=>cancelAnimationFrame(t)},[b,O]);const F=c({onSwipeStart:()=>{f||(E.current=R.current,I(!0))},onSwiping:t=>{if(f)return;const n=E.current,e=H({x:n.x+t.deltaX,y:n.y+t.deltaY});R.current=e,(t=>{const n=y.current;n&&(n.style.transform=`translate(${t.x}px, ${t.y}px)`)})(e)},onSwiped:()=>{if(f)return;I(!1);const t=(t=>{const n=H(t);if(!X.current.snapToEdge)return n;const e=m(X.current.bounds),{minX:r,maxX:i}=B(),o=n.x+M.current.width/2,s=(e.left+e.right)/2;return Object.assign(Object.assign({},n),{x:o<s?r:i})})(R.current);R.current=t,T(t)},onTap:()=>{null==p||p()},trackMouse:!0,trackTouch:!0,preventScrollOnSwipe:!0});return{bind:Object.assign(Object.assign({},F),{ref:t=>{F.ref(t),y.current=t}}),position:g,isReady:b,canAnimate:O}},f=n(()=>({root:{position:"fixed",top:0,left:0,willChange:"transform",touchAction:"none",userSelect:"none",WebkitUserSelect:"none",WebkitTapHighlightColor:"transparent",zIndex:100}})),h=n=>{const{children:r,disabled:i=!1,show:o=!0}=n,{bind:s,position:c,isReady:a,canAnimate:u}=w(n),d=e([f.root],[]),l={transform:`translate(${c.x}px, ${c.y}px)`,cursor:i?"default":"grab",transition:u?"transform 200ms ease-out":"none",visibility:a?void 0:"hidden",display:o?void 0:"none",pointerEvents:o?void 0:"none"};return t("div",Object.assign({},s,{className:d,style:l,children:r}))};export{h as FloatingWrapper,a as InitialCorner,w as useDraggable};
 //# sourceMappingURL=ct-design-floating-wrapper.browser.esm.js.map

package/dist/ct-design-floating-wrapper.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-floating-wrapper.browser.esm.js","sources":["../packages/components/FloatingWrapper/src/type.ts","../packages/components/FloatingWrapper/src/hooks/useDraggable.ts","../packages/components/FloatingWrapper/src/FloatingWrapper.tsx","../packages/components/FloatingWrapper/src/style.ts"],"sourcesContent":[null,null,null,null],"names":["InitialCorner","clamp","value","min","max","Math","getViewportRect","top","left","right","window","innerWidth","bottom","innerHeight","resolveBounds","bounds","isExplicitBounds","element","current","rect","getBoundingClientRect","useDraggable","props","_a","_b","edgeOffset","_c","initialPosition","BOTTOM_RIGHT","_d","snapToEdge","_e","disabled","_f","show","onTap","_g","useState","x","y","position","setPosition","_h","isReady","setIsReady","_j","canAnimate","setCanAnimate","elementRef","useRef","sizeRef","width","height","positionRef","dragStartRef","isInitializedRef","viewportWidthRef","propsRef","__assign","getLimits","pad","minX","minY","maxX","maxY","clampToLimits","next","resolveInitialPosition","initial","isCorner","TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","applyDragState","dragging","style","cursor","transition","clampRef","initRef","useLayoutEffect","measure","reclamp","prev","resizeObserver","ResizeObserver","observe","onWindowResize","addEventListener","disconnect","removeEventListener","useEffect","id","requestAnimationFrame","cancelAnimationFrame","handlers","useSwipeable","onSwipeStart","onSwiping","eventData","pos","start","deltaX","deltaY","transform","concat","onSwiped","resting","clamped","center","boxCenter","snapToNearestEdge","trackMouse","trackTouch","preventScrollOnSwipe","bind","ref","FloatingWrapper","children","theme","useTheme","staticStyles","useMemo","root","willChange","touchAction","userSelect","WebkitUserSelect","WebkitTapHighlightColor","zIndex","dynamicStyle","visibility","undefined","display","pointerEvents","_jsx","Container","css"],"mappings":"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"}
+{"version":3,"file":"ct-design-floating-wrapper.browser.esm.js","sources":["../packages/components/FloatingWrapper/src/type.ts","../packages/components/FloatingWrapper/src/hooks/useDraggable.ts","../packages/components/FloatingWrapper/src/FloatingWrapper.tsx"],"sourcesContent":[null,null,null],"names":["InitialCorner","DEFAULT_EDGE_OFFSET","clamp","value","min","max","Math","getViewportRect","top","left","right","window","innerWidth","bottom","innerHeight","resolveBounds","bounds","isExplicitBounds","element","current","rect","getBoundingClientRect","useDraggable","props","edgeOffset","initialPosition","BOTTOM_RIGHT","snapToEdge","disabled","show","onTap","position","setPosition","useState","x","y","isReady","setIsReady","canAnimate","setCanAnimate","elementRef","useRef","sizeRef","width","height","positionRef","dragStartRef","isInitializedRef","viewportWidthRef","propsRef","Object","assign","getLimits","pad","_a","minX","minY","maxX","maxY","clampToLimits","next","resolveInitialPosition","initial","isCorner","TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","applyDragState","dragging","style","cursor","transition","clampRef","initRef","useLayoutEffect","measure","reclamp","prev","resizeObserver","ResizeObserver","observe","onWindowResize","addEventListener","disconnect","removeEventListener","useEffect","id","requestAnimationFrame","cancelAnimationFrame","handlers","useSwipeable","onSwipeStart","onSwiping","eventData","start","deltaX","deltaY","pos","transform","applyTransform","onSwiped","resting","clamped","center","boxCenter","snapToNearestEdge","trackMouse","trackTouch","preventScrollOnSwipe","bind","ref","staticStyles","makeStyles","root","willChange","touchAction","userSelect","WebkitUserSelect","WebkitTapHighlightColor","zIndex","FloatingWrapper","children","rootClassName","useWebMergeStyles","dynamicStyle","visibility","undefined","display","pointerEvents","_jsx","className"],"mappings":"mQAyBYA,GAAZ,SAAYA,GACVA,EAAA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,aAAA,cACD,CALD,CAAYA,IAAAA,EAKX,CAAA,ICjBD,MAAMC,EAAsB,EAGtBC,EAAQ,CAACC,EAAeC,EAAaC,IAClCC,KAAKF,IAAIE,KAAKD,IAAIF,EAAOC,GAAMC,GASlCE,EAAkB,KAAgB,CACtCC,IAAK,EACLC,KAAM,EACNC,MAAyB,oBAAXC,OAAyB,EAAIA,OAAOC,WAClDC,OAA0B,oBAAXF,OAAyB,EAAIA,OAAOG,cAG/CC,EAAiBC,IACrB,IAAKA,GAAqB,aAAXA,EAAuB,OAAOT,IAC7C,GAfuB,CAACS,GACC,iBAAXA,GAAkC,OAAXA,GAAmB,QAASA,EAc7DC,CAAiBD,GAAS,OAAOA,EAErC,MAAME,EAAUF,EAAOG,QACvB,IAAKD,EAAS,OAAOX,IAErB,MAAMa,EAAOF,EAAQG,wBACrB,MAAO,CACLb,IAAKY,EAAKZ,IACVC,KAAMW,EAAKX,KACXC,MAAOU,EAAKV,MACZG,OAAQO,EAAKP,SAgBJS,EAAgBC,IAC3B,MAAMP,OACJA,EAAS,WAAUQ,WACnBA,EAAavB,EAAmBwB,gBAChCA,EAAkBzB,EAAc0B,aAAYC,WAC5CA,GAAa,EAAIC,SACjBA,GAAW,EAAKC,KAChBA,GAAO,EAAIC,MACXA,GACEP,GAKGQ,EAAUC,GAAeC,EAAoB,CAAEC,EAAG,EAAGC,EAAG,KAMxDC,EAASC,GAAcJ,GAAS,IAOhCK,EAAYC,GAAiBN,GAAS,GAKvCO,EAAaC,EAA2B,MAIxCC,EAAUD,EAAO,CAAEE,MAAO,EAAGC,OAAQ,IAIrCC,EAAcJ,EAAOV,GAIrBe,EAAeL,EAAkB,CAAEP,EAAG,EAAGC,EAAG,IAI5CY,EAAmBN,GAAO,GAK1BO,EAAmBP,EAAO,GAIhCI,EAAY1B,QAAUY,EACtB,MAAMkB,EAAWR,EAAOlB,GACxB0B,EAAS9B,QAAe+B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA5B,IAAOP,SAAQQ,aAAYC,kBAAiBE,aAAYE,SAEhF,MAAMuB,EAAY,WAChB,MAAMhC,EAAOL,EAAckC,EAAS9B,QAAQH,SACtC2B,MAAEA,EAAKC,OAAEA,GAAWF,EAAQvB,QAC5BkC,EAAqC,QAA/BC,EAAAL,EAAS9B,QAAQK,kBAAc,IAAA8B,EAAAA,EAAArD,EACrCsD,EAAOnC,EAAKX,KAAO4C,EACnBG,EAAOpC,EAAKZ,IAAM6C,EAGxB,MAAO,CAAEE,OAAMC,OAAMC,KAFRnD,KAAKD,IAAIkD,EAAMnC,EAAKV,MAAQiC,EAAQU,GAEtBK,KADdpD,KAAKD,IAAImD,EAAMpC,EAAKP,OAAS+B,EAASS,KAI/CM,EAAiBC,IACrB,MAAML,KAAEA,EAAIC,KAAEA,EAAIC,KAAEA,EAAIC,KAAEA,GAASN,IACnC,MAAO,CACLlB,EAAGhC,EAAM0D,EAAK1B,EAAGqB,EAAME,GACvBtB,EAAGjC,EAAM0D,EAAKzB,EAAGqB,EAAME,KAerBG,EAAyB,WAC7B,MAAMN,KAAEA,EAAIC,KAAEA,EAAIC,KAAEA,EAAIC,KAAEA,GAASN,IAC7BU,EAA8C,QAApCR,EAAAL,EAAS9B,QAAQM,uBAAmB,IAAA6B,EAAAA,EAAAtD,EAAc0B,aAElE,IApIa,CAACK,GAAyF,iBAAbA,EAoIrFgC,CAASD,GAAU,OAAOH,EAAcG,GAE7C,OAAQA,GACN,KAAK9D,EAAcgE,SACjB,MAAO,CAAE9B,EAAGqB,EAAMpB,EAAGqB,GACvB,KAAKxD,EAAciE,UACjB,MAAO,CAAE/B,EAAGuB,EAAMtB,EAAGqB,GACvB,KAAKxD,EAAckE,YACjB,MAAO,CAAEhC,EAAGqB,EAAMpB,EAAGuB,GACvB,KAAK1D,EAAc0B,aACnB,QACE,MAAO,CAAEQ,EAAGuB,EAAMtB,EAAGuB,KAWrBS,EAAkBC,IACtB,MAAMlD,EAAUsB,EAAWrB,QACtBD,IACLA,EAAQmD,MAAMC,OAAS1C,EAAW,UAAYwC,EAAW,WAAa,OAEtElD,EAAQmD,MAAME,WAAaH,EAAW,OAzKlB,6BA6KhBI,EAAW/B,EAAOkB,GACxBa,EAASrD,QAAUwC,EACnB,MAAMc,EAAUhC,EAAOoB,GACvBY,EAAQtD,QAAU0C,EAElBa,EAAgB,WACd,MAAMxD,EAAUsB,EAAWrB,QAC3B,IAAKD,EAAS,OAEd,MAAMyD,EAAU,KACd,MAAMvD,EAAOF,EAAQG,wBAIF,IAAfD,EAAKuB,OAA+B,IAAhBvB,EAAKwB,SAC7BF,EAAQvB,QAAU,CAAEwB,MAAOvB,EAAKuB,MAAOC,OAAQxB,EAAKwB,UAMhDgC,EAAU,KACT3B,EAAS9B,QAAQU,MACtBG,EAAa6C,GAASL,EAASrD,QAAQ0D,KAGzCF,IAEK5B,EAAiB5B,QAKpByD,KAJA7B,EAAiB5B,SAAU,EAC3Ba,EAAYyC,EAAQtD,WACpBkB,GAAW,IAKb,MAAMyC,EAAiB,IAAIC,eAAe,KACxCJ,IACAC,MAEFE,SAAAA,EAAgBE,QAAQ9D,GAExB8B,EAAiB7B,QAA4B,QAAlBmC,EAAM,OAAN3C,aAAM,IAANA,YAAM,EAANA,OAAQC,kBAAU,IAAA0C,EAAAA,EAAI,IAEjD,MAAM2B,EAAiB,WACjBtE,OAAOC,aAAeoC,EAAiB7B,UAC3C6B,EAAiB7B,QAA4B,QAAlBmC,EAAM,OAAN3C,aAAM,IAANA,YAAM,EAANA,OAAQC,kBAAU,IAAA0C,EAAAA,EAAI,IACjDqB,IACAC,MAKF,OAFAjE,OAAOuE,iBAAiB,SAAUD,GAE3B,KACLH,SAAAA,EAAgBK,aAChBxE,OAAOyE,oBAAoB,SAAUH,KAEtC,IAIHI,EAAU,KACR,IAAKjD,GAAWE,EAAY,OAC5B,MAAMgD,EAAKC,sBAAsB,IAAMhD,GAAc,IACrD,MAAO,IAAMiD,qBAAqBF,IACjC,CAAClD,EAASE,IAEb,MAAMmD,EAAWC,EAAa,CAC5BC,aAAc,KACR/D,IACJkB,EAAa3B,QAAU0B,EAAY1B,QACnCgD,GAAe,KAEjByB,UAAYC,IACV,GAAIjE,EAAU,OACd,MAAMkE,EAAQhD,EAAa3B,QACrByC,EAAOD,EAAc,CACzBzB,EAAG4D,EAAM5D,EAAI2D,EAAUE,OACvB5D,EAAG2D,EAAM3D,EAAI0D,EAAUG,SAEzBnD,EAAY1B,QAAUyC,EAhGH,CAACqC,IACtB,MAAM/E,EAAUsB,EAAWrB,QACvBD,IACFA,EAAQmD,MAAM6B,UAAY,aAAaD,EAAI/D,QAAQ+D,EAAI9D,SA8FvDgE,CAAevC,IAEjBwC,SAAU,KACR,GAAIxE,EAAU,OACduC,GAAe,GACf,MAAMkC,EApIgB,CAACzC,IACzB,MAAM0C,EAAU3C,EAAcC,GAC9B,IAAKX,EAAS9B,QAAQQ,WAAY,OAAO2E,EAEzC,MAAMlF,EAAOL,EAAckC,EAAS9B,QAAQH,SACtCuC,KAAEA,EAAIE,KAAEA,GAASL,IACjBmD,EAASD,EAAQpE,EAAIQ,EAAQvB,QAAQwB,MAAQ,EAC7C6D,GAAapF,EAAKX,KAAOW,EAAKV,OAAS,EAC7C,OAAAwC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYmD,GAAO,CAAEpE,EAAGqE,EAASC,EAAYjD,EAAOE,KA4HlCgD,CAAkB5D,EAAY1B,SAC9C0B,EAAY1B,QAAUkF,EACtBrE,EAAYqE,IAEdvE,MAAO,KACLA,SAAAA,KAEF4E,YAAY,EACZC,YAAY,EACZC,sBAAsB,IAWxB,MAAO,CAAEC,oCAPJpB,GAAQ,CACXqB,IAAM5F,IACJuE,EAASqB,IAAI5F,GACbsB,EAAWrB,QAAUD,KAIVa,WAAUK,UAASE,eC/R9ByE,EAAeC,EAAW,KAAO,CACrCC,KAAM,CACJlF,SAAU,QACVvB,IAAK,EACLC,KAAM,EACNyG,WAAY,YACZC,YAAa,OACbC,WAAY,OACZC,iBAAkB,OAClBC,wBAAyB,cACzBC,OAAQ,QAINC,EAAmBjG,IACvB,MAAMkG,SAAEA,EAAQ7F,SAAEA,GAAW,EAAKC,KAAEA,GAAO,GAASN,GAE9CsF,KAAEA,EAAI9E,SAAEA,EAAQK,QAAEA,EAAOE,WAAEA,GAAehB,EAAaC,GAEvDmG,EAAgBC,EAAkB,CAACZ,EAAaE,MAAO,IAMvDW,EAA8B,CAClC1B,UAAW,aAAanE,EAASG,QAAQH,EAASI,OAClDmC,OAAQ1C,EAAW,UAAY,OAG/B2C,WAAYjC,EAAa,2BAA6B,OAEtDuF,WAAYzF,OAAU0F,EAAY,SAGlCC,QAASlG,OAAOiG,EAAY,OAE5BE,cAAenG,OAAOiG,EAAY,QAGpC,OACEG,EAAA,MAAA/E,OAAAC,OAAA,CAAA,EAAS0D,EAAI,CAAEqB,UAAWR,EAAerD,MAAOuD,EAAYH,SACzDA"}

package/dist/ct-design-floating-wrapper.cjs.js

@@ -1,10 +1,8 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
+var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 var react = require('react');
-var ctDesignContainer = require('@cleartrip/ct-design-container');
-var ctDesignTheme = require('@cleartrip/ct-design-theme');
 var reactSwipeable = require('react-swipeable');
 
 exports.InitialCorner = void 0;
@@ -15,30 +13,30 @@ exports.InitialCorner = void 0;
     InitialCorner["BOTTOM_RIGHT"] = "bottom-right";
 })(exports.InitialCorner || (exports.InitialCorner = {}));
 
-var DEFAULT_EDGE_OFFSET = 8;
-var SNAP_TRANSITION = 'transform 200ms ease-out';
-var clamp = function (value, min, max) {
+const DEFAULT_EDGE_OFFSET = 8;
+const SNAP_TRANSITION = 'transform 200ms ease-out';
+const clamp = (value, min, max) => {
     return Math.min(Math.max(value, min), max);
 };
-var isExplicitBounds = function (bounds) {
+const isExplicitBounds = (bounds) => {
     return typeof bounds === 'object' && bounds !== null && 'top' in bounds;
 };
-var isCorner = function (position) { return typeof position === 'string'; };
-var getViewportRect = function () { return ({
+const isCorner = (position) => typeof position === 'string';
+const getViewportRect = () => ({
     top: 0,
     left: 0,
     right: typeof window === 'undefined' ? 0 : window.innerWidth,
     bottom: typeof window === 'undefined' ? 0 : window.innerHeight,
-}); };
-var resolveBounds = function (bounds) {
+});
+const resolveBounds = (bounds) => {
     if (!bounds || bounds === 'viewport')
         return getViewportRect();
     if (isExplicitBounds(bounds))
         return bounds;
-    var element = bounds.current;
+    const element = bounds.current;
     if (!element)
         return getViewportRect();
-    var rect = element.getBoundingClientRect();
+    const rect = element.getBoundingClientRect();
     return {
         top: rect.top,
         left: rect.left,
@@ -46,52 +44,52 @@ var resolveBounds = function (bounds) {
         bottom: rect.bottom,
     };
 };
-var useDraggable = function (props) {
-    var _a = props.bounds, bounds = _a === void 0 ? 'viewport' : _a, _b = props.edgeOffset, edgeOffset = _b === void 0 ? DEFAULT_EDGE_OFFSET : _b, _c = props.initialPosition, initialPosition = _c === void 0 ? exports.InitialCorner.BOTTOM_RIGHT : _c, _d = props.snapToEdge, snapToEdge = _d === void 0 ? true : _d, _e = props.disabled, disabled = _e === void 0 ? false : _e, _f = props.show, show = _f === void 0 ? true : _f, onTap = props.onTap;
-    var _g = react.useState({ x: 0, y: 0 }), position = _g[0], setPosition = _g[1];
-    var _h = react.useState(false), isReady = _h[0], setIsReady = _h[1];
-    var _j = react.useState(false), canAnimate = _j[0], setCanAnimate = _j[1];
-    var elementRef = react.useRef(null);
-    var sizeRef = react.useRef({ width: 0, height: 0 });
-    var positionRef = react.useRef(position);
-    var dragStartRef = react.useRef({ x: 0, y: 0 });
-    var isInitializedRef = react.useRef(false);
-    var viewportWidthRef = react.useRef(0);
+const useDraggable = (props) => {
+    const { bounds = 'viewport', edgeOffset = DEFAULT_EDGE_OFFSET, initialPosition = exports.InitialCorner.BOTTOM_RIGHT, snapToEdge = true, disabled = false, show = true, onTap, } = props;
+    const [position, setPosition] = react.useState({ x: 0, y: 0 });
+    const [isReady, setIsReady] = react.useState(false);
+    const [canAnimate, setCanAnimate] = react.useState(false);
+    const elementRef = react.useRef(null);
+    const sizeRef = react.useRef({ width: 0, height: 0 });
+    const positionRef = react.useRef(position);
+    const dragStartRef = react.useRef({ x: 0, y: 0 });
+    const isInitializedRef = react.useRef(false);
+    const viewportWidthRef = react.useRef(0);
     positionRef.current = position;
-    var propsRef = react.useRef(props);
-    propsRef.current = tslib.__assign(tslib.__assign({}, props), { bounds: bounds, edgeOffset: edgeOffset, initialPosition: initialPosition, snapToEdge: snapToEdge, show: show });
-    var getLimits = function () {
+    const propsRef = react.useRef(props);
+    propsRef.current = Object.assign(Object.assign({}, props), { bounds, edgeOffset, initialPosition, snapToEdge, show });
+    const getLimits = () => {
         var _a;
-        var rect = resolveBounds(propsRef.current.bounds);
-        var _b = sizeRef.current, width = _b.width, height = _b.height;
-        var pad = (_a = propsRef.current.edgeOffset) !== null && _a !== void 0 ? _a : DEFAULT_EDGE_OFFSET;
-        var minX = rect.left + pad;
-        var minY = rect.top + pad;
-        var maxX = Math.max(minX, rect.right - width - pad);
-        var maxY = Math.max(minY, rect.bottom - height - pad);
-        return { minX: minX, minY: minY, maxX: maxX, maxY: maxY };
+        const rect = resolveBounds(propsRef.current.bounds);
+        const { width, height } = sizeRef.current;
+        const pad = (_a = propsRef.current.edgeOffset) !== null && _a !== void 0 ? _a : DEFAULT_EDGE_OFFSET;
+        const minX = rect.left + pad;
+        const minY = rect.top + pad;
+        const maxX = Math.max(minX, rect.right - width - pad);
+        const maxY = Math.max(minY, rect.bottom - height - pad);
+        return { minX, minY, maxX, maxY };
     };
-    var clampToLimits = function (next) {
-        var _a = getLimits(), minX = _a.minX, minY = _a.minY, maxX = _a.maxX, maxY = _a.maxY;
+    const clampToLimits = (next) => {
+        const { minX, minY, maxX, maxY } = getLimits();
         return {
             x: clamp(next.x, minX, maxX),
             y: clamp(next.y, minY, maxY),
         };
     };
-    var snapToNearestEdge = function (next) {
-        var clamped = clampToLimits(next);
+    const snapToNearestEdge = (next) => {
+        const clamped = clampToLimits(next);
         if (!propsRef.current.snapToEdge)
             return clamped;
-        var rect = resolveBounds(propsRef.current.bounds);
-        var _a = getLimits(), minX = _a.minX, maxX = _a.maxX;
-        var center = clamped.x + sizeRef.current.width / 2;
-        var boxCenter = (rect.left + rect.right) / 2;
-        return tslib.__assign(tslib.__assign({}, clamped), { x: center < boxCenter ? minX : maxX });
+        const rect = resolveBounds(propsRef.current.bounds);
+        const { minX, maxX } = getLimits();
+        const center = clamped.x + sizeRef.current.width / 2;
+        const boxCenter = (rect.left + rect.right) / 2;
+        return Object.assign(Object.assign({}, clamped), { x: center < boxCenter ? minX : maxX });
     };
-    var resolveInitialPosition = function () {
+    const resolveInitialPosition = () => {
         var _a;
-        var _b = getLimits(), minX = _b.minX, minY = _b.minY, maxX = _b.maxX, maxY = _b.maxY;
-        var initial = (_a = propsRef.current.initialPosition) !== null && _a !== void 0 ? _a : exports.InitialCorner.BOTTOM_RIGHT;
+        const { minX, minY, maxX, maxY } = getLimits();
+        const initial = (_a = propsRef.current.initialPosition) !== null && _a !== void 0 ? _a : exports.InitialCorner.BOTTOM_RIGHT;
         if (!isCorner(initial))
             return clampToLimits(initial);
         switch (initial) {
@@ -106,38 +104,38 @@ var useDraggable = function (props) {
                 return { x: maxX, y: maxY };
         }
     };
-    var applyTransform = function (pos) {
-        var element = elementRef.current;
+    const applyTransform = (pos) => {
+        const element = elementRef.current;
         if (element) {
-            element.style.transform = "translate(".concat(pos.x, "px, ").concat(pos.y, "px)");
+            element.style.transform = `translate(${pos.x}px, ${pos.y}px)`;
         }
     };
-    var applyDragState = function (dragging) {
-        var element = elementRef.current;
+    const applyDragState = (dragging) => {
+        const element = elementRef.current;
         if (!element)
             return;
         element.style.cursor = disabled ? 'default' : dragging ? 'grabbing' : 'grab';
         element.style.transition = dragging ? 'none' : SNAP_TRANSITION;
     };
-    var clampRef = react.useRef(clampToLimits);
+    const clampRef = react.useRef(clampToLimits);
     clampRef.current = clampToLimits;
-    var initRef = react.useRef(resolveInitialPosition);
+    const initRef = react.useRef(resolveInitialPosition);
     initRef.current = resolveInitialPosition;
-    react.useLayoutEffect(function () {
+    react.useLayoutEffect(() => {
         var _a;
-        var element = elementRef.current;
+        const element = elementRef.current;
         if (!element)
             return undefined;
-        var measure = function () {
-            var rect = element.getBoundingClientRect();
+        const measure = () => {
+            const rect = element.getBoundingClientRect();
             if (rect.width === 0 && rect.height === 0)
                 return;
             sizeRef.current = { width: rect.width, height: rect.height };
         };
-        var reclamp = function () {
+        const reclamp = () => {
             if (!propsRef.current.show)
                 return;
-            setPosition(function (prev) { return clampRef.current(prev); });
+            setPosition((prev) => clampRef.current(prev));
         };
         measure();
         if (!isInitializedRef.current) {
@@ -148,13 +146,13 @@ var useDraggable = function (props) {
         else {
             reclamp();
         }
-        var resizeObserver = new ResizeObserver(function () {
+        const resizeObserver = new ResizeObserver(() => {
             measure();
             reclamp();
         });
         resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(element);
         viewportWidthRef.current = (_a = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _a !== void 0 ? _a : 360;
-        var onWindowResize = function () {
+        const onWindowResize = () => {
             var _a;
             if (window.innerWidth === viewportWidthRef.current)
                 return;
@@ -163,87 +161,83 @@ var useDraggable = function (props) {
             reclamp();
         };
         window.addEventListener('resize', onWindowResize);
-        return function () {
+        return () => {
             resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
             window.removeEventListener('resize', onWindowResize);
         };
     }, []);
-    react.useEffect(function () {
+    react.useEffect(() => {
         if (!isReady || canAnimate)
             return undefined;
-        var id = requestAnimationFrame(function () { return setCanAnimate(true); });
-        return function () { return cancelAnimationFrame(id); };
+        const id = requestAnimationFrame(() => setCanAnimate(true));
+        return () => cancelAnimationFrame(id);
     }, [isReady, canAnimate]);
-    var handlers = reactSwipeable.useSwipeable({
-        onSwipeStart: function () {
+    const handlers = reactSwipeable.useSwipeable({
+        onSwipeStart: () => {
             if (disabled)
                 return;
             dragStartRef.current = positionRef.current;
             applyDragState(true);
         },
-        onSwiping: function (eventData) {
+        onSwiping: (eventData) => {
             if (disabled)
                 return;
-            var start = dragStartRef.current;
-            var next = clampToLimits({
+            const start = dragStartRef.current;
+            const next = clampToLimits({
                 x: start.x + eventData.deltaX,
                 y: start.y + eventData.deltaY,
             });
             positionRef.current = next;
             applyTransform(next);
         },
-        onSwiped: function () {
+        onSwiped: () => {
             if (disabled)
                 return;
             applyDragState(false);
-            var resting = snapToNearestEdge(positionRef.current);
+            const resting = snapToNearestEdge(positionRef.current);
             positionRef.current = resting;
             setPosition(resting);
         },
-        onTap: function () {
+        onTap: () => {
             onTap === null || onTap === void 0 ? void 0 : onTap();
         },
         trackMouse: true,
         trackTouch: true,
         preventScrollOnSwipe: true,
     });
-    var bind = tslib.__assign(tslib.__assign({}, handlers), { ref: function (element) {
+    const bind = Object.assign(Object.assign({}, handlers), { ref: (element) => {
             handlers.ref(element);
             elementRef.current = element;
         } });
-    return { bind: bind, position: position, isReady: isReady, canAnimate: canAnimate };
+    return { bind, position, isReady, canAnimate };
 };
 
-var getFloatingWidgetStyle = function (theme) {
-    return {
-        root: {
-            position: "fixed",
-            top: 0,
-            left: 0,
-            willChange: "transform",
-            touchAction: "none",
-            userSelect: "none",
-            WebkitUserSelect: "none",
-            WebkitTapHighlightColor: "transparent",
-            zIndex: 100,
-        },
-    };
-};
-
-var FloatingWrapper = function (props) {
-    var children = props.children, _a = props.disabled, disabled = _a === void 0 ? false : _a, _b = props.show, show = _b === void 0 ? true : _b;
-    var theme = ctDesignTheme.useTheme();
-    var staticStyles = react.useMemo(function () { return getFloatingWidgetStyle(); }, [theme]);
-    var _c = useDraggable(props), bind = _c.bind, position = _c.position, isReady = _c.isReady, canAnimate = _c.canAnimate;
-    var dynamicStyle = {
-        transform: "translate(".concat(position.x, "px, ").concat(position.y, "px)"),
-        cursor: disabled ? "default" : "grab",
-        transition: canAnimate ? "transform 200ms ease-out" : "none",
-        visibility: isReady ? undefined : "hidden",
-        display: show ? undefined : "none",
-        pointerEvents: show ? undefined : "none",
+const staticStyles = ctDesignStyleManager.makeStyles(() => ({
+    root: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        willChange: 'transform',
+        touchAction: 'none',
+        userSelect: 'none',
+        WebkitUserSelect: 'none',
+        WebkitTapHighlightColor: 'transparent',
+        zIndex: 100,
+    },
+}));
+const FloatingWrapper = (props) => {
+    const { children, disabled = false, show = true } = props;
+    const { bind, position, isReady, canAnimate } = useDraggable(props);
+    const rootClassName = ctDesignStyleManager.useWebMergeStyles([staticStyles.root], []);
+    const dynamicStyle = {
+        transform: `translate(${position.x}px, ${position.y}px)`,
+        cursor: disabled ? 'default' : 'grab',
+        transition: canAnimate ? 'transform 200ms ease-out' : 'none',
+        visibility: isReady ? undefined : 'hidden',
+        display: show ? undefined : 'none',
+        pointerEvents: show ? undefined : 'none',
     };
-    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({}, bind, { css: staticStyles.root, style: dynamicStyle }, { children: children })));
+    return (jsxRuntime.jsx("div", Object.assign({}, bind, { className: rootClassName, style: dynamicStyle, children: children })));
 };
 
 exports.FloatingWrapper = FloatingWrapper;