@mantine-vue/notifications 3.0.0 → 3.2.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.
Files changed (17) hide show
  1. package/cjs/index.cjs +318 -365
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +319 -366
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/NotificationContainer/NotificationContainer.types.d.ts +25 -0
  6. package/lib/components/NotificationContainer/NotificationContainer.vue.d.ts +12 -0
  7. package/lib/components/NotificationContainer/index.d.ts +3 -0
  8. package/lib/components/Notifications/Notifications.d.ts +23 -0
  9. package/lib/components/Notifications/Notifications.types.d.ts +43 -0
  10. package/lib/components/Notifications/Notifications.vue.d.ts +6 -0
  11. package/lib/components/Notifications/index.d.ts +1 -0
  12. package/lib/index.d.mts +2 -2
  13. package/lib/index.d.ts +2 -2
  14. package/lib/notifications.store.d.ts +9 -0
  15. package/package.json +4 -4
  16. package/lib/NotificationContainer.d.ts +0 -82
  17. package/lib/Notifications.d.ts +0 -314
package/lib/Notifications.d.ts DELETED
@@ -1,314 +0,0 @@
1
- import { type PropType } from 'vue';
2
- import { hideNotification, type NotificationPosition, type NotificationsStore } from './notifications.store';
3
- export type NotificationsStylesNames = 'root' | 'notification';
4
- export type NotificationsCssVariables = {
5
- root: '--notifications-z-index' | '--notifications-container-width';
6
- };
7
- export interface NotificationsProps {
8
- position?: NotificationPosition;
9
- autoClose?: number | false;
10
- transitionDuration?: number;
11
- allowDragDismiss?: boolean;
12
- allowScrollDismiss?: boolean;
13
- containerWidth?: number | string;
14
- notificationMaxHeight?: number | string;
15
- limit?: number;
16
- zIndex?: string | number;
17
- portalProps?: Record<string, any>;
18
- store?: NotificationsStore;
19
- withinPortal?: boolean;
20
- pauseResetOnHover?: 'all' | 'notification';
21
- classNames?: Record<string, any>;
22
- styles?: Record<string, any>;
23
- vars?: Record<string, any>;
24
- unstyled?: boolean;
25
- }
26
- export declare const Notifications: {
27
- new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
28
- position: {
29
- type: PropType<NotificationPosition>;
30
- default: undefined;
31
- };
32
- autoClose: {
33
- type: PropType<number | false>;
34
- default: undefined;
35
- };
36
- transitionDuration: {
37
- type: NumberConstructor;
38
- default: undefined;
39
- };
40
- allowDragDismiss: {
41
- type: BooleanConstructor;
42
- default: undefined;
43
- };
44
- allowScrollDismiss: {
45
- type: BooleanConstructor;
46
- default: undefined;
47
- };
48
- containerWidth: {
49
- type: PropType<number | string>;
50
- default: undefined;
51
- };
52
- notificationMaxHeight: {
53
- type: PropType<number | string>;
54
- default: undefined;
55
- };
56
- limit: {
57
- type: NumberConstructor;
58
- default: undefined;
59
- };
60
- zIndex: {
61
- type: PropType<number | string>;
62
- default: undefined;
63
- };
64
- portalProps: {
65
- type: PropType<Record<string, any>>;
66
- default: undefined;
67
- };
68
- store: {
69
- type: PropType<NotificationsStore>;
70
- default: undefined;
71
- };
72
- withinPortal: {
73
- type: BooleanConstructor;
74
- default: undefined;
75
- };
76
- pauseResetOnHover: {
77
- type: PropType<"all" | "notification">;
78
- default: undefined;
79
- };
80
- classNames: {
81
- type: (ObjectConstructor | FunctionConstructor)[];
82
- default: undefined;
83
- };
84
- styles: {
85
- type: (ObjectConstructor | FunctionConstructor)[];
86
- default: undefined;
87
- };
88
- vars: {
89
- type: (ObjectConstructor | FunctionConstructor)[];
90
- default: undefined;
91
- };
92
- unstyled: {
93
- type: BooleanConstructor;
94
- default: boolean;
95
- };
96
- }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
97
- [key: string]: any;
98
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
99
- classNames: Function | Record<string, any>;
100
- styles: Function | Record<string, any>;
101
- limit: number;
102
- position: NotificationPosition;
103
- transitionDuration: number;
104
- zIndex: string | number;
105
- vars: Function | Record<string, any>;
106
- unstyled: boolean;
107
- withinPortal: boolean;
108
- portalProps: Record<string, any>;
109
- containerWidth: string | number;
110
- store: NotificationsStore;
111
- autoClose: number | false;
112
- allowDragDismiss: boolean;
113
- allowScrollDismiss: boolean;
114
- notificationMaxHeight: string | number;
115
- pauseResetOnHover: "all" | "notification";
116
- }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
117
- P: {};
118
- B: {};
119
- D: {};
120
- C: {};
121
- M: {};
122
- Defaults: {};
123
- }, Readonly<import("vue").ExtractPropTypes<{
124
- position: {
125
- type: PropType<NotificationPosition>;
126
- default: undefined;
127
- };
128
- autoClose: {
129
- type: PropType<number | false>;
130
- default: undefined;
131
- };
132
- transitionDuration: {
133
- type: NumberConstructor;
134
- default: undefined;
135
- };
136
- allowDragDismiss: {
137
- type: BooleanConstructor;
138
- default: undefined;
139
- };
140
- allowScrollDismiss: {
141
- type: BooleanConstructor;
142
- default: undefined;
143
- };
144
- containerWidth: {
145
- type: PropType<number | string>;
146
- default: undefined;
147
- };
148
- notificationMaxHeight: {
149
- type: PropType<number | string>;
150
- default: undefined;
151
- };
152
- limit: {
153
- type: NumberConstructor;
154
- default: undefined;
155
- };
156
- zIndex: {
157
- type: PropType<number | string>;
158
- default: undefined;
159
- };
160
- portalProps: {
161
- type: PropType<Record<string, any>>;
162
- default: undefined;
163
- };
164
- store: {
165
- type: PropType<NotificationsStore>;
166
- default: undefined;
167
- };
168
- withinPortal: {
169
- type: BooleanConstructor;
170
- default: undefined;
171
- };
172
- pauseResetOnHover: {
173
- type: PropType<"all" | "notification">;
174
- default: undefined;
175
- };
176
- classNames: {
177
- type: (ObjectConstructor | FunctionConstructor)[];
178
- default: undefined;
179
- };
180
- styles: {
181
- type: (ObjectConstructor | FunctionConstructor)[];
182
- default: undefined;
183
- };
184
- vars: {
185
- type: (ObjectConstructor | FunctionConstructor)[];
186
- default: undefined;
187
- };
188
- unstyled: {
189
- type: BooleanConstructor;
190
- default: boolean;
191
- };
192
- }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
193
- [key: string]: any;
194
- }>, {}, {}, {}, {
195
- classNames: Function | Record<string, any>;
196
- styles: Function | Record<string, any>;
197
- limit: number;
198
- position: NotificationPosition;
199
- transitionDuration: number;
200
- zIndex: string | number;
201
- vars: Function | Record<string, any>;
202
- unstyled: boolean;
203
- withinPortal: boolean;
204
- portalProps: Record<string, any>;
205
- containerWidth: string | number;
206
- store: NotificationsStore;
207
- autoClose: number | false;
208
- allowDragDismiss: boolean;
209
- allowScrollDismiss: boolean;
210
- notificationMaxHeight: string | number;
211
- pauseResetOnHover: "all" | "notification";
212
- }>;
213
- __isFragment?: never;
214
- __isTeleport?: never;
215
- __isSuspense?: never;
216
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
217
- position: {
218
- type: PropType<NotificationPosition>;
219
- default: undefined;
220
- };
221
- autoClose: {
222
- type: PropType<number | false>;
223
- default: undefined;
224
- };
225
- transitionDuration: {
226
- type: NumberConstructor;
227
- default: undefined;
228
- };
229
- allowDragDismiss: {
230
- type: BooleanConstructor;
231
- default: undefined;
232
- };
233
- allowScrollDismiss: {
234
- type: BooleanConstructor;
235
- default: undefined;
236
- };
237
- containerWidth: {
238
- type: PropType<number | string>;
239
- default: undefined;
240
- };
241
- notificationMaxHeight: {
242
- type: PropType<number | string>;
243
- default: undefined;
244
- };
245
- limit: {
246
- type: NumberConstructor;
247
- default: undefined;
248
- };
249
- zIndex: {
250
- type: PropType<number | string>;
251
- default: undefined;
252
- };
253
- portalProps: {
254
- type: PropType<Record<string, any>>;
255
- default: undefined;
256
- };
257
- store: {
258
- type: PropType<NotificationsStore>;
259
- default: undefined;
260
- };
261
- withinPortal: {
262
- type: BooleanConstructor;
263
- default: undefined;
264
- };
265
- pauseResetOnHover: {
266
- type: PropType<"all" | "notification">;
267
- default: undefined;
268
- };
269
- classNames: {
270
- type: (ObjectConstructor | FunctionConstructor)[];
271
- default: undefined;
272
- };
273
- styles: {
274
- type: (ObjectConstructor | FunctionConstructor)[];
275
- default: undefined;
276
- };
277
- vars: {
278
- type: (ObjectConstructor | FunctionConstructor)[];
279
- default: undefined;
280
- };
281
- unstyled: {
282
- type: BooleanConstructor;
283
- default: boolean;
284
- };
285
- }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
286
- [key: string]: any;
287
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
288
- classNames: Function | Record<string, any>;
289
- styles: Function | Record<string, any>;
290
- limit: number;
291
- position: NotificationPosition;
292
- transitionDuration: number;
293
- zIndex: string | number;
294
- vars: Function | Record<string, any>;
295
- unstyled: boolean;
296
- withinPortal: boolean;
297
- portalProps: Record<string, any>;
298
- containerWidth: string | number;
299
- store: NotificationsStore;
300
- autoClose: number | false;
301
- allowDragDismiss: boolean;
302
- allowScrollDismiss: boolean;
303
- notificationMaxHeight: string | number;
304
- pauseResetOnHover: "all" | "notification";
305
- }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
306
- classes: Record<string, string>;
307
- varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
308
- show: typeof import("./notifications.store").showNotification;
309
- hide: typeof hideNotification;
310
- update: typeof import("./notifications.store").updateNotification;
311
- clean: typeof import("./notifications.store").cleanNotifications;
312
- cleanQueue: typeof import("./notifications.store").cleanNotificationsQueue;
313
- updateState: typeof import("./notifications.store").updateNotificationsState;
314
- };