@cleartrip/ct-design-dialog 4.0.0 → 4.1.0-SNAPSHOT-native-main.1

package/README.md

@@ -0,0 +1,75 @@
+# Dialog
+
+A modal dialog component for displaying overlay content.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-dialog
+# or
+pnpm add @cleartrip/ct-design-dialog
+```
+
+### 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 { Dialog } from '@cleartrip/ct-design-dialog';
+
+function Example() {
+  return (
+    <Dialog>
+      {/* Basic usage */}
+    </Dialog>
+  );
+}
+```
+
+---
+
+## DialogAlignmentTypes
+
+- `ROW` — row
+- `COLUMN` — column
+---
+
+## DialogTypes
+
+- `SUCCESS` — link
+- `WARNING` — warning
+---
+
+## 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 { Dialog } from 'yagami/core/components';
++ import { Dialog } from '@cleartrip/ct-design-dialog';
+```

package/dist/Dialog.d.ts

@@ -1,6 +1,5 @@
-import { DialogProps } from './type';
-import { ForwardRefComponentWithStyle } from '@cleartrip/ct-design-types';
-type PolymorphicDialog = ForwardRefComponentWithStyle<'div', DialogProps>;
-declare const Dialog: PolymorphicDialog;
+import type { ContainerRef } from '@cleartrip/ct-design-container';
+import type { IDialogProps } from './type';
+declare const Dialog: import("react").ForwardRefExoticComponent<Omit<IDialogProps, "ref"> & import("react").RefAttributes<ContainerRef>>;
 export default Dialog;
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../packages/components/Dialog/src/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAI1E,KAAK,iBAAiB,GAAG,4BAA4B,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AAO1E,QAAA,MAAM,MAAM,mBA+BU,CAAC;AAEvB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../packages/components/Dialog/src/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAUnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAsB3C,QAAA,MAAM,MAAM,oHA2FX,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/Dialog.native.d.ts

@@ -0,0 +1,5 @@
+import type { ContainerRef } from '@cleartrip/ct-design-container';
+import type { IDialogProps } from './type';
+declare const Dialog: import("react").ForwardRefExoticComponent<Omit<IDialogProps, "ref"> & import("react").RefAttributes<ContainerRef>>;
+export default Dialog;
+//# sourceMappingURL=Dialog.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.native.d.ts","sourceRoot":"","sources":["../packages/components/Dialog/src/Dialog.native.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AASnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAW3C,QAAA,MAAM,MAAM,oHAwDX,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/DialogAction/DialogAction.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { CSSObject } from 'styled-components';
-import { DialogActionProps } from '../type';
-declare const DialogAction: React.FunctionComponent<DialogActionProps & {
-    css?: CSSObject;
-}>;
+import { type IDialogActionProps } from '../type';
+declare const DialogAction: {
+    ({ alignment, actionButtons, styleConfig, }: IDialogActionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default DialogAction;
 //# sourceMappingURL=DialogAction.d.ts.map

package/dist/DialogAction/DialogAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogAction.d.ts","sourceRoot":"","sources":["../../packages/components/Dialog/src/DialogAction/DialogAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAO9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAwBlF,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DialogAction.d.ts","sourceRoot":"","sources":["../../packages/components/Dialog/src/DialogAction/DialogAction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiClD,QAAA,MAAM,YAAY;iDAIf,kBAAkB;;CA+BpB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/DialogAction/DialogAction.native.d.ts

@@ -0,0 +1,7 @@
+import { type IDialogActionProps } from '../type';
+declare const DialogAction: {
+    ({ alignment, actionButtons, styleConfig, }: IDialogActionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DialogAction;
+//# sourceMappingURL=DialogAction.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogAction.native.d.ts","sourceRoot":"","sources":["../../packages/components/Dialog/src/DialogAction/DialogAction.native.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAyBlD,QAAA,MAAM,YAAY;iDAIf,kBAAkB;;CA+BpB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/DialogContent/DialogContent.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { CSSObject } from 'styled-components';
-import { DialogContentProps } from '../type';
-declare const DialogContent: React.FunctionComponent<DialogContentProps & {
-    css?: CSSObject;
-}>;
+import type { IDialogContentProps } from '../type';
+declare const DialogContent: {
+    ({ headIcon, title, description, styleConfig }: IDialogContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default DialogContent;
 //# sourceMappingURL=DialogContent.d.ts.map

package/dist/DialogContent/DialogContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAcpF,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAwBnD,QAAA,MAAM,aAAa;oDAAmD,mBAAmB;;CAUxF,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/DialogContent/DialogContent.native.d.ts

@@ -0,0 +1,7 @@
+import type { IDialogContentProps } from '../type';
+declare const DialogContent: {
+    ({ headIcon, title, description, styleConfig }: IDialogContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DialogContent;
+//# sourceMappingURL=DialogContent.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.native.d.ts","sourceRoot":"","sources":["../../packages/components/Dialog/src/DialogContent/DialogContent.native.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAqBnD,QAAA,MAAM,aAAa;oDAAmD,mBAAmB;;CAUxF,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+export declare enum DialogAlignmentTypes {
+    ROW = "row",
+    COLUMN = "column"
+}
+export declare enum DialogTypes {
+    SUCCESS = "link",
+    WARNING = "warning"
+}
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/Dialog/src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,oBAAoB;IAC9B,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,WAAW;IACrB,OAAO,SAAS;IAChB,OAAO,YAAY;CACpB"}

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

@@ -1,2 +1,2 @@
-"use strict";var e,s,i=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),o=require("@cleartrip/ct-design-modal"),a=require("@cleartrip/ct-design-theme"),t=require("@cleartrip/ct-design-container"),l=require("@cleartrip/ct-design-typography"),c=require("@cleartrip/ct-design-card"),p=n.forwardRef((function(e,s){var n=e.children,a=e.overlayCloseIcon,t=e.onClose,l=e.styledModalWrapperCss,c=void 0===l?{}:l,p=e.wrapperCss,d=i.__rest(e,["children","overlayCloseIcon","onClose","styledModalWrapperCss","wrapperCss"]),g=a||{},x=g.show,u=void 0===x||x,C=g.isBack,_=void 0!==C&&C,y=g.isTop,v=g.isCenter,h=o.Modal;return u&&(h=o.ModalWithCloseOverlay,Object.assign(d,{isBack:_,onClose:t,isCenter:v,isTop:y,wrapperCss:p})),r.jsx(h,i.__assign({ref:s,size:"NONE",blur:!0,insidePortal:!0,styledModalWrapperCss:i.__assign({position:"fixed"},c)},d,{children:n}))}));exports.DialogTypes=void 0,(e=exports.DialogTypes||(exports.DialogTypes={})).SUCCESS="link",e.WARNING="warning",exports.DialogAlignmentTypes=void 0,(s=exports.DialogAlignmentTypes||(exports.DialogAlignmentTypes={})).ROW="row",s.COLUMN="column";exports.Dialog=p,exports.DialogAction=function(e){var s=e.css,n=e.alignment,o=void 0===n?"column":n,p=e.actionButtons,d=void 0===p?[]:p,g=a.useTheme();return r.jsx(t.Container,i.__assign({display:"flex",flexDirection:o,css:i.__assign({padding:"0px 24px"},s)},{children:d.map((function(e){var s=e||{},n=s.type,o=s.onClick,a=s.css,p=void 0===a?{}:a,d=s.label,x=function(e){var s=c.getBorderDirectionStyles("top","1px","solid",e.color.border.disabledDark);return i.__assign({padding:"13px 0px",height:"48px"},s)}(g);return r.jsx(t.Container,i.__assign({className:"w-100p flex flex-center c-pointer",css:i.__assign(i.__assign({},x),p)},{children:r.jsx(l.Typography,i.__assign({variant:"HM4",color:n,isClickable:!!o,onClick:o},{children:d}))}))}))}))},exports.DialogContent=function(e){var s=e.css,n=e.headIcon,o=e.title,l=e.description,c=a.useTheme();return r.jsxs(t.Container,i.__assign({css:i.__assign({padding:c.spacing[6],textAlign:"center"},s)},{children:[n,o,l]}))};
+"use strict";var t=require("react/jsx-runtime"),o=require("react"),e=require("@cleartrip/ct-design-modal"),n=require("@cleartrip/ct-design-container"),i=require("@cleartrip/ct-design-style-manager"),r=require("@cleartrip/ct-design-typography");const a=o.forwardRef(({children:n,open:i,variant:r,placement:a,blur:l,allowBackdropClose:s,overlayCloseIcon:c,onClose:p,styleConfig:g,size:C,insidePortal:u=!0,actionButtonType:d,actionButtonAlignment:y},m)=>{const{root:A=[],modalWrapperStyles:B=[]}=g||{},{show:x=!1,isBack:N=!1,showCloseIcon:f=!1,isCenter:T=!1,isTop:D=!0}=c||{},h=o.useMemo(()=>y||(N?e.ActionButtonAlignment.LEFT:T?e.ActionButtonAlignment.CENTER:e.ActionButtonAlignment.RIGHT),[y,N,T]),k=o.useMemo(()=>d||(N?e.ActionButtonVariant.BACK:f||x?e.ActionButtonVariant.CLOSE:e.ActionButtonVariant.NONE),[d,N,f,x]);return k!==e.ActionButtonVariant.NONE?t.jsx(e.ModalWithCloseOverlay,{ref:m,variant:r,placement:a,allowBackdropClose:s,onClose:p,blur:l,open:i,insidePortal:u,size:null!=C?C:"NONE",isBack:k===e.ActionButtonVariant.BACK,isCenter:h===e.ActionButtonAlignment.CENTER,isTop:D,wrapperStyles:B,styleConfig:{root:A},children:n}):t.jsx(e.Modal,{ref:m,variant:r,placement:a,allowBackdropClose:s,onClose:p,blur:l,open:i,insidePortal:u,size:null!=C?C:"NONE",children:n})});var l,s;a.displayName="Dialog",exports.DialogAlignmentTypes=void 0,(l=exports.DialogAlignmentTypes||(exports.DialogAlignmentTypes={})).ROW="row",l.COLUMN="column",exports.DialogTypes=void 0,(s=exports.DialogTypes||(exports.DialogTypes={})).SUCCESS="link",s.WARNING="warning";const c=i.makeStyles(t=>({root:{paddingVertical:0,justifyContent:"center",paddingHorizontal:t.spacing[6]},actionContainer:{justifyContent:"center",alignItems:"center"}})),p=({alignment:o=exports.DialogAlignmentTypes.COLUMN,actionButtons:e=[],styleConfig:a})=>{const{root:l=[]}=a||{},s=i.useStyles(()=>({root:{flexDirection:o}}),[o]);return t.jsx(n.Container,{styleConfig:{root:[c.root,s.root,...l]},children:e.map((o,e)=>{const{type:i,onClick:a,label:l,styleConfig:s}=o||{},{root:p=[]}=s||{};return t.jsx(n.Container,{styleConfig:{root:[c.actionContainer,...p]},children:t.jsx(r.Typography,{variant:"HM4",color:i,isClickable:!!a,onClick:a,children:l})},`actionButton_${e}`)})})};p.displayName="DialogAction";const g=i.makeStyles(t=>({root:{padding:t.spacing[6],justifyContent:"center",alignItems:"center"}})),C=({headIcon:o,title:e,description:i,styleConfig:r})=>{const{root:a=[]}=r||{};return t.jsxs(n.Container,{styleConfig:{root:[g.root,...a]},children:[o,e,i]})};C.displayName="DialogContent",exports.Dialog=a,exports.DialogAction=p,exports.DialogContent=C;
 //# sourceMappingURL=ct-design-dialog.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dialog.browser.cjs.js","sources":["../packages/components/Dialog/src/type.ts","../packages/components/Dialog/src/Dialog.tsx","../packages/components/Dialog/src/DialogAction/DialogAction.tsx","../packages/components/Dialog/src/style.ts","../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"sourcesContent":[null,null,null,null,null],"names":["DialogTypes","DialogAlignmentTypes","Dialog","forwardRef","_a","forwardedRef","children","overlayCloseIcon","onClose","_b","styledModalWrapperCss","wrapperCss","rest","__rest","_c","_d","show","_e","isBack","isTop","isCenter","ModalWrapper","Modal","ModalWithCloseOverlay","Object","assign","_jsx","__assign","ref","size","blur","insidePortal","position","css","alignment","actionButtons","theme","useTheme","jsx","Container","display","flexDirection","padding","map","btn","type","onClick","customActionCss","label","defaultActionStyles","borderStyle","getBorderDirectionStyles","color","border","disabledDark","height","getDialogActionStyles","className","Typography","variant","isClickable","headIcon","title","description","_jsxs","spacing","textAlign"],"mappings":"iBAGYA,EAcAC,uRCHNC,EAASC,EAAUA,YACvB,SAACC,EAA0FC,GAAxF,IAAAC,aAAUC,qBAAkBC,EAAOJ,EAAAI,QAAEC,EAA0BL,EAAAM,sBAA1BA,OAAwB,IAAAD,EAAA,CAAE,IAAEE,eAAeC,EAAlFC,EAAAA,OAAAT,EAAA,CAAA,WAAA,mBAAA,UAAA,wBAAA,eACOU,EAAmDP,GAAoB,GAArEQ,SAAAC,OAAO,IAAAD,GAAIA,EAAEE,WAAAC,OAAS,IAAAD,GAAKA,EAAEE,EAAKL,EAAAK,MAAEC,EAAQN,EAAAM,SAGhDC,EAAeC,EAAAA,MAanB,OAZIN,IAEFK,EAAeE,EAAAA,sBACfC,OAAOC,OAAOb,EAAM,CAClBM,OAAMA,EACNV,QAAOA,EACPY,SAAQA,EACRD,MAAKA,EACLR,WAAUA,KAKZe,MAACL,EAAYM,EAAAA,SAAA,CACXC,IAAKvB,EACLwB,KAAK,OACLC,MAAM,EACNC,cAAc,EACdrB,sBAAqBiB,WAAA,CAAIK,SAAU,SAAYtB,IAC3CE,EAAI,CAAAN,SAEPA,IAGP,IDzCUN,QAGXA,iBAAA,GAHWA,EAAAA,sBAAAA,QAAAA,YAGX,CAAA,IAFC,QAAA,OACAA,EAAA,QAAA,UAYUC,QAGXA,0BAAA,GAHWA,EAAAA,QAAoBA,uBAApBA,6BAGX,CAAA,IAFC,IAAA,MACAA,EAAA,OAAA,+CERqF,SAACG,GACtF,IAAA6B,EAAG7B,EAAA6B,IACHxB,EAAoBL,EAAA8B,UAApBA,OAAY,IAAAzB,EAAA,SAAQA,EACpBK,EAAkBV,EAAA+B,cAAlBA,OAAa,IAAArB,EAAG,GAAEA,EAEZsB,EAAQC,EAAAA,WAEd,OACEX,EAACY,IAAAC,EAASA,UAACZ,WAAA,CAAAa,QAAS,OAAQC,cAAeP,EAAWD,IAAON,EAAAA,SAAA,CAAAe,QAAS,YAAeT,IAClF,CAAA3B,SAAA6B,EAAcQ,KAAI,SAACC,GACZ,IAAAxC,EAAsDwC,GAAO,CAAA,EAA3DC,EAAIzC,EAAAyC,KAAEC,EAAO1C,EAAA0C,QAAErC,EAAyBL,EAAA6B,IAApBc,OAAkB,IAAAtC,EAAA,CAAE,IAAEuC,UAC5CC,ECnBuB,SAACb,GACpC,IAAMc,EAAcC,2BAAyB,MAAO,MAAO,QAASf,EAAMgB,MAAMC,OAAOC,cACvF,OACE3B,EAAAA,SAAA,CAAAe,QAAS,WACTa,OAAQ,QACLL,EAEP,CDYoCM,CAAsBpB,GAGlD,OACEV,EAAAA,IAACa,EAAAA,UAAUZ,EAAAA,SAAA,CAAA8B,UAAU,oCAAoCxB,IAAGN,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAOsB,GAAwBF,cACzFrB,MAACgC,EAAAA,uBAAWC,QAAQ,MAAMP,MAAOP,EAAMe,cAAed,EAASA,QAASA,GAAO,CAAAxC,SAC5E0C,aAOf,wBE5ByF,SAAC5C,OACxF6B,EAAG7B,EAAA6B,IACH4B,EAAQzD,EAAAyD,SACRC,EAAK1D,EAAA0D,MACLC,EAAW3D,EAAA2D,YAEL3B,EAAQC,EAAAA,WACd,OACE2B,OAACzB,EAAAA,UAASZ,EAAAA,SAAA,CAACM,IAAGN,WAAA,CAAIe,QAASN,EAAM6B,QAAQ,GAAIC,UAAW,UAAajC,IAClE,CAAA3B,SAAA,CAAAuD,EACAC,EACAC,KAGP"}
+{"version":3,"file":"ct-design-dialog.browser.cjs.js","sources":["../packages/components/Dialog/src/Dialog.tsx","../packages/components/Dialog/src/constants.ts","../packages/components/Dialog/src/DialogAction/DialogAction.tsx","../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"sourcesContent":[null,null,null,null],"names":["Dialog","forwardRef","children","open","variant","placement","blur","allowBackdropClose","overlayCloseIcon","onClose","styleConfig","size","insidePortal","actionButtonType","actionButtonTypeFromProps","actionButtonAlignment","actionButtonAlignmentFromProps","forwardedRef","root","customRootStyles","modalWrapperStyles","show","isBack","showCloseIcon","isCenter","isTop","useMemo","ActionButtonAlignment","LEFT","CENTER","RIGHT","ActionButtonVariant","BACK","CLOSE","NONE","_jsx","jsx","ModalWithCloseOverlay","ref","wrapperStyles","Modal","DialogAlignmentTypes","DialogTypes","displayName","staticStyles","makeStyles","theme","paddingVertical","justifyContent","paddingHorizontal","spacing","actionContainer","alignItems","DialogAction","alignment","COLUMN","actionButtons","dynamicStyles","useStyles","flexDirection","Container","map","btn","index","type","onClick","label","buttonStyleConfig","customActionStyles","Typography","color","isClickable","padding","DialogContent","headIcon","title","description","customStyles","_jsxs"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as i}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Modal as t,ModalWithCloseOverlay as s}from"@cleartrip/ct-design-modal";import{useTheme as c}from"@cleartrip/ct-design-theme";import{Container as a}from"@cleartrip/ct-design-container";import{Typography as l}from"@cleartrip/ct-design-typography";import{getBorderDirectionStyles as p}from"@cleartrip/ct-design-card";var d,m,f=n((function(o,n){var c=o.children,a=o.overlayCloseIcon,l=o.onClose,p=o.styledModalWrapperCss,d=void 0===p?{}:p,m=o.wrapperCss,f=r(o,["children","overlayCloseIcon","onClose","styledModalWrapperCss","wrapperCss"]),C=a||{},u=C.show,v=void 0===u||u,g=C.isBack,x=void 0!==g&&g,h=C.isTop,y=C.isCenter,b=t;return v&&(b=s,Object.assign(f,{isBack:x,onClose:l,isCenter:y,isTop:h,wrapperCss:m})),e(b,i({ref:n,size:"NONE",blur:!0,insidePortal:!0,styledModalWrapperCss:i({position:"fixed"},d)},f,{children:c}))}));!function(r){r.SUCCESS="link",r.WARNING="warning"}(d||(d={})),function(r){r.ROW="row",r.COLUMN="column"}(m||(m={}));var C=function(r){var o=r.css,n=r.alignment,t=void 0===n?"column":n,s=r.actionButtons,d=void 0===s?[]:s,m=c();return e(a,i({display:"flex",flexDirection:t,css:i({padding:"0px 24px"},o)},{children:d.map((function(r){var o=r||{},n=o.type,t=o.onClick,s=o.css,c=void 0===s?{}:s,d=o.label,f=function(r){var e=p("top","1px","solid",r.color.border.disabledDark);return i({padding:"13px 0px",height:"48px"},e)}(m);return e(a,i({className:"w-100p flex flex-center c-pointer",css:i(i({},f),c)},{children:e(l,i({variant:"HM4",color:n,isClickable:!!t,onClick:t},{children:d}))}))}))}))},u=function(r){var e=r.css,n=r.headIcon,t=r.title,s=r.description,l=c();return o(a,i({css:i({padding:l.spacing[6],textAlign:"center"},e)},{children:[n,t,s]}))};export{f as Dialog,C as DialogAction,m as DialogAlignmentTypes,u as DialogContent,d as DialogTypes};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{forwardRef as n,useMemo as e}from"react";import{ActionButtonAlignment as r,ActionButtonVariant as i,ModalWithCloseOverlay as l,Modal as a}from"@cleartrip/ct-design-modal";import{Container as c}from"@cleartrip/ct-design-container";import{makeStyles as s,useStyles as p}from"@cleartrip/ct-design-style-manager";import{Typography as C}from"@cleartrip/ct-design-typography";const d=n(({children:t,open:n,variant:c,placement:s,blur:p,allowBackdropClose:C,overlayCloseIcon:d,onClose:m,styleConfig:g,size:f,insidePortal:y=!0,actionButtonType:u,actionButtonAlignment:N},h)=>{const{root:B=[],modalWrapperStyles:E=[]}=g||{},{show:k=!1,isBack:w=!1,showCloseIcon:O=!1,isCenter:I=!1,isTop:T=!0}=d||{},v=e(()=>N||(w?r.LEFT:I?r.CENTER:r.RIGHT),[N,w,I]),S=e(()=>u||(w?i.BACK:O||k?i.CLOSE:i.NONE),[u,w,O,k]);return S!==i.NONE?o(l,{ref:h,variant:c,placement:s,allowBackdropClose:C,onClose:m,blur:p,open:n,insidePortal:y,size:null!=f?f:"NONE",isBack:S===i.BACK,isCenter:v===r.CENTER,isTop:T,wrapperStyles:E,styleConfig:{root:B},children:t}):o(a,{ref:h,variant:c,placement:s,allowBackdropClose:C,onClose:m,blur:p,open:n,insidePortal:y,size:null!=f?f:"NONE",children:t})});var m,g;d.displayName="Dialog",function(o){o.ROW="row",o.COLUMN="column"}(m||(m={})),function(o){o.SUCCESS="link",o.WARNING="warning"}(g||(g={}));const f=s(o=>({root:{paddingVertical:0,justifyContent:"center",paddingHorizontal:o.spacing[6]},actionContainer:{justifyContent:"center",alignItems:"center"}})),y=({alignment:t=m.COLUMN,actionButtons:n=[],styleConfig:e})=>{const{root:r=[]}=e||{},i=p(()=>({root:{flexDirection:t}}),[t]);return o(c,{styleConfig:{root:[f.root,i.root,...r]},children:n.map((t,n)=>{const{type:e,onClick:r,label:i,styleConfig:l}=t||{},{root:a=[]}=l||{};return o(c,{styleConfig:{root:[f.actionContainer,...a]},children:o(C,{variant:"HM4",color:e,isClickable:!!r,onClick:r,children:i})},`actionButton_${n}`)})})};y.displayName="DialogAction";const u=s(o=>({root:{padding:o.spacing[6],justifyContent:"center",alignItems:"center"}})),N=({headIcon:o,title:n,description:e,styleConfig:r})=>{const{root:i=[]}=r||{};return t(c,{styleConfig:{root:[u.root,...i]},children:[o,n,e]})};N.displayName="DialogContent";export{d as Dialog,y as DialogAction,m as DialogAlignmentTypes,N as DialogContent,g as DialogTypes};
 //# sourceMappingURL=ct-design-dialog.browser.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dialog.browser.esm.js","sources":["../packages/components/Dialog/src/Dialog.tsx","../packages/components/Dialog/src/type.ts","../packages/components/Dialog/src/style.ts","../packages/components/Dialog/src/DialogAction/DialogAction.tsx","../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"sourcesContent":[null,null,null,null,null],"names":["DialogTypes","DialogAlignmentTypes","Dialog","forwardRef","_a","forwardedRef","children","overlayCloseIcon","onClose","_b","styledModalWrapperCss","wrapperCss","rest","__rest","_c","_d","show","_e","isBack","isTop","isCenter","ModalWrapper","Modal","ModalWithCloseOverlay","Object","assign","_jsx","__assign","ref","size","blur","insidePortal","position","DialogAction","css","alignment","actionButtons","theme","useTheme","Container","display","flexDirection","padding","map","btn","type","onClick","customActionCss","label","defaultActionStyles","borderStyle","getBorderDirectionStyles","color","border","disabledDark","height","getDialogActionStyles","className","Typography","variant","isClickable","DialogContent","headIcon","title","description","_jsxs","spacing","textAlign"],"mappings":"mcAcA,ICXYA,EAcAC,EDHNC,EAASC,GACb,SAACC,EAA0FC,GAAxF,IAAAC,aAAUC,qBAAkBC,EAAOJ,EAAAI,QAAEC,EAA0BL,EAAAM,sBAA1BA,OAAwB,IAAAD,EAAA,CAAE,IAAEE,eAAeC,EAAlFC,EAAAT,EAAA,CAAA,WAAA,mBAAA,UAAA,wBAAA,eACOU,EAAmDP,GAAoB,GAArEQ,SAAAC,OAAO,IAAAD,GAAIA,EAAEE,WAAAC,OAAS,IAAAD,GAAKA,EAAEE,EAAKL,EAAAK,MAAEC,EAAQN,EAAAM,SAGhDC,EAAeC,EAanB,OAZIN,IAEFK,EAAeE,EACfC,OAAOC,OAAOb,EAAM,CAClBM,OAAMA,EACNV,QAAOA,EACPY,SAAQA,EACRD,MAAKA,EACLR,WAAUA,KAKZe,EAACL,EAAYM,EAAA,CACXC,IAAKvB,EACLwB,KAAK,OACLC,MAAM,EACNC,cAAc,EACdrB,sBAAqBiB,EAAA,CAAIK,SAAU,SAAYtB,IAC3CE,EAAI,CAAAN,SAEPA,IAGP,KCzCF,SAAYN,GACVA,EAAA,QAAA,OACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAWD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,ICjBM,ICQDgC,EAAiF,SAAC7B,GACtF,IAAA8B,EAAG9B,EAAA8B,IACHzB,EAAoBL,EAAA+B,UAApBA,OAAY,IAAA1B,EAAA,SAAQA,EACpBK,EAAkBV,EAAAgC,cAAlBA,OAAa,IAAAtB,EAAG,GAAEA,EAEZuB,EAAQC,IAEd,OACEZ,EAACa,EAAUZ,EAAA,CAAAa,QAAS,OAAQC,cAAeN,EAAWD,IAAOP,EAAA,CAAAe,QAAS,YAAeR,IAClF,CAAA5B,SAAA8B,EAAcO,KAAI,SAACC,GACZ,IAAAxC,EAAsDwC,GAAO,CAAA,EAA3DC,EAAIzC,EAAAyC,KAAEC,EAAO1C,EAAA0C,QAAErC,EAAyBL,EAAA8B,IAApBa,OAAkB,IAAAtC,EAAA,CAAE,IAAEuC,UAC5CC,EDnBuB,SAACZ,GACpC,IAAMa,EAAcC,EAAyB,MAAO,MAAO,QAASd,EAAMe,MAAMC,OAAOC,cACvF,OACE3B,EAAA,CAAAe,QAAS,WACTa,OAAQ,QACLL,EAEP,CCYoCM,CAAsBnB,GAGlD,OACEX,EAACa,EAAUZ,EAAA,CAAA8B,UAAU,oCAAoCvB,IAAGP,EAAAA,EAAA,CAAA,EAAOsB,GAAwBF,cACzFrB,EAACgC,KAAWC,QAAQ,MAAMP,MAAOP,EAAMe,cAAed,EAASA,QAASA,GAAO,CAAAxC,SAC5E0C,aAOf,EC5BMa,EAAmF,SAACzD,OACxF8B,EAAG9B,EAAA8B,IACH4B,EAAQ1D,EAAA0D,SACRC,EAAK3D,EAAA2D,MACLC,EAAW5D,EAAA4D,YAEL3B,EAAQC,IACd,OACE2B,EAAC1B,EAASZ,EAAA,CAACO,IAAGP,EAAA,CAAIe,QAASL,EAAM6B,QAAQ,GAAIC,UAAW,UAAajC,IAClE,CAAA5B,SAAA,CAAAwD,EACAC,EACAC,KAGP"}
+{"version":3,"file":"ct-design-dialog.browser.esm.js","sources":["../packages/components/Dialog/src/Dialog.tsx","../packages/components/Dialog/src/constants.ts","../packages/components/Dialog/src/DialogAction/DialogAction.tsx","../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"sourcesContent":[null,null,null,null],"names":["Dialog","forwardRef","children","open","variant","placement","blur","allowBackdropClose","overlayCloseIcon","onClose","styleConfig","size","insidePortal","actionButtonType","actionButtonTypeFromProps","actionButtonAlignment","actionButtonAlignmentFromProps","forwardedRef","root","customRootStyles","modalWrapperStyles","show","isBack","showCloseIcon","isCenter","isTop","useMemo","ActionButtonAlignment","LEFT","CENTER","RIGHT","ActionButtonVariant","BACK","CLOSE","NONE","_jsx","ModalWithCloseOverlay","ref","wrapperStyles","Modal","DialogAlignmentTypes","DialogTypes","displayName","staticStyles","makeStyles","theme","paddingVertical","justifyContent","paddingHorizontal","spacing","actionContainer","alignItems","DialogAction","alignment","COLUMN","actionButtons","dynamicStyles","useStyles","flexDirection","Container","map","btn","index","type","onClick","label","buttonStyleConfig","customActionStyles","Typography","color","isClickable","padding","DialogContent","headIcon","title","description","customStyles","_jsxs"],"mappings":"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"}

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

@@ -1,62 +1,90 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var ctDesignModal = require('@cleartrip/ct-design-modal');
-var ctDesignTheme = require('@cleartrip/ct-design-theme');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
+var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 var ctDesignTypography = require('@cleartrip/ct-design-typography');
-var ctDesignCard = require('@cleartrip/ct-design-card');
 
-var Dialog = react.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, overlayCloseIcon = _a.overlayCloseIcon, onClose = _a.onClose, _b = _a.styledModalWrapperCss, styledModalWrapperCss = _b === void 0 ? {} : _b, wrapperCss = _a.wrapperCss, rest = tslib.__rest(_a, ["children", "overlayCloseIcon", "onClose", "styledModalWrapperCss", "wrapperCss"]);
-    var _c = overlayCloseIcon || {}, _d = _c.show, show = _d === void 0 ? true : _d, _e = _c.isBack, isBack = _e === void 0 ? false : _e, isTop = _c.isTop, isCenter = _c.isCenter;
-    var ModalWrapper = ctDesignModal.Modal;
-    if (show) {
-        ModalWrapper = ctDesignModal.ModalWithCloseOverlay;
-        Object.assign(rest, {
-            isBack: isBack,
-            onClose: onClose,
-            isCenter: isCenter,
-            isTop: isTop,
-            wrapperCss: wrapperCss,
-        });
+const Dialog = react.forwardRef(({ children, open, variant, placement, blur, allowBackdropClose, overlayCloseIcon, onClose, styleConfig, size, insidePortal = true, actionButtonType: actionButtonTypeFromProps, actionButtonAlignment: actionButtonAlignmentFromProps, }, forwardedRef) => {
+    const { root: customRootStyles = [], modalWrapperStyles = [] } = styleConfig || {};
+    const { show = false, isBack = false, showCloseIcon = false, isCenter = false, isTop = true, } = overlayCloseIcon || {};
+    const actionButtonAlignment = react.useMemo(() => {
+        if (actionButtonAlignmentFromProps)
+            return actionButtonAlignmentFromProps;
+        if (isBack)
+            return ctDesignModal.ActionButtonAlignment.LEFT;
+        if (isCenter)
+            return ctDesignModal.ActionButtonAlignment.CENTER;
+        return ctDesignModal.ActionButtonAlignment.RIGHT;
+    }, [actionButtonAlignmentFromProps, isBack, isCenter]);
+    const actionButtonType = react.useMemo(() => {
+        if (actionButtonTypeFromProps)
+            return actionButtonTypeFromProps;
+        if (isBack)
+            return ctDesignModal.ActionButtonVariant.BACK;
+        if (showCloseIcon || show)
+            return ctDesignModal.ActionButtonVariant.CLOSE;
+        return ctDesignModal.ActionButtonVariant.NONE;
+    }, [actionButtonTypeFromProps, isBack, showCloseIcon, show]);
+    const needsOverlay = actionButtonType !== ctDesignModal.ActionButtonVariant.NONE;
+    if (needsOverlay) {
+        return (jsxRuntime.jsx(ctDesignModal.ModalWithCloseOverlay, { ref: forwardedRef, variant: variant, placement: placement, allowBackdropClose: allowBackdropClose, onClose: onClose, blur: blur, open: open, insidePortal: insidePortal, size: size !== null && size !== void 0 ? size : 'NONE', isBack: actionButtonType === ctDesignModal.ActionButtonVariant.BACK, isCenter: actionButtonAlignment === ctDesignModal.ActionButtonAlignment.CENTER, isTop: isTop, wrapperStyles: modalWrapperStyles, styleConfig: { root: customRootStyles }, children: children }));
     }
-    return (jsxRuntime.jsx(ModalWrapper, tslib.__assign({ ref: forwardedRef, size: 'NONE', blur: true, insidePortal: true, styledModalWrapperCss: tslib.__assign({ position: 'fixed' }, styledModalWrapperCss) }, rest, { children: children })));
+    return (jsxRuntime.jsx(ctDesignModal.Modal, { ref: forwardedRef, variant: variant, placement: placement, allowBackdropClose: allowBackdropClose, onClose: onClose, blur: blur, open: open, insidePortal: insidePortal, size: size !== null && size !== void 0 ? size : 'NONE', children: children }));
 });
+Dialog.displayName = 'Dialog';
 
-exports.DialogTypes = void 0;
-(function (DialogTypes) {
-    DialogTypes["SUCCESS"] = "link";
-    DialogTypes["WARNING"] = "warning";
-})(exports.DialogTypes || (exports.DialogTypes = {}));
 exports.DialogAlignmentTypes = void 0;
 (function (DialogAlignmentTypes) {
     DialogAlignmentTypes["ROW"] = "row";
     DialogAlignmentTypes["COLUMN"] = "column";
 })(exports.DialogAlignmentTypes || (exports.DialogAlignmentTypes = {}));
+exports.DialogTypes = void 0;
+(function (DialogTypes) {
+    DialogTypes["SUCCESS"] = "link";
+    DialogTypes["WARNING"] = "warning";
+})(exports.DialogTypes || (exports.DialogTypes = {}));
 
-var getDialogActionStyles = function (theme) {
-    var borderStyle = ctDesignCard.getBorderDirectionStyles('top', '1px', 'solid', theme.color.border.disabledDark);
-    return tslib.__assign({ padding: '13px 0px', height: '48px' }, borderStyle);
-};
-
-var DialogAction = function (_a) {
-    var css = _a.css, _b = _a.alignment, alignment = _b === void 0 ? 'column' : _b, _c = _a.actionButtons, actionButtons = _c === void 0 ? [] : _c;
-    var theme = ctDesignTheme.useTheme();
-    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', flexDirection: alignment, css: tslib.__assign({ padding: '0px 24px' }, css) }, { children: actionButtons.map(function (btn) {
-            var _a = btn || {}, type = _a.type, onClick = _a.onClick, _b = _a.css, customActionCss = _b === void 0 ? {} : _b, label = _a.label;
-            var defaultActionStyles = getDialogActionStyles(theme);
-            return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: 'w-100p flex flex-center c-pointer', css: tslib.__assign(tslib.__assign({}, defaultActionStyles), customActionCss) }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'HM4', color: type, isClickable: !!onClick, onClick: onClick }, { children: label })) })));
-        }) })));
+const staticStyles$1 = ctDesignStyleManager.makeStyles((theme) => ({
+    root: {
+        paddingVertical: 0,
+        justifyContent: 'center',
+        paddingHorizontal: theme.spacing[6],
+    },
+    actionContainer: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+}));
+const DialogAction = ({ alignment = exports.DialogAlignmentTypes.COLUMN, actionButtons = [], styleConfig, }) => {
+    const { root: customRootStyles = [] } = styleConfig || {};
+    const dynamicStyles = ctDesignStyleManager.useStyles(() => ({
+        root: {
+            flexDirection: alignment,
+        },
+    }), [alignment]);
+    return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles$1.root, dynamicStyles.root, ...customRootStyles] }, children: actionButtons.map((btn, index) => {
+            const { type, onClick, label, styleConfig: buttonStyleConfig } = btn || {};
+            const { root: customActionStyles = [] } = buttonStyleConfig || {};
+            return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles$1.actionContainer, ...customActionStyles] }, children: jsxRuntime.jsx(ctDesignTypography.Typography, { variant: 'HM4', color: type, isClickable: !!onClick, onClick: onClick, children: label }) }, `actionButton_${index}`));
+        }) }));
 };
+DialogAction.displayName = 'DialogAction';
 
-var DialogContent = function (_a) {
-    var css = _a.css, headIcon = _a.headIcon, title = _a.title, description = _a.description;
-    var theme = ctDesignTheme.useTheme();
-    return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ css: tslib.__assign({ padding: theme.spacing[6], textAlign: 'center' }, css) }, { children: [headIcon, title, description] })));
+const staticStyles = ctDesignStyleManager.makeStyles((theme) => ({
+    root: {
+        padding: theme.spacing[6],
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+}));
+const DialogContent = ({ headIcon, title, description, styleConfig }) => {
+    const { root: customStyles = [] } = styleConfig || {};
+    return (jsxRuntime.jsxs(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.root, ...customStyles] }, children: [headIcon, title, description] }));
 };
+DialogContent.displayName = 'DialogContent';
 
 exports.Dialog = Dialog;
 exports.DialogAction = DialogAction;

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dialog.cjs.js","sources":["../packages/components/Dialog/src/Dialog.tsx","../packages/components/Dialog/src/type.ts","../packages/components/Dialog/src/style.ts","../packages/components/Dialog/src/DialogAction/DialogAction.tsx","../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"sourcesContent":[null,null,null,null,null],"names":["forwardRef","__rest","Modal","ModalWithCloseOverlay","_jsx","__assign","DialogTypes","DialogAlignmentTypes","getBorderDirectionStyles","useTheme","Container","Typography","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ct-design-dialog.cjs.js","sources":["../packages/components/Dialog/src/Dialog.tsx","../packages/components/Dialog/src/constants.ts","../packages/components/Dialog/src/DialogAction/DialogAction.tsx","../packages/components/Dialog/src/DialogContent/DialogContent.tsx"],"sourcesContent":[null,null,null,null],"names":["forwardRef","useMemo","ActionButtonAlignment","ActionButtonVariant","_jsx","ModalWithCloseOverlay","Modal","DialogAlignmentTypes","DialogTypes","staticStyles","makeStyles","useStyles","Container","Typography","_jsxs"],"mappings":"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"}