@tmlmobilidade/ui 20250307.1525.49 → 20250307.1723.25

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 (49) hide show
  1. package/dist/index.d.ts +145 -48
  2. package/dist/src/components/AppProvider/MapOptions.context.d.ts +23 -0
  3. package/dist/src/components/AppProvider/MapOptions.context.js +106 -0
  4. package/dist/src/components/AppProvider/MapOptions.context.js.map +1 -0
  5. package/dist/src/components/AppProvider/index.d.ts +5 -0
  6. package/dist/src/components/AppProvider/index.js +41 -0
  7. package/dist/src/components/AppProvider/index.js.map +1 -0
  8. package/dist/src/components/index.d.ts +2 -0
  9. package/dist/src/components/map/MapView/index.d.ts +28 -0
  10. package/dist/src/components/map/MapView/index.js +79 -0
  11. package/dist/src/components/map/MapView/index.js.map +1 -0
  12. package/dist/src/components/map/MapView/styles.module.css.js +4 -0
  13. package/dist/src/components/map/MapView/styles.module.css.js.map +1 -0
  14. package/dist/src/components/map/MapViewStyleActiveStops/index.d.ts +8 -0
  15. package/dist/src/components/map/MapViewStyleActiveStops/index.js +79 -0
  16. package/dist/src/components/map/MapViewStyleActiveStops/index.js.map +1 -0
  17. package/dist/src/components/map/MapViewStylePath/index.d.ts +10 -0
  18. package/dist/src/components/map/MapViewStylePath/index.js +69 -0
  19. package/dist/src/components/map/MapViewStylePath/index.js.map +1 -0
  20. package/dist/src/components/map/MapViewStyleStops/index.d.ts +9 -0
  21. package/dist/src/components/map/MapViewStyleStops/index.js +89 -0
  22. package/dist/src/components/map/MapViewStyleStops/index.js.map +1 -0
  23. package/dist/src/components/map/MapViewStyleVehicles/index.d.ts +9 -0
  24. package/dist/src/components/map/MapViewStyleVehicles/index.js +68 -0
  25. package/dist/src/components/map/MapViewStyleVehicles/index.js.map +1 -0
  26. package/dist/src/components/map/index.d.ts +5 -0
  27. package/dist/src/components/theme/ThemeProvider/index.d.ts +2 -3
  28. package/dist/src/components/theme/ThemeProvider/index.js.map +1 -1
  29. package/dist/src/components/theme/index.d.ts +1 -1
  30. package/dist/src/index.d.ts +1 -0
  31. package/dist/src/index.js +7 -0
  32. package/dist/src/index.js.map +1 -1
  33. package/dist/src/lib/map.utils.d.ts +28 -0
  34. package/dist/src/lib/map.utils.js +101 -0
  35. package/dist/src/lib/map.utils.js.map +1 -0
  36. package/dist/src/node_modules/nuqs/dist/adapters/next/app.js +9 -0
  37. package/dist/src/node_modules/nuqs/dist/adapters/next/app.js.map +1 -0
  38. package/dist/src/node_modules/nuqs/dist/chunk-5WWTJYGR.js +119 -0
  39. package/dist/src/node_modules/nuqs/dist/chunk-5WWTJYGR.js.map +1 -0
  40. package/dist/src/node_modules/nuqs/dist/chunk-C3RNEY2H.js +50 -0
  41. package/dist/src/node_modules/nuqs/dist/chunk-C3RNEY2H.js.map +1 -0
  42. package/dist/src/settings/assets.settings.d.ts +128 -0
  43. package/dist/src/settings/assets.settings.js +36 -0
  44. package/dist/src/settings/assets.settings.js.map +1 -0
  45. package/dist/src/settings/map.settings.d.ts +84 -0
  46. package/dist/src/settings/map.settings.js +74 -0
  47. package/dist/src/settings/map.settings.js.map +1 -0
  48. package/dist/styles.css +127 -81
  49. package/package.json +16 -5
package/dist/styles.css CHANGED
@@ -368,87 +368,6 @@ breakpoint-mobile {
368
368
  }
369
369
  }
370
370
 
371
- .styles-module_root__P5aS- {
372
- transition: all 300ms ease-in;
373
- background-color: transparent;
374
- border-radius: var(--border-radius-xs);
375
- font-size: 16px;
376
- font-weight: 500;
377
- padding: var(--size-spacing-xs);
378
- cursor: pointer;
379
- height: auto;
380
- width: auto;
381
- }
382
-
383
- .styles-module_primary__1Forr {
384
- color: var(--color-primary);
385
-
386
- &:hover {
387
- background-color: var(--color-background);
388
- }
389
- }
390
-
391
- .styles-module_secondary__F-Pxy {
392
- color: var(--color-secondary);
393
-
394
- &:hover {
395
- background-color: var(--color-background);
396
- }
397
- }
398
-
399
- .styles-module_muted__IRFQC {
400
- color: var(--color-system-text-300);
401
-
402
- &:hover {
403
- color: var(--color-primary);
404
- }
405
- }
406
-
407
- .styles-module_disabled__Q0YEb {
408
- color: var(--color-system-border-100);
409
- cursor: not-allowed;
410
- }
411
-
412
- .styles-module_danger__-aPaa {
413
- color: var(--color-status-danger-primary);
414
-
415
- &:hover {
416
- background-color: var(--color-status-danger-contrast);
417
- }
418
- }
419
-
420
- .styles-module_info__z1XFz {
421
- color: var(--color-status-info-primary);
422
-
423
- &:hover {
424
- background-color: var(--color-status-info-contrast);
425
- }
426
- }
427
-
428
- .styles-module_success__V-kNZ {
429
- color: var(--color-status-success-primary);
430
-
431
- &:hover {
432
- color: var(--color-status-success-contrast);
433
- background-color: var(--color-status-success-primary);
434
- }
435
- }
436
-
437
- .styles-module_warning__gGAPU {
438
- color: var(--color-status-warning-primary);
439
-
440
- &:hover {
441
- background-color: var(--color-status-warning-contrast);
442
- }
443
- }
444
-
445
- .styles-module_active__0bskK {
446
- color: var(--color-status-active-primary);
447
-
448
- &:hover {
449
- background-color: var(--color-status-active-contrast);
450
- }
451
- }
452
371
  /* * */
453
372
  /* BUTTON / ROOT */
454
373
 
@@ -679,6 +598,87 @@ breakpoint-mobile {
679
598
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
680
599
  }
681
600
 
601
+ .styles-module_root__P5aS- {
602
+ transition: all 300ms ease-in;
603
+ background-color: transparent;
604
+ border-radius: var(--border-radius-xs);
605
+ font-size: 16px;
606
+ font-weight: 500;
607
+ padding: var(--size-spacing-xs);
608
+ cursor: pointer;
609
+ height: auto;
610
+ width: auto;
611
+ }
612
+
613
+ .styles-module_primary__1Forr {
614
+ color: var(--color-primary);
615
+
616
+ &:hover {
617
+ background-color: var(--color-background);
618
+ }
619
+ }
620
+
621
+ .styles-module_secondary__F-Pxy {
622
+ color: var(--color-secondary);
623
+
624
+ &:hover {
625
+ background-color: var(--color-background);
626
+ }
627
+ }
628
+
629
+ .styles-module_muted__IRFQC {
630
+ color: var(--color-system-text-300);
631
+
632
+ &:hover {
633
+ color: var(--color-primary);
634
+ }
635
+ }
636
+
637
+ .styles-module_disabled__Q0YEb {
638
+ color: var(--color-system-border-100);
639
+ cursor: not-allowed;
640
+ }
641
+
642
+ .styles-module_danger__-aPaa {
643
+ color: var(--color-status-danger-primary);
644
+
645
+ &:hover {
646
+ background-color: var(--color-status-danger-contrast);
647
+ }
648
+ }
649
+
650
+ .styles-module_info__z1XFz {
651
+ color: var(--color-status-info-primary);
652
+
653
+ &:hover {
654
+ background-color: var(--color-status-info-contrast);
655
+ }
656
+ }
657
+
658
+ .styles-module_success__V-kNZ {
659
+ color: var(--color-status-success-primary);
660
+
661
+ &:hover {
662
+ color: var(--color-status-success-contrast);
663
+ background-color: var(--color-status-success-primary);
664
+ }
665
+ }
666
+
667
+ .styles-module_warning__gGAPU {
668
+ color: var(--color-status-warning-primary);
669
+
670
+ &:hover {
671
+ background-color: var(--color-status-warning-contrast);
672
+ }
673
+ }
674
+
675
+ .styles-module_active__0bskK {
676
+ color: var(--color-status-active-primary);
677
+
678
+ &:hover {
679
+ background-color: var(--color-status-active-contrast);
680
+ }
681
+ }
682
682
  .styles-module_button__fQIgs {
683
683
  transition: all 300ms ease-in;
684
684
  border: 2px solid transparent;
@@ -1973,6 +1973,52 @@ breakpoint-mobile {
1973
1973
  .styles-module_gap-xl__fa4pK {
1974
1974
  gap: var(--size-spacing-xl);
1975
1975
  }
1976
+ /* * */
1977
+ /* CONTAINER */
1978
+
1979
+ .styles-module_container__Rs2HW {
1980
+ position: relative;
1981
+ display: flex;
1982
+ flex-direction: column;
1983
+ width: 100%;
1984
+ height: 100%;
1985
+ }
1986
+
1987
+ /* * */
1988
+ /* TOOLBAR */
1989
+
1990
+ .styles-module_toolbar__DL4mB {
1991
+ padding: var(--size-spacing-10);
1992
+ }
1993
+
1994
+ @media (width <= 650px) {
1995
+ .styles-module_toolbar__DL4mB {
1996
+ padding: var(--size-spacing-20);
1997
+ background-color: var(--color-system-background-100);
1998
+ }
1999
+
2000
+ }
2001
+
2002
+ /* * */
2003
+ /* ATTRIBUTION */
2004
+
2005
+ .styles-module_attributionWrapper__ZTRVc {
2006
+ position: absolute;
2007
+ right: 0;
2008
+ bottom: 0;
2009
+ display: flex;
2010
+ gap: var(--size-spacing-5);
2011
+ padding: var(--size-spacing-5) var(--size-spacing-10);
2012
+ font-size: 8px;
2013
+ font-weight: var(--font-weight-semibold);
2014
+ line-height: 1;
2015
+ color: var(--color-system-text-300);
2016
+ }
2017
+
2018
+ .styles-module_attributionWrapper__ZTRVc a:hover {
2019
+ color: var(--color-primary-black);
2020
+ text-decoration: underline;
2021
+ }
1976
2022
 
1977
2023
  :root[data-theme="ocean"] {
1978
2024
  --color-primary: #005adc;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250307.1525.49",
3
+ "version": "20250307.1723.25",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {
@@ -42,8 +42,13 @@
42
42
  },
43
43
  "description": "",
44
44
  "peerDependencies": {
45
+ "@turf/turf": "^7.x",
46
+ "@vis.gl/react-maplibre": "^8.x",
47
+ "maplibre-gl": "^5.x",
48
+ "nuqs": "^2.x",
45
49
  "react": "^18.x || ^19.x",
46
- "react-dom": "^18.x || ^19.x"
50
+ "react-dom": "^18.x || ^19.x",
51
+ "swr": "^2.x"
47
52
  },
48
53
  "dependencies": {
49
54
  "@mantine/core": "^7.16.0",
@@ -53,12 +58,12 @@
53
58
  "@mantine/modals": "^7.16.0",
54
59
  "@mantine/notifications": "^7.16.1",
55
60
  "@tabler/icons-react": "3.26.0",
56
- "@tmlmobilidade/core-types": "^20250225.1653.25",
61
+ "@tmlmobilidade/core-types": "^20250305.1659.2",
62
+ "@types/geojson": "^7946.0.16",
57
63
  "clsx": "^2.1.1",
58
64
  "js-cookie": "^3.0.5",
59
65
  "luxon": "^3.5.0",
60
- "react-viewport-list": "^7.1.2",
61
- "rollup-preserve-directives": "^1.1.3"
66
+ "react-viewport-list": "^7.1.2"
62
67
  },
63
68
  "devDependencies": {
64
69
  "@babel/core": "^7.24.6",
@@ -68,18 +73,24 @@
68
73
  "@rollup/plugin-commonjs": "^25.0.8",
69
74
  "@rollup/plugin-node-resolve": "^15.2.3",
70
75
  "@rollup/plugin-typescript": "^11.1.6",
76
+ "@turf/turf": "^7.2.0",
71
77
  "@types/js-cookie": "^3.0.6",
72
78
  "@types/luxon": "^3.4.2",
73
79
  "@types/node": "22.10.3",
74
80
  "@types/react": "^19.0.0",
75
81
  "@types/react-dom": "19.0.0",
82
+ "@vis.gl/react-maplibre": "^8.0.1",
83
+ "maplibre-gl": "^5.2.0",
76
84
  "nodemon": "^3.1.9",
85
+ "nuqs": "^2.4.1",
77
86
  "postcss": "^8.4.38",
78
87
  "react": "19.0.0",
79
88
  "react-dom": "19.0.0",
80
89
  "rollup": "^4.18.0",
81
90
  "rollup-plugin-dts": "^6.1.1",
82
91
  "rollup-plugin-postcss": "^4.0.2",
92
+ "rollup-preserve-directives": "^1.1.3",
93
+ "swr": "^2.3.3",
83
94
  "ts-node-dev": "^2.0.0",
84
95
  "tslib": "^2.6.2",
85
96
  "tsx": "^4.19.2",