mui-drawer 1.0.4 → 1.0.6

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 (7) hide show
  1. package/dist/index.d.ts +3 -94
  2. package/dist/muiDrawer/constants/muiDrawer.interfaces.d.ts +46 -0
  3. package/dist/muiDrawer/constants/muiDrawer.types.d.ts +28 -0
  4. package/dist/muiDrawer/index.d.ts +4 -0
  5. package/dist/muiTheme.d.ts +239 -0
  6. package/dist/theme.constant.d.ts +9 -0
  7. package/package.json +10 -7
package/dist/index.d.ts CHANGED
@@ -1,94 +1,3 @@
1
- import { DrawerProps as DrawerProps_2 } from '@mui/material';
2
- import { JSX } from 'react/jsx-runtime';
3
-
4
- export declare interface BaseDrawerProps extends DrawerProps_2 {
5
- wrapperClassName?: string;
6
- bodyWrapperClassName?: string;
7
- onClose: () => void;
8
- open: boolean;
9
- showCloseIcon?: boolean;
10
- title?: string;
11
- subTitle?: string | React.ReactNode;
12
- description?: string;
13
- children: React.ReactNode;
14
- actions?: IActions;
15
- showActions?: boolean;
16
- showDivider?: boolean;
17
- width?: string;
18
- maxWidth?: string;
19
- }
20
-
21
- export declare const DRAWER_CONFIGS: Record<DrawerType, DrawerTypeConfig>;
22
-
23
- export declare const DRAWER_TYPES: {
24
- readonly INFORMATION: "information";
25
- readonly INPUT: "input";
26
- };
27
-
28
- declare type DrawerConfig = {
29
- DISMISSIBLE: 'full' | 'partial';
30
- };
31
-
32
- declare type DrawerProps = InformationDrawerProps | InputDrawerProps;
33
-
34
- export declare type DrawerType = (typeof DRAWER_TYPES)[keyof typeof DRAWER_TYPES];
35
-
36
- declare type DrawerTypeConfig = {
37
- [subtype: string]: DrawerConfig;
38
- };
39
-
40
- export declare interface IActions {
41
- primaryCtaTitle?: string;
42
- secondaryCtaTitle?: string;
43
- tertiaryCtaTitle?: string;
44
- primaryCtaTooltipText?: string;
45
- secondaryCtaTooltipText?: string;
46
- tertiaryCtaTooltipText?: string;
47
- isPrimaryCtaLoading?: boolean;
48
- isPrimaryCtaDisabled?: boolean;
49
- isSecondaryCtaLoading?: boolean;
50
- isSecondaryCtaDisabled?: boolean;
51
- onPrimaryCtaClick?: () => void;
52
- onSecondaryCtaClick?: () => void;
53
- tertiaryCtaStartIcon?: React.ReactNode;
54
- isTertiaryCtaLoading?: boolean;
55
- isTertiaryCtaDisabled?: boolean;
56
- onTertiaryCtaClick?: () => void;
57
- }
58
-
59
- export declare const INFORMATION_SUBTYPES: {
60
- readonly PROGRESS: "progress";
61
- readonly PASSIVE: "passive";
62
- };
63
-
64
- export declare interface InformationDrawerProps extends BaseDrawerProps {
65
- type: typeof DRAWER_TYPES.INFORMATION;
66
- subtype: (typeof INFORMATION_SUBTYPES)[keyof typeof INFORMATION_SUBTYPES];
67
- tertiaryCtaType?: (typeof TERTIARY_CTA_TYPES)[keyof typeof TERTIARY_CTA_TYPES];
68
- }
69
-
70
- export declare type InformationSubtype = (typeof INFORMATION_SUBTYPES)[keyof typeof INFORMATION_SUBTYPES];
71
-
72
- export declare const INPUT_SUBTYPES: {
73
- readonly DEFAULT: "default";
74
- readonly DESTRUCTIVE: "destructive";
75
- };
76
-
77
- export declare interface InputDrawerProps extends BaseDrawerProps {
78
- type: typeof DRAWER_TYPES.INPUT;
79
- subtype: (typeof INPUT_SUBTYPES)[keyof typeof INPUT_SUBTYPES];
80
- tertiaryCtaType?: (typeof TERTIARY_CTA_TYPES)[keyof typeof TERTIARY_CTA_TYPES];
81
- }
82
-
83
- export declare type InputSubtype = (typeof INPUT_SUBTYPES)[keyof typeof INPUT_SUBTYPES];
84
-
85
- export declare const MuiDrawer: (props: DrawerProps) => JSX.Element;
86
-
87
- export declare type SubtypeForType<T extends DrawerType> = T extends typeof DRAWER_TYPES.INFORMATION ? InformationSubtype : T extends typeof DRAWER_TYPES.INPUT ? InputSubtype : never;
88
-
89
- export declare const TERTIARY_CTA_TYPES: {
90
- DEFAULT: string;
91
- DESTRUCTIVE: string;
92
- };
93
-
94
- export { }
1
+ export { default as MuiDrawer } from './muiDrawer';
2
+ export * from './muiDrawer/constants/muiDrawer.types';
3
+ export * from './muiDrawer/constants/muiDrawer.interfaces';
package/dist/muiDrawer/constants/muiDrawer.interfaces.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ import { DrawerProps } from '@mui/material';
2
+ import { INFORMATION_SUBTYPES, INPUT_SUBTYPES, DRAWER_TYPES, TERTIARY_CTA_TYPES } from './muiDrawer.types';
3
+ export interface IActions {
4
+ primaryCtaTitle?: string;
5
+ secondaryCtaTitle?: string;
6
+ tertiaryCtaTitle?: string;
7
+ primaryCtaTooltipText?: string;
8
+ secondaryCtaTooltipText?: string;
9
+ tertiaryCtaTooltipText?: string;
10
+ isPrimaryCtaLoading?: boolean;
11
+ isPrimaryCtaDisabled?: boolean;
12
+ isSecondaryCtaLoading?: boolean;
13
+ isSecondaryCtaDisabled?: boolean;
14
+ onPrimaryCtaClick?: () => void;
15
+ onSecondaryCtaClick?: () => void;
16
+ tertiaryCtaStartIcon?: React.ReactNode;
17
+ isTertiaryCtaLoading?: boolean;
18
+ isTertiaryCtaDisabled?: boolean;
19
+ onTertiaryCtaClick?: () => void;
20
+ }
21
+ export interface BaseDrawerProps extends DrawerProps {
22
+ wrapperClassName?: string;
23
+ bodyWrapperClassName?: string;
24
+ onClose: () => void;
25
+ open: boolean;
26
+ showCloseIcon?: boolean;
27
+ title?: string;
28
+ subTitle?: string | React.ReactNode;
29
+ description?: string;
30
+ children: React.ReactNode;
31
+ actions?: IActions;
32
+ showActions?: boolean;
33
+ showDivider?: boolean;
34
+ width?: string;
35
+ maxWidth?: string;
36
+ }
37
+ export interface InformationDrawerProps extends BaseDrawerProps {
38
+ type: typeof DRAWER_TYPES.INFORMATION;
39
+ subtype: (typeof INFORMATION_SUBTYPES)[keyof typeof INFORMATION_SUBTYPES];
40
+ tertiaryCtaType?: (typeof TERTIARY_CTA_TYPES)[keyof typeof TERTIARY_CTA_TYPES];
41
+ }
42
+ export interface InputDrawerProps extends BaseDrawerProps {
43
+ type: typeof DRAWER_TYPES.INPUT;
44
+ subtype: (typeof INPUT_SUBTYPES)[keyof typeof INPUT_SUBTYPES];
45
+ tertiaryCtaType?: (typeof TERTIARY_CTA_TYPES)[keyof typeof TERTIARY_CTA_TYPES];
46
+ }
package/dist/muiDrawer/constants/muiDrawer.types.d.ts ADDED
@@ -0,0 +1,28 @@
1
+ export declare const DRAWER_TYPES: {
2
+ readonly INFORMATION: "information";
3
+ readonly INPUT: "input";
4
+ };
5
+ export type DrawerType = (typeof DRAWER_TYPES)[keyof typeof DRAWER_TYPES];
6
+ export declare const INFORMATION_SUBTYPES: {
7
+ readonly PROGRESS: "progress";
8
+ readonly PASSIVE: "passive";
9
+ };
10
+ export declare const INPUT_SUBTYPES: {
11
+ readonly DEFAULT: "default";
12
+ readonly DESTRUCTIVE: "destructive";
13
+ };
14
+ export type InformationSubtype = (typeof INFORMATION_SUBTYPES)[keyof typeof INFORMATION_SUBTYPES];
15
+ export type InputSubtype = (typeof INPUT_SUBTYPES)[keyof typeof INPUT_SUBTYPES];
16
+ type DrawerConfig = {
17
+ DISMISSIBLE: 'full' | 'partial';
18
+ };
19
+ type DrawerTypeConfig = {
20
+ [subtype: string]: DrawerConfig;
21
+ };
22
+ export declare const DRAWER_CONFIGS: Record<DrawerType, DrawerTypeConfig>;
23
+ export type SubtypeForType<T extends DrawerType> = T extends typeof DRAWER_TYPES.INFORMATION ? InformationSubtype : T extends typeof DRAWER_TYPES.INPUT ? InputSubtype : never;
24
+ export declare const TERTIARY_CTA_TYPES: {
25
+ DEFAULT: string;
26
+ DESTRUCTIVE: string;
27
+ };
28
+ export {};
package/dist/muiDrawer/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { InformationDrawerProps, InputDrawerProps } from './constants/muiDrawer.interfaces';
2
+ type DrawerProps = InformationDrawerProps | InputDrawerProps;
3
+ declare const MuiDrawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default MuiDrawer;
package/dist/muiTheme.d.ts ADDED
@@ -0,0 +1,239 @@
1
+ import { Theme } from '@mui/material';
2
+ export declare const drawerTypography: {
3
+ fontFamily: string;
4
+ displayL: {
5
+ fontSize: string;
6
+ fontWeight: number;
7
+ lineHeight: string;
8
+ letterSpacing: string;
9
+ };
10
+ displayM: {
11
+ fontSize: string;
12
+ fontWeight: number;
13
+ lineHeight: string;
14
+ letterSpacing: string;
15
+ };
16
+ headingL: {
17
+ fontSize: string;
18
+ fontWeight: number;
19
+ lineHeight: string;
20
+ letterSpacing: string;
21
+ };
22
+ headingM: {
23
+ fontSize: string;
24
+ fontWeight: number;
25
+ lineHeight: string;
26
+ letterSpacing: string;
27
+ };
28
+ headingS: {
29
+ fontSize: string;
30
+ fontWeight: number;
31
+ lineHeight: string;
32
+ letterSpacing: string;
33
+ };
34
+ semiBoldLabelL: {
35
+ fontSize: string;
36
+ lineHeight: string;
37
+ fontWeight: number;
38
+ letterSpacing: string;
39
+ };
40
+ semiBoldLabelM: {
41
+ fontSize: string;
42
+ lineHeight: string;
43
+ fontWeight: number;
44
+ letterSpacing: string;
45
+ };
46
+ semiBoldLabelS: {
47
+ fontSize: string;
48
+ lineHeight: string;
49
+ fontWeight: number;
50
+ letterSpacing: string;
51
+ };
52
+ semiBoldLabelXs: {
53
+ fontSize: string;
54
+ lineHeight: string;
55
+ fontWeight: number;
56
+ letterSpacing: string;
57
+ };
58
+ semiBoldLabelXxs: {
59
+ fontSize: string;
60
+ lineHeight: string;
61
+ fontWeight: number;
62
+ letterSpacing: string;
63
+ };
64
+ regularLabelL: {
65
+ fontSize: string;
66
+ lineHeight: string;
67
+ fontWeight: number;
68
+ letterSpacing: string;
69
+ };
70
+ regularLabelM: {
71
+ fontSize: string;
72
+ lineHeight: string;
73
+ fontWeight: number;
74
+ letterSpacing: string;
75
+ };
76
+ regularLabelS: {
77
+ fontSize: string;
78
+ lineHeight: string;
79
+ fontWeight: number;
80
+ letterSpacing: string;
81
+ };
82
+ regularLabelXs: {
83
+ fontSize: string;
84
+ lineHeight: string;
85
+ fontWeight: number;
86
+ letterSpacing: string;
87
+ };
88
+ regularLabelXxs: {
89
+ fontSize: string;
90
+ lineHeight: string;
91
+ fontWeight: number;
92
+ letterSpacing: string;
93
+ };
94
+ textXl: {
95
+ fontSize: string;
96
+ fontWeight: number;
97
+ lineHeight: string;
98
+ letterSpacing: string;
99
+ };
100
+ textL: {
101
+ fontSize: string;
102
+ fontWeight: number;
103
+ lineHeight: string;
104
+ letterSpacing: string;
105
+ };
106
+ textM: {
107
+ fontSize: string;
108
+ fontWeight: number;
109
+ lineHeight: string;
110
+ letterSpacing: string;
111
+ };
112
+ subtextM: {
113
+ fontSize: string;
114
+ fontWeight: number;
115
+ lineHeight: string;
116
+ letterSpacing: string;
117
+ };
118
+ subtextS: {
119
+ fontSize: string;
120
+ fontWeight: number;
121
+ lineHeight: string;
122
+ letterSpacing: string;
123
+ };
124
+ semiBoldLinkXL: {
125
+ fontSize: string;
126
+ fontWeight: number;
127
+ lineHeight: string;
128
+ letterSpacing: string;
129
+ textDecoration: string;
130
+ };
131
+ semiBoldLinkL: {
132
+ fontSize: string;
133
+ fontWeight: number;
134
+ lineHeight: string;
135
+ letterSpacing: string;
136
+ textDecoration: string;
137
+ };
138
+ semiBoldLinkM: {
139
+ fontSize: string;
140
+ fontWeight: number;
141
+ lineHeight: string;
142
+ letterSpacing: string;
143
+ textDecoration: string;
144
+ };
145
+ semiBoldLinkS: {
146
+ fontSize: string;
147
+ fontWeight: number;
148
+ lineHeight: string;
149
+ letterSpacing: string;
150
+ textDecoration: string;
151
+ };
152
+ semiBoldLinkXs: {
153
+ fontSize: string;
154
+ fontWeight: number;
155
+ lineHeight: string;
156
+ letterSpacing: string;
157
+ textDecoration: string;
158
+ };
159
+ regularLinkXL: {
160
+ fontSize: string;
161
+ fontWeight: number;
162
+ lineHeight: string;
163
+ letterSpacing: string;
164
+ textDecoration: string;
165
+ };
166
+ regularLinkL: {
167
+ fontSize: string;
168
+ fontWeight: number;
169
+ lineHeight: string;
170
+ letterSpacing: string;
171
+ textDecoration: string;
172
+ };
173
+ h1: {
174
+ fontSize: string;
175
+ fontWeight: number;
176
+ lineHeight: string;
177
+ };
178
+ h2: {
179
+ fontSize: string;
180
+ fontWeight: number;
181
+ lineHeight: string;
182
+ };
183
+ h3: {
184
+ fontSize: string;
185
+ fontWeight: number;
186
+ lineHeight: string;
187
+ };
188
+ h4: {
189
+ fontSize: string;
190
+ fontWeight: number;
191
+ lineHeight: string;
192
+ };
193
+ h5: {
194
+ fontSize: string;
195
+ fontWeight: number;
196
+ lineHeight: string;
197
+ };
198
+ headline: {
199
+ fontSize: string;
200
+ fontWeight: number;
201
+ lineHeight: string;
202
+ };
203
+ body: {
204
+ fontSize: string;
205
+ lineHeight: string;
206
+ fontWeight: number;
207
+ };
208
+ callout: {
209
+ fontSize: string;
210
+ fontWeight: number;
211
+ lineHeight: string;
212
+ };
213
+ subHeadline1: {
214
+ fontSize: string;
215
+ lineHeight: string;
216
+ fontWeight: number;
217
+ };
218
+ subHeadline2: {
219
+ fontSize: string;
220
+ lineHeight: string;
221
+ fontWeight: number;
222
+ };
223
+ footNote: {
224
+ fontSize: string;
225
+ lineHeight: string;
226
+ fontWeight: number;
227
+ };
228
+ caption1: {
229
+ fontSize: string;
230
+ lineHeight: string;
231
+ fontWeight: number;
232
+ };
233
+ caption2: {
234
+ fontSize: string;
235
+ lineHeight: string;
236
+ fontWeight: number;
237
+ };
238
+ };
239
+ export declare const muiTheme: Theme;
package/dist/theme.constant.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ export declare const textStyles: {
2
+ fontWeight: {
3
+ semibold: number;
4
+ regular: number;
5
+ };
6
+ letterSpacing: {
7
+ default: string;
8
+ };
9
+ };
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/viplatform/mui-drawer/issues"
8
8
  },
9
9
  "homepage": "https://github.com/viplatform/mui-drawer#readme",
10
- "version": "1.0.4",
10
+ "version": "1.0.6",
11
11
  "files": [
12
12
  "dist"
13
13
  ],
@@ -52,9 +52,9 @@
52
52
  }
53
53
  },
54
54
  "peerDependencies": {
55
- "@emotion/react": "^11.13.0",
56
- "@emotion/styled": "^11.13.0",
57
- "@mui/material": "^7.0.0",
55
+ "@emotion/react": "^11.14.0",
56
+ "@emotion/styled": "^11.14.0",
57
+ "@mui/material": "^7.0.2",
58
58
  "@types/react": "^18.0.0 || ^19.0.0",
59
59
  "react": "^18.0.0 || ^19.0.0",
60
60
  "react-dom": "^18.0.0 || ^19.0.0"
@@ -65,11 +65,11 @@
65
65
  }
66
66
  },
67
67
  "dependencies": {
68
- "@emotion/react": "^11.13.0",
69
- "@emotion/styled": "^11.13.0",
68
+ "@emotion/react": "^11.14.0",
69
+ "@emotion/styled": "^11.14.0",
70
70
  "@mui/icons-material": "^7.1.0",
71
71
  "@mui/lab": "^7.0.0-beta.12",
72
- "@mui/material": "^7.0.0",
72
+ "@mui/material": "^7.0.2",
73
73
  "@types/react": "^18.0.0 || ^19.0.0",
74
74
  "classnames": "^2.5.1",
75
75
  "react": "^18.0.0 || ^19.0.0",
@@ -78,6 +78,8 @@
78
78
  "devDependencies": {
79
79
  "@emotion/react": "^11.14.0",
80
80
  "@emotion/styled": "^11.14.0",
81
+ "@mui/icons-material": "^7.1.0",
82
+ "@mui/lab": "^7.0.0-beta.12",
81
83
  "@mui/material": "^7.0.2",
82
84
  "@storybook/addon-actions": "^8.6.12",
83
85
  "@storybook/addon-essentials": "^8.6.12",
@@ -91,6 +93,7 @@
91
93
  "@testing-library/user-event": "^14.6.1",
92
94
  "@types/lodash": "^4.17.17",
93
95
  "@types/node": "^22.14.1",
96
+ "@types/react": "^18.0.0 || ^19.0.0",
94
97
  "@types/react-dom": "^19.1.5",
95
98
  "@viclafouch/eslint-config-viclafouch": "4.22.0",
96
99
  "@vitejs/plugin-react": "^4.3.4",