@cleartrip/ct-design-bottomsheet 2.0.0 → 4.0.0-SNAPSHOT-rnfinaltest.0

package/README.md

@@ -0,0 +1,70 @@
+# Bottomsheet
+
+A bottom sheet component that slides up from the bottom of the screen.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-bottomsheet
+# or
+pnpm add @cleartrip/ct-design-bottomsheet
+```
+
+### Peer dependencies
+
+```bash
+# Required for all targets
+npm install react
+
+# Web only
+npm install react-dom
+
+# React Native only
+npm install react-native
+```
+
+---
+
+## Usage
+
+### Basic
+
+```tsx
+import { Bottomsheet } from '@cleartrip/ct-design-bottomsheet';
+
+function Example() {
+  return (
+    <Bottomsheet>
+      {/* Basic usage */}
+    </Bottomsheet>
+  );
+}
+```
+
+---
+
+## BottomSheetSnapPoint
+
+- `Hidden` — Hidden
+- `Partial` — Partial
+- `Full` — Full
+---
+
+## Accessibility
+
+- The component follows accessibility best practices
+- Ensure proper ARIA attributes are provided where needed
+- Test with screen readers to ensure usability
+
+---
+
+## Migration
+
+If migrating from a previous version:
+
+```diff
+- import { Bottomsheet } from 'yagami/core/components';
++ import { Bottomsheet } from '@cleartrip/ct-design-bottomsheet';
+```

package/dist/BottomSheet.d.ts

@@ -1,5 +1,10 @@
 import { IBottomSheetComponentProps } from './type';
+import { Component } from 'react';
 export declare const slideDirection: Record<string, 'up' | 'down'>;
-export declare const BottomSheet: ({ direction, children, header, onClose, isOpen, transitionDuration: timeout, overlayCloseIcon, allowedBackdropClose, showBorderRadius, styleConfig, disableOutSideClick, }: IBottomSheetComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BottomSheet: ({ open, onDismiss, backgroundColor: backdropColor, containerSheetBackgroundColor, cornerRadius, showCloseButton, showBackButton, showBackdrop, children, header, direction, transitionDuration: timeout, allowedBackdropClose, styleConfig, disableOutSideClick, disablePortal, draggableConfig, }: IBottomSheetComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare class BottomSheetComponent extends Component<IBottomSheetComponentProps> {
+    dismiss(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
 export default BottomSheet;
 //# sourceMappingURL=BottomSheet.d.ts.map

package/dist/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../packages/components/Bottomsheet/src/BottomSheet.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAKpD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAGxD,CAAC;AASF,eAAO,MAAM,WAAW,+KAYrB,0BAA0B,mDAuG5B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../packages/components/Bottomsheet/src/BottomSheet.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAyC,MAAM,OAAO,CAAC;AAOzE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAGxD,CAAC;AAmCF,QAAA,MAAM,WAAW,GAAI,oSAkBlB,0BAA0B,mDA2L5B,CAAC;AAEF,qBAAa,oBAAqB,SAAQ,SAAS,CAAC,0BAA0B,CAAC;IAC7E,OAAO;IAGP,MAAM;CAGP;AAED,eAAe,WAAW,CAAC"}

package/dist/BottomSheetHeader/BottomSheetHeader.d.ts

@@ -3,9 +3,6 @@ export declare const enum CLOSE_ICON_TYPE {
     CROSS = "CROSS",
     BACK = "BACK"
 }
-declare const BottomSheetHeader: {
-    (props: IBottomSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {};
-};
+declare const BottomSheetHeader: (props: IBottomSheetHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default BottomSheetHeader;
 //# sourceMappingURL=BottomSheetHeader.d.ts.map

package/dist/BottomSheetHeader/BottomSheetHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAG7D,0BAAkB,eAAe;IAC/B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,QAAA,MAAM,iBAAiB;YAAW,uBAAuB;;CAmCxD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAE7D,0BAAkB,eAAe;IAC/B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AA8BD,QAAA,MAAM,iBAAiB,GAAI,OAAO,uBAAuB,4CAmExD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/NativeBottomSheet/BottomSheetNativeComponent/Cross.d.ts

@@ -0,0 +1,8 @@
+declare const Cross: ({ height, width, stroke, fill }: {
+    height?: number | undefined;
+    width?: number | undefined;
+    stroke?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Cross;
+//# sourceMappingURL=Cross.d.ts.map

package/dist/NativeBottomSheet/BottomSheetNativeComponent/Cross.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cross.d.ts","sourceRoot":"","sources":["../../../packages/components/Bottomsheet/src/NativeBottomSheet/BottomSheetNativeComponent/Cross.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK,GAAI;;;;;CAAiE,4CAM/E,CAAC;AACF,eAAe,KAAK,CAAC"}

package/dist/NativeBottomSheet/BottomSheetNativeComponent/index.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { IBottomSheetComponentProps } from '../../type';
+export declare class BottomSheetNativeComponent extends React.Component<IBottomSheetComponentProps, {
+    open: boolean;
+    viewHeight?: number;
+}> {
+    ref: React.RefObject<View | null>;
+    timer: NodeJS.Timeout | null;
+    static contextType: React.Context<"symbol" | "object" | "header" | "filter" | "center" | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "text" | "clipPath" | "marker" | "mask" | "input" | "progress" | "select" | "slot" | "style" | "title" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React.ComponentType<{
+        children: React.ReactNode;
+    }>>;
+    constructor(props: IBottomSheetComponentProps);
+    present(): void;
+    dismiss(): void;
+    private handleStateChange;
+    private calculateIsOpen;
+    private handleHapticFeedback;
+    private handlePlatformSpecificStateLogic;
+    private handleAndroidClosedState;
+    private handleDefaultStateLogic;
+    private handleIOSClosedStateTimer;
+    private clearExistingTimer;
+    private handleUpdateLayout;
+    static dismissAll: () => Promise<void>;
+    componentWillUnmount(): void;
+    private handleLayout;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/NativeBottomSheet/BottomSheetNativeComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/Bottomsheet/src/NativeBottomSheet/BottomSheetNativeComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAUL,IAAI,EAEL,MAAM,cAAc,CAAC;AAQtB,OAAO,EAAiD,0BAA0B,EAAE,MAAM,YAAY,CAAC;AA+IvG,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAC7D,0BAA0B,EAC1B;IACE,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF;IACC,GAAG,+BAA2B;IAC9B,KAAK,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI,CAAQ;IAEpC,MAAM,CAAC,WAAW;;QAAiB;gBAEvB,KAAK,EAAE,0BAA0B;IAO7C,OAAO;IAIP,OAAO;IAOP,OAAO,CAAC,iBAAiB,CAQvB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,gCAAgC,CAUtC;IAEF,OAAO,CAAC,wBAAwB,CAgB9B;IAEF,OAAO,CAAC,uBAAuB,CAU7B;IAEF,OAAO,CAAC,yBAAyB,CAW/B;IAEF,OAAO,CAAC,kBAAkB,CAKxB;IAEF,OAAO,CAAC,kBAAkB,CAExB;IAEF,MAAM,CAAC,UAAU,sBAEf;IAEF,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,YAAY,CAIlB;IAEF,MAAM;CAyCP"}

package/dist/NativeBottomSheet/BottomSheetPortal.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type PortalContext = React.ElementType<{
+    children: React.ReactNode;
+}>;
+export declare const Context: React.Context<PortalContext>;
+export declare const useBottomSheetPortal_INTERNAL: () => PortalContext;
+export declare function BottomSheetPortalProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const BottomSheetOutlet: () => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare function BottomSheetProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BottomSheetPortal.d.ts.map

package/dist/NativeBottomSheet/BottomSheetPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetPortal.d.ts","sourceRoot":"","sources":["../../packages/components/Bottomsheet/src/NativeBottomSheet/BottomSheetPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AAEtE,eAAO,MAAM,OAAO,8BAA2C,CAAC;AAEhE,eAAO,MAAM,6BAA6B,qBAAkC,CAAC;AAE7E,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAapF;AAID,eAAO,MAAM,iBAAiB,qFAAuB,CAAC;AAEtD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAM9E"}

package/dist/NativeBottomSheet/Portal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Component = React.ReactElement;
+export declare function createPortalGroup_INTERNAL(): {
+    Provider: (props: React.PropsWithChildren<unknown>) => import("react/jsx-runtime").JSX.Element;
+    Outlet: () => Component | null;
+    Portal: ({ children }: React.PropsWithChildren<unknown>) => null;
+};
+export {};
+//# sourceMappingURL=Portal.d.ts.map

package/dist/NativeBottomSheet/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../packages/components/Bottomsheet/src/NativeBottomSheet/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC;AAYpC,wBAAgB,0BAA0B;sBAWf,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;;2BAgC3B,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;EAY/D"}

package/dist/NativeBottomSheet/style.d.ts

@@ -0,0 +1,27 @@
+export declare const bottomSheetStyles: {
+    closeButton: {
+        position: "absolute";
+        top: 16;
+        right: 16;
+        zIndex: number;
+        width: 32;
+        height: 32;
+        borderRadius: 16;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    nativeViewContainer: {
+        position: "absolute";
+        height: "100%";
+        width: "100%";
+    };
+    gestureHandlerContainer: {
+        flex: number;
+    };
+    contentContainer: {
+        flex: number;
+    };
+};
+export declare const CUSTOM_PADDING = 64;
+//# sourceMappingURL=style.d.ts.map

package/dist/NativeBottomSheet/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Bottomsheet/src/NativeBottomSheet/style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;CAwB3B,CAAC;AAEJ,eAAO,MAAM,cAAc,KAAK,CAAC"}

package/dist/NativeBottomSheet/useNativeBottomSheetPortal.d.ts

@@ -0,0 +1,9 @@
+export declare const NativeBottomSheetPortalContext: import("react").Context<{
+    paddingBottom: number;
+}>;
+export declare const useNativeBottomSheetPortal: () => number;
+export declare const NativeBottomSheetPortalProvider: ({ children, paddingBottom, }: {
+    children: React.ReactNode;
+    paddingBottom: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=useNativeBottomSheetPortal.d.ts.map

package/dist/NativeBottomSheet/useNativeBottomSheetPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNativeBottomSheetPortal.d.ts","sourceRoot":"","sources":["../../packages/components/Bottomsheet/src/NativeBottomSheet/useNativeBottomSheetPortal.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B;mBAC1B,MAAM;EAGrB,CAAC;AAEH,eAAO,MAAM,0BAA0B,cAGtC,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,8BAG7C;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB,4CAMA,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e,i=require("tslib"),r=require("react/jsx-runtime"),o=require("@cleartrip/ct-design-container"),t=require("@cleartrip/ct-design-outside-click-handler"),n=require("@cleartrip/ct-design-overlay"),s=require("@cleartrip/ct-design-portal"),a=require("@cleartrip/ct-design-transition"),d=require("react"),l=require("@cleartrip/ct-design-icons"),c=require("@cleartrip/ct-design-theme");exports.DIRECTION=void 0,(e=exports.DIRECTION||(exports.DIRECTION={})).DOWN="down",e.UP="up";var u;!function(e){e.CROSS="CROSS",e.BACK="BACK"}(u||(u={}));var p=function(e){var t=e.handleClose,n=e.styleConfig,s=e.isBack,a=e.children,d=e.showBorderRadius,u=void 0===d||d,p=e.direction,h=void 0===p?exports.DIRECTION.DOWN:p,v=c.useTheme(),g=(n||{}).headerContainer,x=function(e){var r=e.theme,o=e.isTop,t=void 0===o||o;return i.__assign({position:"absolute",right:"10px",backgroundColor:"white",height:r.size[8],width:r.size[8],display:"flex",alignItems:"center",padding:r.spacing[1],borderRadius:r.border.radius["50P"],cursor:"pointer",justifyContent:"center"},t?{top:"-44px"}:{bottom:"-44px"})}({theme:v,isTop:h===exports.DIRECTION.DOWN}),C=function(e){return void 0===e&&(e=!1),e?r.jsx(l.ModalBack,{}):r.jsx(l.Cross,{height:24,width:24,crossColor:v.color.background.primary})}(s);return r.jsxs(o.Container,i.__assign({className:null==g?void 0:g.className,css:i.__assign(i.__assign({backgroundColor:v.color.background.neutral,zIndex:v.zIndex.bottomSheet},u&&h===exports.DIRECTION.DOWN&&{borderTopLeftRadius:v.border.radius[16],borderTopRightRadius:v.border.radius[16]}),null==g?void 0:g.css)},{children:[r.jsx(o.Container,i.__assign({css:i.__assign({},x),onClick:t},{children:C})),a]}))};p.defaultProps={};var h={up:"down",down:"up"},v=function(){var e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(e,"px"))};exports.BottomSheet=function(e){var l=e.direction,u=void 0===l?"down":l,g=e.children,x=e.header,C=e.onClose,m=e.isOpen,f=void 0!==m&&m,b=e.transitionDuration,w=void 0===b?200:b,_=e.overlayCloseIcon,O=e.allowedBackdropClose,I=void 0===O||O,R=e.showBorderRadius,y=void 0===R||R,k=e.styleConfig,E=void 0===k?{}:k,N=e.disableOutSideClick,T=void 0!==N&&N,D=d.useState(f),j=D[0],B=D[1],S=c.useTheme();d.useEffect((function(){return v(),window.addEventListener("resize",v),function(){window.removeEventListener("resize",v)}}),[]);var q=_||{},z=q.show,P=void 0!==z&&z,W=q.isBack,H=void 0!==W&&W,L=E||{},A=L.bottomSheetContainer,K=L.overlayWrapper;return d.useEffect((function(){f&&B(!0)}),[f]),j?r.jsx(s.Portal,{children:r.jsx(n.Overlay,i.__assign({blur:!0,customOverlayWrapperClass:null==K?void 0:K.className,css:i.__assign({position:"fixed",bottom:0,justifyContent:"center",zIndex:S.zIndex.bottomSheet,alignItems:"".concat("down"===u?"flex-end":"flex-start")},null==K?void 0:K.css)},{children:r.jsx(t.OutsideClickHandler,i.__assign({disabled:T,onOutsideClick:function(e){T||(e.preventDefault(),I&&C&&C({isClosedByOutSideClick:!0}))},wrapperProps:{style:{width:"100%"}}},{children:r.jsx(a.Transition,i.__assign({type:"slide",slideDirection:h[u],timeout:w,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:f,onExited:function(){B(!1)}},{children:r.jsxs(o.Container,i.__assign({className:null==A?void 0:A.className,css:i.__assign({position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",background:"white",borderTopLeftRadius:16,borderTopRightRadius:16,maxHeight:"calc(var(--mvh) * 90)",boxShadow:S.elevation.bottomE2},null==A?void 0:A.css)},{children:[P&&r.jsx(p,{direction:u,showBorderRadius:y,handleClose:C,isBack:H,children:x}),g]}))}))}))}))}):null},exports.BottomSheetHeader=p;
+"use strict";var e,r,t,o=require("react/jsx-runtime"),i=require("@cleartrip/ct-design-container"),n=require("@cleartrip/ct-design-outside-click-handler"),s=require("@cleartrip/ct-design-overlay"),a=require("@cleartrip/ct-design-portal"),d=require("@cleartrip/ct-design-transition"),l=require("react"),c=require("@cleartrip/ct-design-icons"),u=require("@cleartrip/ct-design-theme"),p=require("@cleartrip/ct-design-style-manager"),h=require("@emotion/css"),g=require("@cleartrip/ct-design-base-dragger");exports.BottomSheetSnapPoint=void 0,(e=exports.BottomSheetSnapPoint||(exports.BottomSheetSnapPoint={}))[e.Hidden=0]="Hidden",e[e.Partial=1]="Partial",e[e.Full=2]="Full",exports.DIRECTION=void 0,(r=exports.DIRECTION||(exports.DIRECTION={})).DOWN="down",r.UP="up",r.LEFT="left",r.RIGHT="right",function(e){e.CROSS="CROSS",e.BACK="BACK"}(t||(t={}));const x=p.makeStyles(e=>({headerContainer:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet},headerContainerWithBorderRadius:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet,borderTopLeftRadius:e.border.radius[16],borderTopRightRadius:e.border.radius[16]},closeButton:{position:"absolute",right:e.spacing[2],backgroundColor:e.color.background.neutral,height:e.size[8],width:e.size[8],display:"flex",alignItems:"center",padding:e.spacing[1],borderRadius:e.border.radius[32],cursor:"pointer",justifyContent:"center"}})),C=e=>{const{handleClose:r,styleConfig:t,isBack:n,children:s,showBorderRadius:a=!0,hideHeaderDismissIcon:d=!1,direction:l=exports.DIRECTION.DOWN}=e,h=u.useTheme(),{headerContainer:g=[],closeButton:C=[]}=t||{},b=l===exports.DIRECTION.DOWN,m=p.useStyles(e=>({closeButton:Object.assign({},b?{top:-e.spacing[10]}:{bottom:-e.spacing[10]})}),[b]),f=((e=!1)=>d?null:e?o.jsx(c.ModalBack,{}):o.jsx(c.Cross,{height:24,width:24,crossColor:h.color.background.primary}))(n);return o.jsxs(i.Container,{styleConfig:{root:[a&&l===exports.DIRECTION.DOWN?x.headerContainerWithBorderRadius:x.headerContainer,...g]},children:[o.jsx(i.Container,{styleConfig:{root:[x.closeButton,m.closeButton,...C]},onClick:r,children:f}),s]})},b={up:"down",down:"up"},m=p.makeStyles(e=>({bottomSheetContainer:{position:"relative",width:"100%",display:"flex",flexDirection:"column",maxHeight:"calc(var(--mvh) * 92)",boxShadow:e.elevation.bottomE2},overlayWrapper:{top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",justifyContent:"flex-end"}})),f=h.css({position:"fixed"}),S=()=>{const e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh",`${e}px`)},y=({open:e,onDismiss:r,backgroundColor:t,containerSheetBackgroundColor:c="white",cornerRadius:u=16,showCloseButton:h=!0,showBackButton:x=!1,showBackdrop:y=!0,children:B,header:D,direction:O=exports.DIRECTION.DOWN,transitionDuration:v=250,allowedBackdropClose:I=!0,styleConfig:R={},disableOutSideClick:k=!1,disablePortal:j=!1,draggableConfig:w})=>{const[E,T]=l.useState(e);l.useEffect(()=>(S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}),[]);const{bottomSheetContainer:W=[],overlayWrapper:N=[]}=R||{},q=e=>{k||(e.preventDefault(),I&&r&&r({isClosedByOutSideClick:!0}))},z=()=>{T(!1)},H=()=>{null==r||r()};l.useEffect(()=>{e&&T(!0)},[e]);const P=p.useStyles(()=>({bottomSheetContainer:Object.assign(Object.assign({},(null==w?void 0:w.isDraggable)?{height:void 0}:{}),{backgroundColor:c,borderTopLeftRadius:u,borderTopRightRadius:u})}),[null==w?void 0:w.isDraggable,c,u]),G=p.useStyles(e=>({overlayWrapper:Object.assign({zIndex:e.zIndex.bottomSheet,alignItems:exports.DIRECTION.DOWN?"flex-end":"flex-start",backgroundColor:t||(y?void 0:"transparent")},y?{}:{boxShadow:"0px -4px 16px 0px rgba(26, 26, 26, 0.08)"})}),[y,t,O]),L=()=>{const e=o.jsx(C,{direction:O,showBorderRadius:u>0,handleClose:H,isBack:x,children:D,hideHeaderDismissIcon:!h});return(null==w?void 0:w.isDraggable)?o.jsx(g.BaseDraggerHeader,{children:e}):e},F=({ref:r,onReactTransitionGroupEnd:t})=>o.jsx(d.Transition,{type:"slide",slideDirection:b[O],timeout:v,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:e,onExited:z,onEntered:()=>{t&&t()},children:o.jsx("div",{ref:r,children:o.jsxs(i.Container,{styleConfig:{root:[m.bottomSheetContainer,P.bottomSheetContainer,...W]},children:[h&&L(),B]})})}),A=()=>o.jsx(s.Overlay,{blur:y,styleConfig:{root:[m.overlayWrapper,f,G.overlayWrapper,...N]},children:o.jsx(n.OutsideClickHandler,{disabled:k,onOutsideClick:q,wrapperProps:{style:{width:"100%"}},children:(null==w?void 0:w.isDraggable)?o.jsx(g.BaseDragger,Object.assign({isWrappedWithTransitionGroup:!0},w,{isVisible:e,children:({ref:e,onReactTransitionGroupEnd:r})=>F({ref:e,onReactTransitionGroupEnd:r})})):F({})})});return E?j?A():o.jsx(a.Portal,{id:"bottomsheet",children:A()}):null};class B extends l.Component{dismiss(){var e,r;null===(r=(e=this.props).onDismiss)||void 0===r||r.call(e)}render(){return o.jsx(y,Object.assign({},this.props))}}exports.BottomSheet=y,exports.BottomSheetComponent=B,exports.BottomSheetHeader=C;
 //# sourceMappingURL=ct-design-bottomsheet.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-bottomsheet.browser.cjs.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/style.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","direction","DOWN","theme","useTheme","headerContainer","closeButtonStyles","isTop","position","right","backgroundColor","height","size","width","display","alignItems","padding","spacing","borderRadius","border","radius","cursor","justifyContent","top","bottom","getCloseButtonStyle","CloseIcon","_jsx","jsx","ModalBack","Cross","crossColor","color","background","primary","getCloseIcon","_jsxs","jsxs","Container","__assign","className","css","neutral","zIndex","bottomSheet","borderTopLeftRadius","borderTopRightRadius","onClick","defaultProps","slideDirection","up","down","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","header","onClose","_c","isOpen","_d","transitionDuration","timeout","overlayCloseIcon","_e","allowedBackdropClose","_f","_g","_h","disableOutSideClick","_j","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","_k","_l","show","_m","_o","bottomSheetContainer","overlayWrapper","Portal","Overlay","blur","customOverlayWrapperClass","OutsideClickHandler","disabled","onOutsideClick","event","preventDefault","isClosedByOutSideClick","wrapperProps","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","flexDirection","maxHeight","boxShadow","elevation","bottomE2"],"mappings":"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"}
+{"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":["BottomSheetSnapPoint","DIRECTION","CLOSE_ICON_TYPE","staticBottomSheetHeaderStyles","makeStyles","theme","headerContainer","backgroundColor","color","background","neutral","zIndex","bottomSheet","headerContainerWithBorderRadius","borderTopLeftRadius","border","radius","borderTopRightRadius","closeButton","position","right","spacing","height","size","width","display","alignItems","padding","borderRadius","cursor","justifyContent","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","showBorderRadius","hideHeaderDismissIcon","direction","DOWN","useTheme","customHeaderContainerStyles","customCloseButtonStyles","isTop","dynamicCloseButtonStyles","useStyles","Object","assign","top","bottom","CloseIcon","_jsx","jsx","ModalBack","Cross","crossColor","primary","getCloseIcon","_jsxs","jsxs","Container","root","onClick","slideDirection","up","down","staticBottomSheetStyles","bottomSheetContainer","flexDirection","maxHeight","boxShadow","elevation","bottomE2","overlayWrapper","left","webStaticBottomSheetStyles","css","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","BottomSheet","open","onDismiss","backdropColor","containerSheetBackgroundColor","cornerRadius","showCloseButton","showBackButton","showBackdrop","header","transitionDuration","timeout","allowedBackdropClose","disableOutSideClick","disablePortal","draggableConfig","isVisible","setIsVisible","useState","useEffect","addEventListener","removeEventListener","customBottomSheetContainerStyles","customOverlayWrapperStyles","handleCloseBottomSheet","event","preventDefault","isClosedByOutSideClick","handleExited","dynamicBottomSheetContainerStyles","isDraggable","undefined","dynamicOverlayWrapperStyles","renderBottomsheetHeader","headerComponent","BaseDraggerHeader","renderBottomsheetWithTransition","ref","onReactTransitionGroupEnd","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","onEntered","renderBottomsheetWithOverlay","Overlay","blur","OutsideClickHandler","disabled","onOutsideClick","wrapperProps","BaseDragger","isWrappedWithTransitionGroup","Portal","id","BottomSheetComponent","Component","dismiss","_b","this","render"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as o,jsx as i}from"react/jsx-runtime";import{Container as r}from"@cleartrip/ct-design-container";import{OutsideClickHandler as t}from"@cleartrip/ct-design-outside-click-handler";import{Overlay as n}from"@cleartrip/ct-design-overlay";import{Portal as d}from"@cleartrip/ct-design-portal";import{Transition as s}from"@cleartrip/ct-design-transition";import{useState as a,useEffect as c}from"react";import{ModalBack as l,Cross as u}from"@cleartrip/ct-design-icons";import{useTheme as p}from"@cleartrip/ct-design-theme";var m;!function(e){e.DOWN="down",e.UP="up"}(m||(m={}));var h;!function(e){e.CROSS="CROSS",e.BACK="BACK"}(h||(h={}));var v=function(t){var n=t.handleClose,d=t.styleConfig,s=t.isBack,a=t.children,c=t.showBorderRadius,h=void 0===c||c,v=t.direction,f=void 0===v?m.DOWN:v,g=p(),b=(d||{}).headerContainer,w=function(o){var i=o.theme,r=o.isTop,t=void 0===r||r;return e({position:"absolute",right:"10px",backgroundColor:"white",height:i.size[8],width:i.size[8],display:"flex",alignItems:"center",padding:i.spacing[1],borderRadius:i.border.radius["50P"],cursor:"pointer",justifyContent:"center"},t?{top:"-44px"}:{bottom:"-44px"})}({theme:g,isTop:f===m.DOWN}),C=function(e){return void 0===e&&(e=!1),e?i(l,{}):i(u,{height:24,width:24,crossColor:g.color.background.primary})}(s);return o(r,e({className:null==b?void 0:b.className,css:e(e({backgroundColor:g.color.background.neutral,zIndex:g.zIndex.bottomSheet},h&&f===m.DOWN&&{borderTopLeftRadius:g.border.radius[16],borderTopRightRadius:g.border.radius[16]}),null==b?void 0:b.css)},{children:[i(r,e({css:e({},w),onClick:n},{children:C})),a]}))};v.defaultProps={};var f={up:"down",down:"up"},g=function(){var e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh","".concat(e,"px"))},b=function(l){var u=l.direction,m=void 0===u?"down":u,h=l.children,b=l.header,w=l.onClose,C=l.isOpen,x=void 0!==C&&C,y=l.transitionDuration,k=void 0===y?200:y,O=l.overlayCloseIcon,R=l.allowedBackdropClose,B=void 0===R||R,S=l.showBorderRadius,N=void 0===S||S,z=l.styleConfig,D=void 0===z?{}:z,E=l.disableOutSideClick,I=void 0!==E&&E,T=a(x),W=T[0],P=T[1],L=p();c((function(){return g(),window.addEventListener("resize",g),function(){window.removeEventListener("resize",g)}}),[]);var j=O||{},A=j.show,H=void 0!==A&&A,K=j.isBack,U=void 0!==K&&K,q=D||{},F=q.bottomSheetContainer,G=q.overlayWrapper;return c((function(){x&&P(!0)}),[x]),W?i(d,{children:i(n,e({blur:!0,customOverlayWrapperClass:null==G?void 0:G.className,css:e({position:"fixed",bottom:0,justifyContent:"center",zIndex:L.zIndex.bottomSheet,alignItems:"".concat("down"===m?"flex-end":"flex-start")},null==G?void 0:G.css)},{children:i(t,e({disabled:I,onOutsideClick:function(e){I||(e.preventDefault(),B&&w&&w({isClosedByOutSideClick:!0}))},wrapperProps:{style:{width:"100%"}}},{children:i(s,e({type:"slide",slideDirection:f[m],timeout:k,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:x,onExited:function(){P(!1)}},{children:o(r,e({className:null==F?void 0:F.className,css:e({position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",background:"white",borderTopLeftRadius:16,borderTopRightRadius:16,maxHeight:"calc(var(--mvh) * 90)",boxShadow:L.elevation.bottomE2},null==F?void 0:F.css)},{children:[H&&i(v,{direction:m,showBorderRadius:N,handleClose:w,isBack:U,children:b}),h]}))}))}))}))}):null};export{b as BottomSheet,v as BottomSheetHeader,m as DIRECTION};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Container as r}from"@cleartrip/ct-design-container";import{OutsideClickHandler as t}from"@cleartrip/ct-design-outside-click-handler";import{Overlay as i}from"@cleartrip/ct-design-overlay";import{Portal as n}from"@cleartrip/ct-design-portal";import{Transition as a}from"@cleartrip/ct-design-transition";import{useState as s,useEffect as d,Component as l}from"react";import{ModalBack as c,Cross as p}from"@cleartrip/ct-design-icons";import{useTheme as u}from"@cleartrip/ct-design-theme";import{makeStyles as h,useStyles as g}from"@cleartrip/ct-design-style-manager";import{css as m}from"@emotion/css";import{BaseDragger as b,BaseDraggerHeader as f}from"@cleartrip/ct-design-base-dragger";var C,x,v;!function(e){e[e.Hidden=0]="Hidden",e[e.Partial=1]="Partial",e[e.Full=2]="Full"}(C||(C={})),function(e){e.DOWN="down",e.UP="up",e.LEFT="left",e.RIGHT="right"}(x||(x={})),function(e){e.CROSS="CROSS",e.BACK="BACK"}(v||(v={}));const y=h(e=>({headerContainer:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet},headerContainerWithBorderRadius:{backgroundColor:e.color.background.neutral,zIndex:e.zIndex.bottomSheet,borderTopLeftRadius:e.border.radius[16],borderTopRightRadius:e.border.radius[16]},closeButton:{position:"absolute",right:e.spacing[2],backgroundColor:e.color.background.neutral,height:e.size[8],width:e.size[8],display:"flex",alignItems:"center",padding:e.spacing[1],borderRadius:e.border.radius[32],cursor:"pointer",justifyContent:"center"}})),w=t=>{const{handleClose:i,styleConfig:n,isBack:a,children:s,showBorderRadius:d=!0,hideHeaderDismissIcon:l=!1,direction:h=x.DOWN}=t,m=u(),{headerContainer:b=[],closeButton:f=[]}=n||{},C=h===x.DOWN,v=g(e=>({closeButton:Object.assign({},C?{top:-e.spacing[10]}:{bottom:-e.spacing[10]})}),[C]),w=((e=!1)=>l?null:e?o(c,{}):o(p,{height:24,width:24,crossColor:m.color.background.primary}))(a);return e(r,{styleConfig:{root:[d&&h===x.DOWN?y.headerContainerWithBorderRadius:y.headerContainer,...b]},children:[o(r,{styleConfig:{root:[y.closeButton,v.closeButton,...f]},onClick:i,children:w}),s]})},k={up:"down",down:"up"},B=h(e=>({bottomSheetContainer:{position:"relative",width:"100%",display:"flex",flexDirection:"column",maxHeight:"calc(var(--mvh) * 92)",boxShadow:e.elevation.bottomE2},overlayWrapper:{top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",justifyContent:"flex-end"}})),D=m({position:"fixed"}),O=()=>{const e=.01*window.innerHeight;document.documentElement.style.setProperty("--mvh",`${e}px`)},R=({open:l,onDismiss:c,backgroundColor:p,containerSheetBackgroundColor:u="white",cornerRadius:h=16,showCloseButton:m=!0,showBackButton:C=!1,showBackdrop:v=!0,children:y,header:R,direction:S=x.DOWN,transitionDuration:W=250,allowedBackdropClose:E=!0,styleConfig:I={},disableOutSideClick:z=!1,disablePortal:T=!1,draggableConfig:j})=>{const[H,N]=s(l);d(()=>(O(),window.addEventListener("resize",O),()=>{window.removeEventListener("resize",O)}),[]);const{bottomSheetContainer:P=[],overlayWrapper:G=[]}=I||{},L=e=>{z||(e.preventDefault(),E&&c&&c({isClosedByOutSideClick:!0}))},F=()=>{N(!1)},A=()=>{null==c||c()};d(()=>{l&&N(!0)},[l]);const K=g(()=>({bottomSheetContainer:Object.assign(Object.assign({},(null==j?void 0:j.isDraggable)?{height:void 0}:{}),{backgroundColor:u,borderTopLeftRadius:h,borderTopRightRadius:h})}),[null==j?void 0:j.isDraggable,u,h]),U=g(e=>({overlayWrapper:Object.assign({zIndex:e.zIndex.bottomSheet,alignItems:x.DOWN?"flex-end":"flex-start",backgroundColor:p||(v?void 0:"transparent")},v?{}:{boxShadow:"0px -4px 16px 0px rgba(26, 26, 26, 0.08)"})}),[v,p,S]),V=()=>{const e=o(w,{direction:S,showBorderRadius:h>0,handleClose:A,isBack:C,children:R,hideHeaderDismissIcon:!m});return(null==j?void 0:j.isDraggable)?o(f,{children:e}):e},$=({ref:t,onReactTransitionGroupEnd:i})=>o(a,{type:"slide",slideDirection:k[S],timeout:W,mountOnEnter:!0,unmountOnExit:!0,appear:!0,in:l,onExited:F,onEntered:()=>{i&&i()},children:o("div",{ref:t,children:e(r,{styleConfig:{root:[B.bottomSheetContainer,K.bottomSheetContainer,...P]},children:[m&&V(),y]})})}),q=()=>o(i,{blur:v,styleConfig:{root:[B.overlayWrapper,D,U.overlayWrapper,...G]},children:o(t,{disabled:z,onOutsideClick:L,wrapperProps:{style:{width:"100%"}},children:(null==j?void 0:j.isDraggable)?o(b,Object.assign({isWrappedWithTransitionGroup:!0},j,{isVisible:l,children:({ref:e,onReactTransitionGroupEnd:o})=>$({ref:e,onReactTransitionGroupEnd:o})})):$({})})});return H?T?q():o(n,{id:"bottomsheet",children:q()}):null};class S extends l{dismiss(){var e,o;null===(o=(e=this.props).onDismiss)||void 0===o||o.call(e)}render(){return o(R,Object.assign({},this.props))}}export{R as BottomSheet,S as BottomSheetComponent,w as BottomSheetHeader,C as BottomSheetSnapPoint,x as DIRECTION};
 //# sourceMappingURL=ct-design-bottomsheet.browser.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-bottomsheet.browser.esm.js","sources":["../packages/components/Bottomsheet/src/type.ts","../packages/components/Bottomsheet/src/style.ts","../packages/components/Bottomsheet/src/BottomSheetHeader/BottomSheetHeader.tsx","../packages/components/Bottomsheet/src/BottomSheet.tsx"],"sourcesContent":[null,null,null,null],"names":["DIRECTION","CLOSE_ICON_TYPE","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","_a","showBorderRadius","_b","direction","DOWN","theme","useTheme","headerContainer","closeButtonStyles","isTop","position","right","backgroundColor","height","size","width","display","alignItems","padding","spacing","borderRadius","border","radius","cursor","justifyContent","top","bottom","getCloseButtonStyle","CloseIcon","_jsx","ModalBack","Cross","crossColor","color","background","primary","getCloseIcon","_jsxs","Container","__assign","className","css","neutral","zIndex","bottomSheet","borderTopLeftRadius","borderTopRightRadius","onClick","defaultProps","slideDirection","up","down","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","concat","BottomSheet","header","onClose","_c","isOpen","_d","transitionDuration","timeout","overlayCloseIcon","_e","allowedBackdropClose","_f","_g","_h","disableOutSideClick","_j","useState","isVisible","setIsVisible","useEffect","addEventListener","removeEventListener","_k","_l","show","_m","_o","bottomSheetContainer","overlayWrapper","Portal","Overlay","blur","customOverlayWrapperClass","OutsideClickHandler","disabled","onOutsideClick","event","preventDefault","isClosedByOutSideClick","wrapperProps","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","flexDirection","maxHeight","boxShadow","elevation","bottomE2"],"mappings":"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"}
+{"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":["BottomSheetSnapPoint","DIRECTION","CLOSE_ICON_TYPE","staticBottomSheetHeaderStyles","makeStyles","theme","headerContainer","backgroundColor","color","background","neutral","zIndex","bottomSheet","headerContainerWithBorderRadius","borderTopLeftRadius","border","radius","borderTopRightRadius","closeButton","position","right","spacing","height","size","width","display","alignItems","padding","borderRadius","cursor","justifyContent","BottomSheetHeader","props","handleClose","styleConfig","isBack","children","showBorderRadius","hideHeaderDismissIcon","direction","DOWN","useTheme","customHeaderContainerStyles","customCloseButtonStyles","isTop","dynamicCloseButtonStyles","useStyles","Object","assign","top","bottom","CloseIcon","_jsx","ModalBack","Cross","crossColor","primary","getCloseIcon","_jsxs","Container","root","onClick","slideDirection","up","down","staticBottomSheetStyles","bottomSheetContainer","flexDirection","maxHeight","boxShadow","elevation","bottomE2","overlayWrapper","left","webStaticBottomSheetStyles","css","handleWindowResize","vh","window","innerHeight","document","documentElement","style","setProperty","BottomSheet","open","onDismiss","backdropColor","containerSheetBackgroundColor","cornerRadius","showCloseButton","showBackButton","showBackdrop","header","transitionDuration","timeout","allowedBackdropClose","disableOutSideClick","disablePortal","draggableConfig","isVisible","setIsVisible","useState","useEffect","addEventListener","removeEventListener","customBottomSheetContainerStyles","customOverlayWrapperStyles","handleCloseBottomSheet","event","preventDefault","isClosedByOutSideClick","handleExited","dynamicBottomSheetContainerStyles","isDraggable","undefined","dynamicOverlayWrapperStyles","renderBottomsheetHeader","headerComponent","BaseDraggerHeader","renderBottomsheetWithTransition","ref","onReactTransitionGroupEnd","Transition","type","mountOnEnter","unmountOnExit","appear","in","onExited","onEntered","renderBottomsheetWithOverlay","Overlay","blur","OutsideClickHandler","disabled","onOutsideClick","wrapperProps","BaseDragger","isWrappedWithTransitionGroup","Portal","id","BottomSheetComponent","Component","dismiss","_b","this","render"],"mappings":"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"}