@elliemae/ds-dialog 2.2.0-next.3 → 2.3.0-alpha.1

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.
Files changed (45) hide show
  1. package/cjs/DSDialog.js +88 -102
  2. package/cjs/DSDialog.js.map +7 -0
  3. package/cjs/DSDialogDatatestid.js +36 -8
  4. package/cjs/DSDialogDatatestid.js.map +7 -0
  5. package/cjs/DSDialogInternalTypes.js +27 -0
  6. package/cjs/DSDialogInternalTypes.js.map +7 -0
  7. package/cjs/DSDialogTypes.js +27 -2
  8. package/cjs/DSDialogTypes.js.map +7 -0
  9. package/cjs/defaultProps.js +38 -11
  10. package/cjs/defaultProps.js.map +7 -0
  11. package/cjs/index.js +47 -70
  12. package/cjs/index.js.map +7 -0
  13. package/cjs/propTypes.js +45 -31
  14. package/cjs/propTypes.js.map +7 -0
  15. package/cjs/styles.js +149 -119
  16. package/cjs/styles.js.map +7 -0
  17. package/cjs/utils.js +50 -30
  18. package/cjs/utils.js.map +7 -0
  19. package/esm/DSDialog.js +51 -82
  20. package/esm/DSDialog.js.map +7 -0
  21. package/esm/DSDialogDatatestid.js +7 -4
  22. package/esm/DSDialogDatatestid.js.map +7 -0
  23. package/esm/DSDialogInternalTypes.js +2 -0
  24. package/esm/DSDialogInternalTypes.js.map +7 -0
  25. package/esm/DSDialogTypes.js +2 -1
  26. package/esm/DSDialogTypes.js.map +7 -0
  27. package/esm/defaultProps.js +8 -6
  28. package/esm/defaultProps.js.map +7 -0
  29. package/esm/index.js +28 -46
  30. package/esm/index.js.map +7 -0
  31. package/esm/propTypes.js +16 -23
  32. package/esm/propTypes.js.map +7 -0
  33. package/esm/styles.js +120 -99
  34. package/esm/styles.js.map +7 -0
  35. package/esm/utils.js +21 -23
  36. package/esm/utils.js.map +7 -0
  37. package/package.json +6 -6
  38. package/types/DSDialog.d.ts +4 -2167
  39. package/types/DSDialogInternalTypes.d.ts +25 -0
  40. package/types/DSDialogTypes.d.ts +1 -0
  41. package/types/index.d.ts +1 -148
  42. package/types/propTypes.d.ts +3 -2166
  43. package/types/styles.d.ts +13 -13
  44. package/cjs/DSDialogInternalTypes.d.js +0 -2
  45. package/esm/DSDialogInternalTypes.d.js +0 -1
package/types/DSDialogInternalTypes.d.ts ADDED
@@ -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 StyledDialogFixedBodyPropsT {
19
+ bodyInfo: BodyInfoT;
20
+ }
21
+ export interface StyledDialogBackgroundPropsT {
22
+ zIndex: number;
23
+ }
24
+ export declare type DSDialogPropsWithDefaultT = Required<DSDialogPropsT>;
25
+ export declare type GetSpaceArgsT = Partial<Record<string, string | number>>;
package/types/DSDialogTypes.d.ts CHANGED
@@ -7,4 +7,5 @@ export interface DSDialogPropsT {
7
7
  size?: Sizes;
8
8
  centered?: boolean;
9
9
  removeAutoFocus?: boolean;
10
+ zIndex?: number;
10
11
  }
package/types/index.d.ts CHANGED
@@ -1,151 +1,4 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- import { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage } from './styles';
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;
17
- propTypes: unknown;
18
- toTypescript: () => import("react-desc").TypescriptSchema;
19
- };
20
- 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;
33
- propTypes: unknown;
34
- toTypescript: () => import("react-desc").TypescriptSchema;
35
- };
36
- 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;
49
- propTypes: unknown;
50
- toTypescript: () => import("react-desc").TypescriptSchema;
51
- };
52
- 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;
65
- propTypes: unknown;
66
- toTypescript: () => import("react-desc").TypescriptSchema;
67
- };
68
- 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;
81
- propTypes: unknown;
82
- toTypescript: () => import("react-desc").TypescriptSchema;
83
- };
84
- 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;
97
- propTypes: unknown;
98
- toTypescript: () => import("react-desc").TypescriptSchema;
99
- };
100
- 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;
113
- propTypes: unknown;
114
- toTypescript: () => import("react-desc").TypescriptSchema;
115
- };
116
- 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;
129
- propTypes: unknown;
130
- toTypescript: () => import("react-desc").TypescriptSchema;
131
- };
132
- 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;
145
- propTypes: unknown;
146
- toTypescript: () => import("react-desc").TypescriptSchema;
147
- };
148
1
  export * from './DSDialog';
149
2
  export * from './DSDialogDatatestid';
150
3
  export { DSDialogSizes } from './utils';
151
- export { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage, DSDialogBodyWithSchema, DSDialogHeaderWithSchema, DSDialogFooterWithSchema, DSDialogSeparatorWithSchema, DSDialogTitleWithSchema, DSDialogAddonWithSchema, DSDialogDefaultLayoutWithSchema, DSDialogPrimaryMessageWithSchema, DSDialogSecondaryMessageWithSchema, };
4
+ export { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage, } from './styles';