@entur/tooltip 5.2.13 → 5.2.15
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/Popover.d.ts +32 -0
- package/dist/Tooltip.d.ts +61 -0
- package/dist/index.d.ts +3 -108
- package/dist/styles.css +4 -4
- package/dist/utils.d.ts +3 -0
- package/package.json +7 -7
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Placement } from './utils';
|
|
3
|
+
export type PopoverProps = {
|
|
4
|
+
/** Innholdet i Popover */
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** Plasseringen av Popover
|
|
7
|
+
* @default "bottom-start"
|
|
8
|
+
*/
|
|
9
|
+
placement?: Placement;
|
|
10
|
+
/** Hvis du ønsker å styre state selv kan du sende inn state her */
|
|
11
|
+
showPopover?: boolean;
|
|
12
|
+
/** Hvis du ønsker å styre state selv kan du sende inn setState her */
|
|
13
|
+
setShowPopover?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
14
|
+
};
|
|
15
|
+
export declare const Popover: React.FC<PopoverProps>;
|
|
16
|
+
export type PopoverTriggerProps = {
|
|
17
|
+
/** Knapp som skal brukes for å åpne Popover */
|
|
18
|
+
children: React.ReactElement;
|
|
19
|
+
};
|
|
20
|
+
export declare const PopoverTrigger: React.FC<PopoverTriggerProps>;
|
|
21
|
+
export type PopoverCloseButtonProps = {
|
|
22
|
+
/** En valgfri knapp som kan legges inn for å lukke Popover */
|
|
23
|
+
children: React.ReactElement;
|
|
24
|
+
};
|
|
25
|
+
export declare const PopoverCloseButton: React.FC<PopoverCloseButtonProps>;
|
|
26
|
+
export type PopoverContentProps = {
|
|
27
|
+
/**Innholdet til Popover */
|
|
28
|
+
children: React.ReactNode;
|
|
29
|
+
className?: string;
|
|
30
|
+
style?: React.CSSProperties;
|
|
31
|
+
};
|
|
32
|
+
export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Placement } from './utils';
|
|
3
|
+
type Modifier = {
|
|
4
|
+
name: string;
|
|
5
|
+
enabled?: boolean;
|
|
6
|
+
requires?: Array<string>;
|
|
7
|
+
requiresIfExists?: Array<string>;
|
|
8
|
+
options?: Record<string, unknown>;
|
|
9
|
+
data?: Record<string, unknown>;
|
|
10
|
+
[key: string]: any;
|
|
11
|
+
};
|
|
12
|
+
/** @deprecated use variant="negative" instead */
|
|
13
|
+
declare const error = "error";
|
|
14
|
+
export type TooltipProps = {
|
|
15
|
+
/** Plassering av tooltip-en */
|
|
16
|
+
placement: Placement;
|
|
17
|
+
/** Innholdet i tooltip-boksen */
|
|
18
|
+
content: React.ReactNode;
|
|
19
|
+
/** Elementet som skal ha tooltip-funksjonalitet */
|
|
20
|
+
children: React.ReactElement;
|
|
21
|
+
/** Om tooltip-en skal vises */
|
|
22
|
+
isOpen?: boolean;
|
|
23
|
+
/** Callback-funksjon for når brukeren trykker på lukk-tooltip-knappen
|
|
24
|
+
* @default () => undefined;
|
|
25
|
+
*/
|
|
26
|
+
onClickCloseButton?: () => void;
|
|
27
|
+
/** Ekstra klassenavn for tooltip */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** Åpner ikke tooltip ved hover-events
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
disableHoverListener?: boolean;
|
|
33
|
+
/** Åpner ikke tooltip ved focus-events
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
disableFocusListener?: boolean;
|
|
37
|
+
disableKeyboardListener?: boolean;
|
|
38
|
+
disableClickListner?: boolean;
|
|
39
|
+
/** Viser en lukkeknapp om man kontrollerer åpningen av Tooltip vha `isOpen`
|
|
40
|
+
* @default true
|
|
41
|
+
*/
|
|
42
|
+
showCloseButton?: boolean;
|
|
43
|
+
/** Valideringsvariant for Tooltip */
|
|
44
|
+
variant?: 'negative' | typeof error;
|
|
45
|
+
/** For å kontrollere tiden i millisekunder det tar før tooltip-en
|
|
46
|
+
* vises etter hover, og hvor lang tid det tar før den lukkes etter
|
|
47
|
+
* hover-slutt.
|
|
48
|
+
* @default { enter: 150, leave: 300 }
|
|
49
|
+
*/
|
|
50
|
+
hoverDelay?: {
|
|
51
|
+
enter?: number;
|
|
52
|
+
leave?: number;
|
|
53
|
+
};
|
|
54
|
+
/** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for
|
|
55
|
+
* overskrivinger av plasseringen til Tooltip!
|
|
56
|
+
*/
|
|
57
|
+
popperModifiers?: Modifier[];
|
|
58
|
+
[key: string]: any;
|
|
59
|
+
};
|
|
60
|
+
export declare const Tooltip: React.FC<TooltipProps>;
|
|
61
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,108 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
/** @deprecated use variant="negative" instead */
|
|
5
|
-
declare const error = "error";
|
|
6
|
-
|
|
7
|
-
declare type Modifier = {
|
|
8
|
-
name: string;
|
|
9
|
-
enabled?: boolean;
|
|
10
|
-
requires?: Array<string>;
|
|
11
|
-
requiresIfExists?: Array<string>;
|
|
12
|
-
options?: Record<string, unknown>;
|
|
13
|
-
data?: Record<string, unknown>;
|
|
14
|
-
[key: string]: any;
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export declare type Placement = 'top' | 'top-left' | 'top-start' | 'top-right' | 'top-end' | 'left' | 'right' | 'bottom-left' | 'bottom-start' | 'bottom' | 'bottom-right' | 'bottom-end';
|
|
18
|
-
|
|
19
|
-
export declare const Popover: default_2.FC<PopoverProps>;
|
|
20
|
-
|
|
21
|
-
export declare const PopoverCloseButton: default_2.FC<PopoverCloseButtonProps>;
|
|
22
|
-
|
|
23
|
-
export declare type PopoverCloseButtonProps = {
|
|
24
|
-
/** En valgfri knapp som kan legges inn for å lukke Popover */
|
|
25
|
-
children: default_2.ReactElement;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export declare const PopoverContent: default_2.ForwardRefExoticComponent<PopoverContentProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
29
|
-
|
|
30
|
-
export declare type PopoverContentProps = {
|
|
31
|
-
/**Innholdet til Popover */
|
|
32
|
-
children: default_2.ReactNode;
|
|
33
|
-
className?: string;
|
|
34
|
-
style?: default_2.CSSProperties;
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export declare type PopoverProps = {
|
|
38
|
-
/** Innholdet i Popover */
|
|
39
|
-
children: default_2.ReactNode;
|
|
40
|
-
/** Plasseringen av Popover
|
|
41
|
-
* @default "bottom-start"
|
|
42
|
-
*/
|
|
43
|
-
placement?: Placement;
|
|
44
|
-
/** Hvis du ønsker å styre state selv kan du sende inn state her */
|
|
45
|
-
showPopover?: boolean;
|
|
46
|
-
/** Hvis du ønsker å styre state selv kan du sende inn setState her */
|
|
47
|
-
setShowPopover?: default_2.Dispatch<default_2.SetStateAction<boolean>>;
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export declare const PopoverTrigger: default_2.FC<PopoverTriggerProps>;
|
|
51
|
-
|
|
52
|
-
export declare type PopoverTriggerProps = {
|
|
53
|
-
/** Knapp som skal brukes for å åpne Popover */
|
|
54
|
-
children: default_2.ReactElement;
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
export declare function standardisePlacement(placement: string): Placement_2;
|
|
58
|
-
|
|
59
|
-
export declare const Tooltip: default_2.FC<TooltipProps>;
|
|
60
|
-
|
|
61
|
-
export declare type TooltipProps = {
|
|
62
|
-
/** Plassering av tooltip-en */
|
|
63
|
-
placement: Placement;
|
|
64
|
-
/** Innholdet i tooltip-boksen */
|
|
65
|
-
content: default_2.ReactNode;
|
|
66
|
-
/** Elementet som skal ha tooltip-funksjonalitet */
|
|
67
|
-
children: default_2.ReactElement;
|
|
68
|
-
/** Om tooltip-en skal vises */
|
|
69
|
-
isOpen?: boolean;
|
|
70
|
-
/** Callback-funksjon for når brukeren trykker på lukk-tooltip-knappen
|
|
71
|
-
* @default () => undefined;
|
|
72
|
-
*/
|
|
73
|
-
onClickCloseButton?: () => void;
|
|
74
|
-
/** Ekstra klassenavn for tooltip */
|
|
75
|
-
className?: string;
|
|
76
|
-
/** Åpner ikke tooltip ved hover-events
|
|
77
|
-
* @default false
|
|
78
|
-
*/
|
|
79
|
-
disableHoverListener?: boolean;
|
|
80
|
-
/** Åpner ikke tooltip ved focus-events
|
|
81
|
-
* @default false
|
|
82
|
-
*/
|
|
83
|
-
disableFocusListener?: boolean;
|
|
84
|
-
disableKeyboardListener?: boolean;
|
|
85
|
-
disableClickListner?: boolean;
|
|
86
|
-
/** Viser en lukkeknapp om man kontrollerer åpningen av Tooltip vha `isOpen`
|
|
87
|
-
* @default true
|
|
88
|
-
*/
|
|
89
|
-
showCloseButton?: boolean;
|
|
90
|
-
/** Valideringsvariant for Tooltip */
|
|
91
|
-
variant?: 'negative' | typeof error;
|
|
92
|
-
/** For å kontrollere tiden i millisekunder det tar før tooltip-en
|
|
93
|
-
* vises etter hover, og hvor lang tid det tar før den lukkes etter
|
|
94
|
-
* hover-slutt.
|
|
95
|
-
* @default { enter: 150, leave: 300 }
|
|
96
|
-
*/
|
|
97
|
-
hoverDelay?: {
|
|
98
|
-
enter?: number;
|
|
99
|
-
leave?: number;
|
|
100
|
-
};
|
|
101
|
-
/** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for
|
|
102
|
-
* overskrivinger av plasseringen til Tooltip!
|
|
103
|
-
*/
|
|
104
|
-
popperModifiers?: Modifier[];
|
|
105
|
-
[key: string]: any;
|
|
106
|
-
};
|
|
107
|
-
|
|
108
|
-
export { }
|
|
1
|
+
export * from './Tooltip';
|
|
2
|
+
export * from './Popover';
|
|
3
|
+
export * from './utils';
|
package/dist/styles.css
CHANGED
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
--basecolors-frame-tint: #f6f6f9;
|
|
76
76
|
--basecolors-shape-accent: #181c56;
|
|
77
77
|
--basecolors-shape-bicycle-contrast: #00db9b;
|
|
78
|
-
--basecolors-shape-bicycle-default: #
|
|
78
|
+
--basecolors-shape-bicycle-default: #33826b;
|
|
79
79
|
--basecolors-shape-bus-contrast: #ff6392;
|
|
80
80
|
--basecolors-shape-bus-default: #c5044e;
|
|
81
81
|
--basecolors-shape-cableway-contrast: #b482fb;
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
--basecolors-shape-metro-contrast: #f08901;
|
|
96
96
|
--basecolors-shape-metro-default: #bf5826;
|
|
97
97
|
--basecolors-shape-mobility-contrast: #00db9b;
|
|
98
|
-
--basecolors-shape-mobility-default: #
|
|
98
|
+
--basecolors-shape-mobility-default: #33826b;
|
|
99
99
|
--basecolors-shape-plane-contrast: #fbafea;
|
|
100
100
|
--basecolors-shape-plane-default: #800664;
|
|
101
101
|
--basecolors-shape-subdued: #626493;
|
|
@@ -459,7 +459,7 @@
|
|
|
459
459
|
--basecolors-frame-tint: #f6f6f9;
|
|
460
460
|
--basecolors-shape-accent: #181c56;
|
|
461
461
|
--basecolors-shape-bicycle-contrast: #00db9b;
|
|
462
|
-
--basecolors-shape-bicycle-default: #
|
|
462
|
+
--basecolors-shape-bicycle-default: #33826b;
|
|
463
463
|
--basecolors-shape-bus-contrast: #ff6392;
|
|
464
464
|
--basecolors-shape-bus-default: #c5044e;
|
|
465
465
|
--basecolors-shape-cableway-contrast: #b482fb;
|
|
@@ -479,7 +479,7 @@
|
|
|
479
479
|
--basecolors-shape-metro-contrast: #f08901;
|
|
480
480
|
--basecolors-shape-metro-default: #bf5826;
|
|
481
481
|
--basecolors-shape-mobility-contrast: #00db9b;
|
|
482
|
-
--basecolors-shape-mobility-default: #
|
|
482
|
+
--basecolors-shape-mobility-default: #33826b;
|
|
483
483
|
--basecolors-shape-plane-contrast: #fbafea;
|
|
484
484
|
--basecolors-shape-plane-default: #800664;
|
|
485
485
|
--basecolors-shape-subdued: #626493;
|
package/dist/utils.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { Placement as FloatingUIPlacement } from '@floating-ui/react-dom';
|
|
2
|
+
export type Placement = 'top' | 'top-left' | 'top-start' | 'top-right' | 'top-end' | 'left' | 'right' | 'bottom-left' | 'bottom-start' | 'bottom' | 'bottom-right' | 'bottom-end';
|
|
3
|
+
export declare function standardisePlacement(placement: string): FloatingUIPlacement;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tooltip",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.15",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/tooltip.cjs.js",
|
|
6
6
|
"module": "dist/tooltip.esm.js",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.3.
|
|
31
|
-
"@entur/icons": "^8.0
|
|
32
|
-
"@entur/layout": "^3.
|
|
33
|
-
"@entur/tokens": "^3.
|
|
34
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/button": "^3.3.16",
|
|
31
|
+
"@entur/icons": "^8.1.0",
|
|
32
|
+
"@entur/layout": "^3.2.0",
|
|
33
|
+
"@entur/tokens": "^3.20.0",
|
|
34
|
+
"@entur/utils": "^0.12.5",
|
|
35
35
|
"@floating-ui/react": "^0.26.28",
|
|
36
36
|
"@floating-ui/react-dom": "^2.1.6",
|
|
37
37
|
"classnames": "^2.5.1"
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"vite": "^7.1.3",
|
|
50
50
|
"vite-plugin-dts": "^4.5.4"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "121225eb41428c01d02eeaa81669651cb9499456"
|
|
53
53
|
}
|