@geops/rvf-mobility-web-component 0.1.47 → 0.1.49
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/CHANGELOG.md +14 -0
- package/index.js +73 -73
- package/package.json +1 -1
- package/src/MobilityMap/MobilityMapAttributes.ts +19 -18
- package/src/RvfMobilityMap/RvfMobilityMap.tsx +20 -26
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@geops/rvf-mobility-web-component",
|
|
3
3
|
"license": "UNLICENSED",
|
|
4
4
|
"description": "Web components for rvf in the domains of mobility and logistics.",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.49",
|
|
6
6
|
"homepage": "https://rvf-mobility-web-component-geops.vercel.app/",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "index.js",
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
RVF_LAYERS_NAMES,
|
|
8
8
|
} from "../utils/constants";
|
|
9
9
|
|
|
10
|
-
import type { LayersConfig } from "../utils/hooks/useLayerConfig";
|
|
10
|
+
// import type { LayersConfig } from "../utils/hooks/useLayerConfig";
|
|
11
11
|
|
|
12
12
|
// const geopsApiLink = `<a href="https://developer.geops.io/">geOps API key</a>`;
|
|
13
13
|
// const geopsMapsApiLink = `<a href="https://developer.geops.io/apis/maps">geOps Maps API</a>`;
|
|
@@ -103,23 +103,24 @@ const attrs: MobilityMapAttributes = {
|
|
|
103
103
|
description: `A comma separated list of layers's name to make visible on load, others are hidden. If empty, all layers will be hidden except the baselayer.<br/>Layers available are ${Object.values(RVF_LAYERS_NAMES).join(", ")}.`,
|
|
104
104
|
},
|
|
105
105
|
layersconfig: {
|
|
106
|
-
defaultValue:
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
106
|
+
// defaultValue:
|
|
107
|
+
// JSON.stringify({
|
|
108
|
+
// [RVF_LAYERS_NAMES.liniennetz]: {
|
|
109
|
+
// link: {
|
|
110
|
+
// href: "https://www.rvf.de/fahrtinfo/netzplan",
|
|
111
|
+
// show: true,
|
|
112
|
+
// text: "Zu den Liniennetzplänen",
|
|
113
|
+
// },
|
|
114
|
+
// title: "Liniennetzpläne",
|
|
115
|
+
// },
|
|
116
|
+
// [RVF_LAYERS_NAMES.meldungen]: {
|
|
117
|
+
// link: {
|
|
118
|
+
// href: "https://moco.geops.io/situation/{{id}}",
|
|
119
|
+
// show: true,
|
|
120
|
+
// text: "Zum Moco",
|
|
121
|
+
// },
|
|
122
|
+
// },
|
|
123
|
+
// } as LayersConfig),
|
|
123
124
|
description: `A JSON string to configure the layers and other components associated to it. The layers available are : ${LAYERS_WITH_LINK}.<br/>
|
|
124
125
|
Definition for a layer :
|
|
125
126
|
<pre style="font-size: 12px; overflow: auto;">{
|
|
@@ -592,30 +592,24 @@ function RvfMobilityMap(props: RvfMobilityMapProps) {
|
|
|
592
592
|
withResultsClassName="text-base !rounded-b-none"
|
|
593
593
|
/>
|
|
594
594
|
</div>
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
<RvfExportMenuButton title={"Drucken"} />
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
<
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
<RvfLayerTreeButton title={"Layers"} />
|
|
614
|
-
)}
|
|
615
|
-
{!hasToolbar && hasSearch && (
|
|
616
|
-
<RvfSearchButton title={"Suche"} />
|
|
617
|
-
)}
|
|
618
|
-
</div>
|
|
595
|
+
{hasToolbar && (
|
|
596
|
+
<div
|
|
597
|
+
className={twMerge(
|
|
598
|
+
"border-grey relative flex gap-[1px] overflow-hidden rounded-2xl border",
|
|
599
|
+
"*:size-[38px] *:rounded-none *:border-none *:@sm/main:size-[42px] *:@md/main:!size-[46px]",
|
|
600
|
+
"*:first:!rounded-l-2xl",
|
|
601
|
+
"*:last:!rounded-r-2xl",
|
|
602
|
+
isSearchOpen
|
|
603
|
+
? "@sm:rounded-r-none @sm:border-r-0 @sm:*:last:!rounded-r-none @sm:*:last:border-r-0"
|
|
604
|
+
: "",
|
|
605
|
+
)}
|
|
606
|
+
>
|
|
607
|
+
{hasPrint && <RvfExportMenuButton title={"Drucken"} />}
|
|
608
|
+
{hasShare && <RvfShareMenuButton title={"Share"} />}
|
|
609
|
+
{hasLayerTree && <RvfLayerTreeButton title={"Layers"} />}
|
|
610
|
+
{hasSearch && <RvfSearchButton title={"Suche"} />}
|
|
611
|
+
</div>
|
|
612
|
+
)}
|
|
619
613
|
</div>
|
|
620
614
|
|
|
621
615
|
<div
|
|
@@ -662,7 +656,7 @@ function RvfMobilityMap(props: RvfMobilityMapProps) {
|
|
|
662
656
|
/>
|
|
663
657
|
</Overlay>
|
|
664
658
|
|
|
665
|
-
{hasToolbar && (
|
|
659
|
+
{/* {hasToolbar && (
|
|
666
660
|
<div
|
|
667
661
|
className={
|
|
668
662
|
"z-[100] flex justify-around overflow-x-hidden border-t bg-white p-1 *:border-none @lg/main:block @lg/main:border-t-0 @lg/main:border-r @lg/main:p-0"
|
|
@@ -689,7 +683,7 @@ function RvfMobilityMap(props: RvfMobilityMapProps) {
|
|
|
689
683
|
/>
|
|
690
684
|
)}
|
|
691
685
|
</div>
|
|
692
|
-
)}
|
|
686
|
+
)} */}
|
|
693
687
|
|
|
694
688
|
{/* Modal display */}
|
|
695
689
|
{/* {!hasToolbar && hasPrint && isExportMenuOpen && (
|