@entur/alert 0.17.13 → 0.17.14
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/dist/BannerAlertBox.d.ts +27 -0
- package/dist/BaseAlertBox.d.ts +33 -0
- package/dist/CopyableText.d.ts +19 -0
- package/dist/ExpandableAlertBox.d.ts +32 -0
- package/dist/SmallAlertBox.d.ts +29 -0
- package/dist/ToastAlertBox.d.ts +22 -0
- package/dist/ToastProvider.d.ts +30 -0
- package/dist/index.d.ts +6 -174
- package/package.json +9 -9
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { VariantType } from '../../utils';
|
|
3
|
+
/** @deprecated use variant="information" instead */
|
|
4
|
+
declare const info = "info";
|
|
5
|
+
/** @deprecated use variant="negative" instead */
|
|
6
|
+
declare const error = "error";
|
|
7
|
+
export type BannerAlertBoxProps = {
|
|
8
|
+
/** Innholdet i alert-boksen */
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
/** Ekstra klassenavn */
|
|
11
|
+
className?: string;
|
|
12
|
+
/** Skjermleser-label for lukkeknappen, om den vises */
|
|
13
|
+
closeButtonLabel?: string;
|
|
14
|
+
/** Callback som kalles når man lukker boksen */
|
|
15
|
+
onClose?: () => void;
|
|
16
|
+
/** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
19
|
+
closable?: boolean;
|
|
20
|
+
/** Tittel på boksen - oppsummer virkning */
|
|
21
|
+
title?: string;
|
|
22
|
+
/** Farge og uttrykk på alert-boksen */
|
|
23
|
+
variant: VariantType | typeof info | typeof error;
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
};
|
|
26
|
+
export declare const BannerAlertBox: React.FC<BannerAlertBoxProps>;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { VariantType } from '../../utils';
|
|
3
|
+
/** @deprecated use variant="information" instead */
|
|
4
|
+
declare const info = "info";
|
|
5
|
+
/** @deprecated use variant="negative" instead */
|
|
6
|
+
declare const error = "error";
|
|
7
|
+
type BaseAlertBoxProps = {
|
|
8
|
+
/** Innholdet i alert-boksen */
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
/** Ekstra klassenavn */
|
|
11
|
+
className?: string;
|
|
12
|
+
/** Skjermleser-label for lukkeknappen, om den vises
|
|
13
|
+
* @default "Lukk"
|
|
14
|
+
*/
|
|
15
|
+
closeButtonLabel?: string;
|
|
16
|
+
/** Callback som kalles når man lukker boksen
|
|
17
|
+
* @default () => {}
|
|
18
|
+
*/
|
|
19
|
+
onClose?: () => void;
|
|
20
|
+
/** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
23
|
+
closable?: boolean;
|
|
24
|
+
/** Tittel på boksen - oppsummer virkning */
|
|
25
|
+
title?: React.ReactNode;
|
|
26
|
+
/** Farge og uttrykk på alert-boksen */
|
|
27
|
+
variant: VariantType | typeof info | typeof error;
|
|
28
|
+
/** Typen boks (internt bruk) */
|
|
29
|
+
size: 'banner' | 'toast' | 'small';
|
|
30
|
+
[key: string]: any;
|
|
31
|
+
};
|
|
32
|
+
export declare const BaseAlertBox: React.FC<BaseAlertBoxProps>;
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type CopyableTextProps = {
|
|
3
|
+
/** Ekstra klassenavn */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Tekstinnhold som vises og kopieres */
|
|
6
|
+
children: string;
|
|
7
|
+
/** Hvis du ønsker å kopiere noe annet enn
|
|
8
|
+
* innholdet i children kan du legge det inn her */
|
|
9
|
+
textToCopy?: string;
|
|
10
|
+
/** Overskrift i toast-varselet
|
|
11
|
+
* @default 'Kopiert!'
|
|
12
|
+
*/
|
|
13
|
+
successHeading?: string;
|
|
14
|
+
/** Bekreftelsesmelding i toast-varselet
|
|
15
|
+
* @default `${textToCopy} ble kopiert til utklippstavlen.`
|
|
16
|
+
*/
|
|
17
|
+
successMessage?: string;
|
|
18
|
+
} & Omit<React.ButtonHTMLAttributes<HTMLDivElement>, 'children'>;
|
|
19
|
+
export declare const CopyableText: ({ children, successHeading, successMessage, textToCopy, className, "aria-label": ariaLabel, ...rest }: CopyableTextProps) => JSX.Element;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { VariantType } from '../../utils';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
import { BannerAlertBoxProps } from './BannerAlertBox';
|
|
4
|
+
import { SmallAlertBoxProps } from './SmallAlertBox';
|
|
5
|
+
export type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps & SmallAlertBoxProps;
|
|
6
|
+
export declare const SmallExpandableAlertBox: React.FC<SmallExpandableAlertBoxProps>;
|
|
7
|
+
export type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps & BannerAlertBoxProps;
|
|
8
|
+
export declare const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps>;
|
|
9
|
+
/** @deprecated use variant="information" instead */
|
|
10
|
+
declare const info = "info";
|
|
11
|
+
/** @deprecated use variant="negative" instead */
|
|
12
|
+
declare const error = "error";
|
|
13
|
+
type ExpandableAlertBoxProps = {
|
|
14
|
+
/**Farge og uttrykk på alert-boksen*/
|
|
15
|
+
variant: VariantType | typeof info | typeof error;
|
|
16
|
+
/** Tittelen til ExpandableAlertBox */
|
|
17
|
+
title: React.ReactNode;
|
|
18
|
+
/**Innhold som vises ved ekspandering */
|
|
19
|
+
children: React.ReactNode;
|
|
20
|
+
/**Ekstra klassenavn */
|
|
21
|
+
className?: string;
|
|
22
|
+
/** Tekst som vises på ekspanderingsknappen før åpning
|
|
23
|
+
* @default "Les mer"
|
|
24
|
+
*/
|
|
25
|
+
openLabel?: string;
|
|
26
|
+
/** Tekst som vises på ekspanderingsknappen når den er åpnet
|
|
27
|
+
* @default "Lukk"
|
|
28
|
+
*/
|
|
29
|
+
closeLabel?: string;
|
|
30
|
+
[key: string]: any;
|
|
31
|
+
};
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { VariantType } from '../../utils';
|
|
3
|
+
/** @deprecated use variant="information" instead */
|
|
4
|
+
declare const info = "info";
|
|
5
|
+
/** @deprecated use variant="negative" instead */
|
|
6
|
+
declare const error = "error";
|
|
7
|
+
export type SmallAlertBoxProps = {
|
|
8
|
+
/** Innholdet i alert-boksen */
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
/** Ekstra klassenavn */
|
|
11
|
+
className?: string;
|
|
12
|
+
/** Skjermleser-label for lukkeknappen, om den vises */
|
|
13
|
+
closeButtonLabel?: string;
|
|
14
|
+
/** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
closable?: boolean;
|
|
18
|
+
/** Callback som kalles når man lukker boksen */
|
|
19
|
+
onClose?: () => void;
|
|
20
|
+
/** Tittel på boksen - oppsummer virkning */
|
|
21
|
+
title?: string;
|
|
22
|
+
/** Bredden på boksen - fullbredde eller tilpasset innholdet */
|
|
23
|
+
width?: 'fluid' | 'fit-content';
|
|
24
|
+
/** Farge og uttrykk på alert-boksen*/
|
|
25
|
+
variant: VariantType | typeof info | typeof error;
|
|
26
|
+
[key: string]: any;
|
|
27
|
+
};
|
|
28
|
+
export declare const SmallAlertBox: React.FC<SmallAlertBoxProps>;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/** @deprecated use variant="information" instead */
|
|
3
|
+
declare const info = "info";
|
|
4
|
+
export type ToastAlertBoxProps = {
|
|
5
|
+
/** Innholdet i toasten */
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
/** Ekstra klassenavn */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Skjermleser-label for lukkeknappen, om den vises */
|
|
10
|
+
closeButtonLabel?: string;
|
|
11
|
+
/** Callback som kalles når man lukker boksen */
|
|
12
|
+
onClose?: () => void;
|
|
13
|
+
/** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */
|
|
14
|
+
closable?: boolean;
|
|
15
|
+
/** Tittel på boksen - oppsummer virkning */
|
|
16
|
+
title?: string;
|
|
17
|
+
/** Farge og uttrykk på toasten */
|
|
18
|
+
variant: 'success' | 'information' | typeof info;
|
|
19
|
+
[key: string]: any;
|
|
20
|
+
};
|
|
21
|
+
export declare const ToastAlertBox: React.FC<ToastAlertBoxProps>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/** @deprecated use variant="information" instead */
|
|
3
|
+
declare const info = "info";
|
|
4
|
+
export type ToastVariants = 'success' | 'information' | typeof info;
|
|
5
|
+
export type AddToastPayload = {
|
|
6
|
+
title?: string;
|
|
7
|
+
content: React.ReactNode;
|
|
8
|
+
variant?: ToastVariants;
|
|
9
|
+
};
|
|
10
|
+
export type ToastProviderProps = {
|
|
11
|
+
/** Antall millisekunder før toasts forsvinner av seg selv
|
|
12
|
+
* @default 6000
|
|
13
|
+
*/
|
|
14
|
+
delay?: number;
|
|
15
|
+
/** Plasseringen av toasts
|
|
16
|
+
* @default "bottom-right"
|
|
17
|
+
*/
|
|
18
|
+
position?: 'bottom-right' | 'top-right';
|
|
19
|
+
/** Ekstra klassenavn til ToastProvider-wrapperen */
|
|
20
|
+
className?: string;
|
|
21
|
+
/** Ekstra styling som sendes til ToastProvider-wrapperen */
|
|
22
|
+
style?: React.CSSProperties;
|
|
23
|
+
/** Innholdet */
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
};
|
|
26
|
+
export declare const ToastProvider: React.FC<ToastProviderProps>;
|
|
27
|
+
export declare const useToast: () => {
|
|
28
|
+
addToast: (payload: AddToastPayload | string) => void;
|
|
29
|
+
};
|
|
30
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,174 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export declare const BannerAlertBox: default_2.FC<BannerAlertBoxProps>;
|
|
10
|
-
|
|
11
|
-
declare type BannerAlertBoxProps = {
|
|
12
|
-
/** Innholdet i alert-boksen */
|
|
13
|
-
children: default_2.ReactNode;
|
|
14
|
-
/** Ekstra klassenavn */
|
|
15
|
-
className?: string;
|
|
16
|
-
/** Skjermleser-label for lukkeknappen, om den vises */
|
|
17
|
-
closeButtonLabel?: string;
|
|
18
|
-
/** Callback som kalles når man lukker boksen */
|
|
19
|
-
onClose?: () => void;
|
|
20
|
-
/** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne
|
|
21
|
-
* @default false
|
|
22
|
-
*/
|
|
23
|
-
closable?: boolean;
|
|
24
|
-
/** Tittel på boksen - oppsummer virkning */
|
|
25
|
-
title?: string;
|
|
26
|
-
/** Farge og uttrykk på alert-boksen */
|
|
27
|
-
variant: VariantType | typeof info | typeof error;
|
|
28
|
-
[key: string]: any;
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export declare const BannerExpandableAlertBox: default_2.FC<BannerExpandableAlertBoxProps>;
|
|
32
|
-
|
|
33
|
-
export declare type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps & BannerAlertBoxProps;
|
|
34
|
-
|
|
35
|
-
export declare const CopyableText: ({ children, successHeading, successMessage, textToCopy, className, "aria-label": ariaLabel, ...rest }: CopyableTextProps) => JSX.Element;
|
|
36
|
-
|
|
37
|
-
declare type CopyableTextProps = {
|
|
38
|
-
/** Ekstra klassenavn */
|
|
39
|
-
className?: string;
|
|
40
|
-
/** Tekstinnhold som vises og kopieres */
|
|
41
|
-
children: string;
|
|
42
|
-
/** Hvis du ønsker å kopiere noe annet enn
|
|
43
|
-
* innholdet i children kan du legge det inn her */
|
|
44
|
-
textToCopy?: string;
|
|
45
|
-
/** Overskrift i toast-varselet
|
|
46
|
-
* @default 'Kopiert!'
|
|
47
|
-
*/
|
|
48
|
-
successHeading?: string;
|
|
49
|
-
/** Bekreftelsesmelding i toast-varselet
|
|
50
|
-
* @default `${textToCopy} ble kopiert til utklippstavlen.`
|
|
51
|
-
*/
|
|
52
|
-
successMessage?: string;
|
|
53
|
-
} & Omit<default_2.ButtonHTMLAttributes<HTMLDivElement>, 'children'>;
|
|
54
|
-
|
|
55
|
-
/** @deprecated use variant="negative" instead */
|
|
56
|
-
declare const error = "error";
|
|
57
|
-
|
|
58
|
-
/** @deprecated use variant="negative" instead */
|
|
59
|
-
declare const error_2 = "error";
|
|
60
|
-
|
|
61
|
-
/** @deprecated use variant="negative" instead */
|
|
62
|
-
declare const error_3 = "error";
|
|
63
|
-
|
|
64
|
-
declare type ExpandableAlertBoxProps = {
|
|
65
|
-
/**Farge og uttrykk på alert-boksen*/
|
|
66
|
-
variant: VariantType | typeof info_5 | typeof error_3;
|
|
67
|
-
/** Tittelen til ExpandableAlertBox */
|
|
68
|
-
title: default_2.ReactNode;
|
|
69
|
-
/**Innhold som vises ved ekspandering */
|
|
70
|
-
children: default_2.ReactNode;
|
|
71
|
-
/**Ekstra klassenavn */
|
|
72
|
-
className?: string;
|
|
73
|
-
/** Tekst som vises på ekspanderingsknappen før åpning
|
|
74
|
-
* @default "Les mer"
|
|
75
|
-
*/
|
|
76
|
-
openLabel?: string;
|
|
77
|
-
/** Tekst som vises på ekspanderingsknappen når den er åpnet
|
|
78
|
-
* @default "Lukk"
|
|
79
|
-
*/
|
|
80
|
-
closeLabel?: string;
|
|
81
|
-
[key: string]: any;
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
/** @deprecated use variant="information" instead */
|
|
85
|
-
declare const info = "info";
|
|
86
|
-
|
|
87
|
-
/** @deprecated use variant="information" instead */
|
|
88
|
-
declare const info_2 = "info";
|
|
89
|
-
|
|
90
|
-
/** @deprecated use variant="information" instead */
|
|
91
|
-
declare const info_3 = "info";
|
|
92
|
-
|
|
93
|
-
/** @deprecated use variant="information" instead */
|
|
94
|
-
declare const info_4 = "info";
|
|
95
|
-
|
|
96
|
-
/** @deprecated use variant="information" instead */
|
|
97
|
-
declare const info_5 = "info";
|
|
98
|
-
|
|
99
|
-
export declare const SmallAlertBox: default_2.FC<SmallAlertBoxProps>;
|
|
100
|
-
|
|
101
|
-
declare type SmallAlertBoxProps = {
|
|
102
|
-
/** Innholdet i alert-boksen */
|
|
103
|
-
children: default_2.ReactNode;
|
|
104
|
-
/** Ekstra klassenavn */
|
|
105
|
-
className?: string;
|
|
106
|
-
/** Skjermleser-label for lukkeknappen, om den vises */
|
|
107
|
-
closeButtonLabel?: string;
|
|
108
|
-
/** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne
|
|
109
|
-
* @default false
|
|
110
|
-
*/
|
|
111
|
-
closable?: boolean;
|
|
112
|
-
/** Callback som kalles når man lukker boksen */
|
|
113
|
-
onClose?: () => void;
|
|
114
|
-
/** Tittel på boksen - oppsummer virkning */
|
|
115
|
-
title?: string;
|
|
116
|
-
/** Bredden på boksen - fullbredde eller tilpasset innholdet */
|
|
117
|
-
width?: 'fluid' | 'fit-content';
|
|
118
|
-
/** Farge og uttrykk på alert-boksen*/
|
|
119
|
-
variant: VariantType | typeof info_3 | typeof error_2;
|
|
120
|
-
[key: string]: any;
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
export declare const SmallExpandableAlertBox: default_2.FC<SmallExpandableAlertBoxProps>;
|
|
124
|
-
|
|
125
|
-
export declare type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps & SmallAlertBoxProps;
|
|
126
|
-
|
|
127
|
-
export declare const ToastAlertBox: default_2.FC<ToastAlertBoxProps>;
|
|
128
|
-
|
|
129
|
-
declare type ToastAlertBoxProps = {
|
|
130
|
-
/** Innholdet i toasten */
|
|
131
|
-
children?: default_2.ReactNode;
|
|
132
|
-
/** Ekstra klassenavn */
|
|
133
|
-
className?: string;
|
|
134
|
-
/** Skjermleser-label for lukkeknappen, om den vises */
|
|
135
|
-
closeButtonLabel?: string;
|
|
136
|
-
/** Callback som kalles når man lukker boksen */
|
|
137
|
-
onClose?: () => void;
|
|
138
|
-
/** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */
|
|
139
|
-
closable?: boolean;
|
|
140
|
-
/** Tittel på boksen - oppsummer virkning */
|
|
141
|
-
title?: string;
|
|
142
|
-
/** Farge og uttrykk på toasten */
|
|
143
|
-
variant: 'success' | 'information' | typeof info_2;
|
|
144
|
-
[key: string]: any;
|
|
145
|
-
};
|
|
146
|
-
|
|
147
|
-
export declare const ToastProvider: default_2.FC<ToastProviderProps>;
|
|
148
|
-
|
|
149
|
-
declare type ToastProviderProps = {
|
|
150
|
-
/** Antall millisekunder før toasts forsvinner av seg selv
|
|
151
|
-
* @default 6000
|
|
152
|
-
*/
|
|
153
|
-
delay?: number;
|
|
154
|
-
/** Plasseringen av toasts
|
|
155
|
-
* @default "bottom-right"
|
|
156
|
-
*/
|
|
157
|
-
position?: 'bottom-right' | 'top-right';
|
|
158
|
-
/** Ekstra klassenavn til ToastProvider-wrapperen */
|
|
159
|
-
className?: string;
|
|
160
|
-
/** Ekstra styling som sendes til ToastProvider-wrapperen */
|
|
161
|
-
style?: default_2.CSSProperties;
|
|
162
|
-
/** Innholdet */
|
|
163
|
-
children: default_2.ReactNode;
|
|
164
|
-
};
|
|
165
|
-
|
|
166
|
-
declare type ToastVariants = 'success' | 'information' | typeof info_4;
|
|
167
|
-
|
|
168
|
-
export declare const useToast: () => {
|
|
169
|
-
addToast: (payload: AddToastPayload | string) => void;
|
|
170
|
-
};
|
|
171
|
-
|
|
172
|
-
declare type VariantType = 'success' | 'negative' | 'warning' | 'information';
|
|
173
|
-
|
|
174
|
-
export { }
|
|
1
|
+
export { BannerAlertBox } from './BannerAlertBox';
|
|
2
|
+
export { ToastAlertBox } from './ToastAlertBox';
|
|
3
|
+
export { SmallAlertBox } from './SmallAlertBox';
|
|
4
|
+
export { ToastProvider, useToast } from './ToastProvider';
|
|
5
|
+
export { CopyableText } from './CopyableText';
|
|
6
|
+
export * from './ExpandableAlertBox';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/alert",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.14",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/alert.cjs.js",
|
|
6
6
|
"module": "dist/alert.esm.js",
|
|
@@ -27,13 +27,13 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.3.
|
|
31
|
-
"@entur/expand": "^3.6.
|
|
32
|
-
"@entur/icons": "^8.0.
|
|
33
|
-
"@entur/tokens": "^3.19.
|
|
34
|
-
"@entur/tooltip": "^5.2.
|
|
35
|
-
"@entur/typography": "^1.9.
|
|
36
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/button": "^3.3.14",
|
|
31
|
+
"@entur/expand": "^3.6.14",
|
|
32
|
+
"@entur/icons": "^8.0.2",
|
|
33
|
+
"@entur/tokens": "^3.19.3",
|
|
34
|
+
"@entur/tooltip": "^5.2.14",
|
|
35
|
+
"@entur/typography": "^1.9.14",
|
|
36
|
+
"@entur/utils": "^0.12.5",
|
|
37
37
|
"classnames": "^2.5.1",
|
|
38
38
|
"copy-text-to-clipboard": "^2.2.0"
|
|
39
39
|
},
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"vite": "^7.1.3",
|
|
51
51
|
"vite-plugin-dts": "^4.5.4"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "5dd9d318f1d79f6f522f978de27b551fda1e91cc"
|
|
54
54
|
}
|