@geops/rvf-mobility-web-component 0.1.9 → 0.1.10

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.
Files changed (30) hide show
  1. package/.github/CODEOWNERS +37 -0
  2. package/.github/workflows/conventional-pr-title.yml +36 -0
  3. package/CHANGELOG.md +22 -0
  4. package/README.md +3 -1
  5. package/doc/package.json +5 -5
  6. package/doc/src/app/components/GeopsMobilityDoc.tsx +19 -0
  7. package/index.html +1 -1
  8. package/index.js +101 -49
  9. package/input.css +4 -0
  10. package/package.json +7 -7
  11. package/src/GeolocationButton/GeolocationButton.tsx +6 -18
  12. package/src/Map/Map.tsx +56 -12
  13. package/src/MobilityMap/MobilityMap.tsx +12 -0
  14. package/src/RvfButton/RvfButton.tsx +38 -0
  15. package/src/RvfButton/index.tsx +1 -0
  16. package/src/RvfMobilityMap/RvfMobilityMap.tsx +52 -6
  17. package/src/RvfSharedMobilityLayer/RvfSharedMobilityLayer.tsx +147 -0
  18. package/src/RvfSharedMobilityLayer/index.tsx +1 -0
  19. package/src/RvfZoomButtons/RvfZoomButtons.tsx +66 -0
  20. package/src/RvfZoomButtons/index.tsx +1 -0
  21. package/src/icons/Geolocation/Geolocation.tsx +21 -0
  22. package/src/icons/Geolocation/index.tsx +1 -0
  23. package/src/icons/Minus/Minus.tsx +19 -0
  24. package/src/icons/Minus/index.tsx +1 -0
  25. package/src/icons/Minus/minus.svg +7 -0
  26. package/src/icons/Plus/Plus.tsx +19 -0
  27. package/src/icons/Plus/index.tsx +1 -0
  28. package/src/icons/Plus/plus.svg +7 -0
  29. package/src/index.tsx +2 -0
  30. package/tailwind.config.mjs +19 -8
package/src/icons/Minus/Minus.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import { SVGProps } from "preact/compat";
2
+
3
+ function Minus(props: SVGProps<SVGSVGElement>) {
4
+ return (
5
+ <svg
6
+ fill="currentColor"
7
+ height="24px"
8
+ version="1.1"
9
+ viewBox="0 0 24 24"
10
+ width="24px"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ {...props}
13
+ >
14
+ <path d="M19,10.9999 C19.5522847,10.9999 20,11.4476153 20,11.9999 C20,12.5521847 19.5522847,12.9999 19,12.9999 L5,12.9999 C4.44771525,12.9999 4,12.5521847 4,11.9999 C4,11.4476153 4.44771525,10.9999 5,10.9999 L19,10.9999 Z" />
15
+ </svg>
16
+ );
17
+ }
18
+
19
+ export default Minus;
package/src/icons/Minus/index.tsx ADDED
@@ -0,0 +1 @@
1
+ export { default } from "./Minus";
package/src/icons/Minus/minus.svg ADDED
@@ -0,0 +1,7 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>iconfont/minus</title>
4
+ <g id="iconfont/minus" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
+ <path d="M19,10.9999 C19.5522847,10.9999 20,11.4476153 20,11.9999 C20,12.5521847 19.5522847,12.9999 19,12.9999 L5,12.9999 C4.44771525,12.9999 4,12.5521847 4,11.9999 C4,11.4476153 4.44771525,10.9999 5,10.9999 L19,10.9999 Z" id="Line-6" fill="#000000" fill-rule="nonzero"></path>
6
+ </g>
7
+ </svg>
package/src/icons/Plus/Plus.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import { SVGProps } from "preact/compat";
2
+
3
+ function Plus(props: SVGProps<SVGSVGElement>) {
4
+ return (
5
+ <svg
6
+ fill="currentColor"
7
+ height="24px"
8
+ version="1.1"
9
+ viewBox="0 0 24 24"
10
+ width="24px"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ {...props}
13
+ >
14
+ <path d="M12,4 C12.5522847,4 13,4.44771525 13,5 L13,11 L19,11 C19.5128358,11 19.9355072,11.3860402 19.9932723,11.8833789 L20,12 C20,12.5522847 19.5522847,13 19,13 L13,13 L13,19 C13,19.5128358 12.6139598,19.9355072 12.1166211,19.9932723 L12,20 C11.4477153,20 11,19.5522847 11,19 L11,13 L5,13 C4.48716416,13 4.06449284,12.6139598 4.00672773,12.1166211 L4,12 C4,11.4477153 4.44771525,11 5,11 L11,11 L11,5 C11,4.48716416 11.3860402,4.06449284 11.8833789,4.00672773 Z" />
15
+ </svg>
16
+ );
17
+ }
18
+
19
+ export default Plus;
package/src/icons/Plus/index.tsx ADDED
@@ -0,0 +1 @@
1
+ export { default } from "./Plus";
package/src/icons/Plus/plus.svg ADDED
@@ -0,0 +1,7 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>iconfont/plus</title>
4
+ <g id="iconfont/plus" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
+ <path d="M12,4 C12.5522847,4 13,4.44771525 13,5 L13,11 L19,11 C19.5128358,11 19.9355072,11.3860402 19.9932723,11.8833789 L20,12 C20,12.5522847 19.5522847,13 19,13 L13,13 L13,19 C13,19.5128358 12.6139598,19.9355072 12.1166211,19.9932723 L12,20 C11.4477153,20 11,19.5522847 11,19 L11,13 L5,13 C4.48716416,13 4.06449284,12.6139598 4.00672773,12.1166211 L4,12 C4,11.4477153 4.44771525,11 5,11 L11,11 L11,5 C11,4.48716416 11.3860402,4.06449284 11.8833789,4.00672773 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
6
+ </g>
7
+ </svg>
package/src/index.tsx CHANGED
@@ -10,6 +10,8 @@ register(
10
10
  "apikey",
11
11
  "baselayer",
12
12
  "center",
13
+ "extent",
14
+ "maxextent",
13
15
  "geolocation",
14
16
  "mapsurl",
15
17
  "mots",
package/tailwind.config.mjs CHANGED
@@ -26,14 +26,6 @@ const getClamp = (min, max) => {
26
26
  };
27
27
 
28
28
  export default {
29
- colors: {
30
- darkgray: "#464646", // dark grey
31
- grey: "#7C7C7C", // grey
32
- lightgrey: "#D0D0D0", // light grey
33
- red: "#E3000B", // rvf rot
34
- ultradarkgray: "#2D2D2C", // another grey with no name
35
- ultralightgrey: "#F5F5F5", // ultralight grey
36
- },
37
29
  plugins: [containerQueries],
38
30
  theme: {
39
31
  fontFamily: {
@@ -52,5 +44,24 @@ export default {
52
44
  sm: getClamp(13, 15), // small
53
45
  xl: getClamp(24, 31), // h3
54
46
  },
47
+ extend: {
48
+ colors: {
49
+ darkgray: "#464646", // dark grey
50
+ grey: "#7C7C7C", // grey
51
+ lightgrey: "#D0D0D0", // light grey
52
+ red: "#E3000B", // rvf rot
53
+ ultradarkgray: "#2D2D2C", // another grey with no name
54
+ ultralightgrey: "#F5F5F5", // ultralight grey
55
+ },
56
+ maxWidth: {
57
+ 'button': '40px'
58
+ },
59
+ maxHeight: {
60
+ 'button': '40px'
61
+ },
62
+ padding: {
63
+ '1.75': '7px'
64
+ }
65
+ }
55
66
  },
56
67
  };