@cleartrip/ct-design-modal 4.0.0 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +100 -0
- package/dist/Backdrop/Backdrop.d.ts +8 -4
- package/dist/Backdrop/Backdrop.d.ts.map +1 -1
- package/dist/Backdrop/style.d.ts +18 -0
- package/dist/Backdrop/style.d.ts.map +1 -0
- package/dist/Backdrop/type.d.ts +9 -8
- package/dist/Backdrop/type.d.ts.map +1 -1
- package/dist/Modal.d.ts +4 -4
- package/dist/Modal.d.ts.map +1 -1
- package/dist/Modal.native.d.ts +5 -0
- package/dist/Modal.native.d.ts.map +1 -0
- package/dist/ModalAction/ModalAction.d.ts +7 -5
- package/dist/ModalAction/ModalAction.d.ts.map +1 -1
- package/dist/ModalContainer/ModalContainer.d.ts +7 -7
- package/dist/ModalContainer/ModalContainer.d.ts.map +1 -1
- package/dist/ModalContent/ModalContent.d.ts +9 -6
- package/dist/ModalContent/ModalContent.d.ts.map +1 -1
- package/dist/ModalContext.d.ts +0 -1
- package/dist/ModalContext.d.ts.map +1 -1
- package/dist/ModalTitle/ModalTitle.d.ts +12 -5
- package/dist/ModalTitle/ModalTitle.d.ts.map +1 -1
- package/dist/ModalsUsableComponents/ModalWithCloseOverlay.d.ts +3 -2
- package/dist/ModalsUsableComponents/ModalWithCloseOverlay.d.ts.map +1 -1
- package/dist/ModalsUsableComponents/type.d.ts +10 -4
- package/dist/ModalsUsableComponents/type.d.ts.map +1 -1
- package/dist/constants.d.ts +28 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/ct-design-modal.browser.cjs.js +1 -1
- package/dist/ct-design-modal.browser.cjs.js.map +1 -1
- package/dist/ct-design-modal.browser.esm.js +1 -1
- package/dist/ct-design-modal.browser.esm.js.map +1 -1
- package/dist/ct-design-modal.cjs.js +233 -130
- package/dist/ct-design-modal.cjs.js.map +1 -1
- package/dist/ct-design-modal.esm.js +235 -132
- package/dist/ct-design-modal.esm.js.map +1 -1
- package/dist/ct-design-modal.umd.js +1882 -141
- package/dist/ct-design-modal.umd.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.native.d.ts +5 -0
- package/dist/index.native.d.ts.map +1 -0
- package/dist/modalUtils.d.ts +2 -0
- package/dist/modalUtils.d.ts.map +1 -0
- package/dist/style.d.ts +18 -0
- package/dist/style.d.ts.map +1 -0
- package/dist/style.native.d.ts +29 -0
- package/dist/style.native.d.ts.map +1 -0
- package/dist/type.d.ts +38 -40
- package/dist/type.d.ts.map +1 -1
- package/package.json +38 -17
- package/src/Backdrop/Backdrop.tsx +39 -0
- package/src/Backdrop/index.ts +1 -0
- package/src/Backdrop/style.ts +18 -0
- package/src/Backdrop/type.ts +17 -0
- package/src/Handler.ts +78 -0
- package/src/Modal.native.tsx +210 -0
- package/src/Modal.tsx +234 -0
- package/src/ModalAction/ModalAction.tsx +42 -0
- package/src/ModalAction/index.ts +1 -0
- package/src/ModalContainer/ModalContainer.tsx +40 -0
- package/src/ModalContainer/index.ts +1 -0
- package/src/ModalContent/ModalContent.tsx +44 -0
- package/src/ModalContent/index.ts +1 -0
- package/src/ModalContext.ts +14 -0
- package/src/ModalTitle/ModalTitle.tsx +70 -0
- package/src/ModalTitle/index.ts +1 -0
- package/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx +92 -0
- package/src/ModalsUsableComponents/index.ts +2 -0
- package/src/ModalsUsableComponents/type.ts +40 -0
- package/src/constants.ts +31 -0
- package/src/index.native.ts +4 -0
- package/src/index.ts +10 -0
- package/src/modalUtils.ts +1 -0
- package/src/style.native.ts +83 -0
- package/src/style.ts +44 -0
- package/src/type.ts +72 -0
- package/dist/ModalsUsableComponents/style.d.ts +0 -11
- package/dist/ModalsUsableComponents/style.d.ts.map +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
# Modal
|
|
2
|
+
|
|
3
|
+
A modal overlay component for displaying content above the main interface.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @cleartrip/ct-design-modal
|
|
11
|
+
# or
|
|
12
|
+
pnpm add @cleartrip/ct-design-modal
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Peer dependencies
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
# Required for all targets
|
|
19
|
+
npm install react
|
|
20
|
+
|
|
21
|
+
# Web only
|
|
22
|
+
npm install react-dom
|
|
23
|
+
|
|
24
|
+
# React Native only
|
|
25
|
+
npm install react-native
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
## Usage
|
|
31
|
+
|
|
32
|
+
### Basic
|
|
33
|
+
|
|
34
|
+
```tsx
|
|
35
|
+
import { Modal } from '@cleartrip/ct-design-modal';
|
|
36
|
+
|
|
37
|
+
function Example() {
|
|
38
|
+
return (
|
|
39
|
+
<Modal>
|
|
40
|
+
{/* Basic usage */}
|
|
41
|
+
</Modal>
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
---
|
|
47
|
+
|
|
48
|
+
## ModalSize
|
|
49
|
+
|
|
50
|
+
- `SMALL` — SMALL
|
|
51
|
+
- `MEDIUM` — MEDIUM
|
|
52
|
+
- `LARGE` — LARGE
|
|
53
|
+
- `FULL_SCREEN` — FULL_SCREEN
|
|
54
|
+
- `NONE` — NONE
|
|
55
|
+
- `REGULAR` — REGULAR
|
|
56
|
+
- `BIG` — BIG
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
## ModalVariant
|
|
60
|
+
|
|
61
|
+
- `DARK` — dark
|
|
62
|
+
- `NEUTRAL` — neutral
|
|
63
|
+
---
|
|
64
|
+
|
|
65
|
+
## ModalPlacement
|
|
66
|
+
|
|
67
|
+
- `CENTER` — center
|
|
68
|
+
- `BOTTOM` — bottom
|
|
69
|
+
---
|
|
70
|
+
|
|
71
|
+
## ActionButtonVariant
|
|
72
|
+
|
|
73
|
+
- `BACK` — back
|
|
74
|
+
- `CLOSE` — close
|
|
75
|
+
- `NONE` — none
|
|
76
|
+
---
|
|
77
|
+
|
|
78
|
+
## ActionButtonAlignment
|
|
79
|
+
|
|
80
|
+
- `CENTER` — center
|
|
81
|
+
- `LEFT` — left
|
|
82
|
+
- `RIGHT` — right
|
|
83
|
+
---
|
|
84
|
+
|
|
85
|
+
## Accessibility
|
|
86
|
+
|
|
87
|
+
- The component follows accessibility best practices
|
|
88
|
+
- Ensure proper ARIA attributes are provided where needed
|
|
89
|
+
- Test with screen readers to ensure usability
|
|
90
|
+
|
|
91
|
+
---
|
|
92
|
+
|
|
93
|
+
## Migration
|
|
94
|
+
|
|
95
|
+
If migrating from a previous version:
|
|
96
|
+
|
|
97
|
+
```diff
|
|
98
|
+
- import { Modal } from 'yagami/core/components';
|
|
99
|
+
+ import { Modal } from '@cleartrip/ct-design-modal';
|
|
100
|
+
```
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { ModalVariant } from '../constants';
|
|
2
|
+
declare const Backdrop: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
transitionDuration?: import("@cleartrip/ct-design-transition").TransitionProps["timeout"];
|
|
5
|
+
blur?: boolean;
|
|
6
|
+
variant?: `${ModalVariant}`;
|
|
7
|
+
styleConfig?: import("./type").BackdropStyleConfigProps;
|
|
8
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
9
|
export default Backdrop;
|
|
6
10
|
//# sourceMappingURL=Backdrop.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/Backdrop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,QAAA,MAAM,QAAQ;;;;;;kDAoBb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ModalVariant } from '../constants';
|
|
2
|
+
export declare const staticBackdropStyles: {
|
|
3
|
+
root: {
|
|
4
|
+
display: "flex";
|
|
5
|
+
alignItems: "center";
|
|
6
|
+
justifyContent: "center";
|
|
7
|
+
zIndex: number;
|
|
8
|
+
inset: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export declare const getBackdropDynamicStyles: ({ blur, variant }: {
|
|
12
|
+
blur?: boolean;
|
|
13
|
+
variant?: `${ModalVariant}`;
|
|
14
|
+
}) => {
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
backdropFilter: string;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,eAAO,MAAM,oBAAoB;;;;;;;;CAQ9B,CAAC;AAEJ,eAAO,MAAM,wBAAwB,GAAI,mBAAmB;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,YAAY,EAAE,CAAA;CAAE;;;CAIzG,CAAC"}
|
package/dist/Backdrop/type.d.ts
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import type {
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import type { Styles } from '@cleartrip/ct-design-types';
|
|
3
|
+
import type { TransitionProps } from '@cleartrip/ct-design-transition';
|
|
4
|
+
import { ModalVariant } from '../constants';
|
|
5
|
+
export interface BackdropStyleConfigProps {
|
|
6
|
+
root?: Styles[];
|
|
7
|
+
}
|
|
8
|
+
export type BackdropProps = HTMLAttributes<HTMLDivElement> & {
|
|
5
9
|
open?: boolean;
|
|
6
10
|
transitionDuration?: TransitionProps['timeout'];
|
|
7
11
|
blur?: boolean;
|
|
8
|
-
className?: string;
|
|
9
12
|
variant?: `${ModalVariant}`;
|
|
13
|
+
styleConfig?: BackdropStyleConfigProps;
|
|
10
14
|
};
|
|
11
|
-
export interface BackdropProps extends HtmlCompositeAttributes<OwnBackdropProps, 'Div'>, OwnBackdropProps {
|
|
12
|
-
}
|
|
13
|
-
export {};
|
|
14
15
|
//# sourceMappingURL=type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,OAAO,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,wBAAwB,CAAC;CACxC,CAAC"}
|
package/dist/Modal.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
declare const Modal:
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IModalProps } from './type';
|
|
3
|
+
import { ContainerRef } from '@cleartrip/ct-design-container';
|
|
4
|
+
declare const Modal: React.ForwardRefExoticComponent<Omit<IModalProps, "ref"> & React.RefAttributes<ContainerRef>>;
|
|
5
5
|
export default Modal;
|
|
6
6
|
//# sourceMappingURL=Modal.d.ts.map
|
package/dist/Modal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/Modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAGjG,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AA4BzE,QAAA,MAAM,KAAK,+FAgMV,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ContainerRef } from '@cleartrip/ct-design-container';
|
|
2
|
+
import { IModalProps } from './type';
|
|
3
|
+
declare const _default: import("react").NamedExoticComponent<Omit<IModalProps, "ref"> & import("react").RefAttributes<ContainerRef>>;
|
|
4
|
+
export default _default;
|
|
5
|
+
//# sourceMappingURL=Modal.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.native.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/Modal.native.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMzE,OAAO,EAAyC,WAAW,EAAqB,MAAM,QAAQ,CAAC;;AAuM/F,wBAA2B"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
+
import type { Styles } from '@cleartrip/ct-design-types';
|
|
2
3
|
import { ModalProps } from '../type';
|
|
3
|
-
|
|
4
|
-
declare const ModalAction: React.FunctionComponent<Pick<ModalProps, 'footerAlignment'> & {
|
|
4
|
+
type ModalActionProps = Pick<ModalProps, 'footerAlignment'> & {
|
|
5
5
|
children: ReactNode;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
6
|
+
styleConfig?: {
|
|
7
|
+
root?: Styles[];
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
declare const ModalAction: React.FunctionComponent<ModalActionProps>;
|
|
9
11
|
export default ModalAction;
|
|
10
12
|
//# sourceMappingURL=ModalAction.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalAction.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalAction/ModalAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalAction.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalAction/ModalAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,KAAK,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,GAAG;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACnC,CAAC;AAQF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAmB1D,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { Styles } from '@cleartrip/ct-design-types';
|
|
3
3
|
import { ModalSizeTypes } from '../type';
|
|
4
|
-
|
|
5
|
-
declare const ModalContainer: React.FC<{
|
|
6
|
-
theme?: Theme;
|
|
4
|
+
type ModalContainerProps = {
|
|
7
5
|
size?: ModalSizeTypes;
|
|
8
6
|
children: ReactNode;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
7
|
+
styleConfig?: {
|
|
8
|
+
root?: Styles[];
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
declare const ModalContainer: React.FC<ModalContainerProps>;
|
|
12
12
|
export default ModalContainer;
|
|
13
13
|
//# sourceMappingURL=ModalContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalContainer/ModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalContainer/ModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import type { Styles } from '@cleartrip/ct-design-types';
|
|
3
|
+
type ModalContentStyleConfig = {
|
|
4
|
+
root?: Styles[];
|
|
5
|
+
innerBox?: Styles[];
|
|
6
|
+
};
|
|
7
|
+
type ModalContentProps = {
|
|
5
8
|
children: ReactNode;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
styleConfig?: ModalContentStyleConfig;
|
|
10
|
+
};
|
|
11
|
+
declare const ModalContent: React.FC<ModalContentProps>;
|
|
9
12
|
export default ModalContent;
|
|
10
13
|
//# sourceMappingURL=ModalContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalContent/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalContent/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEzD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/dist/ModalContext.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/ModalContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/ModalContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,eAAe,GAAG,iBAAiB,CAAC,CAAC;AACnG,QAAA,MAAM,YAAY,2CAOhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
+
import { TypographyStyleConfigProps } from '@cleartrip/ct-design-typography';
|
|
3
|
+
import type { Styles } from '@cleartrip/ct-design-types';
|
|
2
4
|
import { ModalProps } from '../type';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
type ModalTitleStyleConfig = {
|
|
6
|
+
root?: Styles[];
|
|
7
|
+
iconContainer?: Styles[];
|
|
8
|
+
childrenTypography?: TypographyStyleConfigProps;
|
|
9
|
+
crossIcon?: React.SVGProps<SVGSVGElement>;
|
|
10
|
+
};
|
|
11
|
+
type ModalTitleProps = Pick<ModalProps, 'hideCrossIcon' | 'onClose'> & {
|
|
7
12
|
children: ReactNode;
|
|
8
|
-
|
|
13
|
+
styleConfig?: ModalTitleStyleConfig;
|
|
14
|
+
};
|
|
15
|
+
declare const ModalTitle: React.FunctionComponent<ModalTitleProps>;
|
|
9
16
|
export default ModalTitle;
|
|
10
17
|
//# sourceMappingURL=ModalTitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalTitle.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalTitle/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"ModalTitle.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalTitle/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAc,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,eAAe,GAAG,SAAS,CAAC,GAAG;IACrE,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA0CxD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { ContainerRef } from '@cleartrip/ct-design-container';
|
|
2
|
+
import { ModalWithCloseOverlayProps } from './type';
|
|
3
|
+
declare const ModalWithCloseOverlay: import("react").ForwardRefExoticComponent<Omit<ModalWithCloseOverlayProps, "ref"> & import("react").RefAttributes<ContainerRef>>;
|
|
3
4
|
export default ModalWithCloseOverlay;
|
|
4
5
|
//# sourceMappingURL=ModalWithCloseOverlay.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalWithCloseOverlay.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ModalWithCloseOverlay.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AA4BpD,QAAA,MAAM,qBAAqB,kIAmDzB,CAAC;AAIH,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
import { CSSObject } from 'styled-components';
|
|
1
|
+
import type { Styles } from '@cleartrip/ct-design-types';
|
|
3
2
|
import { ModalProps } from '../type';
|
|
4
3
|
export interface ModalWithCloseOverlayProps extends ModalProps {
|
|
5
4
|
isBack?: boolean;
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
isCenter?: boolean;
|
|
6
|
+
isTop?: boolean;
|
|
7
|
+
onClose?: (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
|
|
8
|
+
wrapperStyles?: Styles[];
|
|
9
|
+
styleConfig?: {
|
|
10
|
+
root?: Styles[];
|
|
11
|
+
wrapper?: Styles[];
|
|
12
|
+
closeButton?: Styles[];
|
|
13
|
+
};
|
|
8
14
|
}
|
|
9
15
|
//# sourceMappingURL=type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/type.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,WAAW,0BAA2B,SAAQ,UAAU;IAK5D,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAKhB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAKnG,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAKzB,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;KACxB,CAAC;CACH"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export declare enum ModalSize {
|
|
2
|
+
SMALL = "SMALL",
|
|
3
|
+
MEDIUM = "MEDIUM",
|
|
4
|
+
LARGE = "LARGE",
|
|
5
|
+
FULL_SCREEN = "FULL_SCREEN",
|
|
6
|
+
NONE = "NONE",
|
|
7
|
+
REGULAR = "REGULAR",
|
|
8
|
+
BIG = "BIG"
|
|
9
|
+
}
|
|
10
|
+
export declare enum ModalVariant {
|
|
11
|
+
DARK = "dark",
|
|
12
|
+
NEUTRAL = "neutral"
|
|
13
|
+
}
|
|
14
|
+
export declare enum ModalPlacement {
|
|
15
|
+
CENTER = "center",
|
|
16
|
+
BOTTOM = "bottom"
|
|
17
|
+
}
|
|
18
|
+
export declare enum ActionButtonVariant {
|
|
19
|
+
BACK = "back",
|
|
20
|
+
CLOSE = "close",
|
|
21
|
+
NONE = "none"
|
|
22
|
+
}
|
|
23
|
+
export declare enum ActionButtonAlignment {
|
|
24
|
+
CENTER = "center",
|
|
25
|
+
LEFT = "left",
|
|
26
|
+
RIGHT = "right"
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,GAAG,QAAQ;CACZ;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,qBAAqB;IAC/B,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("@cleartrip/ct-design-theme"),s=require("@cleartrip/ct-design-portal"),i=require("@cleartrip/ct-design-focus-lock"),a=require("@cleartrip/ct-design-transition"),l=require("@cleartrip/ct-design-use-merge-refs"),d=require("@cleartrip/ct-design-container"),c=require("@cleartrip/ct-design-box"),u=require("@cleartrip/ct-design-icons"),p=require("@cleartrip/ct-design-typography");function h(e){return e&&e.__esModule?e:{default:e}}var x,f,m,v=h(t),g=h(n),_=h(l);exports.ModalSize=void 0,(x=exports.ModalSize||(exports.ModalSize={})).SMALL="SMALL",x.MEDIUM="MEDIUM",x.LARGE="LARGE",x.FULL_SCREEN="FULL_SCREEN",x.NONE="NONE",x.REGULAR="REGULAR",x.BIG="BIG",exports.ModalVariant=void 0,(f=exports.ModalVariant||(exports.ModalVariant={})).DARK="dark",f.NEUTRAL="neutral",exports.ModalPlacement=void 0,(m=exports.ModalPlacement||(exports.ModalPlacement={})).CENTER="center",m.BOTTOM="bottom";var C=function(o){var t=o.theme,n=o.size,r=o.blur,s=o.overflowY,i=o.modalContentCss,a=o.variant;return e.__assign(e.__assign({boxSizing:"content-box",borderRadius:n===exports.ModalSize.FULL_SCREEN?0:t.spacing[3],borderBottomLeftRadius:n===exports.ModalSize.FULL_SCREEN?0:t.spacing[3],borderBottomRightRadius:n===exports.ModalSize.FULL_SCREEN?0:t.spacing[3],backgroundColor:a===exports.ModalVariant.DARK?t.color.background.primary:t.color.background.neutral,overflowY:s,maxHeight:n===exports.ModalSize.FULL_SCREEN?"100vh":"calc(100vh - 64px)",boxShadow:r?"".concat(t.elevation.modalBlurLight,", ").concat(t.elevation.modalBlurMedium,", ").concat(t.elevation.modalBlurHeavy):"none"},function(e){switch(e){case exports.ModalSize.SMALL:return{width:"360px"};case exports.ModalSize.LARGE:return{width:"1032px"};case exports.ModalSize.FULL_SCREEN:return{width:"100vw",height:"100vh",minHeight:"100vh",minWidth:"100%"};case exports.ModalSize.NONE:return{};case exports.ModalSize.BIG:return{width:"730px"};case exports.ModalSize.REGULAR:return{width:"484px"};case exports.ModalSize.MEDIUM:default:return{width:"504px"}}}(n)),i)},M=g.default.div((function(o){var t=o.css,n=o.theme,r=o.blur,s=o.variant;return e.__rest(o,["css","theme","blur","variant"]),e.__assign(e.__assign({},function(e){var o=e.blur;return{position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",background:o?"rgba(26, 26, 26, 0.6);":"",backdropFilter:e.variant!==exports.ModalVariant.DARK&&o?"(1px)":"none",zIndex:-1,inset:0}}({blur:r,theme:n,variant:s})),t)})),E=t.forwardRef((function(t,n){t.as;var s=t.children,i=t.open,l=t.transitionDuration,d=t.css,c=t.className,u=t.variant,p=void 0===u?exports.ModalVariant.NEUTRAL:u,h=e.__rest(t,["as","children","open","transitionDuration","css","className","variant"]),x=r.useTheme();return o.jsx(a.Transition,e.__assign({in:i,timeout:l,type:"fade"},{children:o.jsx(M,e.__assign({ref:n,css:d,theme:x,className:c,variant:p},h,{children:s}))}))})),y=t.createContext({footerAlignment:"end",hideCrossIcon:!1,onClose:function(){},size:"MEDIUM"}),b=function(){function o(){this.parent=[]}return o.handleStyle=function(o){o.ref&&(o.prevStyle=e.__assign({},o.ref.style),o.ref.style.overflow="hidden")},o.restoreStyle=function(e){e.ref&&e.prevStyle&&(e.ref.style.overflow=e.prevStyle.overflow||"")},o.prototype.mount=function(e,t){if(void 0===t&&(t={ref:null}),t.ref){var n=this.parent.findIndex((function(e){return e.parentNode===t}));-1!==n?this.parent[n].modals.push(e):this.parent.push({parentNode:t,modals:[e]}),o.handleStyle(t)}else{var r=this.getTopModal();r.modals.push(e),o.handleStyle(r.parentNode),r.parentNode.ref!==document.body?this.parent.push({parentNode:e,modals:[]}):this.parent.push(r)}},o.prototype.getTopModal=function(){return this.parent.length?this.parent[this.parent.length-1]:{parentNode:{ref:document.body,prevStyle:document.body.style},modals:[]}},o.prototype.remove=function(e){var t=this.parent.find((function(o){return o.modals.find((function(o){return o.ref===e.ref}))}));t&&o.restoreStyle(t.parentNode)},o}(),N=g.default.div((function(o){var t=o.theme,n=o.size,r=void 0===n?"MEDIUM":n,s=o.overflowY,i=void 0===s?"auto":s,a=o.styledModalWrapperCss,l=void 0===a?{}:a,d=o.css,c=void 0===d?{}:d,u=o.placement,p=void 0===u?exports.ModalPlacement.CENTER:u,h=o.bottomMargin;return function(o){var t=o.theme;o.size;var n=o.overflowY,r=o.placement,s=o.bottomMargin,i=e.__rest(o,["theme","size","overflowY","placement","bottomMargin"]);return e.__assign({position:"relative",zIndex:t.zIndex.modal,overflowY:n,display:"flex",flexDirection:"column",margin:"auto",height:"100%",width:"100%",justifyContent:r===exports.ModalPlacement.BOTTOM?"flex-end":exports.ModalPlacement.CENTER,alignItems:exports.ModalPlacement.CENTER,paddingBottom:r===exports.ModalPlacement.BOTTOM?s||"188px":"0"},i)}(e.__assign(e.__assign(e.__assign({theme:t,size:r,overflowY:i},l),{placement:p,bottomMargin:h}),c))})),w=new b,R=t.forwardRef((function(n,l){var c=n.as,u=n.children,p=n.insidePortal,h=void 0===p||p,x=n.open,f=void 0!==x&&x,m=n.onClose,g=n.onKeyDown,M=n.hideCrossIcon,b=n.footerAlignment,R=n.size,S=void 0===R?"MEDIUM":R,L=n.allowBackdropClose,z=void 0===L||L;n.width;var T=n.blur,j=void 0===T||T,A=n.backDropComponent,U=n.animationDuration,k=void 0===U?350:U,I=n.overflowY,D=void 0===I?"auto":I,B=n.styledModalWrapperCss,P=n.placement,F=void 0===P?"center":P,Y=n.bottomMargin,q=n.modalContentCss,O=n.variant,V=n.styleConfig,G=void 0===V?{}:V,K=e.__rest(n,["as","children","insidePortal","open","onClose","onKeyDown","hideCrossIcon","footerAlignment","size","allowBackdropClose","width","blur","backDropComponent","animationDuration","overflowY","styledModalWrapperCss","placement","bottomMargin","modalContentCss","variant","styleConfig"]),W=r.useTheme(),H=G.backdrop,X=G.childrenContainer,J=G.modalContainer,Q=G.root,Z=t.useRef(null),$=t.useRef({}),ee=t.useState(f),oe=ee[0],te=ee[1],ne=_.default(l,Z);t.useLayoutEffect((function(){var e=null;return f?te(!0):e=setTimeout((function(){return te(!1)}),k),function(){e&&clearTimeout(e)}}),[f,k]),t.useEffect((function(){return Z.current&&(Z.current.scrollTop=0),f&&($.current.modalRef=Z.current,w.mount({ref:$.current.modalRef})),function(){f&&(w.remove({ref:$.current.modalRef||null}),$.current.modalRef=Z.current)}}),[f]);if(!oe||!v.default.isValidElement(u))return null;var re=S===exports.ModalSize.FULL_SCREEN?{height:"100vh",width:"100vw"}:{};return o.jsx(s.Portal,e.__assign({disablePortal:!h},{children:o.jsx(i.FocusLock,{children:o.jsx(d.Container,e.__assign({position:"fixed",zIndex:W.zIndex.modal,css:e.__assign({inset:0},re)},Q,K,{children:o.jsxs(N,e.__assign({size:S,as:c,theme:W,overflowY:D,onKeyDown:function(e){g&&g(e),"Escape"===e.key&&(e.stopPropagation(),m&&m(e))},ref:ne,styledModalWrapperCss:B,placement:F,bottomMargin:Y},J,{children:[A||o.jsx(E,e.__assign({open:f,blur:j,transitionDuration:350,onClick:function(e){e.target===e.currentTarget&&z&&m&&m(e)},variant:O},H)),o.jsx(a.Transition,e.__assign({type:S===exports.ModalSize.FULL_SCREEN?"slide":"fade",slideDirection:"up",in:f,timeout:k},{children:o.jsx(d.Container,e.__assign({className:null==X?void 0:X.className,css:C({theme:W,size:S,blur:j,overflowY:D,modalContentCss:(null==X?void 0:X.css)||q,variant:O})},{children:o.jsx(y.Provider,e.__assign({value:{footerAlignment:b,hideCrossIcon:M,onClose:m,size:S}},{children:v.default.cloneElement(u,e.__assign({onClose:m},u.props))}))}))}))]}))}))})}))})),S=t.forwardRef((function(t,n){var s=t||{},i=s.wrapperCss,a=s.isBack,l=s.children,c=s.variant,p=void 0===c?exports.ModalVariant.NEUTRAL:c,h=s.isCenter,x=s.isTop,f=void 0===x||x,m=e.__rest(s,["wrapperCss","isBack","children","variant","isCenter","isTop"]),v=m.onClose,g=function(o){var t=o.theme,n=o.isLeft,r=void 0!==n&&n,s=o.variant,i=void 0===s?"neutral":s,a=o.isCenter,l=o.isTop;return e.__assign({position:"absolute",right:a?"50%":r?"unset":0,transform:a?"translateX(50%)":"none",background:i===exports.ModalVariant.DARK?t.color.background.primary:t.color.background.neutral,height:"32px",width:"32px",display:"flex",alignItems:"center",padding:t.spacing[1],borderRadius:"40px",cursor:"pointer"},l?{top:"-42px"}:{bottom:"-42px"})}({theme:r.useTheme(),isLeft:a,variant:p,isCenter:h,isTop:f}),_=function(e,t){return void 0===e&&(e=!1),void 0===t&&(t=exports.ModalVariant.NEUTRAL),e?o.jsx(u.ModalBack,{}):t===exports.ModalVariant.DARK?o.jsx(u.Cross,{height:24,width:24,crossColor:"rgba(255, 255, 255, 1)"}):o.jsx(u.Cross,{height:24,width:24,crossColor:"#1A1A1A"})}(a,p);return o.jsx(R,e.__assign({ref:n,blur:!0,size:"NONE",insidePortal:!0,variant:p,overflowY:"unset"},m,{children:o.jsxs(d.Container,e.__assign({className:"p-relative"},{children:[o.jsx(d.Container,e.__assign({css:e.__assign({},i)},{children:o.jsx(d.Container,e.__assign({css:e.__assign({},g),onClick:function(e){v(e)}},{children:_}))})),l]}))}))}));exports.Backdrop=E,exports.Modal=R,exports.ModalAction=function(n){var s=n.children,i=n.css,a=n.className,l=t.useContext(y).footerAlignment,c={start:"flex-start",end:"flex-end",center:"center"}[void 0===l?"end":l],u=r.useTheme();return o.jsx(d.Container,e.__assign({display:"flex",justifyContent:c,className:a,css:e.__assign(e.__assign({},i),{padding:"16px 24px 16px 24px",boxShadow:u.elevation.topE1})},{children:s}))},exports.ModalContainer=function(n){var r=n.children,s=n.css,i=n.className,a=t.useContext(y).size;return o.jsx(c.Box,e.__assign({boxSize:"zero",css:e.__assign({maxHeight:"FULL_SCREEN"===a?"100%":"calc(100vh - 128px)",overflowY:"auto",height:"FULL_SCREEN"===a?"100%":void 0},s),className:i},{children:r}))},exports.ModalContent=function(t){var n=t.children,r=t.css,s=t.styleConfig,i=void 0===s?{}:s,a=i.innerBox,l=i.root;return o.jsx(c.Box,e.__assign({boxSize:"zero",className:null==l?void 0:l.className,css:e.__assign({overflowY:"auto",flex:"1 1 auto"},(null==l?void 0:l.css)||r)},{children:o.jsx(c.Box,e.__assign({boxSize:"xLarge",className:null==a?void 0:a.className,css:e.__assign({padding:"16px 24px",width:"100%"},null==a?void 0:a.css)},{children:n}))}))},exports.ModalTitle=function(n){var s=n.children,i=n.styleConfig,a=void 0===i?{}:i,l=r.useTheme(),c=a.root,h=a.childrenTypography,x=a.iconContainer,f=a.crossIcon,m=t.useContext(y),v=m.hideCrossIcon,g=m.onClose,_="FULL_SCREEN"===m.size?"22px 28px":"24px 24px 16px 24px";return o.jsxs(d.Container,e.__assign({display:"flex",justifyContent:"space-between",className:null==c?void 0:c.className,css:e.__assign({padding:_,boxShadow:l.elevation.bottomE1},null==c?void 0:c.css)},{children:[o.jsx(p.Typography,e.__assign({variant:"HM2",styleConfig:h},{children:s})),!v&&o.jsx(d.Container,e.__assign({cursor:"pointer",onClick:g,marginTop:l.spacing[1],marginRight:l.spacing[1],className:null==x?void 0:x.className,css:null==x?void 0:x.css},{children:o.jsx(u.Cross,e.__assign({height:24,width:24,crossColor:l.color.text.heading},f))}))]}))},exports.ModalWithCloseOverlay=S;
|
|
1
|
+
"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),r=require("@cleartrip/ct-design-portal"),n=require("@cleartrip/ct-design-focus-lock"),i=require("@cleartrip/ct-design-transition"),a=require("@emotion/css"),l=require("@cleartrip/ct-design-style-manager"),s=require("@cleartrip/ct-design-use-merge-refs"),d=require("@cleartrip/ct-design-container"),c=require("@cleartrip/ct-design-box"),p=require("@cleartrip/ct-design-icons"),u=require("@cleartrip/ct-design-theme"),g=require("@cleartrip/ct-design-typography");function x(e){return e&&e.__esModule?e:{default:e}}var h,f,C,m,v,y=x(t),M=x(s);exports.ModalSize=void 0,(h=exports.ModalSize||(exports.ModalSize={})).SMALL="SMALL",h.MEDIUM="MEDIUM",h.LARGE="LARGE",h.FULL_SCREEN="FULL_SCREEN",h.NONE="NONE",h.REGULAR="REGULAR",h.BIG="BIG",exports.ModalVariant=void 0,(f=exports.ModalVariant||(exports.ModalVariant={})).DARK="dark",f.NEUTRAL="neutral",exports.ModalPlacement=void 0,(C=exports.ModalPlacement||(exports.ModalPlacement={})).CENTER="center",C.BOTTOM="bottom",exports.ActionButtonVariant=void 0,(m=exports.ActionButtonVariant||(exports.ActionButtonVariant={})).BACK="back",m.CLOSE="close",m.NONE="none",exports.ActionButtonAlignment=void 0,(v=exports.ActionButtonAlignment||(exports.ActionButtonAlignment={})).CENTER="center",v.LEFT="left",v.RIGHT="right";const S=l.makeStyles(()=>({root:{display:"flex",alignItems:"center",justifyContent:"center",zIndex:-1,inset:0}})),b=({blur:e,variant:o})=>({backgroundColor:e?"rgba(26, 26, 26, 0.6)":"",backdropFilter:o!==exports.ModalVariant.DARK&&e?"blur(1px)":"none"}),E=a.css({position:"fixed"}),R=t.forwardRef((t,r)=>{var n,{children:a,open:s,transitionDuration:d,styleConfig:c,blur:p,variant:u=exports.ModalVariant.NEUTRAL}=t,g=e.__rest(t,["children","open","transitionDuration","styleConfig","blur","variant"]);const x=l.useStyles(()=>({root:b({blur:p,variant:u})}),[p,u]),h=l.useWebMergeStyles([S.root,x.root,E,...null!==(n=null==c?void 0:c.root)&&void 0!==n?n:[]],[x.root,null==c?void 0:c.root]);return o.jsx(i.Transition,{in:s,timeout:d,type:"fade",children:o.jsx("div",Object.assign({ref:r,className:h},g,{children:a}))})});R.displayName="Backdrop";const L=t.createContext({footerAlignment:"end",hideCrossIcon:!1,onClose:()=>{},size:"MEDIUM"});class N{constructor(){this.parent=[]}static handleStyle(e){e.ref&&(e.prevStyle=Object.assign({},e.ref.style),e.ref.style.overflow="hidden")}static restoreStyle(e){e.ref&&e.prevStyle&&(e.ref.style.overflow=e.prevStyle.overflow||"")}mount(e,o={ref:null}){if(o.ref){const t=this.parent.findIndex(e=>e.parentNode===o);-1!==t?this.parent[t].modals.push(e):this.parent.push({parentNode:o,modals:[e]}),N.handleStyle(o)}else{const o=this.getTopModal();o.modals.push(e),N.handleStyle(o.parentNode),o.parentNode.ref!==document.body?this.parent.push({parentNode:e,modals:[]}):this.parent.push(o)}}getTopModal(){return this.parent.length?this.parent[this.parent.length-1]:{parentNode:{ref:document.body,prevStyle:document.body.style},modals:[]}}remove(e){const o=this.parent.find(o=>o.modals.find(o=>o.ref===e.ref));o&&N.restoreStyle(o.parentNode)}}const A=l.makeStyles(()=>({modalContainer:{position:"relative",display:"flex",flexDirection:"column",margin:"auto",height:"100%",width:"100%",alignItems:"center"},outerContainer:{position:"absolute",top:0,left:0,right:0,bottom:0}})),w=new N,j=350,B=t.forwardRef((s,c)=>{var{children:p,insidePortal:u=!0,open:g=!1,onClose:x,onKeyDown:h,hideCrossIcon:f,footerAlignment:C,size:m="MEDIUM",allowBackdropClose:v=!0,blur:S=!0,backDropComponent:b,animationDuration:E=j,placement:N="center",bottomMargin:B,variant:T,styleConfig:z={}}=s,k=e.__rest(s,["children","insidePortal","open","onClose","onKeyDown","hideCrossIcon","footerAlignment","size","allowBackdropClose","blur","backDropComponent","animationDuration","placement","bottomMargin","variant","styleConfig"]);const{backdropStyles:I=[],modalContentStyles:D=[],root:O=[]}=z,U="auto",_=m===exports.ModalSize.FULL_SCREEN,q=l.useStyles(e=>({modalContainer:{position:"relative",zIndex:e.zIndex.modal,overflowY:U,display:"flex",flexDirection:"column",margin:"auto",height:"100%",width:"100%",justifyContent:N===exports.ModalPlacement.BOTTOM?"flex-end":exports.ModalPlacement.CENTER,alignItems:exports.ModalPlacement.CENTER,paddingBottom:N===exports.ModalPlacement.BOTTOM?B||188:0},outerContainer:Object.assign({zIndex:e.zIndex.modal},_?{height:"100vh",width:"100vw"}:{}),childContainer:{boxSizing:"content-box",borderRadius:m===exports.ModalSize.FULL_SCREEN?0:e.spacing[3],borderBottomLeftRadius:m===exports.ModalSize.FULL_SCREEN?0:e.spacing[3],borderBottomRightRadius:m===exports.ModalSize.FULL_SCREEN?0:e.spacing[3],backgroundColor:T===exports.ModalVariant.DARK?e.color.background.defaultDarkest:e.color.background.neutral,overflowY:U,maxHeight:m===exports.ModalSize.FULL_SCREEN?"100vh":"calc(100vh - 64px)",boxShadow:S?`${e.elevation.modalBlurLight}, ${e.elevation.modalBlurMedium}, ${e.elevation.modalBlurHeavy}`:"none"}}),[m,U,N,B,_,S,T]),V=t.useMemo(()=>{const e=(e=>{switch(e){case exports.ModalSize.SMALL:return{width:"360px"};case exports.ModalSize.LARGE:return{width:"1032px"};case exports.ModalSize.FULL_SCREEN:return{width:"100vw",height:"100vh",minHeight:"100vh",minWidth:"100%"};case exports.ModalSize.NONE:return{};case exports.ModalSize.BIG:return{width:"730px"};case exports.ModalSize.REGULAR:return{width:"484px"};case exports.ModalSize.MEDIUM:default:return{width:"504px"}}})(m);return a.css(e)},[m]),F=l.useWebMergeStyles([A.modalContainer,q.modalContainer,V,...O],[q.modalContainer,O,V]),P=t.useRef(null),G=t.useRef({}),[K,H]=t.useState(g),W=M.default(c,P);t.useLayoutEffect(()=>{let e=null;return g?H(!0):e=setTimeout(()=>H(!1),E),()=>{e&&clearTimeout(e)}},[g,E]),t.useEffect(()=>(P.current&&(P.current.scrollTop=0),g&&(G.current.modalRef=P.current,w.mount({ref:G.current.modalRef})),()=>{g&&(w.remove({ref:G.current.modalRef||null}),G.current.modalRef=P.current)}),[g]);if(!K||!y.default.isValidElement(p))return null;const Y=o.jsx(n.FocusLock,{children:o.jsx(d.Container,Object.assign({styleConfig:{root:[A.outerContainer,q.outerContainer]}},k,{children:o.jsxs("div",{className:F,onKeyDown:e=>{h&&h(e),"Escape"===e.key&&(e.stopPropagation(),x&&x())},ref:W,children:[b||o.jsx(R,{open:g,blur:S,transitionDuration:350,onClick:e=>{e.target===e.currentTarget&&v&&x&&x()},variant:T,styleConfig:{root:I}}),o.jsx(i.Transition,{type:_?"slide":"fade",slideDirection:"up",in:g,timeout:E,children:o.jsx(d.Container,{styleConfig:{root:[q.childContainer,...D]},children:o.jsx(L.Provider,{value:{footerAlignment:C,hideCrossIcon:f,onClose:x,size:m},children:y.default.cloneElement(p,Object.assign(Object.assign({},p.props),{onClose:x}))})})})]})}))});return u?o.jsx(r.Portal,{id:"global_modal",children:Y}):Y});B.displayName="Modal";const T={start:"flex-start",end:"flex-end",center:"center"},z=l.makeStyles(()=>({root:{position:"relative"}})),k=t.forwardRef((t,r)=>{var n,i,a;const s=t||{},{isBack:c=!1,isCenter:u,isTop:g=!0,variant:x=exports.ModalVariant.NEUTRAL,children:h,styleConfig:f,wrapperStyles:C}=s,m=e.__rest(s,["isBack","isCenter","isTop","variant","children","styleConfig","wrapperStyles"]),{onClose:v}=m,y=l.useStyles(e=>({root:Object.assign({position:"absolute",right:u?"50%":c?"unset":0,transform:u?"translateX(50%)":"none",backgroundColor:x===exports.ModalVariant.DARK?e.color.background.defaultDarkest:e.color.background.neutral,height:32,width:32,display:"flex",alignItems:"center",padding:e.spacing[1],borderRadius:40,cursor:"pointer"},g?{top:-42}:{bottom:-42})}),[c,x,u,g]),M=((e=!1,t=exports.ModalVariant.NEUTRAL)=>e?o.jsx(p.ModalBack,{}):t===exports.ModalVariant.DARK?o.jsx(p.Cross,{height:24,width:24,crossColor:"rgba(255, 255, 255, 1)"}):o.jsx(p.Cross,{height:24,width:24,crossColor:"#1A1A1A"}))(c,x);return o.jsx(B,Object.assign({ref:r,blur:!0,size:"NONE",insidePortal:!0,variant:x},m,{children:o.jsxs(d.Container,{styleConfig:{root:[z.root,...null!==(n=null==f?void 0:f.root)&&void 0!==n?n:[]]},children:[o.jsx(d.Container,{styleConfig:{root:[...null!=C?C:[],...null!==(i=null==f?void 0:f.wrapper)&&void 0!==i?i:[]]},children:o.jsx(d.Container,{styleConfig:{root:[y.root,...null!==(a=null==f?void 0:f.closeButton)&&void 0!==a?a:[]]},onClick:()=>null==v?void 0:v(),children:M})}),h]})}))});k.displayName="ModalWithCloseOverlay";exports.Backdrop=R,exports.MODAL_ANIMATION_DURATION=350,exports.Modal=B,exports.ModalAction=({children:e,styleConfig:r})=>{var n;const{footerAlignment:i="end"}=t.useContext(L),a=l.useStyles(e=>({root:{display:"flex",justifyContent:T[i],paddingTop:e.spacing[6],paddingBottom:e.spacing[6],paddingLeft:e.spacing[4],paddingRight:e.spacing[4],boxShadow:e.elevation.topE1}}),[i]);return o.jsx(d.Container,{styleConfig:{root:[a.root,...null!==(n=null==r?void 0:r.root)&&void 0!==n?n:[]]},children:e})},exports.ModalContainer=({children:e,styleConfig:r})=>{var n;const{size:i}=t.useContext(L),a=i===exports.ModalSize.FULL_SCREEN,s=l.useStyles(()=>({root:{maxHeight:a?"100%":"calc(100vh - 128px)",overflowY:"auto",height:a?"100%":void 0}}),[a]);return o.jsx(c.Box,{boxSize:"zero",styleConfig:{root:[s.root,...null!==(n=null==r?void 0:r.root)&&void 0!==n?n:[]]},children:e})},exports.ModalContent=({children:e,styleConfig:t})=>{var r,n;const i=l.useStyles(e=>({root:{overflowY:"auto",flex:1},innerBox:{paddingTop:e.spacing[6],paddingBottom:e.spacing[6],paddingLeft:e.spacing[4],paddingRight:e.spacing[4],width:"100%"}}),[]);return o.jsx(c.Box,{boxSize:"zero",styleConfig:{root:[i.root,...null!==(r=null==t?void 0:t.root)&&void 0!==r?r:[]]},children:o.jsx(c.Box,{boxSize:"xLarge",styleConfig:{root:[i.innerBox,...null!==(n=null==t?void 0:t.innerBox)&&void 0!==n?n:[]]},children:e})})},exports.ModalTitle=({children:e,styleConfig:r})=>{var n,i;const a=u.useTheme(),{hideCrossIcon:s,onClose:c,size:x}=t.useContext(L),h=x===exports.ModalSize.FULL_SCREEN,f=l.useStyles(e=>({root:{display:"flex",justifyContent:"space-between",paddingTop:h?e.spacing[5]:e.spacing[6],paddingBottom:h?e.spacing[5]:e.spacing[4],paddingLeft:h?e.spacing[7]:e.spacing[6],paddingRight:h?e.spacing[7]:e.spacing[6],boxShadow:e.elevation.bottomE1},iconContainer:{cursor:"pointer",marginTop:e.spacing[1],marginRight:e.spacing[1]}}),[h]);return o.jsxs(d.Container,{styleConfig:{root:[f.root,...null!==(n=null==r?void 0:r.root)&&void 0!==n?n:[]]},children:[o.jsx(g.Typography,{variant:"HM2",styleConfig:null==r?void 0:r.childrenTypography,children:e}),!s&&o.jsx(d.Container,{onClick:c,styleConfig:{root:[f.iconContainer,...null!==(i=null==r?void 0:r.iconContainer)&&void 0!==i?i:[]]},children:o.jsx(p.Cross,Object.assign({height:24,width:24,crossColor:a.color.text.heading},null==r?void 0:r.crossIcon))})]})},exports.ModalWithCloseOverlay=k;
|
|
2
2
|
//# sourceMappingURL=ct-design-modal.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-modal.browser.cjs.js","sources":["../packages/components/Modal/src/type.ts","../packages/components/Modal/src/style.ts","../packages/components/Modal/src/Backdrop/Backdrop.tsx","../packages/components/Modal/src/Backdrop/style.ts","../packages/components/Modal/src/ModalContext.ts","../packages/components/Modal/src/Handler.ts","../packages/components/Modal/src/Modal.tsx","../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx","../packages/components/Modal/src/ModalsUsableComponents/style.ts","../packages/components/Modal/src/ModalAction/ModalAction.tsx","../packages/components/Modal/src/ModalContainer/ModalContainer.tsx","../packages/components/Modal/src/ModalContent/ModalContent.tsx","../packages/components/Modal/src/ModalTitle/ModalTitle.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["ModalSize","ModalVariant","ModalPlacement","getModalChildContainerStyle","_a","theme","size","blur","overflowY","modalContentCss","variant","__assign","boxSizing","borderRadius","FULL_SCREEN","spacing","borderBottomLeftRadius","borderBottomRightRadius","backgroundColor","DARK","color","background","primary","neutral","maxHeight","boxShadow","concat","elevation","modalBlurLight","modalBlurMedium","modalBlurHeavy","SMALL","width","LARGE","height","minHeight","minWidth","NONE","BIG","REGULAR","MEDIUM","getModalSizeStyles","StyledBackdrop","styled","default","div","css","__rest","position","display","alignItems","justifyContent","backdropFilter","zIndex","inset","getBackdropStyles","Backdrop","forwardRef","forwardedRef","as","children","open","transitionDuration","className","_b","NEUTRAL","rest","useTheme","_jsx","Transition","in","timeout","type","ref","ModalContext","createContext","footerAlignment","hideCrossIcon","onClose","Handler","this","parent","handleStyle","parentNode","prevStyle","style","overflow","restoreStyle","prototype","mount","modal","parentIndex","findIndex","node","modals","push","parent_1","getTopModal","document","body","length","remove","find","_modal","StyledModal","_c","_d","styledModalWrapperCss","_e","_f","placement","CENTER","bottomMargin","flexDirection","margin","BOTTOM","paddingBottom","getModalStyles","handler","Modal","insidePortal","onKeyDown","allowBackdropClose","backDropComponent","_g","animationDuration","_h","_j","_k","styleConfig","backdrop","childrenContainer","modalContainer","root","modalRef","useRef","containerRef","_l","useState","isOpen","setIsOpen","handleRef","useMergeRefs","useLayoutEffect","timeoutId","setTimeout","clearTimeout","useEffect","current","scrollTop","React","isValidElement","fullScreenStyle","Portal","disablePortal","FocusLock","Container","_jsxs","event","key","stopPropagation","onClick","target","currentTarget","slideDirection","jsx","Provider","value","cloneElement","props","ModalWithCloseOverlay","wrapperCss","isBack","isCenter","isTop","closeButtonStyles","isLeft","right","transform","padding","cursor","top","bottom","getCloseButtonStyle","CloseIcon","ModalBack","Cross","crossColor","getCloseIcon","jsxs","e","useContext","alignment","start","end","center","topE1","Box","boxSize","undefined","innerBox","flex","childrenTypography","iconContainer","crossIcon","bottomE1","Typography","marginTop","marginRight","text","heading"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ct-design-modal.browser.cjs.js","sources":["../packages/components/Modal/src/constants.ts","../packages/components/Modal/src/style.ts","../packages/components/Modal/src/Backdrop/style.ts","../packages/components/Modal/src/Backdrop/Backdrop.tsx","../packages/components/Modal/src/ModalContext.ts","../packages/components/Modal/src/Handler.ts","../packages/components/Modal/src/Modal.tsx","../packages/components/Modal/src/ModalAction/ModalAction.tsx","../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx","../packages/components/Modal/src/modalUtils.ts","../packages/components/Modal/src/ModalContainer/ModalContainer.tsx","../packages/components/Modal/src/ModalContent/ModalContent.tsx","../packages/components/Modal/src/ModalTitle/ModalTitle.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["ModalSize","ModalVariant","ModalPlacement","ActionButtonVariant","ActionButtonAlignment","staticBackdropStyles","makeStyles","root","display","alignItems","justifyContent","zIndex","inset","getBackdropDynamicStyles","blur","variant","backgroundColor","backdropFilter","DARK","webStyle","css","position","Backdrop","forwardRef","_a","forwardedRef","children","open","transitionDuration","styleConfig","NEUTRAL","rest","__rest","dynamicStyles","useStyles","className","useWebMergeStyles","_b","_jsx","Transition","in","timeout","type","jsx","Object","assign","ref","displayName","ModalContext","createContext","footerAlignment","hideCrossIcon","onClose","size","Handler","constructor","this","parent","handleStyle","parentNode","prevStyle","style","overflow","restoreStyle","mount","modal","parentIndex","findIndex","node","modals","push","getTopModal","document","body","length","remove","find","_modal","staticModalStyles","modalContainer","flexDirection","margin","height","width","outerContainer","top","left","right","bottom","handler","DEFAULT_ANIMATION_TIME","Modal","insidePortal","onKeyDown","allowBackdropClose","backDropComponent","animationDuration","placement","bottomMargin","backdropStyles","modalContentStyles","rootStyles","overflowY","isFullScreen","FULL_SCREEN","theme","BOTTOM","CENTER","paddingBottom","childContainer","boxSizing","borderRadius","spacing","borderBottomLeftRadius","borderBottomRightRadius","color","background","defaultDarkest","neutral","maxHeight","boxShadow","elevation","modalBlurLight","modalBlurMedium","modalBlurHeavy","webDynamicStyles","useMemo","styles","SMALL","LARGE","minHeight","minWidth","NONE","BIG","REGULAR","MEDIUM","getModalSizeStyles","modalContainerClass","modalRef","useRef","containerRef","isOpen","setIsOpen","useState","handleRef","useMergeRefs","useLayoutEffect","timeoutId","setTimeout","clearTimeout","useEffect","current","scrollTop","React","default","isValidElement","modalElement","FocusLock","Container","_jsxs","event","key","stopPropagation","onClick","target","currentTarget","slideDirection","Provider","value","cloneElement","props","Portal","id","alignmentMap","start","end","center","staticStyles","ModalWithCloseOverlay","_d","isBack","isCenter","isTop","wrapperStyles","closeButtonStyles","transform","padding","cursor","CloseIcon","ModalBack","Cross","crossColor","getCloseIcon","jsxs","wrapper","_c","closeButton","useContext","paddingTop","paddingLeft","paddingRight","topE1","undefined","Box","boxSize","flex","innerBox","useTheme","t","bottomE1","iconContainer","marginTop","marginRight","Typography","childrenTypography","text","heading","crossIcon"],"mappings":"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"}
|