@road-labs/map-sdk 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -0
- package/dist/App.d.ts +2 -0
- package/dist/Boot.d.ts +7 -0
- package/dist/Router.d.ts +1 -0
- package/dist/components/BackButton/BackButton.d.ts +3 -0
- package/dist/components/Button/Button.d.ts +8 -0
- package/dist/components/CdrPrice/CdrPrice.d.ts +7 -0
- package/dist/components/Checkbox/Checkbox.d.ts +9 -0
- package/dist/components/CloseButton/CloseButton.d.ts +3 -0
- package/dist/components/ConnectorTariff/ConnectorTariff.d.ts +9 -0
- package/dist/components/CustomMarker/CustomMarker.d.ts +10 -0
- package/dist/components/Debug/Debug.d.ts +3 -0
- package/dist/components/Icons/Icons.d.ts +3 -0
- package/dist/components/LocationPlaceholder/LocationPlaceholder.d.ts +1 -0
- package/dist/components/Map/Map.d.ts +1 -0
- package/dist/components/MapMarkers/MapMarkers.d.ts +6 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +19 -0
- package/dist/components/OverlayView/OverlayView.d.ts +32 -0
- package/dist/components/Price/Price.d.ts +8 -0
- package/dist/components/PriceComponents/PriceComponents.d.ts +7 -0
- package/dist/components/Range/Range.d.ts +5 -0
- package/dist/components/SearchInput/SearchInput.d.ts +3 -0
- package/dist/components/SelectField/SelectField.d.ts +20 -0
- package/dist/components/SidebarContainer/SidebarContainer.d.ts +3 -0
- package/dist/components/Stack/Stack.d.ts +21 -0
- package/dist/components/Stack/View.d.ts +4 -0
- package/dist/components/Stack/index.d.ts +2 -0
- package/dist/components/SwitchView/SwitchView.d.ts +4 -0
- package/dist/components/connectorIcons.d.ts +89 -0
- package/dist/contexts/Map.d.ts +39 -0
- package/dist/globals.d.ts +10 -0
- package/dist/hooks/useOnScreen.d.ts +2 -0
- package/dist/i18n.d.ts +62 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +74 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +7143 -0
- package/dist/index.mjs.map +1 -0
- package/dist/screens/Filters/index.d.ts +1 -0
- package/dist/screens/Locations/DynamicTariffs.d.ts +1 -0
- package/dist/screens/Locations/LocationDetailsV1.d.ts +9 -0
- package/dist/screens/Locations/LocationDetailsV2.d.ts +7 -0
- package/dist/screens/Locations/Locations.d.ts +5 -0
- package/dist/screens/Locations/TariffNote.d.ts +1 -0
- package/dist/screens/Locations/index.d.ts +1 -0
- package/dist/screens/Locations/v2/Tariff.d.ts +40 -0
- package/dist/types.d.ts +134 -0
- package/dist/utils/date.d.ts +9 -0
- package/dist/utils/date.test.d.ts +1 -0
- package/dist/utils/filters.d.ts +11 -0
- package/dist/utils/formatters.d.ts +20 -0
- package/dist/utils/loader.d.ts +2 -0
- package/dist/utils/location.d.ts +1 -0
- package/dist/utils/notes.d.ts +2 -0
- package/dist/utils/ocpi.d.ts +58 -0
- package/dist/utils/ocpi.test.d.ts +1 -0
- package/dist/utils/request.d.ts +25 -0
- package/package.json +61 -0
package/README.md
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
## Map SDK Installation and Usage
|
|
2
|
+
|
|
3
|
+
### Installation
|
|
4
|
+
|
|
5
|
+
```bash
|
|
6
|
+
npm install @road/map-sdk
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
### Usage
|
|
10
|
+
|
|
11
|
+
After installing the package, you need to:
|
|
12
|
+
|
|
13
|
+
1. **Import the component:**
|
|
14
|
+
```typescript
|
|
15
|
+
import { App } from '@road/map-sdk';
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
2. **Import the CSS stylesheet** (required for proper styling):
|
|
19
|
+
```typescript
|
|
20
|
+
import '@road/map-sdk/dist/index.css';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
Or in your HTML:
|
|
24
|
+
```html
|
|
25
|
+
<link rel="stylesheet" href="node_modules/@road/map-sdk/dist/index.css">
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
### Example
|
|
29
|
+
|
|
30
|
+
```typescript
|
|
31
|
+
import React from 'react';
|
|
32
|
+
import { App } from '@road/map-sdk';
|
|
33
|
+
import '@road/map-sdk/dist/index.css';
|
|
34
|
+
|
|
35
|
+
function MyComponent() {
|
|
36
|
+
return (
|
|
37
|
+
<App
|
|
38
|
+
height={600}
|
|
39
|
+
apiRoot="https://api.road.io"
|
|
40
|
+
googleApiKey="your-google-maps-api-key"
|
|
41
|
+
// ... other options
|
|
42
|
+
/>
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
---
|
|
48
|
+
|
|
49
|
+
## Typescript Browser
|
|
50
|
+
|
|
51
|
+
```
|
|
52
|
+
# setup npmrc to work with our private registry
|
|
53
|
+
make init-npm-registry
|
|
54
|
+
|
|
55
|
+
# run the generator and tranform resulting TS code into JS dist as described by ./src/ts/browser/tsup.config.js
|
|
56
|
+
make build-browser
|
|
57
|
+
|
|
58
|
+
# publish to provate registry
|
|
59
|
+
make publish-browser
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
The generator then loads the contract files and uses the gathered information to extend the provided base class with method definitions that enforce types defines in the contracts, and saves the resulting TS file into `./build` folder. From there we use `tsup` for packaging as normal, leading to final check with `np` and `npm publish`.
|
|
63
|
+
|
|
64
|
+
### Todo
|
|
65
|
+
|
|
66
|
+
- [ ] allow particular definitions of events (ie journeys) to define own fields that can then be applied and enforced to all journey related definitions
|
package/dist/App.d.ts
ADDED
package/dist/Boot.d.ts
ADDED
package/dist/Router.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function Controls(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type ButtonProps = {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
form?: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export default function Button({ onClick, form, children }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CdrAdditionalCharge } from '../../types';
|
|
2
|
+
type CdrPriceComponentsProps = {
|
|
3
|
+
cdrAdditionalCharge: CdrAdditionalCharge;
|
|
4
|
+
currency: string;
|
|
5
|
+
};
|
|
6
|
+
export default function CdrPriceComponent({ cdrAdditionalCharge, currency, }: CdrPriceComponentsProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type CheckboxToggleProps = {
|
|
2
|
+
id?: string;
|
|
3
|
+
checked: boolean;
|
|
4
|
+
name?: string;
|
|
5
|
+
onChange: (value: boolean) => void;
|
|
6
|
+
type?: "checkbox" | "radio";
|
|
7
|
+
};
|
|
8
|
+
export default function CheckboxToggle({ id, name, checked, onChange, type, }: CheckboxToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Tariff, CdrAdditionalCharge } from '../../types';
|
|
2
|
+
type ConnectorTariffProps = {
|
|
3
|
+
tariff: Tariff;
|
|
4
|
+
timezone?: string;
|
|
5
|
+
compact?: boolean;
|
|
6
|
+
cdrAdditionalCharges?: CdrAdditionalCharge[];
|
|
7
|
+
};
|
|
8
|
+
export default function ConnectorTariff({ timezone, tariff, compact, cdrAdditionalCharges, }: ConnectorTariffProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GeohashItem } from '../../types';
|
|
3
|
+
interface Props {
|
|
4
|
+
data: GeohashItem;
|
|
5
|
+
map?: google.maps.Map;
|
|
6
|
+
onClick: (payload: GeohashItem) => void;
|
|
7
|
+
highlight?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const CustomMarker: React.FC<Props>;
|
|
10
|
+
export default CustomMarker;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function LocationPlaceholder(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function MapWrapper(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface MultiSelectOption {
|
|
3
|
+
value: string | number;
|
|
4
|
+
label: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface MultiSelectProps {
|
|
8
|
+
id?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
options: MultiSelectOption[];
|
|
11
|
+
value?: (string | number)[];
|
|
12
|
+
preferredValues?: (string | number)[];
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
onChange?: (values: (string | number)[]) => void;
|
|
17
|
+
}
|
|
18
|
+
declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
19
|
+
export default MultiSelect;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export declare function createOverlay(container: HTMLElement, pane: keyof google.maps.MapPanes, position: google.maps.LatLng | google.maps.LatLngLiteral): {
|
|
3
|
+
container: HTMLElement;
|
|
4
|
+
pane: keyof google.maps.MapPanes;
|
|
5
|
+
position: google.maps.LatLng | google.maps.LatLngLiteral;
|
|
6
|
+
onAdd(): void;
|
|
7
|
+
draw(): void;
|
|
8
|
+
onRemove(): void;
|
|
9
|
+
getMap(): google.maps.Map | null | google.maps.StreetViewPanorama;
|
|
10
|
+
getPanes(): google.maps.MapPanes | null;
|
|
11
|
+
getProjection(): google.maps.MapCanvasProjection;
|
|
12
|
+
setMap(map: google.maps.Map | null | google.maps.StreetViewPanorama): void;
|
|
13
|
+
addListener(eventName: string, handler: Function): google.maps.MapsEventListener;
|
|
14
|
+
bindTo(key: string, target: google.maps.MVCObject, targetKey?: string | null, noNotify?: boolean): void;
|
|
15
|
+
get(key: string): any;
|
|
16
|
+
notify(key: string): void;
|
|
17
|
+
set(key: string, value: unknown): void;
|
|
18
|
+
setValues(values?: object | null): void;
|
|
19
|
+
unbind(key: string): void;
|
|
20
|
+
unbindAll(): void;
|
|
21
|
+
};
|
|
22
|
+
type OverlayProps = PropsWithChildren<{
|
|
23
|
+
position: {
|
|
24
|
+
lat: number;
|
|
25
|
+
lon: number;
|
|
26
|
+
};
|
|
27
|
+
pane?: keyof google.maps.MapPanes;
|
|
28
|
+
map: google.maps.Map;
|
|
29
|
+
zIndex?: number;
|
|
30
|
+
}>;
|
|
31
|
+
export default function OverlayView({ position, pane, map, zIndex, children, }: OverlayProps): import('react').ReactPortal;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PriceComponent as PriceComponentType, TariffElement } from '../../types';
|
|
2
|
+
type PriceComponentsProps = {
|
|
3
|
+
priceComponent: PriceComponentType;
|
|
4
|
+
restrictions?: TariffElement["restrictions"];
|
|
5
|
+
currency: string;
|
|
6
|
+
};
|
|
7
|
+
export default function PriceComponent({ priceComponent, restrictions, currency, }: PriceComponentsProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TariffElement } from '../../types';
|
|
2
|
+
type PriceComponentsProps = {
|
|
3
|
+
elements: TariffElement[];
|
|
4
|
+
currency: string;
|
|
5
|
+
};
|
|
6
|
+
export default function PriceComponents({ elements, currency, }: PriceComponentsProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface SelectFieldOption {
|
|
3
|
+
value: string | number;
|
|
4
|
+
label: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface SelectFieldProps {
|
|
8
|
+
id?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
value?: string | number;
|
|
11
|
+
options: SelectFieldOption[];
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
onChange?: (value: string | number) => void;
|
|
16
|
+
onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
|
|
17
|
+
onFocus?: (event: React.FocusEvent<HTMLSelectElement>) => void;
|
|
18
|
+
}
|
|
19
|
+
declare const SelectField: React.FC<SelectFieldProps>;
|
|
20
|
+
export default SelectField;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type StackProps = {
|
|
3
|
+
name?: string;
|
|
4
|
+
currentView: string;
|
|
5
|
+
onViewChange: (view: string, args: any) => void;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
type MapContextType = {
|
|
9
|
+
setView: (view: string, args?: any) => void;
|
|
10
|
+
current: {
|
|
11
|
+
name: string;
|
|
12
|
+
args?: any;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export declare const StackContext: React.Context<MapContextType>;
|
|
16
|
+
export declare function useStackContext(): MapContextType;
|
|
17
|
+
declare function Stack({ name, currentView, onViewChange, children, }: StackProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare namespace Stack {
|
|
19
|
+
var View: typeof import("./View").default;
|
|
20
|
+
}
|
|
21
|
+
export default Stack;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
IEC_62196_T1: string;
|
|
3
|
+
IEC_62196_T1_COMBO: string;
|
|
4
|
+
IEC_62196_T2: string;
|
|
5
|
+
IEC_62196_T2_COMBO: string;
|
|
6
|
+
IEC_62196_T3: string;
|
|
7
|
+
IEC_62196_T3A: string;
|
|
8
|
+
IEC_62196_T3B: string;
|
|
9
|
+
IEC_62196_T3C: string;
|
|
10
|
+
CHADEMO: string;
|
|
11
|
+
CHAOJI: string;
|
|
12
|
+
CATARC: string;
|
|
13
|
+
GBT_AC: string;
|
|
14
|
+
GBT_DC: string;
|
|
15
|
+
SCHUKO: string;
|
|
16
|
+
DOMESTIC_A: string;
|
|
17
|
+
DOMESTIC_B: string;
|
|
18
|
+
DOMESTIC_C: string;
|
|
19
|
+
DOMESTIC_D: string;
|
|
20
|
+
DOMESTIC_E: string;
|
|
21
|
+
DOMESTIC_F: string;
|
|
22
|
+
DOMESTIC_G: string;
|
|
23
|
+
DOMESTIC_H: string;
|
|
24
|
+
DOMESTIC_I: string;
|
|
25
|
+
DOMESTIC_J: string;
|
|
26
|
+
DOMESTIC_K: string;
|
|
27
|
+
DOMESTIC_L: string;
|
|
28
|
+
DOMESTIC_M: string;
|
|
29
|
+
DOMESTIC_N: string;
|
|
30
|
+
DOMESTIC_O: string;
|
|
31
|
+
IEC_60309_2_SINGLE_16: string;
|
|
32
|
+
IEC_60309_2_THREE_16: string;
|
|
33
|
+
IEC_60309_2_THREE_32: string;
|
|
34
|
+
IEC_60309_2_THREE_64: string;
|
|
35
|
+
NEMA_5_20: string;
|
|
36
|
+
NEMA_6_30: string;
|
|
37
|
+
NEMA_6_50: string;
|
|
38
|
+
NEMA_10_30: string;
|
|
39
|
+
NEMA_10_50: string;
|
|
40
|
+
NEMA_14_30: string;
|
|
41
|
+
NEMA_14_50: string;
|
|
42
|
+
PANTOGRAPH_BOTTOM_UP: string;
|
|
43
|
+
PANTOGRAPH_TOP_DOWN: string;
|
|
44
|
+
TESLA_R: string;
|
|
45
|
+
TESLA_S: string;
|
|
46
|
+
CONNECTOR_STANDARD_TYPE_CHADEMO: string;
|
|
47
|
+
CONNECTOR_STANDARD_TYPE_CHAOJI: string;
|
|
48
|
+
CONNECTOR_STANDARD_TYPE_CATARC: string;
|
|
49
|
+
CONNECTOR_STANDARD_TYPE_SCHUKO: string;
|
|
50
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_A: string;
|
|
51
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_B: string;
|
|
52
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_C: string;
|
|
53
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_D: string;
|
|
54
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_E: string;
|
|
55
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_F: string;
|
|
56
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_G: string;
|
|
57
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_H: string;
|
|
58
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_I: string;
|
|
59
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_J: string;
|
|
60
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_K: string;
|
|
61
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_L: string;
|
|
62
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_M: string;
|
|
63
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_N: string;
|
|
64
|
+
CONNECTOR_STANDARD_TYPE_DOMESTIC_O: string;
|
|
65
|
+
CONNECTOR_STANDARD_TYPE_GBT_AC: string;
|
|
66
|
+
CONNECTOR_STANDARD_TYPE_GBT_DC: string;
|
|
67
|
+
CONNECTOR_STANDARD_TYPE_IEC_60309_2_SINGLE_16: string;
|
|
68
|
+
CONNECTOR_STANDARD_TYPE_IEC_60309_2_THREE_16: string;
|
|
69
|
+
CONNECTOR_STANDARD_TYPE_IEC_60309_2_THREE_32: string;
|
|
70
|
+
CONNECTOR_STANDARD_TYPE_IEC_60309_2_THREE_64: string;
|
|
71
|
+
CONNECTOR_STANDARD_TYPE_IEC_62196_T1: string;
|
|
72
|
+
CONNECTOR_STANDARD_TYPE_IEC_62196_T1_COMBO: string;
|
|
73
|
+
CONNECTOR_STANDARD_TYPE_IEC_62196_T2: string;
|
|
74
|
+
CONNECTOR_STANDARD_TYPE_IEC_62196_T2_COMBO: string;
|
|
75
|
+
CONNECTOR_STANDARD_TYPE_IEC_62196_T3A: string;
|
|
76
|
+
CONNECTOR_STANDARD_TYPE_IEC_62196_T3C: string;
|
|
77
|
+
CONNECTOR_STANDARD_TYPE_NEMA_5_20: string;
|
|
78
|
+
CONNECTOR_STANDARD_TYPE_NEMA_6_30: string;
|
|
79
|
+
CONNECTOR_STANDARD_TYPE_NEMA_6_50: string;
|
|
80
|
+
CONNECTOR_STANDARD_TYPE_NEMA_10_30: string;
|
|
81
|
+
CONNECTOR_STANDARD_TYPE_NEMA_10_50: string;
|
|
82
|
+
CONNECTOR_STANDARD_TYPE_NEMA_14_30: string;
|
|
83
|
+
CONNECTOR_STANDARD_TYPE_NEMA_14_50: string;
|
|
84
|
+
CONNECTOR_STANDARD_TYPE_PANTOGRAPH_BOTTOM_UP: string;
|
|
85
|
+
CONNECTOR_STANDARD_TYPE_PANTOGRAPH_TOP_DOWN: string;
|
|
86
|
+
CONNECTOR_STANDARD_TYPE_TESLA_R: string;
|
|
87
|
+
CONNECTOR_STANDARD_TYPE_TESLA_S: string;
|
|
88
|
+
};
|
|
89
|
+
export default _default;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { LabelsType } from '../i18n';
|
|
3
|
+
import { Location, Position, RoadMapOptions, Status, FilterConfiguration } from '../types';
|
|
4
|
+
export type MapContextType = {
|
|
5
|
+
t: (key: keyof LabelsType, props?: any) => string;
|
|
6
|
+
isReady: boolean;
|
|
7
|
+
options?: RoadMapOptions;
|
|
8
|
+
setPlace: (place: any) => void;
|
|
9
|
+
place?: google.maps.places.PlaceResult;
|
|
10
|
+
fetchGeohashes?: ({ precision, bbox }: {
|
|
11
|
+
precision: any;
|
|
12
|
+
bbox: any;
|
|
13
|
+
}) => Promise<any>;
|
|
14
|
+
fetchLocations?: ({ ids }: {
|
|
15
|
+
ids: any;
|
|
16
|
+
}) => Promise<any>;
|
|
17
|
+
fetchTariffs?: ({ origin, ids }: {
|
|
18
|
+
origin: any;
|
|
19
|
+
ids: any;
|
|
20
|
+
}) => Promise<any>;
|
|
21
|
+
filters?: any;
|
|
22
|
+
setLocationsIds?: (ids: string[]) => void;
|
|
23
|
+
locationIds?: string[];
|
|
24
|
+
filterConfiguration?: FilterConfiguration;
|
|
25
|
+
setFilters?: (filters: any) => void;
|
|
26
|
+
language: string;
|
|
27
|
+
position?: Position;
|
|
28
|
+
locations?: Location[];
|
|
29
|
+
locationsStatus?: Status;
|
|
30
|
+
};
|
|
31
|
+
export declare const MapContext: React.Context<MapContextType>;
|
|
32
|
+
interface Props {
|
|
33
|
+
children: React.ReactNode;
|
|
34
|
+
options: RoadMapOptions;
|
|
35
|
+
language: string;
|
|
36
|
+
}
|
|
37
|
+
export declare const MapProvider: React.FC<Props>;
|
|
38
|
+
export declare function useMapContext(): MapContextType;
|
|
39
|
+
export {};
|
package/dist/i18n.d.ts
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
export declare function getLanguage(lng: any): "nl" | "en" | "de" | "fr" | "it" | "es";
|
|
2
|
+
export type LabelsType = {
|
|
3
|
+
"search.placeholder": string;
|
|
4
|
+
"cdrPrice.flatFee": string;
|
|
5
|
+
"tariffPriceComponent.dynamicTariffHeader": string;
|
|
6
|
+
"tariffPriceComponent.noTariff": string;
|
|
7
|
+
"tariffPriceComponent.energy": string;
|
|
8
|
+
"tariffPriceComponent.time": string;
|
|
9
|
+
"tariffPriceComponent.parkingTime": string;
|
|
10
|
+
"tariffPriceComponent.parkingTimeWait": string;
|
|
11
|
+
"tariffPriceComponent.flat": string;
|
|
12
|
+
"tariffPriceComponent.baseTariff": string;
|
|
13
|
+
"tariffPriceComponent.active": string;
|
|
14
|
+
"tariffPriceComponent.viewTariff": string;
|
|
15
|
+
"tariffNote.subHeader": string;
|
|
16
|
+
"tariffNote.eFluxScheduledTariffNote": any;
|
|
17
|
+
"tariffNote.dynamicScheduledTariffNote": any;
|
|
18
|
+
"tariffNote.scheduledTariffNote": any;
|
|
19
|
+
"tariffNote.baseTariffNote": any;
|
|
20
|
+
"evse.statusAvailable": string;
|
|
21
|
+
"evse.statusCharging": string;
|
|
22
|
+
"evse.statusUnavailable": string;
|
|
23
|
+
"evse.statusError": string;
|
|
24
|
+
"evse.statusUnknown": string;
|
|
25
|
+
"evse.pricing": string;
|
|
26
|
+
"filters.header": string;
|
|
27
|
+
"filters.dcChargers": string;
|
|
28
|
+
"filters.efluxChargers": string;
|
|
29
|
+
"filters.noAdditionalFee": string;
|
|
30
|
+
"filters.available": string;
|
|
31
|
+
"filters.charging": string;
|
|
32
|
+
"filters.notAvailable": string;
|
|
33
|
+
"filters.chargingPower": string;
|
|
34
|
+
"filters.connectorType": string;
|
|
35
|
+
"filters.apply": string;
|
|
36
|
+
"filters.clearAll": string;
|
|
37
|
+
"filters.onlyShow": string;
|
|
38
|
+
"filters.statusHeading": string;
|
|
39
|
+
"locationType.onStreet": string;
|
|
40
|
+
"locationType.parkingGarage": string;
|
|
41
|
+
"locationType.undergroundGarage": string;
|
|
42
|
+
"locationType.parkingLot": string;
|
|
43
|
+
"locationType.other": string;
|
|
44
|
+
"locationType.unknown": string;
|
|
45
|
+
"dynamicTariffs.subHeader": string;
|
|
46
|
+
"location.viewAllHourlyPrices": string;
|
|
47
|
+
"backButton.backTo": string;
|
|
48
|
+
};
|
|
49
|
+
export declare const en: LabelsType;
|
|
50
|
+
export declare const nl: LabelsType;
|
|
51
|
+
export declare const de: LabelsType;
|
|
52
|
+
export declare const fr: LabelsType;
|
|
53
|
+
export declare const it: LabelsType;
|
|
54
|
+
export declare const es: LabelsType;
|
|
55
|
+
export declare const strings: {
|
|
56
|
+
en: LabelsType;
|
|
57
|
+
nl: LabelsType;
|
|
58
|
+
de: LabelsType;
|
|
59
|
+
fr: LabelsType;
|
|
60
|
+
it: LabelsType;
|
|
61
|
+
es: LabelsType;
|
|
62
|
+
};
|
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app-module_container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;position:relative;background:#f5f5f5;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);display:flex;height:100%;width:100%;flex-direction:column;justify-items:center}.app-module_loader{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.Map-module_container{height:100%;width:100%}.CustomMarker-module_container{-webkit-appearance:none;display:block;box-sizing:border-box;margin:0;padding:0 4px;min-width:21px;height:21px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1;font-weight:600;font-style:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);color:#fff;border-radius:2em;border:1.75px solid #fff;box-shadow:0 1px 4px #00000080;opacity:0;transform:translateY(10px);cursor:pointer;animation:CustomMarker-module_roadmap-pop-in .3s ease forwards}@keyframes CustomMarker-module_roadmap-pop-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.CustomMarker-module_sliderContainer{position:absolute;width:100px;height:100px;background:#00f;transform:translate(-100%);-webkit-transform:translateX(-100%)}.CustomMarker-module_slide-in{animation:CustomMarker-module_slide-in .5s forwards;-webkit-animation:CustomMarker-module_slide-in .5s forwards}.CustomMarker-module_slide-out{animation:CustomMarker-module_slide-out .5s forwards;-webkit-animation:CustomMarker-module_slide-out .5s forwards}@keyframes CustomMarker-module_slide-in{to{transform:translate(0)}}@keyframes CustomMarker-module_slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.stack-module_stack{display:flex;flex:1 0 0px;flex-direction:column;justify-content:flex-end}.stack-module_slideEnter{transform:translateY(125%)}.stack-module_slideEnterActive,.stack-module_slideExit{transform:translateY(0)}.stack-module_slideExitActive{transform:translateY(125%)}.stack-module_slideExitActive{transition:transform .25s ease-in}.stack-module_slideEnterActive{transition:transform .25s ease-out}@media screen and (min-width:768px){.stack-module_slideEnter{transform:translate(-150%)}.stack-module_slideEnterActive,.stack-module_slideExit{transform:translate(0)}.stack-module_slideExitActive{transform:translate(-150%)}}.router-module_container{box-sizing:border-box;position:absolute;top:0;left:0;z-index:1;display:flex;flex-direction:column;gap:20px;width:100%;height:100%;padding:20px;pointer-events:none;overflow:hidden}.router-module_controlsContainer{pointer-events:initial;flex:0 1 auto;display:flex;flex-direction:row;gap:20px}.router-module_filterButton{box-sizing:border-box;display:flex;position:relative;width:48px;height:48px;border-radius:10px;justify-content:center;align-items:center;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);cursor:pointer}.router-module_filterButton img{width:16px;height:16px}.router-module_filterCounter{box-sizing:border-box;display:block;position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:10px;line-height:18px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);color:#fff;text-align:center;border-radius:18px}.router-module_stackContainer{flex:1 0 0px;display:flex;flex-direction:column;top:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width:768px){.router-module_container{width:380px}}.SearchInput-module_container{flex:1 0 auto;display:flex;border-radius:10px}.SearchInput-module_searchInput{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;flex:1 0 auto;box-sizing:border-box;outline:none;padding:15px 16px;border-radius:9px;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);background:#fff;background:var(--roadmap-background-color, #fff);border:none;outline:1px solid #ddd;outline:1px solid var(--roadmap-border-color, #ddd);outline-offset:-1px;font-size:13px}.pac-container{margin-top:-10px;padding-top:9px;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);border-top:none;border-radius:0 0 10px 10px;box-shadow:none}.pac-icon{display:none}.pac-item{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;padding:5px 15px}.pac-logo:after{border-top:1px solid #ddd;border-top:1px solid var(--roadmap-border-color, #ddd);background-position:15px 50%;height:28px}.filters-module_headerContainer,.filters-module_footerContainer{flex:0 1 auto;padding:20px 20px 0}.filters-module_footerContainer{padding:10px 20px 20px}.filters-module_container{box-sizing:border-box;flex:0 1 auto;width:100%;padding:15px 20px 0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.filters-module_container::-webkit-scrollbar{-webkit-appearance:none;width:9px;height:9px}.filters-module_container::-webkit-scrollbar-track{background:#fff;background:var(--roadmap-background-color, #fff);border-radius:9px}.filters-module_container::-webkit-scrollbar-thumb{border-radius:9px;background:#ddd;background:var(--roadmap-border-color, #ddd)}.filters-module_header,.filters-module_heading{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:14px;line-height:20px;font-style:normal;font-weight:600}.filters-module_header{margin:0;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.filters-module_heading{margin:0;padding:0 0 10px}.filters-module_actionLink{cursor:pointer;background:none;border:none;font-family:inherit;color:#ff3d00;color:var(--roadmap-brand-color, #ff3d00);font-size:12px;font-weight:600;font-style:none;-webkit-text-decoration:none;text-decoration:none}.filters-module_optionsGroup{padding:0;margin:0 0 20px}.filters-module_rowLabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400;cursor:pointer}.filters-module_label{display:flex;flex-direction:row;align-items:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400}.filters-module_dot{display:block;width:8px;height:8px;border-radius:8px;margin-right:22px}.filters-module_connectorIcon{display:block;width:20px;height:20px;margin-right:10px}.Checkbox-module_container{position:relative;display:inline-block;backface-visibility:hidden;outline:none;vertical-align:baseline;font-style:normal;min-height:16px;font-size:12px;line-height:16px;min-width:16px}.Checkbox-module_container input[type=checkbox]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:none;z-index:3;width:16px;height:16px}.Checkbox-module_container .Checkbox-module_box{cursor:pointer;position:relative;display:block;outline:none;font-size:12px;width:12px;height:12px;background:#fff;background:var(--roadmap-background-color, #fff);border-radius:3px;border:2px solid #ddd;border:2px solid var(--roadmap-border-color, #ddd)}.Checkbox-module_container .Checkbox-module_box:before{box-sizing:border-box}.Checkbox-module_container svg{padding:0;color:#fff;color:var(--roadmap-background-color, #fff)}.Checkbox-module_container input:checked~.Checkbox-module_box,.Checkbox-module_container input[value=true]~.Checkbox-module_box{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);border-color:#ff3d00;border-color:var(--roadmap-brand-color, #ff3d00)}.Checkbox-module_container input:checked~.Checkbox-module_box,.Checkbox-module_container input[value=true]~.Checkbox-module_box{opacity:1}.Range-module_container{flex:1 0 auto;padding:10px 0}.Range-module_input{-webkit-appearance:none;width:100%;background:transparent}.Range-module_input::-webkit-slider-thumb{-webkit-appearance:none}.Range-module_input:focus{outline:none}.Range-module_input::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.Range-module_input::-webkit-slider-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;margin-top:-6px;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-ms-thumb{width:16px;height:16px;border:none;border-radius:16px;background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);cursor:pointer;box-shadow:0 6px 13px #0000001f,0 .5px 4px #0000001f}.Range-module_input::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(to right,#ddd,#ddd) #ff3d00;background:linear-gradient(to right,var(--roadmap-border-color, #ddd),var(--roadmap-border-color, #ddd)) var(--roadmap-brand-color, #ff3d00);background-size:var(--roadmap-range-bgize);background-repeat:no-repeat;border-radius:2px;cursor:pointer}.Range-module_input::-moz-range-track{width:100%;height:4px;background:linear-gradient(to right,#ddd,#ddd) #ff3d00;background:linear-gradient(to right,var(--roadmap-border-color, #ddd),var(--roadmap-border-color, #ddd)) var(--roadmap-brand-color, #ff3d00);background-size:var(--roadmap-range-bgize);background-repeat:no-repeat;border:none;border-radius:2px;cursor:pointer}.Range-module_input::-ms-track{width:100%;height:4px;cursor:pointer;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.Range-module_input::-ms-fill-lower{background:#ddd;background:var(--roadmap-border-color, #ddd);border:none;border-radius:2px}.Range-module_input::-ms-fill-upper{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00);border:none;border-radius:2px}.Range-module_input:focus::-ms-fill-upper{background:#ff3d00;background:var(--roadmap-brand-color, #ff3d00)}.Range-module_ticksContainer{display:flex;flex-direction:row;justify-content:space-between;margin:15px -15px 0 -12px}.Range-module_tick{flex:0 1 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;line-height:1;position:relative;width:40px;cursor:pointer;text-align:center}.MultiSelect-module_multiSelect{position:relative;width:100%}.MultiSelect-module_control{display:flex;align-items:center;min-height:38px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff}.MultiSelect-module_control:hover{border-color:#c7cdd6}.MultiSelect-module_control:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.MultiSelect-module_control.MultiSelect-module_disabled,.MultiSelect-module_disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb;opacity:.6}.MultiSelect-module_valueContainer{display:flex;flex-wrap:wrap;align-items:center;flex:1;padding:2px 6px;gap:4px}.MultiSelect-module_input{flex:1;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5;color:#374151;min-width:120px}.MultiSelect-module_input:disabled{color:#9ca3af;cursor:not-allowed}.MultiSelect-module_input::-moz-placeholder{color:#9ca3af}.MultiSelect-module_input::placeholder{color:#9ca3af}.MultiSelect-module_multiValue{display:flex;align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:12px}.MultiSelect-module_multiValueLabel{color:#1e40af;margin-right:4px}.MultiSelect-module_multiValueRemove{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px}.MultiSelect-module_multiValueRemove:hover{background-color:#dbeafe;color:#1e3a8a}.MultiSelect-module_multiValueRemove:disabled{cursor:not-allowed;opacity:.5}.MultiSelect-module_dropdownIndicator{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out}.MultiSelect-module_dropdownIndicator:hover{color:#374151}.MultiSelect-module_dropdownIndicator:disabled{cursor:not-allowed;opacity:.5}.MultiSelect-module_menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-top:4px}.MultiSelect-module_menuList{max-height:200px;overflow-y:auto;padding:0}.MultiSelect-module_groupHeading{font-size:12px;color:#6b7280;padding:8px 12px;text-transform:none;font-weight:600;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;margin:0;position:sticky;top:0;z-index:1}.MultiSelect-module_groupHeading:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.MultiSelect-module_groupSeparator{height:1px;background-color:#e5e7eb;margin:4px 0}.MultiSelect-module_option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .15s ease-in-out;border-bottom:1px solid #f3f4f6}.MultiSelect-module_option:last-child,.MultiSelect-module_optionLast{border-bottom:none}.MultiSelect-module_option:hover:not(.MultiSelect-module_optionSelected),.MultiSelect-module_optionFocused{background-color:#f3f4f6;color:#212121}.MultiSelect-module_optionSelected{background-color:#3b82f6;color:#fff}.MultiSelect-module_optionDisabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.MultiSelect-module_optionLabel{flex:1;display:flex;align-items:center}.MultiSelect-module_noOptions{padding:12px;text-align:center;color:#9ca3af;font-size:14px}.SelectField-module_selectField{position:relative;width:100%}.SelectField-module_select{width:100%;padding:8px 32px 8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px;line-height:1.5;color:#374151;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.SelectField-module_select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.SelectField-module_select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.SelectField-module_select option{padding:8px 12px;color:#374151}.SelectField-module_select option:disabled{color:#9ca3af;background-color:#f9fafb}.SelectField-module_select option:checked{background-color:#3b82f6;color:#fff}.locations-module_headerContainer,.locations-module_footerContainer{flex:0 1 auto;padding:20px 20px 0}.locations-module_footerContainer{padding:10px 20px 20px}.locations-module_publishingMode{font-size:12px;font-style:normal;font-weight:600;margin:0 0 15px;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.locations-module_container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);box-sizing:border-box;flex:0 1 auto;display:flex;flex-direction:column;width:100%;padding:15px 20px 10px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.locations-module_container::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:8px}.locations-module_container::-webkit-scrollbar-track{background:#fff;background:var(--roadmap-background-color, #fff);border-radius:8px}.locations-module_container::-webkit-scrollbar-thumb{border-radius:8px;background:#ddd;background:var(--roadmap-border-color, #ddd)}.locations-module_container:last-child{padding-bottom:20px}.locations-module_header{font-size:14px;font-style:normal;font-weight:600;margin:0;padding:0 40px 15px 0;border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd)}.locations-module_subheader{font-size:14px;text-transform:capitalize;font-style:normal;font-weight:600;margin:0 0 5px;line-height:1.5}.locations-module_row{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;padding:5px 0}.locations-module_icon{height:16px;width:16px;margin-right:14px}.locations-module_statusIcon{display:block;width:8px;height:8px;border-radius:8px;margin:4px 18px 4px 4px}.locations-module_text{font-size:12px;font-style:normal;font-weight:400;padding:0}.locations-module_text a{color:var(--roadmap-text-color);-webkit-text-decoration:none;text-decoration:none}.locations-module_note{font-size:12px;font-style:normal;font-weight:400;margin:10px 0}.locations-module_divider{flex:0 1 auto;height:1px;width:100%;background:#ddd;background:var(--roadmap-border-color, #ddd);margin:10px 0;padding:0;border:none}.locations-module_tariffNote{font-size:12px;font-style:italic;font-weight:400;margin:10px 0 0}.locations-module_pagingation{font-size:12px;font-weight:400;margin-bottom:10px;width:100%;display:flex;flex-direction:row;align-items:stretch}.locations-module_pagingation span{margin-right:10px}.locations-module_pagingation button{color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);border:none;background:none;padding:0;margin:0;margin-right:.2rem}.locations-module_pagingation button svg{height:15px;width:15px}.locations-module_pagingation button:disabled{color:var(--roadmap-border-color)}.locations-module_tariffNoteLink{color:var(--roadmap-brand-color);cursor:pointer;display:flex;align-items:center;font-size:12px;line-height:16px;margin:20px 0 10px}.locations-module_tariffNoteLink svg{fill:var(--roadmap-brand-color);height:16px;width:16px;margin-right:5px}.LocationPlaceholder-module_container{overflow:hidden!important}.LocationPlaceholder-module_header{height:17px;width:75%;margin:5px 40px 15px 0}.LocationPlaceholder-module_divider{height:1px;width:100%;margin:17px 0 18px}.LocationPlaceholder-module_iconLine{height:11px;width:80%;margin:10px 0 15px 30px;position:relative}.LocationPlaceholder-module_iconLine:before{content:"";display:block;background-color:#ddd;background-color:var(--roadmap-border-color, #ddd);width:15px;height:15px;border-radius:15px;position:absolute;left:-30px;top:-2px}.LocationPlaceholder-module_priceLine{height:11px;width:50%;margin:16px 0 15px}.LocationPlaceholder-module_header,.LocationPlaceholder-module_divider,.LocationPlaceholder-module_iconLine,.LocationPlaceholder-module_priceLine{display:block;background-color:#ddd;background-color:var(--roadmap-border-color, #ddd);background-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.15) 15%,transparent 30%);background-size:1200px 100%;animation:LocationPlaceholder-module_roadmap-placeholder-shimmer 2s linear;animation-iteration-count:infinite}@keyframes LocationPlaceholder-module_roadmap-placeholder-shimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.SidebarContainer-module_container{position:relative;pointer-events:initial;box-sizing:border-box;flex:1 0 0px;display:flex;flex-direction:column;background:#fff;background:var(--roadmap-background-color, #fff);border:1px solid #ddd;border:1px solid var(--roadmap-border-color, #ddd);border-radius:10px;overflow:hidden}@media screen and (min-width:768px){.SidebarContainer-module_container{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.Debug-module_container{position:fixed;top:0;right:0;width:370px;margin:20px}.Debug-module_container>div{padding:0 20px}.Debug-module_content{max-height:calc(100vh - 100px);overflow:scroll}.Debug-module_connectorHeader{font-size:12px;margin-top:5px}.Debug-module_code{-webkit-user-select:all;-moz-user-select:all;user-select:all;font-size:10px;display:block;margin:10px 0;background:#eee;padding:10px 5px;border-radius:3px}.Debug-module_evse{border-bottom:1px solid #ddd;border-bottom:1px solid var(--roadmap-border-color, #ddd);margin-top:5px}.ConnectorTariff-module_container{margin:5px 0 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#2a2a2a;color:var(--roadmap-text-color, #2a2a2a);font-size:12px;font-style:normal;font-weight:400}.ConnectorTariff-module_bold{font-weight:700}.ConnectorTariff-module_dynamicTariffItem{display:flex;flex-direction:row;padding:2px 0;align-items:center;justify-content:flex-start}.ConnectorTariff-module_dynamicTariffItemRange{display:inline-block;width:7.75em;border-right:1px solid #ddd;border-right:1px solid var(--roadmap-border-color, #ddd);margin-right:.75em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ConnectorTariff-module_tariffHeader{text-transform:capitalize;font-weight:600;margin:15px 0 5px;line-height:1.5}.ConnectorTariff-module_tariffLabel{margin:6px 0 0;line-height:1.5}.ConnectorTariff-module_tariffNote{font-size:12px;font-style:italic;font-weight:400;margin:10px 0}.ConnectorTariff-module_activeNowLabel{display:inline-block;vertical-align:baseline;vertical-align:initial;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--roadmap-font-family, Inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;text-align:center;font-size:10px;font-style:normal;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em;background:#f2f7fe;color:#005cee;border:1px solid rgba(0,92,238,.2);border-radius:5px;padding:2px 6px;margin:0 0 0 6px}.ConnectorTariff-module_tarifNotes{color:var(--roadmap-text-color)}.Price-module_tariffItem{display:inline-block;border-right:1px solid #ddd;border-right:1px solid var(--roadmap-border-color, #ddd);margin:2px .75em 2px 0;padding:0 .75em 0 0}.Price-module_tariffItem:last-child{margin-right:0;padding-right:0;border-right:none}.Price-module_tariffItem:empty{display:none}.BackButton-module_backButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:none;border:none;display:block;height:16px;line-height:16px;margin:0 14px 10px 0;color:#ff5f00;color:var(--roadmap-brand-color, #ff5f00)}.BackButton-module_backButton svg{height:14px;fill:currentColor;vertical-align:top;margin-right:10px}.CloseButton-module_closeButton{cursor:pointer;background:none;border:none;position:absolute;top:0;right:0;padding:20px}
|
package/dist/index.d.ts
ADDED