@entur/travel 6.0.6 → 6.0.8
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/styles.css +86 -86
- package/dist/travel.cjs.development.js +0 -1
- package/dist/travel.cjs.development.js.map +1 -1
- package/dist/travel.cjs.production.min.js +1 -1
- package/dist/travel.cjs.production.min.js.map +1 -1
- package/dist/travel.esm.js +0 -1
- package/dist/travel.esm.js.map +1 -1
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -3,91 +3,6 @@
|
|
|
3
3
|
}
|
|
4
4
|
/* DO NOT CHANGE!*/
|
|
5
5
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
6
|
-
.eds-leg-line {
|
|
7
|
-
flex-grow: 1;
|
|
8
|
-
mask-image: url("./pattern/line.svg");
|
|
9
|
-
mask-position: center;
|
|
10
|
-
-webkit-mask-image: url("./pattern/line.svg");
|
|
11
|
-
-webkit-mask-position: center;
|
|
12
|
-
}
|
|
13
|
-
.eds-leg-line--dotted {
|
|
14
|
-
mask-image: url("./pattern/dotted.svg");
|
|
15
|
-
-webkit-mask-image: url("./pattern/dotted.svg");
|
|
16
|
-
}
|
|
17
|
-
.eds-leg-line--vertical {
|
|
18
|
-
mask-repeat: repeat-y;
|
|
19
|
-
width: 1rem;
|
|
20
|
-
-webkit-mask-repeat: repeat-y;
|
|
21
|
-
}
|
|
22
|
-
.eds-leg-line--vertical.eds-leg-line--dashed {
|
|
23
|
-
mask-image: url("./pattern/dashed-vertical.svg");
|
|
24
|
-
-webkit-mask-image: url("./pattern/dashed-vertical.svg");
|
|
25
|
-
}
|
|
26
|
-
.eds-leg-line--vertical.eds-leg-line--wave {
|
|
27
|
-
mask-image: url("./pattern/wave-vertical.svg");
|
|
28
|
-
-webkit-mask-image: url("./pattern/wave-vertical.svg");
|
|
29
|
-
}
|
|
30
|
-
.eds-leg-line--horizontal {
|
|
31
|
-
height: 1rem;
|
|
32
|
-
mask-repeat: repeat-x;
|
|
33
|
-
min-width: 6.25rem;
|
|
34
|
-
-webkit-mask-repeat: repeat-x;
|
|
35
|
-
}
|
|
36
|
-
.eds-leg-line--horizontal.eds-leg-line--dashed {
|
|
37
|
-
mask-image: url("./pattern/dashed-horizontal.svg");
|
|
38
|
-
-webkit-mask-image: url("./pattern/dashed-horizontal.svg");
|
|
39
|
-
}
|
|
40
|
-
.eds-leg-line--horizontal.eds-leg-line--wave {
|
|
41
|
-
mask-image: url("./pattern/wave-horizontal.svg");
|
|
42
|
-
-webkit-mask-image: url("./pattern/wave-horizontal.svg");
|
|
43
|
-
}
|
|
44
|
-
/* DO NOT CHANGE!*/
|
|
45
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
46
|
-
.eds-travel-header {
|
|
47
|
-
color: #181c56;
|
|
48
|
-
display: flex;
|
|
49
|
-
flex-direction: column;
|
|
50
|
-
font-weight: 600;
|
|
51
|
-
line-height: 1.5;
|
|
52
|
-
max-width: 100%;
|
|
53
|
-
}
|
|
54
|
-
.eds-contrast .eds-travel-header {
|
|
55
|
-
color: #ffffff;
|
|
56
|
-
}
|
|
57
|
-
.eds-travel-header--large {
|
|
58
|
-
font-size: 1.5rem;
|
|
59
|
-
}
|
|
60
|
-
.eds-travel-header--medium {
|
|
61
|
-
font-size: 1rem;
|
|
62
|
-
}
|
|
63
|
-
.eds-travel-header--no-wrap {
|
|
64
|
-
flex-direction: row;
|
|
65
|
-
}
|
|
66
|
-
.eds-travel-header__from, .eds-travel-header__to {
|
|
67
|
-
min-width: 0;
|
|
68
|
-
overflow: hidden;
|
|
69
|
-
text-overflow: ellipsis;
|
|
70
|
-
white-space: nowrap;
|
|
71
|
-
}
|
|
72
|
-
.eds-travel-header--no-wrap .eds-travel-header__from {
|
|
73
|
-
margin-right: 0.5em;
|
|
74
|
-
}
|
|
75
|
-
.eds-travel-header__to {
|
|
76
|
-
padding-left: 1.8333333333em;
|
|
77
|
-
position: relative;
|
|
78
|
-
}
|
|
79
|
-
.eds-travel-header__to::before {
|
|
80
|
-
background-color: #ff5959;
|
|
81
|
-
content: "";
|
|
82
|
-
display: block;
|
|
83
|
-
height: 0.1666666667em;
|
|
84
|
-
left: 0;
|
|
85
|
-
position: absolute;
|
|
86
|
-
top: 0.65em;
|
|
87
|
-
width: 1.3333333333em;
|
|
88
|
-
}
|
|
89
|
-
/* DO NOT CHANGE!*/
|
|
90
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
91
6
|
.eds-travel-tag {
|
|
92
7
|
--background-color: #e9e9e9;
|
|
93
8
|
--text-color: inherit;
|
|
@@ -238,7 +153,49 @@
|
|
|
238
153
|
}
|
|
239
154
|
/* DO NOT CHANGE!*/
|
|
240
155
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
241
|
-
|
|
156
|
+
.eds-travel-header {
|
|
157
|
+
color: #181c56;
|
|
158
|
+
display: flex;
|
|
159
|
+
flex-direction: column;
|
|
160
|
+
font-weight: 600;
|
|
161
|
+
line-height: 1.5;
|
|
162
|
+
max-width: 100%;
|
|
163
|
+
}
|
|
164
|
+
.eds-contrast .eds-travel-header {
|
|
165
|
+
color: #ffffff;
|
|
166
|
+
}
|
|
167
|
+
.eds-travel-header--large {
|
|
168
|
+
font-size: 1.5rem;
|
|
169
|
+
}
|
|
170
|
+
.eds-travel-header--medium {
|
|
171
|
+
font-size: 1rem;
|
|
172
|
+
}
|
|
173
|
+
.eds-travel-header--no-wrap {
|
|
174
|
+
flex-direction: row;
|
|
175
|
+
}
|
|
176
|
+
.eds-travel-header__from, .eds-travel-header__to {
|
|
177
|
+
min-width: 0;
|
|
178
|
+
overflow: hidden;
|
|
179
|
+
text-overflow: ellipsis;
|
|
180
|
+
white-space: nowrap;
|
|
181
|
+
}
|
|
182
|
+
.eds-travel-header--no-wrap .eds-travel-header__from {
|
|
183
|
+
margin-right: 0.5em;
|
|
184
|
+
}
|
|
185
|
+
.eds-travel-header__to {
|
|
186
|
+
padding-left: 1.8333333333em;
|
|
187
|
+
position: relative;
|
|
188
|
+
}
|
|
189
|
+
.eds-travel-header__to::before {
|
|
190
|
+
background-color: #ff5959;
|
|
191
|
+
content: "";
|
|
192
|
+
display: block;
|
|
193
|
+
height: 0.1666666667em;
|
|
194
|
+
left: 0;
|
|
195
|
+
position: absolute;
|
|
196
|
+
top: 0.65em;
|
|
197
|
+
width: 1.3333333333em;
|
|
198
|
+
}
|
|
242
199
|
/* DO NOT CHANGE!*/
|
|
243
200
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
244
201
|
.eds-leg-bone {
|
|
@@ -274,3 +231,46 @@
|
|
|
274
231
|
.eds-leg-bone--horizontal .eds-leg-bone__stop {
|
|
275
232
|
margin-left: 0.125rem;
|
|
276
233
|
}
|
|
234
|
+
/* DO NOT CHANGE!*/
|
|
235
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
236
|
+
.eds-leg-line {
|
|
237
|
+
flex-grow: 1;
|
|
238
|
+
mask-image: url("./pattern/line.svg");
|
|
239
|
+
mask-position: center;
|
|
240
|
+
-webkit-mask-image: url("./pattern/line.svg");
|
|
241
|
+
-webkit-mask-position: center;
|
|
242
|
+
}
|
|
243
|
+
.eds-leg-line--dotted {
|
|
244
|
+
mask-image: url("./pattern/dotted.svg");
|
|
245
|
+
-webkit-mask-image: url("./pattern/dotted.svg");
|
|
246
|
+
}
|
|
247
|
+
.eds-leg-line--vertical {
|
|
248
|
+
mask-repeat: repeat-y;
|
|
249
|
+
width: 1rem;
|
|
250
|
+
-webkit-mask-repeat: repeat-y;
|
|
251
|
+
}
|
|
252
|
+
.eds-leg-line--vertical.eds-leg-line--dashed {
|
|
253
|
+
mask-image: url("./pattern/dashed-vertical.svg");
|
|
254
|
+
-webkit-mask-image: url("./pattern/dashed-vertical.svg");
|
|
255
|
+
}
|
|
256
|
+
.eds-leg-line--vertical.eds-leg-line--wave {
|
|
257
|
+
mask-image: url("./pattern/wave-vertical.svg");
|
|
258
|
+
-webkit-mask-image: url("./pattern/wave-vertical.svg");
|
|
259
|
+
}
|
|
260
|
+
.eds-leg-line--horizontal {
|
|
261
|
+
height: 1rem;
|
|
262
|
+
mask-repeat: repeat-x;
|
|
263
|
+
min-width: 6.25rem;
|
|
264
|
+
-webkit-mask-repeat: repeat-x;
|
|
265
|
+
}
|
|
266
|
+
.eds-leg-line--horizontal.eds-leg-line--dashed {
|
|
267
|
+
mask-image: url("./pattern/dashed-horizontal.svg");
|
|
268
|
+
-webkit-mask-image: url("./pattern/dashed-horizontal.svg");
|
|
269
|
+
}
|
|
270
|
+
.eds-leg-line--horizontal.eds-leg-line--wave {
|
|
271
|
+
mask-image: url("./pattern/wave-horizontal.svg");
|
|
272
|
+
-webkit-mask-image: url("./pattern/wave-horizontal.svg");
|
|
273
|
+
}
|
|
274
|
+
/* DO NOT CHANGE!*/
|
|
275
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
276
|
+
@import '~@entur/form/dist/styles.css';
|
|
@@ -266,7 +266,6 @@ var TravelTag = function TravelTag(_ref) {
|
|
|
266
266
|
backgroundColor = _getTransportStyle.backgroundColor,
|
|
267
267
|
textColor = _getTransportStyle.textColor;
|
|
268
268
|
React.useEffect(function () {
|
|
269
|
-
console.log(Icon.name, contrastBackgroundColor, backgroundColor);
|
|
270
269
|
if (transportIsSet) {
|
|
271
270
|
var _tagRef$current, _tagRef$current2;
|
|
272
271
|
(_tagRef$current = tagRef.current) == null ? void 0 : _tagRef$current.style.setProperty('--background-color', isContrast ? contrastBackgroundColor : backgroundColor);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"travel.cjs.development.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor: string;\n textColor: string;\n contrastBackgroundColor: string;\n contrastTextColor: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n backgroundColor: colors.transport.default.metro,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.metro,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'bus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.bus,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bus,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n backgroundColor: colors.transport.default.helicopter,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.helicopter,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n backgroundColor: colors.transport.default.tram,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.tram,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n backgroundColor: colors.transport.default.funicular,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.funicular,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n backgroundColor: colors.transport.default.cableway,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.cableway,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n backgroundColor: colors.transport.default.taxi,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.taxi,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'bicycle':\n return {\n Icon: BicycleIcon,\n backgroundColor: colors.transport.default.bicycle,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bicycle,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n backgroundColor: colors.transport.default.walk,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.walk,\n contrastTextColor: colors.brand.white,\n pattern: 'dotted',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.train,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.train,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n backgroundColor: colors.transport.default.ferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.ferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n backgroundColor: colors.transport.default.carferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.carferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n backgroundColor: colors.transport.default.mobility,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.mobility,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n backgroundColor: colors.brand.blue,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.brand.white,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = onClose ? true : false;\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const tagRef = useRef<HTMLDivElement>(null);\n const numberOfChildren = React.Children.count(children);\n const {\n Icon,\n contrastBackgroundColor,\n contrastTextColor,\n backgroundColor,\n textColor,\n } = getTransportStyle(transport);\n\n useEffect(() => {\n console.log(Icon.name, contrastBackgroundColor, backgroundColor);\n\n if (transportIsSet) {\n tagRef.current?.style.setProperty(\n '--background-color',\n isContrast ? contrastBackgroundColor : backgroundColor,\n );\n tagRef.current?.style.setProperty(\n '--text-color',\n isContrast ? contrastTextColor : textColor,\n );\n }\n }, [tagRef.current, backgroundColor, textColor]);\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames('eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n className,\n })}\n ref={tagRef}\n {...rest}\n >\n <Icon />\n {children}\n {isClosable && (\n <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n <CloseSmallIcon inline />\n </button>\n )}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n )}\n {alert === 'error' && (\n <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n )}\n {alert === 'warning' && (\n <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, pattern } =\n getTransportStyle(transport);\n const isContrast = useContrast();\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelSwitch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, Icon } =\n getTransportStyle(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","_excluded","React","createElement","classNames","getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","textColor","brand","white","contrastBackgroundColor","contrast","contrastTextColor","pattern","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","Fragment","blue","Error","TravelTag","children","alert","label","labelPlacement","onClose","undefined","isContrast","useContrast","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","console","log","name","current","style","setProperty","TravelTagWithoutLabel","ref","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","LegLine","color","direction","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","TravelSwitch","Switch","contrastColor","icon","warnAboutMissingStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"travel.cjs.development.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor: string;\n textColor: string;\n contrastBackgroundColor: string;\n contrastTextColor: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n backgroundColor: colors.transport.default.metro,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.metro,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'bus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.bus,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bus,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n backgroundColor: colors.transport.default.helicopter,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.helicopter,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n backgroundColor: colors.transport.default.tram,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.tram,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n backgroundColor: colors.transport.default.funicular,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.funicular,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n backgroundColor: colors.transport.default.cableway,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.cableway,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n backgroundColor: colors.transport.default.taxi,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.taxi,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'bicycle':\n return {\n Icon: BicycleIcon,\n backgroundColor: colors.transport.default.bicycle,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bicycle,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n backgroundColor: colors.transport.default.walk,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.walk,\n contrastTextColor: colors.brand.white,\n pattern: 'dotted',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.train,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.train,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n backgroundColor: colors.transport.default.ferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.ferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n backgroundColor: colors.transport.default.carferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.carferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n backgroundColor: colors.transport.default.mobility,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.mobility,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n backgroundColor: colors.brand.blue,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.brand.white,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = onClose ? true : false;\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const tagRef = useRef<HTMLDivElement>(null);\n const numberOfChildren = React.Children.count(children);\n const {\n Icon,\n contrastBackgroundColor,\n contrastTextColor,\n backgroundColor,\n textColor,\n } = getTransportStyle(transport);\n\n useEffect(() => {\n if (transportIsSet) {\n tagRef.current?.style.setProperty(\n '--background-color',\n isContrast ? contrastBackgroundColor : backgroundColor,\n );\n tagRef.current?.style.setProperty(\n '--text-color',\n isContrast ? contrastTextColor : textColor,\n );\n }\n }, [tagRef.current, backgroundColor, textColor]);\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames('eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n className,\n })}\n ref={tagRef}\n {...rest}\n >\n <Icon />\n {children}\n {isClosable && (\n <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n <CloseSmallIcon inline />\n </button>\n )}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n )}\n {alert === 'error' && (\n <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n )}\n {alert === 'warning' && (\n <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, pattern } =\n getTransportStyle(transport);\n const isContrast = useContrast();\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelSwitch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, Icon } =\n getTransportStyle(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","_excluded","React","createElement","classNames","getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","textColor","brand","white","contrastBackgroundColor","contrast","contrastTextColor","pattern","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","Fragment","blue","Error","TravelTag","children","alert","label","labelPlacement","onClose","undefined","isContrast","useContrast","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","current","style","setProperty","TravelTagWithoutLabel","ref","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","LegLine","color","direction","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","TravelSwitch","Switch","contrastColor","icon","warnAboutMissingStyles"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@entur/utils"),t=require("react"),o=require("classnames"),e=require("@entur/icons"),a=require("@entur/layout"),n=require("@entur/tokens"),l=require("@entur/form");function c(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var s=c(t),d=c(o);function i(){return i=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},i.apply(this,arguments)}function u(r,t){if(null==r)return{};var o,e,a={},n=Object.keys(r);for(e=0;e<n.length;e++)t.indexOf(o=n[e])>=0||(a[o]=r[o]);return a}var p=["as","from","to","size","className","noWrap"],b=function(r){switch(r){case"metro":return{Icon:e.MetroIcon,backgroundColor:n.colors.transport.default.metro,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.metro,contrastTextColor:n.colors.brand.white,pattern:"line"};case"bus":return{Icon:e.BusIcon,backgroundColor:n.colors.transport.default.bus,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.bus,contrastTextColor:n.colors.brand.white,pattern:"dashed"};case"plane":case"air":return{Icon:e.PlaneIcon,backgroundColor:n.colors.transport.default.plane,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.plane,contrastTextColor:n.colors.brand.white,pattern:"line"};case"helicopter":return{Icon:e.HelicopterIcon,backgroundColor:n.colors.transport.default.helicopter,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.helicopter,contrastTextColor:n.colors.brand.white,pattern:"line"};case"tram":return{Icon:e.TramIcon,backgroundColor:n.colors.transport.default.tram,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.tram,contrastTextColor:n.colors.brand.white,pattern:"line"};case"funicular":return{Icon:e.FunicularIcon,backgroundColor:n.colors.transport.default.funicular,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.funicular,contrastTextColor:n.colors.brand.white,pattern:"line"};case"cableway":return{Icon:e.CablewayIcon,backgroundColor:n.colors.transport.default.cableway,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.cableway,contrastTextColor:n.colors.brand.white,pattern:"line"};case"taxi":return{Icon:e.TaxiIcon,backgroundColor:n.colors.transport.default.taxi,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.taxi,contrastTextColor:n.colors.brand.white,pattern:"dashed"};case"bicycle":return{Icon:e.BicycleIcon,backgroundColor:n.colors.transport.default.bicycle,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.bicycle,contrastTextColor:n.colors.brand.white,pattern:"line"};case"walk":return{Icon:e.WalkIcon,backgroundColor:n.colors.transport.default.walk,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.walk,contrastTextColor:n.colors.brand.white,pattern:"dotted"};case"train":case"rail":return{Icon:e.TrainIcon,backgroundColor:n.colors.transport.default.train,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.train,contrastTextColor:n.colors.brand.white,pattern:"line"};case"ferry":case"water":return{Icon:e.FerryIcon,backgroundColor:n.colors.transport.default.ferry,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.ferry,contrastTextColor:n.colors.brand.white,pattern:"wave"};case"carferry":return{Icon:e.CarferryIcon,backgroundColor:n.colors.transport.default.carferry,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.carferry,contrastTextColor:n.colors.brand.white,pattern:"wave"};case"mobility":return{Icon:e.MobilityIcon,backgroundColor:n.colors.transport.default.mobility,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.mobility,contrastTextColor:n.colors.brand.white,pattern:"line"};case"airportLinkBus":return{Icon:e.BusIcon,backgroundColor:n.colors.transport.default.plane,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.plane,contrastTextColor:n.colors.brand.white,pattern:"dashed"};case"airportLinkRail":return{Icon:e.TrainIcon,backgroundColor:n.colors.transport.default.plane,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.plane,contrastTextColor:n.colors.brand.white,pattern:"line"};case"none":return{Icon:s.default.Fragment,backgroundColor:n.colors.brand.blue,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.brand.white,contrastTextColor:n.colors.brand.white,pattern:"line"};case"scooter":throw Error("transport type 'scooter' is deprecated: Please use 'mobility' instead.");case"bike":throw Error("transport type 'bike' is deprecated: Please use 'bicycle' instead.");case"car":throw Error("transport type 'car' is deprecated: Please use 'taxi' instead.");case"foot":throw Error("transport type 'foot' is deprecated: Please use 'walk' instead.");default:throw Error("Please select a transport for the Travel component.")}},C=["children","className","alert","transport","label","labelPlacement","onClose"],f=["color","direction","pattern","className"],g=function(r){var t,o=r.color,e=r.direction,a=void 0===e?"horizontal":e,n=r.pattern,l=r.className,c=u(r,f);return s.default.createElement("div",i({className:d.default("eds-leg-line",l,(t={},t["eds-leg-line--"+n]=n,t["eds-leg-line--"+a]=a,t)),style:{backgroundColor:o}},c))},m=["direction","pattern","color","startColor","endColor","showStart","showStop","showLine","className"],h=function(r){var t=r.direction,o=r.pattern,e=r.color,a=r.startColor,n=r.endColor,l=r.showStart,c=void 0===l||l,p=r.showStop,b=void 0===p||p,C=r.showLine,f=void 0===C||C,h=r.className,v=u(r,m);return s.default.createElement("div",i({className:d.default(h,"eds-leg-bone",[{"eds-leg-bone--vertical":"vertical"===t},{"eds-leg-bone--horizontal":"horizontal"===t}])},v),c&&s.default.createElement("div",{className:"eds-leg-bone__start",style:{backgroundColor:a||e}}),f&&s.default.createElement(g,{className:"eds-leg-bone__line",direction:t,color:e,pattern:o}),b&&s.default.createElement("div",{className:"eds-leg-bone__stop",style:{backgroundColor:n||e}}))},v=["className","transport","direction"],w=["className","children","labelPlacement","transport","size"];r.warnAboutMissingStyles("travel"),exports.LegBone=h,exports.LegLine=g,exports.TravelHeader=function(r){var t=r.as,o=void 0===t?"div":t,e=r.from,a=r.to,n=r.size,l=void 0===n?"large":n,c=r.className,b=r.noWrap,C=u(r,p);return s.default.createElement(o,i({className:d.default("eds-travel-header",c,{"eds-travel-header--large":"large"===l,"eds-travel-header--medium":"medium"===l,"eds-travel-header--no-wrap":b}),"aria-label":"Fra "+e+", til "+a},C),s.default.createElement("span",{className:"eds-travel-header__from"},e),s.default.createElement("span",{className:"eds-travel-header__to"},a))},exports.TravelLeg=function(r){var t=r.className,o=r.transport,e=r.direction,n=u(r,v),l=b(o),c=l.backgroundColor,d=l.contrastBackgroundColor,p=l.pattern,C=a.useContrast();return s.default.createElement(h,i({direction:e,pattern:p,color:C?d:c,className:t},n))},exports.TravelSwitch=function(r){var t=r.className,o=r.children,e=r.labelPlacement,a=void 0===e?"right":e,n=r.transport,c=r.size,d=u(r,w),p=b(n);return s.default.createElement(l.Switch,i({className:t,labelPlacement:a,color:p.backgroundColor,contrastColor:p.contrastBackgroundColor,icon:s.default.createElement(p.Icon,null),size:c},d),o)},exports.TravelTag=function(r){var o,n=r.children,l=r.className,c=r.alert,p=void 0===c?"none":c,f=r.transport,g=void 0===f?"none":f,m=r.label,h=r.labelPlacement,v=void 0===h?"right":h,w=r.onClose,k=void 0===w?void 0:w,x=u(r,C),y=a.useContrast(),I=!!k,_="none"!==g,N="none"!==p,E=t.useRef(null),T=s.default.Children.count(n),B=b(g),P=B.Icon,z=B.contrastBackgroundColor,L=B.contrastTextColor,S=B.backgroundColor,q=B.textColor;t.useEffect((function(){var r,t;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@entur/utils"),t=require("react"),o=require("classnames"),e=require("@entur/icons"),a=require("@entur/layout"),n=require("@entur/tokens"),l=require("@entur/form");function c(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var s=c(t),d=c(o);function i(){return i=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},i.apply(this,arguments)}function u(r,t){if(null==r)return{};var o,e,a={},n=Object.keys(r);for(e=0;e<n.length;e++)t.indexOf(o=n[e])>=0||(a[o]=r[o]);return a}var p=["as","from","to","size","className","noWrap"],b=function(r){switch(r){case"metro":return{Icon:e.MetroIcon,backgroundColor:n.colors.transport.default.metro,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.metro,contrastTextColor:n.colors.brand.white,pattern:"line"};case"bus":return{Icon:e.BusIcon,backgroundColor:n.colors.transport.default.bus,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.bus,contrastTextColor:n.colors.brand.white,pattern:"dashed"};case"plane":case"air":return{Icon:e.PlaneIcon,backgroundColor:n.colors.transport.default.plane,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.plane,contrastTextColor:n.colors.brand.white,pattern:"line"};case"helicopter":return{Icon:e.HelicopterIcon,backgroundColor:n.colors.transport.default.helicopter,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.helicopter,contrastTextColor:n.colors.brand.white,pattern:"line"};case"tram":return{Icon:e.TramIcon,backgroundColor:n.colors.transport.default.tram,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.tram,contrastTextColor:n.colors.brand.white,pattern:"line"};case"funicular":return{Icon:e.FunicularIcon,backgroundColor:n.colors.transport.default.funicular,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.funicular,contrastTextColor:n.colors.brand.white,pattern:"line"};case"cableway":return{Icon:e.CablewayIcon,backgroundColor:n.colors.transport.default.cableway,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.cableway,contrastTextColor:n.colors.brand.white,pattern:"line"};case"taxi":return{Icon:e.TaxiIcon,backgroundColor:n.colors.transport.default.taxi,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.taxi,contrastTextColor:n.colors.brand.white,pattern:"dashed"};case"bicycle":return{Icon:e.BicycleIcon,backgroundColor:n.colors.transport.default.bicycle,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.bicycle,contrastTextColor:n.colors.brand.white,pattern:"line"};case"walk":return{Icon:e.WalkIcon,backgroundColor:n.colors.transport.default.walk,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.walk,contrastTextColor:n.colors.brand.white,pattern:"dotted"};case"train":case"rail":return{Icon:e.TrainIcon,backgroundColor:n.colors.transport.default.train,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.train,contrastTextColor:n.colors.brand.white,pattern:"line"};case"ferry":case"water":return{Icon:e.FerryIcon,backgroundColor:n.colors.transport.default.ferry,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.ferry,contrastTextColor:n.colors.brand.white,pattern:"wave"};case"carferry":return{Icon:e.CarferryIcon,backgroundColor:n.colors.transport.default.carferry,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.carferry,contrastTextColor:n.colors.brand.white,pattern:"wave"};case"mobility":return{Icon:e.MobilityIcon,backgroundColor:n.colors.transport.default.mobility,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.mobility,contrastTextColor:n.colors.brand.white,pattern:"line"};case"airportLinkBus":return{Icon:e.BusIcon,backgroundColor:n.colors.transport.default.plane,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.plane,contrastTextColor:n.colors.brand.white,pattern:"dashed"};case"airportLinkRail":return{Icon:e.TrainIcon,backgroundColor:n.colors.transport.default.plane,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.transport.contrast.plane,contrastTextColor:n.colors.brand.white,pattern:"line"};case"none":return{Icon:s.default.Fragment,backgroundColor:n.colors.brand.blue,textColor:n.colors.brand.white,contrastBackgroundColor:n.colors.brand.white,contrastTextColor:n.colors.brand.white,pattern:"line"};case"scooter":throw Error("transport type 'scooter' is deprecated: Please use 'mobility' instead.");case"bike":throw Error("transport type 'bike' is deprecated: Please use 'bicycle' instead.");case"car":throw Error("transport type 'car' is deprecated: Please use 'taxi' instead.");case"foot":throw Error("transport type 'foot' is deprecated: Please use 'walk' instead.");default:throw Error("Please select a transport for the Travel component.")}},C=["children","className","alert","transport","label","labelPlacement","onClose"],f=["color","direction","pattern","className"],g=function(r){var t,o=r.color,e=r.direction,a=void 0===e?"horizontal":e,n=r.pattern,l=r.className,c=u(r,f);return s.default.createElement("div",i({className:d.default("eds-leg-line",l,(t={},t["eds-leg-line--"+n]=n,t["eds-leg-line--"+a]=a,t)),style:{backgroundColor:o}},c))},m=["direction","pattern","color","startColor","endColor","showStart","showStop","showLine","className"],h=function(r){var t=r.direction,o=r.pattern,e=r.color,a=r.startColor,n=r.endColor,l=r.showStart,c=void 0===l||l,p=r.showStop,b=void 0===p||p,C=r.showLine,f=void 0===C||C,h=r.className,v=u(r,m);return s.default.createElement("div",i({className:d.default(h,"eds-leg-bone",[{"eds-leg-bone--vertical":"vertical"===t},{"eds-leg-bone--horizontal":"horizontal"===t}])},v),c&&s.default.createElement("div",{className:"eds-leg-bone__start",style:{backgroundColor:a||e}}),f&&s.default.createElement(g,{className:"eds-leg-bone__line",direction:t,color:e,pattern:o}),b&&s.default.createElement("div",{className:"eds-leg-bone__stop",style:{backgroundColor:n||e}}))},v=["className","transport","direction"],w=["className","children","labelPlacement","transport","size"];r.warnAboutMissingStyles("travel"),exports.LegBone=h,exports.LegLine=g,exports.TravelHeader=function(r){var t=r.as,o=void 0===t?"div":t,e=r.from,a=r.to,n=r.size,l=void 0===n?"large":n,c=r.className,b=r.noWrap,C=u(r,p);return s.default.createElement(o,i({className:d.default("eds-travel-header",c,{"eds-travel-header--large":"large"===l,"eds-travel-header--medium":"medium"===l,"eds-travel-header--no-wrap":b}),"aria-label":"Fra "+e+", til "+a},C),s.default.createElement("span",{className:"eds-travel-header__from"},e),s.default.createElement("span",{className:"eds-travel-header__to"},a))},exports.TravelLeg=function(r){var t=r.className,o=r.transport,e=r.direction,n=u(r,v),l=b(o),c=l.backgroundColor,d=l.contrastBackgroundColor,p=l.pattern,C=a.useContrast();return s.default.createElement(h,i({direction:e,pattern:p,color:C?d:c,className:t},n))},exports.TravelSwitch=function(r){var t=r.className,o=r.children,e=r.labelPlacement,a=void 0===e?"right":e,n=r.transport,c=r.size,d=u(r,w),p=b(n);return s.default.createElement(l.Switch,i({className:t,labelPlacement:a,color:p.backgroundColor,contrastColor:p.contrastBackgroundColor,icon:s.default.createElement(p.Icon,null),size:c},d),o)},exports.TravelTag=function(r){var o,n=r.children,l=r.className,c=r.alert,p=void 0===c?"none":c,f=r.transport,g=void 0===f?"none":f,m=r.label,h=r.labelPlacement,v=void 0===h?"right":h,w=r.onClose,k=void 0===w?void 0:w,x=u(r,C),y=a.useContrast(),I=!!k,_="none"!==g,N="none"!==p,E=t.useRef(null),T=s.default.Children.count(n),B=b(g),P=B.Icon,z=B.contrastBackgroundColor,L=B.contrastTextColor,S=B.backgroundColor,q=B.textColor;t.useEffect((function(){var r,t;_&&(null==(r=E.current)||r.style.setProperty("--background-color",y?z:S),null==(t=E.current)||t.style.setProperty("--text-color",y?L:q))}),[E.current,S,q]);var O,j=s.default.createElement("div",i({className:d.default("eds-travel-tag",{"eds-travel-tag--closable":I,"eds-travel-tag--alert":N,"eds-travel-tag--alert--error":"error"===p,"eds-travel-tag--transport":_,"eds-travel-tag--icon-and-text":T>1||_&&T>0,className:l}),ref:E},x),s.default.createElement(P,null),n,I&&s.default.createElement("button",{onClick:k,className:"eds-travel-tag__close-button"},s.default.createElement(e.CloseSmallIcon,{inline:!0})),N&&s.default.createElement("span",{className:"eds-travel-tag__alert"},"info"===p&&s.default.createElement(e.ValidationInfoIcon,{className:"eds-travel-tag__alert-info-icon"}),"error"===p&&s.default.createElement(e.ValidationErrorIcon,{className:"eds-travel-tag__alert-error-icon"}),"warning"===p&&s.default.createElement(e.ValidationExclamationIcon,{className:"eds-travel-tag__alert-exclamation-icon"}))),F=s.default.createElement("div",{className:d.default("eds-travel-tag__label",(o={},o["eds-travel-tag__label--"+v]=m,o["eds-travel-tag__label--"+v+"--with-alert"]=m&&N,o))},m);return m?s.default.createElement("div",{className:d.default("eds-travel-tag__wrapper",(O={},O["eds-travel-tag__wrapper--label-position-"+v]=m,O))},j,F):j};
|
|
2
2
|
//# sourceMappingURL=travel.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"travel.cjs.production.min.js","sources":["../src/utils.ts","../src/LegLine.tsx","../src/LegBone.tsx","../src/index.tsx","../src/TravelHeader.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/TravelTag.tsx"],"sourcesContent":["import React from 'react';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor: string;\n textColor: string;\n contrastBackgroundColor: string;\n contrastTextColor: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n backgroundColor: colors.transport.default.metro,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.metro,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'bus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.bus,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bus,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n backgroundColor: colors.transport.default.helicopter,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.helicopter,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n backgroundColor: colors.transport.default.tram,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.tram,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n backgroundColor: colors.transport.default.funicular,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.funicular,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n backgroundColor: colors.transport.default.cableway,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.cableway,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n backgroundColor: colors.transport.default.taxi,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.taxi,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'bicycle':\n return {\n Icon: BicycleIcon,\n backgroundColor: colors.transport.default.bicycle,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bicycle,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n backgroundColor: colors.transport.default.walk,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.walk,\n contrastTextColor: colors.brand.white,\n pattern: 'dotted',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.train,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.train,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n backgroundColor: colors.transport.default.ferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.ferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n backgroundColor: colors.transport.default.carferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.carferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n backgroundColor: colors.transport.default.mobility,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.mobility,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n backgroundColor: colors.brand.blue,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.brand.white,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n","import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, pattern } =\n getTransportStyle(transport);\n const isContrast = useContrast();\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelSwitch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, Icon } =\n getTransportStyle(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = onClose ? true : false;\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const tagRef = useRef<HTMLDivElement>(null);\n const numberOfChildren = React.Children.count(children);\n const {\n Icon,\n contrastBackgroundColor,\n contrastTextColor,\n backgroundColor,\n textColor,\n } = getTransportStyle(transport);\n\n useEffect(() => {\n console.log(Icon.name, contrastBackgroundColor, backgroundColor);\n\n if (transportIsSet) {\n tagRef.current?.style.setProperty(\n '--background-color',\n isContrast ? contrastBackgroundColor : backgroundColor,\n );\n tagRef.current?.style.setProperty(\n '--text-color',\n isContrast ? contrastTextColor : textColor,\n );\n }\n }, [tagRef.current, backgroundColor, textColor]);\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames('eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n className,\n })}\n ref={tagRef}\n {...rest}\n >\n <Icon />\n {children}\n {isClosable && (\n <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n <CloseSmallIcon inline />\n </button>\n )}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n )}\n {alert === 'error' && (\n <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n )}\n {alert === 'warning' && (\n <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n"],"names":["getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","textColor","brand","white","contrastBackgroundColor","contrast","contrastTextColor","pattern","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","React","Fragment","blue","Error","LegLine","_ref","_classNames","color","_ref$direction","direction","className","rest","_objectWithoutPropertiesLoose","_excluded","classNames","style","LegBone","startColor","endColor","_ref$showStart","showStart","_ref$showStop","showStop","_ref$showLine","showLine","createElement","warnAboutMissingStyles","_ref$as","as","Element","from","to","_ref$size","size","noWrap","_extends","isContrast","useContrast","children","_ref$labelPlacement","labelPlacement","Switch","contrastColor","icon","_ref$alert","alert","_ref$transport","label","_ref$onClose","onClose","undefined","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","_tagRef$current","_tagRef$current2","console","log","name","current","setProperty","_classNames2","TravelTagWithoutLabel","ref","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"travel.cjs.production.min.js","sources":["../src/utils.ts","../src/LegLine.tsx","../src/LegBone.tsx","../src/index.tsx","../src/TravelHeader.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/TravelTag.tsx"],"sourcesContent":["import React from 'react';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor: string;\n textColor: string;\n contrastBackgroundColor: string;\n contrastTextColor: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n backgroundColor: colors.transport.default.metro,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.metro,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'bus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.bus,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bus,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n backgroundColor: colors.transport.default.helicopter,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.helicopter,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n backgroundColor: colors.transport.default.tram,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.tram,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n backgroundColor: colors.transport.default.funicular,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.funicular,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n backgroundColor: colors.transport.default.cableway,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.cableway,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n backgroundColor: colors.transport.default.taxi,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.taxi,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'bicycle':\n return {\n Icon: BicycleIcon,\n backgroundColor: colors.transport.default.bicycle,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bicycle,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n backgroundColor: colors.transport.default.walk,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.walk,\n contrastTextColor: colors.brand.white,\n pattern: 'dotted',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.train,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.train,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n backgroundColor: colors.transport.default.ferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.ferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n backgroundColor: colors.transport.default.carferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.carferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n backgroundColor: colors.transport.default.mobility,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.mobility,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n backgroundColor: colors.brand.blue,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.brand.white,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n","import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, pattern } =\n getTransportStyle(transport);\n const isContrast = useContrast();\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelSwitch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, Icon } =\n getTransportStyle(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = onClose ? true : false;\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const tagRef = useRef<HTMLDivElement>(null);\n const numberOfChildren = React.Children.count(children);\n const {\n Icon,\n contrastBackgroundColor,\n contrastTextColor,\n backgroundColor,\n textColor,\n } = getTransportStyle(transport);\n\n useEffect(() => {\n if (transportIsSet) {\n tagRef.current?.style.setProperty(\n '--background-color',\n isContrast ? contrastBackgroundColor : backgroundColor,\n );\n tagRef.current?.style.setProperty(\n '--text-color',\n isContrast ? contrastTextColor : textColor,\n );\n }\n }, [tagRef.current, backgroundColor, textColor]);\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames('eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n className,\n })}\n ref={tagRef}\n {...rest}\n >\n <Icon />\n {children}\n {isClosable && (\n <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n <CloseSmallIcon inline />\n </button>\n )}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n )}\n {alert === 'error' && (\n <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n )}\n {alert === 'warning' && (\n <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n"],"names":["getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","textColor","brand","white","contrastBackgroundColor","contrast","contrastTextColor","pattern","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","React","Fragment","blue","Error","LegLine","_ref","_classNames","color","_ref$direction","direction","className","rest","_objectWithoutPropertiesLoose","_excluded","classNames","style","LegBone","startColor","endColor","_ref$showStart","showStart","_ref$showStop","showStop","_ref$showLine","showLine","createElement","warnAboutMissingStyles","_ref$as","as","Element","from","to","_ref$size","size","noWrap","_extends","isContrast","useContrast","children","_ref$labelPlacement","labelPlacement","Switch","contrastColor","icon","_ref$alert","alert","_ref$transport","label","_ref$onClose","onClose","undefined","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","_tagRef$current","_tagRef$current2","current","setProperty","_classNames2","TravelTagWithoutLabel","ref","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label"],"mappings":"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"}
|
package/dist/travel.esm.js
CHANGED
|
@@ -257,7 +257,6 @@ var TravelTag = function TravelTag(_ref) {
|
|
|
257
257
|
backgroundColor = _getTransportStyle.backgroundColor,
|
|
258
258
|
textColor = _getTransportStyle.textColor;
|
|
259
259
|
useEffect(function () {
|
|
260
|
-
console.log(Icon.name, contrastBackgroundColor, backgroundColor);
|
|
261
260
|
if (transportIsSet) {
|
|
262
261
|
var _tagRef$current, _tagRef$current2;
|
|
263
262
|
(_tagRef$current = tagRef.current) == null ? void 0 : _tagRef$current.style.setProperty('--background-color', isContrast ? contrastBackgroundColor : backgroundColor);
|
package/dist/travel.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"travel.esm.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor: string;\n textColor: string;\n contrastBackgroundColor: string;\n contrastTextColor: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n backgroundColor: colors.transport.default.metro,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.metro,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'bus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.bus,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bus,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n backgroundColor: colors.transport.default.helicopter,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.helicopter,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n backgroundColor: colors.transport.default.tram,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.tram,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n backgroundColor: colors.transport.default.funicular,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.funicular,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n backgroundColor: colors.transport.default.cableway,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.cableway,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n backgroundColor: colors.transport.default.taxi,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.taxi,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'bicycle':\n return {\n Icon: BicycleIcon,\n backgroundColor: colors.transport.default.bicycle,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bicycle,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n backgroundColor: colors.transport.default.walk,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.walk,\n contrastTextColor: colors.brand.white,\n pattern: 'dotted',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.train,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.train,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n backgroundColor: colors.transport.default.ferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.ferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n backgroundColor: colors.transport.default.carferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.carferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n backgroundColor: colors.transport.default.mobility,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.mobility,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n backgroundColor: colors.brand.blue,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.brand.white,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = onClose ? true : false;\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const tagRef = useRef<HTMLDivElement>(null);\n const numberOfChildren = React.Children.count(children);\n const {\n Icon,\n contrastBackgroundColor,\n contrastTextColor,\n backgroundColor,\n textColor,\n } = getTransportStyle(transport);\n\n useEffect(() => {\n console.log(Icon.name, contrastBackgroundColor, backgroundColor);\n\n if (transportIsSet) {\n tagRef.current?.style.setProperty(\n '--background-color',\n isContrast ? contrastBackgroundColor : backgroundColor,\n );\n tagRef.current?.style.setProperty(\n '--text-color',\n isContrast ? contrastTextColor : textColor,\n );\n }\n }, [tagRef.current, backgroundColor, textColor]);\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames('eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n className,\n })}\n ref={tagRef}\n {...rest}\n >\n <Icon />\n {children}\n {isClosable && (\n <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n <CloseSmallIcon inline />\n </button>\n )}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n )}\n {alert === 'error' && (\n <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n )}\n {alert === 'warning' && (\n <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, pattern } =\n getTransportStyle(transport);\n const isContrast = useContrast();\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelSwitch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, Icon } =\n getTransportStyle(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","_excluded","React","createElement","classNames","getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","textColor","brand","white","contrastBackgroundColor","contrast","contrastTextColor","pattern","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","Fragment","blue","Error","TravelTag","children","alert","label","labelPlacement","onClose","undefined","isContrast","useContrast","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","console","log","name","current","style","setProperty","TravelTagWithoutLabel","ref","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","LegLine","color","direction","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","TravelSwitch","Switch","contrastColor","icon","warnAboutMissingStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"travel.esm.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Destinasjonen man reiser fra */\n from: React.ReactNode;\n /** Destinasjonen man reiser til */\n to: React.ReactNode;\n /**Størrelsen på komponenten\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /** Plassere til og fra på samme linje */\n noWrap?: boolean;\n /**Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n as: Element = 'div',\n from,\n to,\n size = 'large',\n className,\n noWrap,\n ...rest\n}) => {\n return (\n <Element\n className={classNames('eds-travel-header', className, {\n 'eds-travel-header--large': size === 'large',\n 'eds-travel-header--medium': size === 'medium',\n 'eds-travel-header--no-wrap': noWrap,\n })}\n aria-label={`Fra ${from}, til ${to}`}\n {...rest}\n >\n <span className=\"eds-travel-header__from\">{from}</span>\n <span className=\"eds-travel-header__to\">{to}</span>\n </Element>\n );\n};\n","import React from 'react';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n CarferryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n MobilityIcon,\n MetroIcon,\n HelicopterIcon,\n FunicularIcon,\n CablewayIcon,\n TaxiIcon,\n WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n | 'metro'\n | 'bus'\n | 'plane'\n | 'helicopter'\n | 'tram'\n | 'funicular'\n | 'cableway'\n | 'taxi'\n | 'bicycle'\n | 'walk'\n | 'train'\n | 'ferry'\n | 'carferry'\n | 'mobility'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'rail'\n | 'water'\n | 'air'\n | 'none';\n\ntype transportStyleResult = {\n Icon: React.FC<IconProps>;\n backgroundColor: string;\n textColor: string;\n contrastBackgroundColor: string;\n contrastTextColor: string;\n pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n switch (mode) {\n case 'metro':\n return {\n Icon: MetroIcon,\n backgroundColor: colors.transport.default.metro,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.metro,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'bus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.bus,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bus,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'plane':\n case 'air':\n return {\n Icon: PlaneIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'helicopter':\n return {\n Icon: HelicopterIcon,\n backgroundColor: colors.transport.default.helicopter,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.helicopter,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'tram':\n return {\n Icon: TramIcon,\n backgroundColor: colors.transport.default.tram,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.tram,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'funicular':\n return {\n Icon: FunicularIcon,\n backgroundColor: colors.transport.default.funicular,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.funicular,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'cableway':\n return {\n Icon: CablewayIcon,\n backgroundColor: colors.transport.default.cableway,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.cableway,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'taxi':\n return {\n Icon: TaxiIcon,\n backgroundColor: colors.transport.default.taxi,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.taxi,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'bicycle':\n return {\n Icon: BicycleIcon,\n backgroundColor: colors.transport.default.bicycle,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.bicycle,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'walk':\n return {\n Icon: WalkIcon,\n backgroundColor: colors.transport.default.walk,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.walk,\n contrastTextColor: colors.brand.white,\n pattern: 'dotted',\n };\n case 'train':\n case 'rail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.train,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.train,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'ferry':\n case 'water':\n return {\n Icon: FerryIcon,\n backgroundColor: colors.transport.default.ferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.ferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'carferry':\n return {\n Icon: CarferryIcon,\n backgroundColor: colors.transport.default.carferry,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.carferry,\n contrastTextColor: colors.brand.white,\n pattern: 'wave',\n };\n case 'mobility':\n return {\n Icon: MobilityIcon,\n backgroundColor: colors.transport.default.mobility,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.mobility,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'dashed',\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n backgroundColor: colors.transport.default.plane,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.transport.contrast.plane,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'none':\n return {\n Icon: React.Fragment,\n backgroundColor: colors.brand.blue,\n textColor: colors.brand.white,\n contrastBackgroundColor: colors.brand.white,\n contrastTextColor: colors.brand.white,\n pattern: 'line',\n };\n case 'scooter':\n throw Error(\n `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n );\n case 'bike':\n throw Error(\n `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n );\n case 'car':\n throw Error(\n `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n );\n case 'foot':\n throw Error(\n `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n );\n default:\n throw Error('Please select a transport for the Travel component.');\n }\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n CloseSmallIcon,\n ValidationInfoIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n /** Callback som kalles for når man skal lukke TravelTag-en\n * @default undefined\n */\n onClose?: () => void;\n /** Innholdet inne i TravelTag-en */\n children?: React.ReactNode;\n /**Ekstra klassenavn */\n className?: string;\n /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n * @default \"none\"\n */\n alert?: 'none' | 'error' | 'warning' | 'info';\n /** Legger til farge og ikon tilpasset valgt transportmiddel */\n transport?: Transport;\n /** Element ved siden av eller under TravelTag. */\n label?: React.ReactNode;\n /** Posisjonen til label-en i forhold til TravelTag-en\n * @default \"right\"\n */\n labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n children,\n className,\n alert = 'none',\n transport = 'none',\n label,\n labelPlacement = 'right',\n onClose = undefined,\n ...rest\n}) => {\n const isContrast = useContrast();\n const isClosable = onClose ? true : false;\n const transportIsSet = transport !== 'none';\n const alertIsSet = alert !== 'none';\n const tagRef = useRef<HTMLDivElement>(null);\n const numberOfChildren = React.Children.count(children);\n const {\n Icon,\n contrastBackgroundColor,\n contrastTextColor,\n backgroundColor,\n textColor,\n } = getTransportStyle(transport);\n\n useEffect(() => {\n if (transportIsSet) {\n tagRef.current?.style.setProperty(\n '--background-color',\n isContrast ? contrastBackgroundColor : backgroundColor,\n );\n tagRef.current?.style.setProperty(\n '--text-color',\n isContrast ? contrastTextColor : textColor,\n );\n }\n }, [tagRef.current, backgroundColor, textColor]);\n\n const TravelTagWithoutLabel: JSX.Element = (\n <div\n className={classNames('eds-travel-tag', {\n 'eds-travel-tag--closable': isClosable,\n 'eds-travel-tag--alert': alertIsSet,\n 'eds-travel-tag--alert--error': alert === 'error',\n 'eds-travel-tag--transport': transportIsSet,\n 'eds-travel-tag--icon-and-text':\n numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n className,\n })}\n ref={tagRef}\n {...rest}\n >\n <Icon />\n {children}\n {isClosable && (\n <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n <CloseSmallIcon inline />\n </button>\n )}\n {alertIsSet && (\n <span className=\"eds-travel-tag__alert\">\n {alert === 'info' && (\n <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n )}\n {alert === 'error' && (\n <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n )}\n {alert === 'warning' && (\n <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n )}\n </span>\n )}\n </div>\n );\n\n const Label: JSX.Element = (\n <div\n className={classNames('eds-travel-tag__label', {\n [`eds-travel-tag__label--${labelPlacement}`]: label,\n [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n label && alertIsSet,\n })}\n >\n {label}\n </div>\n );\n\n if (label) {\n return (\n <div\n className={classNames('eds-travel-tag__wrapper', {\n [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n })}\n >\n {TravelTagWithoutLabel}\n {Label}\n </div>\n );\n }\n\n return TravelTagWithoutLabel;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n /** Farge på LegLine'n */\n color: string;\n /** Retningen til LegLine */\n direction: 'horizontal' | 'vertical';\n /** Hvilket linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n color,\n direction = 'horizontal',\n pattern,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames('eds-leg-line', className, {\n [`eds-leg-line--${pattern}`]: pattern,\n [`eds-leg-line--${direction}`]: direction,\n })}\n style={{ backgroundColor: color }}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n /** Retning på komponenten */\n direction: 'horizontal' | 'vertical';\n /** Hvilke linjemønster som skal brukes */\n pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n /** Farge på linja */\n color: string;\n /** Farge på startpunktet\n * @default Verdien til color\n */\n startColor?: string;\n /** Farge på endepunktet\n * @default Verdien til color\n */\n endColor?: string;\n /** Vis startpunkt\n * @default true\n */\n showStart?: boolean;\n /** Vis linke\n * @default true\n */\n showLine?: boolean;\n /** Vis endepunkt\n * @default true\n */\n showStop?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n direction,\n pattern,\n color,\n startColor,\n endColor,\n showStart = true,\n showStop = true,\n showLine = true,\n className,\n ...rest\n}) => {\n return (\n <div\n className={classNames(className, 'eds-leg-bone', [\n { 'eds-leg-bone--vertical': direction === 'vertical' },\n { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n ])}\n {...rest}\n >\n {showStart && (\n <div\n className={`eds-leg-bone__start`}\n style={{ backgroundColor: startColor || color }}\n />\n )}\n\n {showLine && (\n <LegLine\n className={`eds-leg-bone__line`}\n direction={direction}\n color={color}\n pattern={pattern}\n />\n )}\n\n {showStop && (\n <div\n className={`eds-leg-bone__stop`}\n style={{ backgroundColor: endColor || color }}\n />\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Hviklen type reise som skal vises riktig farge og linjetype */\n transport: Transport;\n /** Retningen på komponenten */\n direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n className,\n transport,\n direction,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, pattern } =\n getTransportStyle(transport);\n const isContrast = useContrast();\n\n return (\n <LegBone\n direction={direction}\n pattern={pattern}\n color={isContrast ? contrastBackgroundColor : backgroundColor}\n className={className}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nimport './TravelSwitch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises ikon og farge for */\n transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { backgroundColor, contrastBackgroundColor, Icon } =\n getTransportStyle(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={backgroundColor}\n contrastColor={contrastBackgroundColor}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\nexport * from './TravelSwitch';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","_excluded","React","createElement","classNames","getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","textColor","brand","white","contrastBackgroundColor","contrast","contrastTextColor","pattern","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","Fragment","blue","Error","TravelTag","children","alert","label","labelPlacement","onClose","undefined","isContrast","useContrast","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","current","style","setProperty","TravelTagWithoutLabel","ref","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","LegLine","color","direction","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","TravelSwitch","Switch","contrastColor","icon","warnAboutMissingStyles"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/travel",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.8",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/travel.esm.js",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^7.0.
|
|
30
|
+
"@entur/form": "^7.0.5",
|
|
31
31
|
"@entur/icons": "^6.2.0",
|
|
32
|
-
"@entur/layout": "^2.1.
|
|
32
|
+
"@entur/layout": "^2.1.30",
|
|
33
33
|
"@entur/tokens": "^3.8.1",
|
|
34
|
-
"@entur/utils": "^0.
|
|
34
|
+
"@entur/utils": "^0.9.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "cd5c398453c486f6f160905247b94c6da2622d7c"
|
|
38
38
|
}
|