@samline/notify 1.0.2 → 2.0.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.
- package/{LICENSE → LICENSE.md} +2 -2
- package/README.md +27 -163
- package/dist/_runtime.d.mts +87 -0
- package/dist/_runtime.d.ts +87 -0
- package/dist/_runtime.js +97 -0
- package/dist/_runtime.mjs +83 -0
- package/dist/browser/assets-client-B-VVPPYQ.js +114 -0
- package/dist/browser/assets-client-CUzxHubR.mjs +108 -0
- package/dist/browser/index-client-BBOQyMFk.mjs +173 -0
- package/dist/browser/index-client-Czb7hTpD.js +181 -0
- package/dist/browser/index.cjs +24716 -0
- package/dist/browser/index.d.mts +134 -0
- package/dist/browser/index.d.ts +134 -0
- package/dist/browser/index.js +24718 -0
- package/dist/browser/index.mjs +24707 -0
- package/dist/browser/render-client-CjcQoukB.js +981 -0
- package/dist/browser/render-client-bGRSTd-L.mjs +974 -0
- package/dist/core/index.d.mts +68 -0
- package/dist/core/index.d.ts +68 -0
- package/dist/core/index.js +1 -0
- package/dist/core/index.mjs +1 -0
- package/dist/index.d.mts +131 -0
- package/dist/index.d.ts +131 -0
- package/dist/index.js +24700 -0
- package/dist/index.mjs +24693 -0
- package/dist/react/index.d.mts +158 -0
- package/dist/react/index.d.ts +158 -0
- package/dist/react/index.js +1116 -0
- package/dist/react/index.mjs +1107 -0
- package/dist/styles.css +589 -422
- package/dist/svelte/assets-client-B-VVPPYQ.js +114 -0
- package/dist/svelte/assets-client-CUzxHubR.mjs +108 -0
- package/dist/svelte/index-client-DbXbWMIe.js +177 -0
- package/dist/svelte/index-client-Dj_WfPK9.mjs +170 -0
- package/dist/svelte/index.d.mts +14 -0
- package/dist/svelte/index.d.ts +14 -0
- package/dist/svelte/index.js +24722 -0
- package/dist/svelte/index.mjs +24713 -0
- package/dist/svelte/render-client-CjcQoukB.js +981 -0
- package/dist/svelte/render-client-bGRSTd-L.mjs +974 -0
- package/dist/vue/assets-client-B-VVPPYQ.js +114 -0
- package/dist/vue/assets-client-CUzxHubR.mjs +108 -0
- package/dist/vue/index-client-DbXbWMIe.js +177 -0
- package/dist/vue/index-client-Dj_WfPK9.mjs +170 -0
- package/dist/vue/index.d.mts +50 -0
- package/dist/vue/index.d.ts +50 -0
- package/dist/vue/index.js +24777 -0
- package/dist/vue/index.mjs +24770 -0
- package/dist/vue/render-client-CjcQoukB.js +981 -0
- package/dist/vue/render-client-bGRSTd-L.mjs +974 -0
- package/package.json +141 -95
- package/dist/browser-notify.js +0 -68
- package/dist/cc-2Yt7NqMX.mjs +0 -21
- package/dist/cc-B6peeNak.mjs +0 -33
- package/dist/cc-BWuAzFJ6.js +0 -12
- package/dist/cc-CaBHsjUt.js +0 -34
- package/dist/cc-DGff5sSY.js +0 -21
- package/dist/cc-he3fHS3P.mjs +0 -12
- package/dist/notify.d.mts +0 -48
- package/dist/notify.d.mts.map +0 -1
- package/dist/notify.d.ts +0 -48
- package/dist/notify.d.ts.map +0 -1
- package/dist/notify.js +0 -206
- package/dist/notify.mjs +0 -202
- package/dist/react-notify-12s--2JK5UjB.mjs +0 -1244
- package/dist/react-notify-12s-Kv2M6zlv.js +0 -1247
- package/dist/react.d.mts +0 -70
- package/dist/react.d.mts.map +0 -1
- package/dist/react.d.ts +0 -70
- package/dist/react.d.ts.map +0 -1
- package/dist/react.js +0 -19
- package/dist/react.mjs +0 -10
- package/dist/render-notify-toasts.js +0 -213
- package/dist/svelte.d.mts +0 -49
- package/dist/svelte.d.mts.map +0 -1
- package/dist/svelte.d.ts +0 -49
- package/dist/svelte.d.ts.map +0 -1
- package/dist/svelte.js +0 -284
- package/dist/svelte.mjs +0 -280
- package/dist/vue.d.mts +0 -107
- package/dist/vue.d.mts.map +0 -1
- package/dist/vue.d.ts +0 -107
- package/dist/vue.d.ts.map +0 -1
- package/dist/vue.js +0 -2215
- package/dist/vue.mjs +0 -2211
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
type Position = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
|
|
2
|
+
|
|
3
|
+
type ToastId = number | string;
|
|
4
|
+
type CommonToastType = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
|
|
5
|
+
type CommonRenderable = boolean | number | string | null | undefined;
|
|
6
|
+
type CommonPromise<Data = unknown> = Promise<Data> | (() => Promise<Data>);
|
|
7
|
+
interface CommonToastAction {
|
|
8
|
+
label: CommonRenderable;
|
|
9
|
+
onClick?: (event: Event) => void;
|
|
10
|
+
closeOnClick?: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface CommonToastPayload {
|
|
13
|
+
id: ToastId;
|
|
14
|
+
toasterId?: string;
|
|
15
|
+
title?: CommonRenderable;
|
|
16
|
+
description?: CommonRenderable;
|
|
17
|
+
type?: CommonToastType;
|
|
18
|
+
richColors?: boolean;
|
|
19
|
+
invert?: boolean;
|
|
20
|
+
closeButton?: boolean;
|
|
21
|
+
dismissible?: boolean;
|
|
22
|
+
duration?: number;
|
|
23
|
+
className?: string;
|
|
24
|
+
descriptionClassName?: string;
|
|
25
|
+
position?: Position;
|
|
26
|
+
testId?: string;
|
|
27
|
+
action?: CommonToastAction;
|
|
28
|
+
cancel?: CommonToastAction;
|
|
29
|
+
}
|
|
30
|
+
type CommonToastOptions = Omit<CommonToastPayload, 'id'> & {
|
|
31
|
+
id?: ToastId;
|
|
32
|
+
};
|
|
33
|
+
interface CommonPromiseResult extends CommonToastOptions {
|
|
34
|
+
message: CommonRenderable;
|
|
35
|
+
}
|
|
36
|
+
type CommonPromiseValue<Data = unknown> = CommonRenderable | CommonPromiseResult | ((data: Data) => CommonRenderable | CommonPromiseResult | Promise<CommonRenderable | CommonPromiseResult>);
|
|
37
|
+
type CommonOffset = {
|
|
38
|
+
top?: number | string;
|
|
39
|
+
right?: number | string;
|
|
40
|
+
bottom?: number | string;
|
|
41
|
+
left?: number | string;
|
|
42
|
+
} | number | string;
|
|
43
|
+
interface CommonToasterOptions {
|
|
44
|
+
id?: string;
|
|
45
|
+
theme?: 'light' | 'dark' | 'system';
|
|
46
|
+
position?: Position;
|
|
47
|
+
expand?: boolean;
|
|
48
|
+
duration?: number;
|
|
49
|
+
gap?: number;
|
|
50
|
+
visibleToasts?: number;
|
|
51
|
+
closeButton?: boolean;
|
|
52
|
+
className?: string;
|
|
53
|
+
offset?: CommonOffset;
|
|
54
|
+
mobileOffset?: CommonOffset;
|
|
55
|
+
dir?: 'rtl' | 'ltr' | 'auto';
|
|
56
|
+
richColors?: boolean;
|
|
57
|
+
customAriaLabel?: string;
|
|
58
|
+
containerAriaLabel?: string;
|
|
59
|
+
}
|
|
60
|
+
interface CommonPromiseData<Data = unknown> extends Omit<CommonToastOptions, 'description'> {
|
|
61
|
+
loading?: CommonRenderable;
|
|
62
|
+
success?: CommonPromiseValue<Data>;
|
|
63
|
+
error?: CommonPromiseValue;
|
|
64
|
+
description?: CommonRenderable | ((data: Data | unknown) => CommonRenderable | Promise<CommonRenderable>);
|
|
65
|
+
finally?: () => void | Promise<void>;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export type { CommonOffset, CommonPromise, CommonPromiseData, CommonPromiseResult, CommonPromiseValue, CommonRenderable, CommonToastAction, CommonToastOptions, CommonToastPayload, CommonToastType, CommonToasterOptions, ToastId };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
type Position = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
|
|
2
|
+
|
|
3
|
+
type ToastId = number | string;
|
|
4
|
+
type CommonToastType = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
|
|
5
|
+
type CommonRenderable = boolean | number | string | null | undefined;
|
|
6
|
+
type CommonPromise<Data = unknown> = Promise<Data> | (() => Promise<Data>);
|
|
7
|
+
interface CommonToastAction {
|
|
8
|
+
label: CommonRenderable;
|
|
9
|
+
onClick?: (event: Event) => void;
|
|
10
|
+
closeOnClick?: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface CommonToastPayload {
|
|
13
|
+
id: ToastId;
|
|
14
|
+
toasterId?: string;
|
|
15
|
+
title?: CommonRenderable;
|
|
16
|
+
description?: CommonRenderable;
|
|
17
|
+
type?: CommonToastType;
|
|
18
|
+
richColors?: boolean;
|
|
19
|
+
invert?: boolean;
|
|
20
|
+
closeButton?: boolean;
|
|
21
|
+
dismissible?: boolean;
|
|
22
|
+
duration?: number;
|
|
23
|
+
className?: string;
|
|
24
|
+
descriptionClassName?: string;
|
|
25
|
+
position?: Position;
|
|
26
|
+
testId?: string;
|
|
27
|
+
action?: CommonToastAction;
|
|
28
|
+
cancel?: CommonToastAction;
|
|
29
|
+
}
|
|
30
|
+
type CommonToastOptions = Omit<CommonToastPayload, 'id'> & {
|
|
31
|
+
id?: ToastId;
|
|
32
|
+
};
|
|
33
|
+
interface CommonPromiseResult extends CommonToastOptions {
|
|
34
|
+
message: CommonRenderable;
|
|
35
|
+
}
|
|
36
|
+
type CommonPromiseValue<Data = unknown> = CommonRenderable | CommonPromiseResult | ((data: Data) => CommonRenderable | CommonPromiseResult | Promise<CommonRenderable | CommonPromiseResult>);
|
|
37
|
+
type CommonOffset = {
|
|
38
|
+
top?: number | string;
|
|
39
|
+
right?: number | string;
|
|
40
|
+
bottom?: number | string;
|
|
41
|
+
left?: number | string;
|
|
42
|
+
} | number | string;
|
|
43
|
+
interface CommonToasterOptions {
|
|
44
|
+
id?: string;
|
|
45
|
+
theme?: 'light' | 'dark' | 'system';
|
|
46
|
+
position?: Position;
|
|
47
|
+
expand?: boolean;
|
|
48
|
+
duration?: number;
|
|
49
|
+
gap?: number;
|
|
50
|
+
visibleToasts?: number;
|
|
51
|
+
closeButton?: boolean;
|
|
52
|
+
className?: string;
|
|
53
|
+
offset?: CommonOffset;
|
|
54
|
+
mobileOffset?: CommonOffset;
|
|
55
|
+
dir?: 'rtl' | 'ltr' | 'auto';
|
|
56
|
+
richColors?: boolean;
|
|
57
|
+
customAriaLabel?: string;
|
|
58
|
+
containerAriaLabel?: string;
|
|
59
|
+
}
|
|
60
|
+
interface CommonPromiseData<Data = unknown> extends Omit<CommonToastOptions, 'description'> {
|
|
61
|
+
loading?: CommonRenderable;
|
|
62
|
+
success?: CommonPromiseValue<Data>;
|
|
63
|
+
error?: CommonPromiseValue;
|
|
64
|
+
description?: CommonRenderable | ((data: Data | unknown) => CommonRenderable | Promise<CommonRenderable>);
|
|
65
|
+
finally?: () => void | Promise<void>;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export type { CommonOffset, CommonPromise, CommonPromiseData, CommonPromiseResult, CommonPromiseValue, CommonRenderable, CommonToastAction, CommonToastOptions, CommonToastPayload, CommonToastType, CommonToasterOptions, ToastId };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CommonToasterOptions, CommonRenderable, CommonToastOptions, CommonPromiseData } from './core/index.mjs';
|
|
3
|
+
export { CommonPromiseData, CommonPromiseResult, CommonPromiseValue, CommonRenderable, CommonToastAction, CommonToastOptions, CommonToasterOptions, ToastId } from './core/index.mjs';
|
|
4
|
+
|
|
5
|
+
type ToastTypes = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
|
|
6
|
+
type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
|
|
7
|
+
interface PromiseIExtendedResult extends ExternalToast {
|
|
8
|
+
message: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
type PromiseTExtendedResult<Data = any> = PromiseIExtendedResult | ((data: Data) => PromiseIExtendedResult | Promise<PromiseIExtendedResult>);
|
|
11
|
+
type PromiseTResult<Data = any> = string | React.ReactNode | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);
|
|
12
|
+
type PromiseExternalToast = Omit<ExternalToast, 'description'>;
|
|
13
|
+
type PromiseData<ToastData = any> = PromiseExternalToast & {
|
|
14
|
+
loading?: string | React.ReactNode;
|
|
15
|
+
success?: PromiseTResult<ToastData> | PromiseTExtendedResult<ToastData>;
|
|
16
|
+
error?: PromiseTResult | PromiseTExtendedResult;
|
|
17
|
+
description?: PromiseTResult;
|
|
18
|
+
finally?: () => void | Promise<void>;
|
|
19
|
+
};
|
|
20
|
+
interface ToastClassnames {
|
|
21
|
+
toast?: string;
|
|
22
|
+
title?: string;
|
|
23
|
+
description?: string;
|
|
24
|
+
loader?: string;
|
|
25
|
+
closeButton?: string;
|
|
26
|
+
cancelButton?: string;
|
|
27
|
+
actionButton?: string;
|
|
28
|
+
success?: string;
|
|
29
|
+
error?: string;
|
|
30
|
+
info?: string;
|
|
31
|
+
warning?: string;
|
|
32
|
+
loading?: string;
|
|
33
|
+
default?: string;
|
|
34
|
+
content?: string;
|
|
35
|
+
icon?: string;
|
|
36
|
+
}
|
|
37
|
+
interface Action {
|
|
38
|
+
label: React.ReactNode;
|
|
39
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
40
|
+
actionButtonStyle?: React.CSSProperties;
|
|
41
|
+
}
|
|
42
|
+
interface ToastT {
|
|
43
|
+
id: number | string;
|
|
44
|
+
toasterId?: string;
|
|
45
|
+
title?: (() => React.ReactNode) | React.ReactNode;
|
|
46
|
+
type?: ToastTypes;
|
|
47
|
+
icon?: React.ReactNode;
|
|
48
|
+
jsx?: React.ReactNode;
|
|
49
|
+
richColors?: boolean;
|
|
50
|
+
invert?: boolean;
|
|
51
|
+
closeButton?: boolean;
|
|
52
|
+
dismissible?: boolean;
|
|
53
|
+
description?: (() => React.ReactNode) | React.ReactNode;
|
|
54
|
+
duration?: number;
|
|
55
|
+
delete?: boolean;
|
|
56
|
+
action?: Action | React.ReactNode;
|
|
57
|
+
cancel?: Action | React.ReactNode;
|
|
58
|
+
onDismiss?: (toast: ToastT) => void;
|
|
59
|
+
onAutoClose?: (toast: ToastT) => void;
|
|
60
|
+
promise?: PromiseT;
|
|
61
|
+
cancelButtonStyle?: React.CSSProperties;
|
|
62
|
+
actionButtonStyle?: React.CSSProperties;
|
|
63
|
+
style?: React.CSSProperties;
|
|
64
|
+
unstyled?: boolean;
|
|
65
|
+
className?: string;
|
|
66
|
+
classNames?: ToastClassnames;
|
|
67
|
+
descriptionClassName?: string;
|
|
68
|
+
position?: Position;
|
|
69
|
+
testId?: string;
|
|
70
|
+
}
|
|
71
|
+
type Position = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
|
|
72
|
+
interface ToastToDismiss {
|
|
73
|
+
id: number | string;
|
|
74
|
+
dismiss: boolean;
|
|
75
|
+
}
|
|
76
|
+
type ExternalToast = Omit<ToastT, 'id' | 'type' | 'title' | 'jsx' | 'delete' | 'promise'> & {
|
|
77
|
+
id?: number | string;
|
|
78
|
+
toasterId?: string;
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
interface VanillaToasterController {
|
|
82
|
+
element: HTMLElement;
|
|
83
|
+
update: (options?: CommonToasterOptions) => VanillaToasterController;
|
|
84
|
+
destroy: () => void;
|
|
85
|
+
options: CommonToasterOptions;
|
|
86
|
+
}
|
|
87
|
+
declare function createToaster(options?: CommonToasterOptions): VanillaToasterController;
|
|
88
|
+
declare function configureToaster(options?: CommonToasterOptions): VanillaToasterController;
|
|
89
|
+
declare const Toaster: typeof createToaster;
|
|
90
|
+
declare function getToaster(): VanillaToasterController;
|
|
91
|
+
declare function destroyToaster(): void;
|
|
92
|
+
declare const toast: ((message: React.ReactNode | (() => React.ReactNode), data?: ExternalToast) => string | number) & {
|
|
93
|
+
success: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
94
|
+
info: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
95
|
+
warning: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
96
|
+
error: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
97
|
+
custom: (jsx: (id: string | number) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, data?: ExternalToast) => string | number;
|
|
98
|
+
message: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
99
|
+
promise: <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => (string & {
|
|
100
|
+
unwrap: () => Promise<ToastData>;
|
|
101
|
+
}) | (number & {
|
|
102
|
+
unwrap: () => Promise<ToastData>;
|
|
103
|
+
}) | {
|
|
104
|
+
unwrap: () => Promise<ToastData>;
|
|
105
|
+
};
|
|
106
|
+
dismiss: (id?: string | number) => string | number;
|
|
107
|
+
loading: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
108
|
+
} & {
|
|
109
|
+
getHistory: () => (ToastT | ToastToDismiss)[];
|
|
110
|
+
getToasts: () => (ToastT | ToastToDismiss)[];
|
|
111
|
+
} & {
|
|
112
|
+
success(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
113
|
+
info(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
114
|
+
warning(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
115
|
+
error(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
116
|
+
loading(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
117
|
+
message(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
118
|
+
promise<Data>(promise: Promise<Data> | (() => Promise<Data>), data?: CommonPromiseData<Data>): (string & {
|
|
119
|
+
unwrap: () => Promise<Data>;
|
|
120
|
+
}) | (number & {
|
|
121
|
+
unwrap: () => Promise<Data>;
|
|
122
|
+
}) | {
|
|
123
|
+
unwrap: () => Promise<Data>;
|
|
124
|
+
};
|
|
125
|
+
dismiss(id?: number | string): string | number;
|
|
126
|
+
getHistory(): (ToastT | ToastToDismiss)[];
|
|
127
|
+
getToasts(): (ToastT | ToastToDismiss)[];
|
|
128
|
+
};
|
|
129
|
+
|
|
130
|
+
export { Toaster, configureToaster, createToaster, destroyToaster, getToaster, toast };
|
|
131
|
+
export type { VanillaToasterController };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CommonToasterOptions, CommonRenderable, CommonToastOptions, CommonPromiseData } from './core/index.js';
|
|
3
|
+
export { CommonPromiseData, CommonPromiseResult, CommonPromiseValue, CommonRenderable, CommonToastAction, CommonToastOptions, CommonToasterOptions, ToastId } from './core/index.js';
|
|
4
|
+
|
|
5
|
+
type ToastTypes = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
|
|
6
|
+
type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
|
|
7
|
+
interface PromiseIExtendedResult extends ExternalToast {
|
|
8
|
+
message: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
type PromiseTExtendedResult<Data = any> = PromiseIExtendedResult | ((data: Data) => PromiseIExtendedResult | Promise<PromiseIExtendedResult>);
|
|
11
|
+
type PromiseTResult<Data = any> = string | React.ReactNode | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);
|
|
12
|
+
type PromiseExternalToast = Omit<ExternalToast, 'description'>;
|
|
13
|
+
type PromiseData<ToastData = any> = PromiseExternalToast & {
|
|
14
|
+
loading?: string | React.ReactNode;
|
|
15
|
+
success?: PromiseTResult<ToastData> | PromiseTExtendedResult<ToastData>;
|
|
16
|
+
error?: PromiseTResult | PromiseTExtendedResult;
|
|
17
|
+
description?: PromiseTResult;
|
|
18
|
+
finally?: () => void | Promise<void>;
|
|
19
|
+
};
|
|
20
|
+
interface ToastClassnames {
|
|
21
|
+
toast?: string;
|
|
22
|
+
title?: string;
|
|
23
|
+
description?: string;
|
|
24
|
+
loader?: string;
|
|
25
|
+
closeButton?: string;
|
|
26
|
+
cancelButton?: string;
|
|
27
|
+
actionButton?: string;
|
|
28
|
+
success?: string;
|
|
29
|
+
error?: string;
|
|
30
|
+
info?: string;
|
|
31
|
+
warning?: string;
|
|
32
|
+
loading?: string;
|
|
33
|
+
default?: string;
|
|
34
|
+
content?: string;
|
|
35
|
+
icon?: string;
|
|
36
|
+
}
|
|
37
|
+
interface Action {
|
|
38
|
+
label: React.ReactNode;
|
|
39
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
40
|
+
actionButtonStyle?: React.CSSProperties;
|
|
41
|
+
}
|
|
42
|
+
interface ToastT {
|
|
43
|
+
id: number | string;
|
|
44
|
+
toasterId?: string;
|
|
45
|
+
title?: (() => React.ReactNode) | React.ReactNode;
|
|
46
|
+
type?: ToastTypes;
|
|
47
|
+
icon?: React.ReactNode;
|
|
48
|
+
jsx?: React.ReactNode;
|
|
49
|
+
richColors?: boolean;
|
|
50
|
+
invert?: boolean;
|
|
51
|
+
closeButton?: boolean;
|
|
52
|
+
dismissible?: boolean;
|
|
53
|
+
description?: (() => React.ReactNode) | React.ReactNode;
|
|
54
|
+
duration?: number;
|
|
55
|
+
delete?: boolean;
|
|
56
|
+
action?: Action | React.ReactNode;
|
|
57
|
+
cancel?: Action | React.ReactNode;
|
|
58
|
+
onDismiss?: (toast: ToastT) => void;
|
|
59
|
+
onAutoClose?: (toast: ToastT) => void;
|
|
60
|
+
promise?: PromiseT;
|
|
61
|
+
cancelButtonStyle?: React.CSSProperties;
|
|
62
|
+
actionButtonStyle?: React.CSSProperties;
|
|
63
|
+
style?: React.CSSProperties;
|
|
64
|
+
unstyled?: boolean;
|
|
65
|
+
className?: string;
|
|
66
|
+
classNames?: ToastClassnames;
|
|
67
|
+
descriptionClassName?: string;
|
|
68
|
+
position?: Position;
|
|
69
|
+
testId?: string;
|
|
70
|
+
}
|
|
71
|
+
type Position = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
|
|
72
|
+
interface ToastToDismiss {
|
|
73
|
+
id: number | string;
|
|
74
|
+
dismiss: boolean;
|
|
75
|
+
}
|
|
76
|
+
type ExternalToast = Omit<ToastT, 'id' | 'type' | 'title' | 'jsx' | 'delete' | 'promise'> & {
|
|
77
|
+
id?: number | string;
|
|
78
|
+
toasterId?: string;
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
interface VanillaToasterController {
|
|
82
|
+
element: HTMLElement;
|
|
83
|
+
update: (options?: CommonToasterOptions) => VanillaToasterController;
|
|
84
|
+
destroy: () => void;
|
|
85
|
+
options: CommonToasterOptions;
|
|
86
|
+
}
|
|
87
|
+
declare function createToaster(options?: CommonToasterOptions): VanillaToasterController;
|
|
88
|
+
declare function configureToaster(options?: CommonToasterOptions): VanillaToasterController;
|
|
89
|
+
declare const Toaster: typeof createToaster;
|
|
90
|
+
declare function getToaster(): VanillaToasterController;
|
|
91
|
+
declare function destroyToaster(): void;
|
|
92
|
+
declare const toast: ((message: React.ReactNode | (() => React.ReactNode), data?: ExternalToast) => string | number) & {
|
|
93
|
+
success: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
94
|
+
info: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
95
|
+
warning: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
96
|
+
error: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
97
|
+
custom: (jsx: (id: string | number) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, data?: ExternalToast) => string | number;
|
|
98
|
+
message: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
99
|
+
promise: <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => (string & {
|
|
100
|
+
unwrap: () => Promise<ToastData>;
|
|
101
|
+
}) | (number & {
|
|
102
|
+
unwrap: () => Promise<ToastData>;
|
|
103
|
+
}) | {
|
|
104
|
+
unwrap: () => Promise<ToastData>;
|
|
105
|
+
};
|
|
106
|
+
dismiss: (id?: string | number) => string | number;
|
|
107
|
+
loading: (message: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | (() => React.ReactNode), data?: ExternalToast) => string | number;
|
|
108
|
+
} & {
|
|
109
|
+
getHistory: () => (ToastT | ToastToDismiss)[];
|
|
110
|
+
getToasts: () => (ToastT | ToastToDismiss)[];
|
|
111
|
+
} & {
|
|
112
|
+
success(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
113
|
+
info(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
114
|
+
warning(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
115
|
+
error(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
116
|
+
loading(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
117
|
+
message(message: CommonRenderable, data?: CommonToastOptions): string | number;
|
|
118
|
+
promise<Data>(promise: Promise<Data> | (() => Promise<Data>), data?: CommonPromiseData<Data>): (string & {
|
|
119
|
+
unwrap: () => Promise<Data>;
|
|
120
|
+
}) | (number & {
|
|
121
|
+
unwrap: () => Promise<Data>;
|
|
122
|
+
}) | {
|
|
123
|
+
unwrap: () => Promise<Data>;
|
|
124
|
+
};
|
|
125
|
+
dismiss(id?: number | string): string | number;
|
|
126
|
+
getHistory(): (ToastT | ToastToDismiss)[];
|
|
127
|
+
getToasts(): (ToastT | ToastToDismiss)[];
|
|
128
|
+
};
|
|
129
|
+
|
|
130
|
+
export { Toaster, configureToaster, createToaster, destroyToaster, getToaster, toast };
|
|
131
|
+
export type { VanillaToasterController };
|