@krak-stack/registry 0.1.0

package/dist/components/ui/google-map.d.ts

@@ -0,0 +1,103 @@
+export type GoogleMapPoint = {
+    lat: number;
+    lng: number;
+};
+export type GoogleMapMarkerOptions = {
+    icon?: string | undefined;
+};
+export type GoogleMapRadiusOptions = {
+    radiusMeters: number;
+    fillColor?: string | undefined;
+    fillOpacity?: number | undefined;
+    strokeColor?: string | undefined;
+    strokeOpacity?: number | undefined;
+    strokeWeight?: number | undefined;
+};
+export type GoogleMapMessages = {
+    mapLabel: string;
+    loading: string;
+    missingKeyTitle: string;
+    missingKeyBody: string;
+    errorTitle: string;
+    errorBody: string;
+    zoomIn: string;
+    zoomOut: string;
+};
+export type GoogleMapProps = {
+    apiKey: string;
+    center: GoogleMapPoint;
+    zoom: number;
+    marker?: boolean | GoogleMapMarkerOptions | undefined;
+    radius?: GoogleMapRadiusOptions | undefined;
+    interactive?: boolean | undefined;
+    zoomControls?: boolean | undefined;
+    minZoom?: number | undefined;
+    maxZoom?: number | undefined;
+    className?: string | undefined;
+    messages?: Partial<GoogleMapMessages> | undefined;
+};
+type GoogleMapOptions = {
+    center: GoogleMapPoint;
+    zoom: number;
+    clickableIcons: boolean;
+    disableDefaultUI: boolean;
+    draggable: boolean;
+    fullscreenControl: boolean;
+    gestureHandling: "auto" | "none";
+    keyboardShortcuts: boolean;
+    mapTypeControl: boolean;
+    maxZoom: number;
+    minZoom: number;
+    scrollwheel: boolean;
+    streetViewControl: boolean;
+    zoomControl: boolean;
+};
+type GoogleMapInstance = {
+    getZoom: () => number | undefined;
+    setCenter: (center: GoogleMapPoint) => void;
+    setOptions: (options: Partial<GoogleMapOptions>) => void;
+    setZoom: (zoom: number) => void;
+};
+type GoogleMarkerInstance = {
+    setIcon: (icon?: string) => void;
+    setMap: (map: GoogleMapInstance | null) => void;
+    setPosition: (position: GoogleMapPoint) => void;
+};
+type GoogleCircleStyleOptions = Omit<GoogleMapRadiusOptions, "radiusMeters">;
+type GoogleCircleInstance = {
+    setCenter: (center: GoogleMapPoint) => void;
+    setMap: (map: GoogleMapInstance | null) => void;
+    setOptions: (options: GoogleCircleStyleOptions) => void;
+    setRadius: (radiusMeters: number) => void;
+};
+type GoogleMapsEventListener = {
+    remove: () => void;
+};
+type GoogleMapsApi = {
+    maps: {
+        Map: new (element: HTMLElement, options: GoogleMapOptions) => GoogleMapInstance;
+        Marker: new (options: {
+            icon?: string | undefined;
+            map: GoogleMapInstance;
+            position: GoogleMapPoint;
+        }) => GoogleMarkerInstance;
+        Circle: new (options: GoogleCircleStyleOptions & {
+            center: GoogleMapPoint;
+            clickable: boolean;
+            map: GoogleMapInstance;
+            radius: number;
+        }) => GoogleCircleInstance;
+        event: {
+            addListener: (instance: object, eventName: string, handler: () => void) => GoogleMapsEventListener;
+            clearInstanceListeners: (instance: object) => void;
+        };
+    };
+};
+declare global {
+    interface Window {
+        google?: GoogleMapsApi | undefined;
+        __krakStackGoogleMapsInit?: (() => void) | undefined;
+    }
+}
+export declare function GoogleMap({ apiKey, center, zoom, marker, radius, interactive, zoomControls, minZoom, maxZoom, className, messages: messageOverrides, }: GoogleMapProps): import("react").JSX.Element;
+export {};