@elliemae/ds-dialog 2.2.0-next.4 → 2.2.0-next.8
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/cjs/DSDialog.js +17 -6
- package/cjs/{DSDialogInternalTypes.d.js → DSDialogInternalTypes.js} +0 -0
- package/cjs/propTypes.js +9 -9
- package/cjs/styles.js +45 -21
- package/esm/DSDialog.js +17 -6
- package/esm/{DSDialogInternalTypes.d.js → DSDialogInternalTypes.js} +0 -0
- package/esm/propTypes.js +5 -5
- package/esm/styles.js +40 -16
- package/package.json +6 -6
- package/types/DSDialog.d.ts +2 -2190
- package/types/DSDialogInternalTypes.d.ts +25 -0
- package/types/DSDialogTypes.d.ts +1 -0
- package/types/index.d.ts +9 -108
- package/types/propTypes.d.ts +2 -2182
- package/types/styles.d.ts +12 -12
- package/types/utils.d.ts +6 -6
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { DSDialogPropsT, Sizes } from './DSDialogTypes';
|
|
2
|
+
export interface BodyInfoT {
|
|
3
|
+
overflow: boolean;
|
|
4
|
+
padding: string;
|
|
5
|
+
}
|
|
6
|
+
export interface DSDialogDefaultPropsT {
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
centered: boolean;
|
|
9
|
+
size: Sizes;
|
|
10
|
+
removeAutoFocus: boolean;
|
|
11
|
+
onClickOutside: () => void;
|
|
12
|
+
zIndex: number;
|
|
13
|
+
}
|
|
14
|
+
export interface StyledDialogContainerPropsT {
|
|
15
|
+
size: Sizes;
|
|
16
|
+
centered: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface StyledDialogBackgroundT {
|
|
19
|
+
zIndex: number;
|
|
20
|
+
}
|
|
21
|
+
export interface FixedBodyT {
|
|
22
|
+
isBodyOverflow: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare type DSDialogPropsWithDefaultT = Required<DSDialogPropsT>;
|
|
25
|
+
export declare type GetSpaceArgsT = Partial<Record<string, string | number>>;
|
package/types/DSDialogTypes.d.ts
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -2,146 +2,47 @@
|
|
|
2
2
|
/// <reference types="react" />
|
|
3
3
|
import { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage } from './styles';
|
|
4
4
|
declare const DSDialogBodyWithSchema: {
|
|
5
|
-
(props?:
|
|
6
|
-
[x: string]: any;
|
|
7
|
-
[x: number]: any;
|
|
8
|
-
[x: symbol]: any;
|
|
9
|
-
} & {
|
|
10
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
11
|
-
} & ({} | {
|
|
12
|
-
children?: import("react").ReactNode;
|
|
13
|
-
})) & {
|
|
14
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
15
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
16
|
-
}) | undefined): JSX.Element;
|
|
5
|
+
(props?: unknown): JSX.Element;
|
|
17
6
|
propTypes: unknown;
|
|
18
7
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
19
8
|
};
|
|
20
9
|
declare const DSDialogHeaderWithSchema: {
|
|
21
|
-
(props?:
|
|
22
|
-
[x: string]: any;
|
|
23
|
-
[x: number]: any;
|
|
24
|
-
[x: symbol]: any;
|
|
25
|
-
} & {
|
|
26
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
27
|
-
} & ({} | {
|
|
28
|
-
children?: import("react").ReactNode;
|
|
29
|
-
})) & {
|
|
30
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
31
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
32
|
-
}) | undefined): JSX.Element;
|
|
10
|
+
(props?: unknown): JSX.Element;
|
|
33
11
|
propTypes: unknown;
|
|
34
12
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
35
13
|
};
|
|
36
14
|
declare const DSDialogFooterWithSchema: {
|
|
37
|
-
(props?:
|
|
38
|
-
[x: string]: any;
|
|
39
|
-
[x: number]: any;
|
|
40
|
-
[x: symbol]: any;
|
|
41
|
-
} & {
|
|
42
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
43
|
-
} & ({} | {
|
|
44
|
-
children?: import("react").ReactNode;
|
|
45
|
-
})) & {
|
|
46
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
47
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
48
|
-
}) | undefined): JSX.Element;
|
|
15
|
+
(props?: unknown): JSX.Element;
|
|
49
16
|
propTypes: unknown;
|
|
50
17
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
51
18
|
};
|
|
52
19
|
declare const DSDialogSeparatorWithSchema: {
|
|
53
|
-
(props?:
|
|
54
|
-
[x: string]: any;
|
|
55
|
-
[x: number]: any;
|
|
56
|
-
[x: symbol]: any;
|
|
57
|
-
} & {
|
|
58
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
59
|
-
} & ({} | {
|
|
60
|
-
children?: import("react").ReactNode;
|
|
61
|
-
})) & {
|
|
62
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
63
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
64
|
-
}) | undefined): JSX.Element;
|
|
20
|
+
(props?: unknown): JSX.Element;
|
|
65
21
|
propTypes: unknown;
|
|
66
22
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
67
23
|
};
|
|
68
24
|
declare const DSDialogTitleWithSchema: {
|
|
69
|
-
(props?:
|
|
70
|
-
[x: string]: any;
|
|
71
|
-
[x: number]: any;
|
|
72
|
-
[x: symbol]: any;
|
|
73
|
-
} & {
|
|
74
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
75
|
-
} & ({} | {
|
|
76
|
-
children?: import("react").ReactNode;
|
|
77
|
-
})) & {
|
|
78
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
79
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
80
|
-
}) | undefined): JSX.Element;
|
|
25
|
+
(props?: unknown): JSX.Element;
|
|
81
26
|
propTypes: unknown;
|
|
82
27
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
83
28
|
};
|
|
84
29
|
declare const DSDialogAddonWithSchema: {
|
|
85
|
-
(props?:
|
|
86
|
-
[x: string]: any;
|
|
87
|
-
[x: number]: any;
|
|
88
|
-
[x: symbol]: any;
|
|
89
|
-
} & {
|
|
90
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
91
|
-
} & ({} | {
|
|
92
|
-
children?: import("react").ReactNode;
|
|
93
|
-
})) & {
|
|
94
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
95
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
96
|
-
}) | undefined): JSX.Element;
|
|
30
|
+
(props?: unknown): JSX.Element;
|
|
97
31
|
propTypes: unknown;
|
|
98
32
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
99
33
|
};
|
|
100
34
|
declare const DSDialogDefaultLayoutWithSchema: {
|
|
101
|
-
(props?:
|
|
102
|
-
[x: string]: any;
|
|
103
|
-
[x: number]: any;
|
|
104
|
-
[x: symbol]: any;
|
|
105
|
-
} & {
|
|
106
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
107
|
-
} & ({} | {
|
|
108
|
-
children?: import("react").ReactNode;
|
|
109
|
-
})) & {
|
|
110
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
111
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
112
|
-
}) | undefined): JSX.Element;
|
|
35
|
+
(props?: unknown): JSX.Element;
|
|
113
36
|
propTypes: unknown;
|
|
114
37
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
115
38
|
};
|
|
116
39
|
declare const DSDialogPrimaryMessageWithSchema: {
|
|
117
|
-
(props?:
|
|
118
|
-
[x: string]: any;
|
|
119
|
-
[x: number]: any;
|
|
120
|
-
[x: symbol]: any;
|
|
121
|
-
} & {
|
|
122
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
123
|
-
} & ({} | {
|
|
124
|
-
children?: import("react").ReactNode;
|
|
125
|
-
})) & {
|
|
126
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
127
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
128
|
-
}) | undefined): JSX.Element;
|
|
40
|
+
(props?: unknown): JSX.Element;
|
|
129
41
|
propTypes: unknown;
|
|
130
42
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
131
43
|
};
|
|
132
44
|
declare const DSDialogSecondaryMessageWithSchema: {
|
|
133
|
-
(props?:
|
|
134
|
-
[x: string]: any;
|
|
135
|
-
[x: number]: any;
|
|
136
|
-
[x: symbol]: any;
|
|
137
|
-
} & {
|
|
138
|
-
theme?: import("@xstyled/system").Theme | undefined;
|
|
139
|
-
} & ({} | {
|
|
140
|
-
children?: import("react").ReactNode;
|
|
141
|
-
})) & {
|
|
142
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
143
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
144
|
-
}) | undefined): JSX.Element;
|
|
45
|
+
(props?: unknown): JSX.Element;
|
|
145
46
|
propTypes: unknown;
|
|
146
47
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
147
48
|
};
|