@cleartrip/ct-design-toast 4.0.0-TEST.3 → 5.0.0

package/README.md

@@ -0,0 +1,89 @@
+# Toast
+
+A temporary notification component that appears briefly.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-toast
+# or
+pnpm add @cleartrip/ct-design-toast
+```
+
+### 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 { Toast } from '@cleartrip/ct-design-toast';
+
+function Example() {
+  return (
+    <Toast>
+      {/* Basic usage */}
+    </Toast>
+  );
+}
+```
+
+---
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+| `show` | `boolean` | — | Yes | show property |
+| `text` | `string | ReactNode` | — | Yes | text property |
+| `borderSize` | ``${IToastBorderSize` | — | No | borderSize property |
+
+---
+
+## IToastBorderSize
+
+- `XS` — xs
+- `SM` — sm
+- `MD` — md
+- `LG` — lg
+- `XL` — xl
+---
+
+## IToastPosition
+
+- `TOP` — top
+- `BOTTOM` — bottom
+- `BOTTOM_CENTER` — bottom_center
+---
+
+## 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 { Toast } from 'yagami/core/components';
++ import { Toast } from '@cleartrip/ct-design-toast';
+```

package/dist/Toast.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IToastProps } from './type';
 declare const Toast: React.FC<IToastProps>;
 export default Toast;

package/dist/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../packages/components/Toast/src/Toast.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAoC,WAAW,EAAE,MAAM,QAAQ,CAAC;AAUvE,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwEhC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../packages/components/Toast/src/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAoCrC,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4FhC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,13 @@
+export declare enum IToastBorderSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}
+export declare enum IToastPosition {
+    TOP = "top",
+    BOTTOM = "bottom",
+    BOTTOM_CENTER = "bottom_center"
+}
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/Toast/src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,cAAc;IACxB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),s=require("@cleartrip/ct-design-theme"),t=require("@cleartrip/ct-design-portal"),i=require("@cleartrip/ct-design-transition"),a=require("@cleartrip/ct-design-typography"),n=require("@cleartrip/ct-design-container"),d=require("styled-components"),u=require("classnames");function l(e){return e&&e.__esModule?e:{default:e}}var c,p=l(d),x=l(u);exports.IToastBorderSize=void 0,(c=exports.IToastBorderSize||(exports.IToastBorderSize={})).XS="xs",c.SM="sm",c.MD="md",c.LG="lg",c.XL="xl",exports.IToastPosition=void 0,(exports.IToastPosition||(exports.IToastPosition={})).BOTTOM_CENTER="BOTTOM_CENTER";var m=function(r){var o=r.borderSize,s=r.position,t=r.bottom,i=r.theme,a=function(e){e.position;var r=e.bottom,o=void 0===r?"100px":r;return e.theme,exports.IToastPosition.BOTTOM_CENTER,{left:"50%",transform:"translate(-50%, 0)",bottom:o}}({position:s,bottom:t,theme:i})||{};return e.__assign(e.__assign({width:"288px",position:"fixed",background:i.color.background.defaultDarkest,padding:"8px 12px",display:"flex",alignItems:"center"},a),function(e,r){switch(e){case exports.IToastBorderSize.XS:return{borderRadius:r.border.radius[4]};case exports.IToastBorderSize.SM:return{borderRadius:r.border.radius[6]};case exports.IToastBorderSize.MD:return{borderRadius:r.border.radius[8]};case exports.IToastBorderSize.LG:return{borderRadius:r.border.radius[16]};case exports.IToastBorderSize.XL:return{borderRadius:r.border.radius[32]};default:return{borderRadius:r.border.radius[8]}}}(o,i))},f=p.default.div((function(r){var o=r.css;return e.__assign({},o)}));exports.Toast=function(d){var u=d.borderSize,l=void 0===u?exports.IToastBorderSize.MD:u,c=d.position,p=void 0===c?exports.IToastPosition.BOTTOM_CENTER:c,T=d.bottom,v=d.show,_=void 0===v||v,g=d.text,b=d.prefixComponent,h=d.suffixComponent,S=d.animationDuration,I=void 0===S?400:S,B=d.isAutoClose,C=void 0===B||B,z=d.closeTimeout,y=void 0===z?2e3:z,N=d.css,q=void 0===N?{}:N,M=d.className,R=void 0===M?"":M,E=d.styleConfig,O=void 0===E?{}:E,j=s.useTheme(),D=O.prefixContainer,P=O.textTypography,L=O.toastContainer,X=O.suffixContainer,k=o.useState(_),w=k[0],G=k[1],A=m({borderSize:l,position:p,bottom:T,theme:j});return o.useEffect((function(){var e;return C&&(e=setTimeout((function(){G(!1)}),y)),function(){e&&clearTimeout(e)}}),[]),r.jsx(t.Portal,{children:r.jsx(i.Transition,e.__assign({type:"fade",slideDirection:"up",in:w,timeout:I},{children:r.jsxs(f,e.__assign({css:e.__assign(e.__assign({},A),(null==L?void 0:L.css)||q),className:R},{children:[b&&r.jsx(n.Container,e.__assign({className:x.default("flex flex-middle mr-2",null==D?void 0:D.className),css:null==D?void 0:D.css},{children:b})),r.jsx(a.Typography,e.__assign({variant:"B3",color:"neutral",className:"p-1",styleConfig:P},{children:g})),h&&r.jsx(n.Container,e.__assign({className:x.default("flex flex-middle ml-auto",null==X?void 0:X.className),css:null==X?void 0:X.css},{children:h}))]}))}))})};
+"use strict";var e,t,r=require("react/jsx-runtime"),o=require("react"),i=require("@cleartrip/ct-design-container"),s=require("@cleartrip/ct-design-portal"),a=require("@cleartrip/ct-design-typography"),n=require("@cleartrip/ct-design-animated"),c=require("@cleartrip/ct-design-style-manager"),l=require("@cleartrip/ct-design-common-utils");exports.IToastBorderSize=void 0,(e=exports.IToastBorderSize||(exports.IToastBorderSize={})).XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",exports.IToastPosition=void 0,(t=exports.IToastPosition||(exports.IToastPosition={})).TOP="top",t.BOTTOM="bottom",t.BOTTOM_CENTER="bottom_center";const d=(e,t)=>{switch(e){case exports.IToastBorderSize.XS:return{borderRadius:t.border.radius[4]};case exports.IToastBorderSize.SM:return{borderRadius:t.border.radius[6]};case exports.IToastBorderSize.LG:return{borderRadius:t.border.radius[16]};case exports.IToastBorderSize.XL:return{borderRadius:t.border.radius[32]};case exports.IToastBorderSize.MD:default:return{borderRadius:t.border.radius[8]}}},p=({position:e=exports.IToastPosition.BOTTOM_CENTER,theme:t})=>{switch(e){case exports.IToastPosition.BOTTOM_CENTER:return l.isPwa()?{left:0,right:0,margin:"auto"}:{};case exports.IToastPosition.TOP:return{top:t.spacing[4],left:t.spacing[4]};case exports.IToastPosition.BOTTOM:default:return{left:t.spacing[4],right:"auto"}}},u=c.makeStyles(e=>({root:{display:"flex",alignItems:"center",bottom:30,margin:"auto",maxWidth:"100%",position:"absolute",backgroundColor:e.color.background.defaultDarkest,paddingVertical:e.spacing[2],paddingHorizontal:e.spacing[3],flexDirection:"row",alignSelf:"center",gap:e.spacing[2]},prefixContainer:{display:"flex",alignItems:"center",justifyContent:"center"},textContainer:{display:"flex",flexDirection:"row",flex:1},suffixContainer:{display:"flex"}}));exports.Toast=({borderSize:e=exports.IToastBorderSize.MD,position:t=exports.IToastPosition.BOTTOM_CENTER,bottomOffset:l=30,show:x=!1,text:T,prefixComponent:f,suffixComponent:g,animationDuration:m=400,isAutoClose:y=!0,closeTimeout:C=2e3,styleConfig:b,onHide:h})=>{const{prefixContainer:I=[],textTypography:O=[],toastContainer:S=[],suffixContainer:B=[]}=b||{},P=o.useRef(null),[j,z]=n.useAnimatedStyles({from:{translateY:+l,opacity:0},to:{translateY:-l,opacity:1},config:{duration:m,immediate:!!x}},[x]),M=c.useStyles(r=>({root:Object.assign(Object.assign(Object.assign({},d(e,r)),p({position:t,theme:r})),{opacity:x?1:0})}),[x,e,t]),R=()=>{P.current&&(clearTimeout(P.current),P.current=null)};return o.useEffect(()=>{if(x){if(z.start(),y)return P.current=setTimeout(()=>{null==h||h(),z.start({to:{opacity:0,translateY:+l}})},C||2e3),()=>R()}else R()},[x,y,C,l]),r.jsx(s.Portal,{id:"toast-portal",children:r.jsxs(n.Animated.Container,{animated:j,styleConfig:{root:[u.root,M.root,...S]},children:[f&&r.jsx(i.Container,{styleConfig:{root:[u.prefixContainer,...I]},children:f}),r.jsx(i.Container,{styleConfig:{root:[u.textContainer,...O]},children:r.jsx(a.Typography,{variant:a.TypographyVariant.B3,color:a.TypographyColor.NEUTRAL,children:T})}),g&&r.jsx(i.Container,{styleConfig:{root:[u.suffixContainer,...B]},children:g})]})})};
 //# sourceMappingURL=ct-design-toast.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-toast.browser.cjs.js","sources":["../packages/components/Toast/src/type.ts","../packages/components/Toast/src/style.ts","../packages/components/Toast/src/StyledToast/StyledToast.tsx","../packages/components/Toast/src/Toast.tsx"],"sourcesContent":[null,null,null,null],"names":["IToastBorderSize","IToastPosition","getToastStyles","_a","borderSize","position","bottom","theme","tooltipPosition","_b","BOTTOM_CENTER","left","transform","getToastPosition","__assign","width","background","color","defaultDarkest","padding","display","alignItems","XS","borderRadius","border","radius","SM","MD","LG","XL","getToastBorderSize","StyledToast","styled","default","div","css","_c","_d","show","text","prefixComponent","suffixComponent","_e","animationDuration","_f","isAutoClose","_g","closeTimeout","_h","_j","className","_k","styleConfig","useTheme","prefixContainer","textTypography","toastContainer","suffixContainer","_l","useState","showToast","setShowToast","toastStyles","useEffect","id","setTimeout","clearTimeout","_jsx","jsx","Portal","children","Transition","type","slideDirection","in","timeout","_jsxs","jsxs","Container","classNames","Typography","variant"],"mappings":"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"}
+{"version":3,"file":"ct-design-toast.browser.cjs.js","sources":["../packages/components/Toast/src/constants.ts","../packages/components/Toast/src/style.ts","../packages/components/Toast/src/Toast.tsx"],"sourcesContent":[null,null,null],"names":["IToastBorderSize","IToastPosition","getToastBorderSize","borderSize","theme","XS","borderRadius","border","radius","SM","LG","XL","MD","getToastPosition","position","BOTTOM_CENTER","isPwa","left","right","margin","TOP","top","spacing","BOTTOM","staticStyles","makeStyles","root","display","alignItems","bottom","maxWidth","backgroundColor","color","background","defaultDarkest","paddingVertical","paddingHorizontal","flexDirection","alignSelf","gap","prefixContainer","justifyContent","textContainer","flex","suffixContainer","bottomOffset","show","text","prefixComponent","suffixComponent","animationDuration","isAutoClose","closeTimeout","styleConfig","onHide","onToastClose","textTypography","toastContainer","timerRef","useRef","containerStyle","containerController","useAnimatedStyles","from","translateY","opacity","to","config","duration","immediate","dynamicRootStyles","useStyles","Object","assign","handleTimerClear","current","clearTimeout","useEffect","start","setTimeout","_jsx","Portal","id","children","_jsxs","jsxs","Animated","Container","animated","jsx","Typography","variant","TypographyVariant","B3","TypographyColor","NEUTRAL"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__assign as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as i,useEffect as t}from"react";import{useTheme as n}from"@cleartrip/ct-design-theme";import{Portal as s}from"@cleartrip/ct-design-portal";import{Transition as a}from"@cleartrip/ct-design-transition";import{Typography as d}from"@cleartrip/ct-design-typography";import{Container as c}from"@cleartrip/ct-design-container";import l from"styled-components";import m from"classnames";var u,p;!function(r){r.XS="xs",r.SM="sm",r.MD="md",r.LG="lg",r.XL="xl"}(u||(u={})),function(r){r.BOTTOM_CENTER="BOTTOM_CENTER"}(p||(p={}));var f=function(o){var e=o.borderSize,i=o.position,t=o.bottom,n=o.theme,s=function(r){r.position;var o=r.bottom,e=void 0===o?"100px":o;return r.theme,p.BOTTOM_CENTER,{left:"50%",transform:"translate(-50%, 0)",bottom:e}}({position:i,bottom:t,theme:n})||{};return r(r({width:"288px",position:"fixed",background:n.color.background.defaultDarkest,padding:"8px 12px",display:"flex",alignItems:"center"},s),function(r,o){switch(r){case u.XS:return{borderRadius:o.border.radius[4]};case u.SM:return{borderRadius:o.border.radius[6]};case u.MD:return{borderRadius:o.border.radius[8]};case u.LG:return{borderRadius:o.border.radius[16]};case u.XL:return{borderRadius:o.border.radius[32]};default:return{borderRadius:o.border.radius[8]}}}(e,n))},b=l.div((function(o){var e=o.css;return r({},e)})),v=function(l){var v=l.borderSize,x=void 0===v?u.MD:v,h=l.position,T=void 0===h?p.BOTTOM_CENTER:h,g=l.bottom,C=l.show,N=void 0===C||C,R=l.text,y=l.prefixComponent,M=l.suffixComponent,E=l.animationDuration,O=void 0===E?400:E,S=l.isAutoClose,D=void 0===S||S,B=l.closeTimeout,L=void 0===B?2e3:B,X=l.css,_=void 0===X?{}:X,k=l.className,w=void 0===k?"":k,z=l.styleConfig,G=void 0===z?{}:z,j=n(),A=G.prefixContainer,I=G.textTypography,q=G.toastContainer,F=G.suffixContainer,H=i(N),J=H[0],K=H[1],P=f({borderSize:x,position:T,bottom:g,theme:j});return t((function(){var r;return D&&(r=setTimeout((function(){K(!1)}),L)),function(){r&&clearTimeout(r)}}),[]),o(s,{children:o(a,r({type:"fade",slideDirection:"up",in:J,timeout:O},{children:e(b,r({css:r(r({},P),(null==q?void 0:q.css)||_),className:w},{children:[y&&o(c,r({className:m("flex flex-middle mr-2",null==A?void 0:A.className),css:null==A?void 0:A.css},{children:y})),o(d,r({variant:"B3",color:"neutral",className:"p-1",styleConfig:I},{children:R})),M&&o(c,r({className:m("flex flex-middle ml-auto",null==F?void 0:F.className),css:null==F?void 0:F.css},{children:M}))]}))}))})};export{u as IToastBorderSize,p as IToastPosition,v as Toast};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useRef as e,useEffect as o}from"react";import{Container as i}from"@cleartrip/ct-design-container";import{Portal as n}from"@cleartrip/ct-design-portal";import{Typography as a,TypographyVariant as s,TypographyColor as c}from"@cleartrip/ct-design-typography";import{useAnimatedStyles as l,Animated as d}from"@cleartrip/ct-design-animated";import{makeStyles as u,useStyles as p}from"@cleartrip/ct-design-style-manager";import{isPwa as f}from"@cleartrip/ct-design-common-utils";var m,g;!function(t){t.XS="xs",t.SM="sm",t.MD="md",t.LG="lg",t.XL="xl"}(m||(m={})),function(t){t.TOP="top",t.BOTTOM="bottom",t.BOTTOM_CENTER="bottom_center"}(g||(g={}));const x=(t,r)=>{switch(t){case m.XS:return{borderRadius:r.border.radius[4]};case m.SM:return{borderRadius:r.border.radius[6]};case m.LG:return{borderRadius:r.border.radius[16]};case m.XL:return{borderRadius:r.border.radius[32]};case m.MD:default:return{borderRadius:r.border.radius[8]}}},C=({position:t=g.BOTTOM_CENTER,theme:r})=>{switch(t){case g.BOTTOM_CENTER:return f()?{left:0,right:0,margin:"auto"}:{};case g.TOP:return{top:r.spacing[4],left:r.spacing[4]};case g.BOTTOM:default:return{left:r.spacing[4],right:"auto"}}},T=u(t=>({root:{display:"flex",alignItems:"center",bottom:30,margin:"auto",maxWidth:"100%",position:"absolute",backgroundColor:t.color.background.defaultDarkest,paddingVertical:t.spacing[2],paddingHorizontal:t.spacing[3],flexDirection:"row",alignSelf:"center",gap:t.spacing[2]},prefixContainer:{display:"flex",alignItems:"center",justifyContent:"center"},textContainer:{display:"flex",flexDirection:"row",flex:1},suffixContainer:{display:"flex"}})),b=({borderSize:u=m.MD,position:f=g.BOTTOM_CENTER,bottomOffset:b=30,show:y=!1,text:O,prefixComponent:h,suffixComponent:M,animationDuration:R=400,isAutoClose:E=!0,closeTimeout:B=2e3,styleConfig:D,onHide:S})=>{const{prefixContainer:j=[],textTypography:w=[],toastContainer:L=[],suffixContainer:N=[]}=D||{},_=e(null),[X,k]=l({from:{translateY:+b,opacity:0},to:{translateY:-b,opacity:1},config:{duration:R,immediate:!!y}},[y]),Y=p(t=>({root:Object.assign(Object.assign(Object.assign({},x(u,t)),C({position:f,theme:t})),{opacity:y?1:0})}),[y,u,f]),v=()=>{_.current&&(clearTimeout(_.current),_.current=null)};return o(()=>{if(y){if(k.start(),E)return _.current=setTimeout(()=>{null==S||S(),k.start({to:{opacity:0,translateY:+b}})},B||2e3),()=>v()}else v()},[y,E,B,b]),t(n,{id:"toast-portal",children:r(d.Container,{animated:X,styleConfig:{root:[T.root,Y.root,...L]},children:[h&&t(i,{styleConfig:{root:[T.prefixContainer,...j]},children:h}),t(i,{styleConfig:{root:[T.textContainer,...w]},children:t(a,{variant:s.B3,color:c.NEUTRAL,children:O})}),M&&t(i,{styleConfig:{root:[T.suffixContainer,...N]},children:M})]})})};export{m as IToastBorderSize,g as IToastPosition,b as Toast};
 //# sourceMappingURL=ct-design-toast.browser.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-toast.browser.esm.js","sources":["../packages/components/Toast/src/type.ts","../packages/components/Toast/src/style.ts","../packages/components/Toast/src/StyledToast/StyledToast.tsx","../packages/components/Toast/src/Toast.tsx"],"sourcesContent":[null,null,null,null],"names":["IToastBorderSize","IToastPosition","getToastStyles","_a","borderSize","position","bottom","theme","tooltipPosition","_b","BOTTOM_CENTER","left","transform","getToastPosition","__assign","width","background","color","defaultDarkest","padding","display","alignItems","XS","borderRadius","border","radius","SM","MD","LG","XL","getToastBorderSize","StyledToast","styled","div","css","Toast","_c","_d","show","text","prefixComponent","suffixComponent","_e","animationDuration","_f","isAutoClose","_g","closeTimeout","_h","_j","className","_k","styleConfig","useTheme","prefixContainer","textTypography","toastContainer","suffixContainer","_l","useState","showToast","setShowToast","toastStyles","useEffect","id","setTimeout","clearTimeout","_jsx","Portal","children","Transition","type","slideDirection","in","timeout","_jsxs","Container","classNames","Typography","variant"],"mappings":"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"}
+{"version":3,"file":"ct-design-toast.browser.esm.js","sources":["../packages/components/Toast/src/constants.ts","../packages/components/Toast/src/style.ts","../packages/components/Toast/src/Toast.tsx"],"sourcesContent":[null,null,null],"names":["IToastBorderSize","IToastPosition","getToastBorderSize","borderSize","theme","XS","borderRadius","border","radius","SM","LG","XL","MD","getToastPosition","position","BOTTOM_CENTER","isPwa","left","right","margin","TOP","top","spacing","BOTTOM","staticStyles","makeStyles","root","display","alignItems","bottom","maxWidth","backgroundColor","color","background","defaultDarkest","paddingVertical","paddingHorizontal","flexDirection","alignSelf","gap","prefixContainer","justifyContent","textContainer","flex","suffixContainer","Toast","bottomOffset","show","text","prefixComponent","suffixComponent","animationDuration","isAutoClose","closeTimeout","styleConfig","onHide","onToastClose","textTypography","toastContainer","timerRef","useRef","containerStyle","containerController","useAnimatedStyles","from","translateY","opacity","to","config","duration","immediate","dynamicRootStyles","useStyles","Object","assign","handleTimerClear","current","clearTimeout","useEffect","start","setTimeout","_jsx","Portal","id","children","_jsxs","Animated","Container","animated","Typography","variant","TypographyVariant","B3","TypographyColor","NEUTRAL"],"mappings":"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"}

package/dist/ct-design-toast.cjs.js

@@ -1,20 +1,13 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var ctDesignTheme = require('@cleartrip/ct-design-theme');
+var ctDesignContainer = require('@cleartrip/ct-design-container');
 var ctDesignPortal = require('@cleartrip/ct-design-portal');
-var ctDesignTransition = require('@cleartrip/ct-design-transition');
 var ctDesignTypography = require('@cleartrip/ct-design-typography');
-var ctDesignContainer = require('@cleartrip/ct-design-container');
-var styled = require('styled-components');
-var classNames = require('classnames');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+var ctDesignAnimated = require('@cleartrip/ct-design-animated');
+var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
+var ctDesignCommonUtils = require('@cleartrip/ct-design-common-utils');
 
 exports.IToastBorderSize = void 0;
 (function (IToastBorderSize) {
@@ -26,98 +19,110 @@ exports.IToastBorderSize = void 0;
 })(exports.IToastBorderSize || (exports.IToastBorderSize = {}));
 exports.IToastPosition = void 0;
 (function (IToastPosition) {
-    IToastPosition["BOTTOM_CENTER"] = "BOTTOM_CENTER";
+    IToastPosition["TOP"] = "top";
+    IToastPosition["BOTTOM"] = "bottom";
+    IToastPosition["BOTTOM_CENTER"] = "bottom_center";
 })(exports.IToastPosition || (exports.IToastPosition = {}));
 
-var getToastBorderSize = function (borderSize, theme) {
+const getToastBorderSize = (borderSize, theme) => {
     switch (borderSize) {
-        case exports.IToastBorderSize.XS: {
-            return {
-                borderRadius: theme.border.radius[4],
-            };
-        }
-        case exports.IToastBorderSize.SM: {
-            return {
-                borderRadius: theme.border.radius[6],
-            };
-        }
-        case exports.IToastBorderSize.MD: {
-            return {
-                borderRadius: theme.border.radius[8],
-            };
-        }
-        case exports.IToastBorderSize.LG: {
-            return {
-                borderRadius: theme.border.radius[16],
-            };
-        }
-        case exports.IToastBorderSize.XL: {
-            return {
-                borderRadius: theme.border.radius[32],
-            };
-        }
-        default: {
-            return {
-                borderRadius: theme.border.radius[8],
-            };
-        }
+        case exports.IToastBorderSize.XS:
+            return { borderRadius: theme.border.radius[4] };
+        case exports.IToastBorderSize.SM:
+            return { borderRadius: theme.border.radius[6] };
+        case exports.IToastBorderSize.LG:
+            return { borderRadius: theme.border.radius[16] };
+        case exports.IToastBorderSize.XL:
+            return { borderRadius: theme.border.radius[32] };
+        case exports.IToastBorderSize.MD:
+        default:
+            return { borderRadius: theme.border.radius[8] };
     }
 };
-var getToastPosition = function (_a) {
-    var position = _a.position, _b = _a.bottom, bottom = _b === void 0 ? '100px' : _b; _a.theme;
+const getToastPosition = ({ position = exports.IToastPosition.BOTTOM_CENTER, theme, }) => {
     switch (position) {
         case exports.IToastPosition.BOTTOM_CENTER: {
-            return {
-                left: '50%',
-                transform: 'translate(-50%, 0)',
-                bottom: bottom,
-            };
-        }
-        default: {
-            return {
-                left: '50%',
-                transform: 'translate(-50%, 0)',
-                bottom: bottom,
-            };
+            if (ctDesignCommonUtils.isPwa()) {
+                return { left: 0, right: 0, margin: 'auto' };
+            }
+            return {};
         }
+        case exports.IToastPosition.TOP:
+            return { top: theme.spacing[4], left: theme.spacing[4] };
+        case exports.IToastPosition.BOTTOM:
+        default:
+            return { left: theme.spacing[4], right: 'auto' };
     }
 };
-var getToastStyles = function (_a) {
-    var borderSize = _a.borderSize, position = _a.position, bottom = _a.bottom, theme = _a.theme;
-    var tooltipPosition = getToastPosition({ position: position, bottom: bottom, theme: theme }) || {};
-    return tslib.__assign(tslib.__assign({ width: '288px', position: 'fixed', background: theme.color.background.defaultDarkest, padding: '8px 12px', display: 'flex', alignItems: 'center' }, tooltipPosition), getToastBorderSize(borderSize, theme));
-};
-
-var StyledToast = styled__default.default.div(function (_a) {
-    var css = _a.css;
-    return (tslib.__assign({}, css));
-});
 
-var DEFAULT_ANIMATION_TIME = 400;
-var DEFAULT_TOAST_CLOSE_TIMEOUT = 2000;
-var Toast = function (_a) {
-    var _b = _a.borderSize, borderSize = _b === void 0 ? exports.IToastBorderSize.MD : _b, _c = _a.position, position = _c === void 0 ? exports.IToastPosition.BOTTOM_CENTER : _c, bottom = _a.bottom, _d = _a.show, show = _d === void 0 ? true : _d, text = _a.text, prefixComponent = _a.prefixComponent, suffixComponent = _a.suffixComponent, _e = _a.animationDuration, animationDuration = _e === void 0 ? DEFAULT_ANIMATION_TIME : _e, _f = _a.isAutoClose, isAutoClose = _f === void 0 ? true : _f, _g = _a.closeTimeout, closeTimeout = _g === void 0 ? DEFAULT_TOAST_CLOSE_TIMEOUT : _g, _h = _a.css, css = _h === void 0 ? {} : _h, _j = _a.className, className = _j === void 0 ? '' : _j, _k = _a.styleConfig, styleConfig = _k === void 0 ? {} : _k;
-    var theme = ctDesignTheme.useTheme();
-    var prefixContainer = styleConfig.prefixContainer, textTypography = styleConfig.textTypography, toastContainer = styleConfig.toastContainer, suffixContainer = styleConfig.suffixContainer;
-    var _l = react.useState(show), showToast = _l[0], setShowToast = _l[1];
-    var toastStyles = getToastStyles({
-        borderSize: borderSize,
-        position: position,
-        bottom: bottom,
-        theme: theme,
-    });
-    react.useEffect(function () {
-        var id;
-        if (isAutoClose) {
-            id = setTimeout(function () {
-                setShowToast(false);
-            }, closeTimeout);
+const DEFAULT_TOAST_CLOSE_TIMEOUT = 2000;
+const DEFAULT_ANIMATION_TIME = 400;
+const staticStyles = ctDesignStyleManager.makeStyles((theme) => ({
+    root: {
+        display: 'flex',
+        alignItems: 'center',
+        bottom: 30,
+        margin: 'auto',
+        maxWidth: '100%',
+        position: 'absolute',
+        backgroundColor: theme.color.background.defaultDarkest,
+        paddingVertical: theme.spacing[2],
+        paddingHorizontal: theme.spacing[3],
+        flexDirection: 'row',
+        alignSelf: 'center',
+        gap: theme.spacing[2],
+    },
+    prefixContainer: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    textContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        flex: 1,
+    },
+    suffixContainer: {
+        display: 'flex',
+    },
+}));
+const Toast = ({ borderSize = exports.IToastBorderSize.MD, position = exports.IToastPosition.BOTTOM_CENTER, bottomOffset = 30, show = false, text, prefixComponent, suffixComponent, animationDuration = DEFAULT_ANIMATION_TIME, isAutoClose = true, closeTimeout = DEFAULT_TOAST_CLOSE_TIMEOUT, styleConfig, onHide: onToastClose, }) => {
+    const { prefixContainer = [], textTypography = [], toastContainer = [], suffixContainer = [] } = styleConfig || {};
+    const timerRef = react.useRef(null);
+    const [containerStyle, containerController] = ctDesignAnimated.useAnimatedStyles({
+        from: { translateY: +bottomOffset, opacity: 0 },
+        to: { translateY: -bottomOffset, opacity: 1 },
+        config: {
+            duration: animationDuration,
+            immediate: show ? true : false,
+        },
+    }, [show]);
+    const dynamicRootStyles = ctDesignStyleManager.useStyles((theme) => ({
+        root: Object.assign(Object.assign(Object.assign({}, getToastBorderSize(borderSize, theme)), getToastPosition({ position, theme })), { opacity: show ? 1 : 0 }),
+    }), [show, borderSize, position]);
+    const handleTimerClear = () => {
+        if (!timerRef.current)
+            return;
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+    };
+    react.useEffect(() => {
+        if (!show) {
+            handleTimerClear();
+            return;
         }
-        return function () {
-            id && clearTimeout(id);
-        };
-    }, []);
-    return (jsxRuntime.jsx(ctDesignPortal.Portal, { children: jsxRuntime.jsx(ctDesignTransition.Transition, tslib.__assign({ type: 'fade', slideDirection: 'up', in: showToast, timeout: animationDuration }, { children: jsxRuntime.jsxs(StyledToast, tslib.__assign({ css: tslib.__assign(tslib.__assign({}, toastStyles), ((toastContainer === null || toastContainer === void 0 ? void 0 : toastContainer.css) || css)), className: className }, { children: [prefixComponent && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: classNames__default.default('flex flex-middle mr-2', prefixContainer === null || prefixContainer === void 0 ? void 0 : prefixContainer.className), css: prefixContainer === null || prefixContainer === void 0 ? void 0 : prefixContainer.css }, { children: prefixComponent }))), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B3', color: 'neutral', className: 'p-1', styleConfig: textTypography }, { children: text })), suffixComponent && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: classNames__default.default('flex flex-middle ml-auto', suffixContainer === null || suffixContainer === void 0 ? void 0 : suffixContainer.className), css: suffixContainer === null || suffixContainer === void 0 ? void 0 : suffixContainer.css }, { children: suffixComponent })))] })) })) }));
+        containerController.start();
+        if (!isAutoClose)
+            return;
+        timerRef.current = setTimeout(() => {
+            onToastClose === null || onToastClose === void 0 ? void 0 : onToastClose();
+            containerController.start({
+                to: { opacity: 0, translateY: +bottomOffset },
+            });
+        }, closeTimeout || DEFAULT_TOAST_CLOSE_TIMEOUT);
+        return () => handleTimerClear();
+    }, [show, isAutoClose, closeTimeout, bottomOffset]);
+    return (jsxRuntime.jsx(ctDesignPortal.Portal, { id: 'toast-portal', children: jsxRuntime.jsxs(ctDesignAnimated.Animated.Container, { animated: containerStyle, styleConfig: { root: [staticStyles.root, dynamicRootStyles.root, ...toastContainer] }, children: [prefixComponent && (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.prefixContainer, ...prefixContainer] }, children: prefixComponent })), jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.textContainer, ...textTypography] }, children: jsxRuntime.jsx(ctDesignTypography.Typography, { variant: ctDesignTypography.TypographyVariant.B3, color: ctDesignTypography.TypographyColor.NEUTRAL, children: text }) }), suffixComponent && (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.suffixContainer, ...suffixContainer] }, children: suffixComponent }))] }) }));
 };
 
 exports.Toast = Toast;

package/dist/ct-design-toast.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-toast.cjs.js","sources":["../packages/components/Toast/src/type.ts","../packages/components/Toast/src/style.ts","../packages/components/Toast/src/StyledToast/StyledToast.tsx","../packages/components/Toast/src/Toast.tsx"],"sourcesContent":[null,null,null,null],"names":["IToastBorderSize","IToastPosition","__assign","styled","useTheme","useState","useEffect","_jsx","Portal","Transition","_jsxs","Container","classNames","Typography"],"mappings":"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"}
+{"version":3,"file":"ct-design-toast.cjs.js","sources":["../packages/components/Toast/src/constants.ts","../packages/components/Toast/src/style.ts","../packages/components/Toast/src/Toast.tsx"],"sourcesContent":[null,null,null],"names":["IToastBorderSize","IToastPosition","isPwa","makeStyles","useRef","useAnimatedStyles","useStyles","useEffect","_jsx","Portal","_jsxs","Animated","Container","Typography","TypographyVariant","TypographyColor"],"mappings":"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"}