@entur/travel 6.3.14 → 6.3.16-beta.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.
- package/dist/LegBone.d.ts +32 -0
- package/dist/LegLine.d.ts +12 -0
- package/dist/TravelHeader.d.ts +21 -0
- package/dist/TravelLeg.d.ts +11 -0
- package/dist/TravelSwitch.d.ts +23 -0
- package/dist/TravelTag.d.ts +25 -0
- package/dist/index.d.ts +6 -132
- package/dist/utils.d.ts +16 -0
- package/package.json +7 -7
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type LegBoneProps = {
|
|
3
|
+
/** Retning på komponenten */
|
|
4
|
+
direction: 'horizontal' | 'vertical';
|
|
5
|
+
/** Hvilke linjemønster som skal brukes */
|
|
6
|
+
pattern: 'line' | 'dashed' | 'dotted' | 'wave';
|
|
7
|
+
/** Farge på linja */
|
|
8
|
+
color: string;
|
|
9
|
+
/** Farge på startpunktet
|
|
10
|
+
* @default Verdien til color
|
|
11
|
+
*/
|
|
12
|
+
startColor?: string;
|
|
13
|
+
/** Farge på endepunktet
|
|
14
|
+
* @default Verdien til color
|
|
15
|
+
*/
|
|
16
|
+
endColor?: string;
|
|
17
|
+
/** Vis startpunkt
|
|
18
|
+
* @default true
|
|
19
|
+
*/
|
|
20
|
+
showStart?: boolean;
|
|
21
|
+
/** Vis linke
|
|
22
|
+
* @default true
|
|
23
|
+
*/
|
|
24
|
+
showLine?: boolean;
|
|
25
|
+
/** Vis endepunkt
|
|
26
|
+
* @default true
|
|
27
|
+
*/
|
|
28
|
+
showStop?: boolean;
|
|
29
|
+
/** Ekstra klassenavn */
|
|
30
|
+
className?: string;
|
|
31
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
32
|
+
export declare const LegBone: React.FC<LegBoneProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type LegLineProps = {
|
|
3
|
+
/** Farge på LegLine'n */
|
|
4
|
+
color: string;
|
|
5
|
+
/** Retningen til LegLine */
|
|
6
|
+
direction: 'horizontal' | 'vertical';
|
|
7
|
+
/** Hvilket linjemønster som skal brukes */
|
|
8
|
+
pattern: 'line' | 'dashed' | 'dotted' | 'wave';
|
|
9
|
+
/** Ekstra klassenavn */
|
|
10
|
+
className?: string;
|
|
11
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
12
|
+
export declare const LegLine: React.FC<LegLineProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type TravelHeaderProps = {
|
|
3
|
+
/** HTML-elementet eller React-komponenten som lager elementet
|
|
4
|
+
* @default 'div'
|
|
5
|
+
*/
|
|
6
|
+
as?: string | React.ElementType;
|
|
7
|
+
/** Destinasjonen man reiser fra */
|
|
8
|
+
from: React.ReactNode;
|
|
9
|
+
/** Destinasjonen man reiser til */
|
|
10
|
+
to: React.ReactNode;
|
|
11
|
+
/**Størrelsen på komponenten
|
|
12
|
+
* @default 'large'
|
|
13
|
+
*/
|
|
14
|
+
size?: 'large' | 'medium';
|
|
15
|
+
/** Plassere til og fra på samme linje */
|
|
16
|
+
noWrap?: boolean;
|
|
17
|
+
/**Ekstra klassenavn */
|
|
18
|
+
className?: string;
|
|
19
|
+
[key: string]: any;
|
|
20
|
+
};
|
|
21
|
+
export declare const TravelHeader: React.FC<TravelHeaderProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Transport } from './utils';
|
|
3
|
+
export type TravelLegProps = {
|
|
4
|
+
/** Ekstra klassenavn */
|
|
5
|
+
className?: string;
|
|
6
|
+
/** Hviklen type reise som skal vises riktig farge og linjetype */
|
|
7
|
+
transport: Transport;
|
|
8
|
+
/** Retningen på komponenten */
|
|
9
|
+
direction: 'horizontal' | 'vertical';
|
|
10
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
11
|
+
export declare const TravelLeg: React.FC<TravelLegProps>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Transport } from './utils';
|
|
3
|
+
export type TravelSwitchProps = {
|
|
4
|
+
/** Ekstra klassenavn */
|
|
5
|
+
className?: string;
|
|
6
|
+
/** Om switch-en er checked eller ikke */
|
|
7
|
+
checked?: boolean;
|
|
8
|
+
/** Label for TravelSwitch-en. */
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
/** Posisjonen til label for TravelSwitch-en.
|
|
11
|
+
* @default "right"
|
|
12
|
+
*/
|
|
13
|
+
labelPlacement?: 'right' | 'bottom';
|
|
14
|
+
/** Hvilken type reise som skal vises ikon og farge for */
|
|
15
|
+
transport: Transport;
|
|
16
|
+
/** Callback for når verdien endres */
|
|
17
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
18
|
+
/** Størrelsen på Switch-en
|
|
19
|
+
* @default "medium"
|
|
20
|
+
*/
|
|
21
|
+
size?: 'medium' | 'large';
|
|
22
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
|
|
23
|
+
export declare const TravelSwitch: React.FC<TravelSwitchProps>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Transport } from './utils';
|
|
3
|
+
export type TravelTagProps = {
|
|
4
|
+
/** Callback som kalles for når man skal lukke TravelTag-en
|
|
5
|
+
* @default undefined
|
|
6
|
+
*/
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
/** Innholdet inne i TravelTag-en */
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
/**Ekstra klassenavn */
|
|
11
|
+
className?: string;
|
|
12
|
+
/** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.
|
|
13
|
+
* @default "none"
|
|
14
|
+
*/
|
|
15
|
+
alert?: 'none' | 'error' | 'warning' | 'info';
|
|
16
|
+
/** Legger til farge og ikon tilpasset valgt transportmiddel */
|
|
17
|
+
transport?: Transport;
|
|
18
|
+
/** Element ved siden av eller under TravelTag. */
|
|
19
|
+
label?: React.ReactNode;
|
|
20
|
+
/** Posisjonen til label-en i forhold til TravelTag-en
|
|
21
|
+
* @default "right"
|
|
22
|
+
*/
|
|
23
|
+
labelPlacement?: 'bottom' | 'right';
|
|
24
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
25
|
+
export declare const TravelTag: React.FC<TravelTagProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,132 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
direction: 'horizontal' | 'vertical';
|
|
8
|
-
/** Hvilke linjemønster som skal brukes */
|
|
9
|
-
pattern: 'line' | 'dashed' | 'dotted' | 'wave';
|
|
10
|
-
/** Farge på linja */
|
|
11
|
-
color: string;
|
|
12
|
-
/** Farge på startpunktet
|
|
13
|
-
* @default Verdien til color
|
|
14
|
-
*/
|
|
15
|
-
startColor?: string;
|
|
16
|
-
/** Farge på endepunktet
|
|
17
|
-
* @default Verdien til color
|
|
18
|
-
*/
|
|
19
|
-
endColor?: string;
|
|
20
|
-
/** Vis startpunkt
|
|
21
|
-
* @default true
|
|
22
|
-
*/
|
|
23
|
-
showStart?: boolean;
|
|
24
|
-
/** Vis linke
|
|
25
|
-
* @default true
|
|
26
|
-
*/
|
|
27
|
-
showLine?: boolean;
|
|
28
|
-
/** Vis endepunkt
|
|
29
|
-
* @default true
|
|
30
|
-
*/
|
|
31
|
-
showStop?: boolean;
|
|
32
|
-
/** Ekstra klassenavn */
|
|
33
|
-
className?: string;
|
|
34
|
-
} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
35
|
-
|
|
36
|
-
export declare const LegLine: default_2.FC<LegLineProps>;
|
|
37
|
-
|
|
38
|
-
export declare type LegLineProps = {
|
|
39
|
-
/** Farge på LegLine'n */
|
|
40
|
-
color: string;
|
|
41
|
-
/** Retningen til LegLine */
|
|
42
|
-
direction: 'horizontal' | 'vertical';
|
|
43
|
-
/** Hvilket linjemønster som skal brukes */
|
|
44
|
-
pattern: 'line' | 'dashed' | 'dotted' | 'wave';
|
|
45
|
-
/** Ekstra klassenavn */
|
|
46
|
-
className?: string;
|
|
47
|
-
} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
48
|
-
|
|
49
|
-
declare type Transport = 'metro' | 'bus' | 'plane' | 'helicopter' | 'tram' | 'funicular' | 'cableway' | 'taxi' | 'bicycle' | 'walk' | 'train' | 'ferry' | 'carferry' | 'mobility' | 'airportLinkBus' | 'airportLinkRail' | 'rail' | 'water' | 'air' | 'none';
|
|
50
|
-
|
|
51
|
-
export declare const TravelHeader: default_2.FC<TravelHeaderProps>;
|
|
52
|
-
|
|
53
|
-
export declare type TravelHeaderProps = {
|
|
54
|
-
/** HTML-elementet eller React-komponenten som lager elementet
|
|
55
|
-
* @default 'div'
|
|
56
|
-
*/
|
|
57
|
-
as?: string | default_2.ElementType;
|
|
58
|
-
/** Destinasjonen man reiser fra */
|
|
59
|
-
from: default_2.ReactNode;
|
|
60
|
-
/** Destinasjonen man reiser til */
|
|
61
|
-
to: default_2.ReactNode;
|
|
62
|
-
/**Størrelsen på komponenten
|
|
63
|
-
* @default 'large'
|
|
64
|
-
*/
|
|
65
|
-
size?: 'large' | 'medium';
|
|
66
|
-
/** Plassere til og fra på samme linje */
|
|
67
|
-
noWrap?: boolean;
|
|
68
|
-
/**Ekstra klassenavn */
|
|
69
|
-
className?: string;
|
|
70
|
-
[key: string]: any;
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
export declare const TravelLeg: default_2.FC<TravelLegProps>;
|
|
74
|
-
|
|
75
|
-
export declare type TravelLegProps = {
|
|
76
|
-
/** Ekstra klassenavn */
|
|
77
|
-
className?: string;
|
|
78
|
-
/** Hviklen type reise som skal vises riktig farge og linjetype */
|
|
79
|
-
transport: Transport;
|
|
80
|
-
/** Retningen på komponenten */
|
|
81
|
-
direction: 'horizontal' | 'vertical';
|
|
82
|
-
} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
83
|
-
|
|
84
|
-
export declare const TravelSwitch: default_2.FC<TravelSwitchProps>;
|
|
85
|
-
|
|
86
|
-
export declare type TravelSwitchProps = {
|
|
87
|
-
/** Ekstra klassenavn */
|
|
88
|
-
className?: string;
|
|
89
|
-
/** Om switch-en er checked eller ikke */
|
|
90
|
-
checked?: boolean;
|
|
91
|
-
/** Label for TravelSwitch-en. */
|
|
92
|
-
children?: default_2.ReactNode;
|
|
93
|
-
/** Posisjonen til label for TravelSwitch-en.
|
|
94
|
-
* @default "right"
|
|
95
|
-
*/
|
|
96
|
-
labelPlacement?: 'right' | 'bottom';
|
|
97
|
-
/** Hvilken type reise som skal vises ikon og farge for */
|
|
98
|
-
transport: Transport;
|
|
99
|
-
/** Callback for når verdien endres */
|
|
100
|
-
onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
101
|
-
/** Størrelsen på Switch-en
|
|
102
|
-
* @default "medium"
|
|
103
|
-
*/
|
|
104
|
-
size?: 'medium' | 'large';
|
|
105
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size'>;
|
|
106
|
-
|
|
107
|
-
export declare const TravelTag: default_2.FC<TravelTagProps>;
|
|
108
|
-
|
|
109
|
-
export declare type TravelTagProps = {
|
|
110
|
-
/** Callback som kalles for når man skal lukke TravelTag-en
|
|
111
|
-
* @default undefined
|
|
112
|
-
*/
|
|
113
|
-
onClose?: () => void;
|
|
114
|
-
/** Innholdet inne i TravelTag-en */
|
|
115
|
-
children?: default_2.ReactNode;
|
|
116
|
-
/**Ekstra klassenavn */
|
|
117
|
-
className?: string;
|
|
118
|
-
/** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.
|
|
119
|
-
* @default "none"
|
|
120
|
-
*/
|
|
121
|
-
alert?: 'none' | 'error' | 'warning' | 'info';
|
|
122
|
-
/** Legger til farge og ikon tilpasset valgt transportmiddel */
|
|
123
|
-
transport?: Transport;
|
|
124
|
-
/** Element ved siden av eller under TravelTag. */
|
|
125
|
-
label?: default_2.ReactNode;
|
|
126
|
-
/** Posisjonen til label-en i forhold til TravelTag-en
|
|
127
|
-
* @default "right"
|
|
128
|
-
*/
|
|
129
|
-
labelPlacement?: 'bottom' | 'right';
|
|
130
|
-
} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
131
|
-
|
|
132
|
-
export { }
|
|
1
|
+
export * from './TravelHeader';
|
|
2
|
+
export * from './TravelTag';
|
|
3
|
+
export * from './LegLine';
|
|
4
|
+
export * from './LegBone';
|
|
5
|
+
export * from './TravelLeg';
|
|
6
|
+
export * from './TravelSwitch';
|
package/dist/utils.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IconProps } from '../../icons';
|
|
3
|
+
export type Transport = 'metro' | 'bus' | 'plane' | 'helicopter' | 'tram' | 'funicular' | 'cableway' | 'taxi' | 'bicycle' | 'walk' | 'train' | 'ferry' | 'carferry' | 'mobility' | 'airportLinkBus' | 'airportLinkRail' | 'rail' | 'water' | 'air' | 'none';
|
|
4
|
+
type transportStyleResult = {
|
|
5
|
+
Icon: React.FC<IconProps>;
|
|
6
|
+
backgroundColor?: string;
|
|
7
|
+
contrastBackgroundColor?: string;
|
|
8
|
+
errorBackgroundColor?: string;
|
|
9
|
+
errorTextColor?: string;
|
|
10
|
+
errorContrastTextColor?: string;
|
|
11
|
+
errorContrastBackgroundColor?: string;
|
|
12
|
+
pattern: 'line' | 'wave' | 'dashed' | 'dotted';
|
|
13
|
+
ariaLabel: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const getTransportStyle: (mode: string) => transportStyleResult;
|
|
16
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/travel",
|
|
3
|
-
"version": "6.3.
|
|
3
|
+
"version": "6.3.16-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/travel.cjs.js",
|
|
6
6
|
"module": "dist/travel.esm.js",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^8.3.
|
|
31
|
-
"@entur/icons": "^8.0.
|
|
32
|
-
"@entur/layout": "^3.1.
|
|
33
|
-
"@entur/tokens": "^3.19.
|
|
34
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/form": "^8.3.4-beta.0",
|
|
31
|
+
"@entur/icons": "^8.0.2",
|
|
32
|
+
"@entur/layout": "^3.1.11-beta.0",
|
|
33
|
+
"@entur/tokens": "^3.19.3",
|
|
34
|
+
"@entur/utils": "^0.12.5",
|
|
35
35
|
"classnames": "^2.5.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"vite": "^7.1.3",
|
|
48
48
|
"vite-plugin-dts": "^4.5.4"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "1af57733502628c4b59860f42d15c7456b09025e"
|
|
51
51
|
}
|