framepexls-ui-lib 1.3.0 → 1.5.0

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.
@@ -11,7 +11,7 @@ type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
11
11
  className?: string;
12
12
  inputClassName?: string;
13
13
  };
14
- declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
14
+ declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
15
15
  label?: React__default.ReactNode;
16
16
  description?: React__default.ReactNode;
17
17
  error?: boolean;
@@ -11,7 +11,7 @@ type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
11
11
  className?: string;
12
12
  inputClassName?: string;
13
13
  };
14
- declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
14
+ declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
15
15
  label?: React__default.ReactNode;
16
16
  description?: React__default.ReactNode;
17
17
  error?: boolean;
package/dist/Map.d.mts ADDED
@@ -0,0 +1,113 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import MapLibreGL, { StyleSpecification, MarkerOptions, PopupOptions } from 'maplibre-gl';
3
+ import React__default, { ReactNode } from 'react';
4
+
5
+ type ThemeMode = "light" | "dark";
6
+ type MapStyleOption = string | StyleSpecification;
7
+ type MapContextValue = {
8
+ map: MapLibreGL.Map | null;
9
+ isLoaded: boolean;
10
+ };
11
+ declare function useMap(): MapContextValue;
12
+ type MapProps = {
13
+ children?: ReactNode;
14
+ className?: string;
15
+ styles?: {
16
+ light?: MapStyleOption;
17
+ dark?: MapStyleOption;
18
+ };
19
+ loader?: ReactNode;
20
+ theme?: ThemeMode;
21
+ } & Omit<MapLibreGL.MapOptions, "container" | "style">;
22
+ type MapRef = MapLibreGL.Map;
23
+ declare const Map: React__default.ForwardRefExoticComponent<{
24
+ children?: ReactNode;
25
+ className?: string;
26
+ styles?: {
27
+ light?: MapStyleOption;
28
+ dark?: MapStyleOption;
29
+ };
30
+ loader?: ReactNode;
31
+ theme?: ThemeMode;
32
+ } & Omit<MapLibreGL.MapOptions, "style" | "container"> & React__default.RefAttributes<MapLibreGL.Map>>;
33
+ type MapMarkerProps = {
34
+ longitude: number;
35
+ latitude: number;
36
+ children: ReactNode;
37
+ onClick?: (e: MouseEvent) => void;
38
+ onMouseEnter?: (e: MouseEvent) => void;
39
+ onMouseLeave?: (e: MouseEvent) => void;
40
+ draggable?: boolean;
41
+ onDragStart?: (lngLat: {
42
+ lng: number;
43
+ lat: number;
44
+ }) => void;
45
+ onDrag?: (lngLat: {
46
+ lng: number;
47
+ lat: number;
48
+ }) => void;
49
+ onDragEnd?: (lngLat: {
50
+ lng: number;
51
+ lat: number;
52
+ }) => void;
53
+ } & Omit<MarkerOptions, "element">;
54
+ declare function MapMarker({ longitude, latitude, children, onClick, onMouseEnter, onMouseLeave, onDragStart, onDrag, onDragEnd, draggable, ...markerOptions }: MapMarkerProps): react_jsx_runtime.JSX.Element;
55
+ type MarkerContentProps = {
56
+ children?: ReactNode;
57
+ className?: string;
58
+ };
59
+ declare function MarkerContent({ children, className }: MarkerContentProps): React__default.ReactPortal;
60
+ type MarkerPopupProps = {
61
+ children: ReactNode;
62
+ className?: string;
63
+ closeButton?: boolean;
64
+ } & Omit<PopupOptions, "className" | "closeButton">;
65
+ declare function MarkerPopup({ children, className, closeButton, ...popupOptions }: MarkerPopupProps): React__default.ReactPortal;
66
+ type MarkerTooltipProps = {
67
+ children: ReactNode;
68
+ className?: string;
69
+ } & Omit<PopupOptions, "className" | "closeButton" | "closeOnClick">;
70
+ declare function MarkerTooltip({ children, className, ...popupOptions }: MarkerTooltipProps): React__default.ReactPortal;
71
+ type MarkerLabelProps = {
72
+ children: ReactNode;
73
+ className?: string;
74
+ position?: "top" | "bottom";
75
+ };
76
+ declare function MarkerLabel({ children, className, position }: MarkerLabelProps): react_jsx_runtime.JSX.Element;
77
+ type MapControlsProps = {
78
+ position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
79
+ showZoom?: boolean;
80
+ showCompass?: boolean;
81
+ showLocate?: boolean;
82
+ showFullscreen?: boolean;
83
+ className?: string;
84
+ onLocate?: (coords: {
85
+ longitude: number;
86
+ latitude: number;
87
+ }) => void;
88
+ };
89
+ declare function MapControls({ position, showZoom, showCompass, showLocate, showFullscreen, className, onLocate, }: MapControlsProps): react_jsx_runtime.JSX.Element | null;
90
+ type MapPopupProps = {
91
+ longitude: number;
92
+ latitude: number;
93
+ onClose?: () => void;
94
+ children: ReactNode;
95
+ className?: string;
96
+ closeButton?: boolean;
97
+ } & Omit<PopupOptions, "className" | "closeButton">;
98
+ declare function MapPopup({ longitude, latitude, onClose, children, className, closeButton, ...popupOptions }: MapPopupProps): React__default.ReactPortal;
99
+ type MapRouteProps = {
100
+ id?: string;
101
+ coordinates: [number, number][];
102
+ color?: string;
103
+ width?: number;
104
+ opacity?: number;
105
+ dashArray?: [number, number];
106
+ onClick?: () => void;
107
+ onMouseEnter?: () => void;
108
+ onMouseLeave?: () => void;
109
+ interactive?: boolean;
110
+ };
111
+ declare function MapRoute({ id, coordinates, color, width, opacity, dashArray, onClick, onMouseEnter, onMouseLeave, interactive, }: MapRouteProps): null;
112
+
113
+ export { MapControls, type MapControlsProps, MapMarker, type MapMarkerProps, MapPopup, type MapPopupProps, type MapProps, type MapRef, MapRoute, type MapRouteProps, MarkerContent, type MarkerContentProps, MarkerLabel, type MarkerLabelProps, MarkerPopup, type MarkerPopupProps, MarkerTooltip, type MarkerTooltipProps, Map as default, useMap };
package/dist/Map.d.ts ADDED
@@ -0,0 +1,113 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import MapLibreGL, { StyleSpecification, MarkerOptions, PopupOptions } from 'maplibre-gl';
3
+ import React__default, { ReactNode } from 'react';
4
+
5
+ type ThemeMode = "light" | "dark";
6
+ type MapStyleOption = string | StyleSpecification;
7
+ type MapContextValue = {
8
+ map: MapLibreGL.Map | null;
9
+ isLoaded: boolean;
10
+ };
11
+ declare function useMap(): MapContextValue;
12
+ type MapProps = {
13
+ children?: ReactNode;
14
+ className?: string;
15
+ styles?: {
16
+ light?: MapStyleOption;
17
+ dark?: MapStyleOption;
18
+ };
19
+ loader?: ReactNode;
20
+ theme?: ThemeMode;
21
+ } & Omit<MapLibreGL.MapOptions, "container" | "style">;
22
+ type MapRef = MapLibreGL.Map;
23
+ declare const Map: React__default.ForwardRefExoticComponent<{
24
+ children?: ReactNode;
25
+ className?: string;
26
+ styles?: {
27
+ light?: MapStyleOption;
28
+ dark?: MapStyleOption;
29
+ };
30
+ loader?: ReactNode;
31
+ theme?: ThemeMode;
32
+ } & Omit<MapLibreGL.MapOptions, "style" | "container"> & React__default.RefAttributes<MapLibreGL.Map>>;
33
+ type MapMarkerProps = {
34
+ longitude: number;
35
+ latitude: number;
36
+ children: ReactNode;
37
+ onClick?: (e: MouseEvent) => void;
38
+ onMouseEnter?: (e: MouseEvent) => void;
39
+ onMouseLeave?: (e: MouseEvent) => void;
40
+ draggable?: boolean;
41
+ onDragStart?: (lngLat: {
42
+ lng: number;
43
+ lat: number;
44
+ }) => void;
45
+ onDrag?: (lngLat: {
46
+ lng: number;
47
+ lat: number;
48
+ }) => void;
49
+ onDragEnd?: (lngLat: {
50
+ lng: number;
51
+ lat: number;
52
+ }) => void;
53
+ } & Omit<MarkerOptions, "element">;
54
+ declare function MapMarker({ longitude, latitude, children, onClick, onMouseEnter, onMouseLeave, onDragStart, onDrag, onDragEnd, draggable, ...markerOptions }: MapMarkerProps): react_jsx_runtime.JSX.Element;
55
+ type MarkerContentProps = {
56
+ children?: ReactNode;
57
+ className?: string;
58
+ };
59
+ declare function MarkerContent({ children, className }: MarkerContentProps): React__default.ReactPortal;
60
+ type MarkerPopupProps = {
61
+ children: ReactNode;
62
+ className?: string;
63
+ closeButton?: boolean;
64
+ } & Omit<PopupOptions, "className" | "closeButton">;
65
+ declare function MarkerPopup({ children, className, closeButton, ...popupOptions }: MarkerPopupProps): React__default.ReactPortal;
66
+ type MarkerTooltipProps = {
67
+ children: ReactNode;
68
+ className?: string;
69
+ } & Omit<PopupOptions, "className" | "closeButton" | "closeOnClick">;
70
+ declare function MarkerTooltip({ children, className, ...popupOptions }: MarkerTooltipProps): React__default.ReactPortal;
71
+ type MarkerLabelProps = {
72
+ children: ReactNode;
73
+ className?: string;
74
+ position?: "top" | "bottom";
75
+ };
76
+ declare function MarkerLabel({ children, className, position }: MarkerLabelProps): react_jsx_runtime.JSX.Element;
77
+ type MapControlsProps = {
78
+ position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
79
+ showZoom?: boolean;
80
+ showCompass?: boolean;
81
+ showLocate?: boolean;
82
+ showFullscreen?: boolean;
83
+ className?: string;
84
+ onLocate?: (coords: {
85
+ longitude: number;
86
+ latitude: number;
87
+ }) => void;
88
+ };
89
+ declare function MapControls({ position, showZoom, showCompass, showLocate, showFullscreen, className, onLocate, }: MapControlsProps): react_jsx_runtime.JSX.Element | null;
90
+ type MapPopupProps = {
91
+ longitude: number;
92
+ latitude: number;
93
+ onClose?: () => void;
94
+ children: ReactNode;
95
+ className?: string;
96
+ closeButton?: boolean;
97
+ } & Omit<PopupOptions, "className" | "closeButton">;
98
+ declare function MapPopup({ longitude, latitude, onClose, children, className, closeButton, ...popupOptions }: MapPopupProps): React__default.ReactPortal;
99
+ type MapRouteProps = {
100
+ id?: string;
101
+ coordinates: [number, number][];
102
+ color?: string;
103
+ width?: number;
104
+ opacity?: number;
105
+ dashArray?: [number, number];
106
+ onClick?: () => void;
107
+ onMouseEnter?: () => void;
108
+ onMouseLeave?: () => void;
109
+ interactive?: boolean;
110
+ };
111
+ declare function MapRoute({ id, coordinates, color, width, opacity, dashArray, onClick, onMouseEnter, onMouseLeave, interactive, }: MapRouteProps): null;
112
+
113
+ export { MapControls, type MapControlsProps, MapMarker, type MapMarkerProps, MapPopup, type MapPopupProps, type MapProps, type MapRef, MapRoute, type MapRouteProps, MarkerContent, type MarkerContentProps, MarkerLabel, type MarkerLabelProps, MarkerPopup, type MarkerPopupProps, MarkerTooltip, type MarkerTooltipProps, Map as default, useMap };