@conboai/storybook.components 0.5.10 → 0.5.12

package/dist/components/Geo/Geo.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { GeoComponentProps } from './types';
 
-declare const Geo: (props: GeoComponentProps) => React.JSX.Element;
+declare const Geo: ({ mode: modeFromProps, resetKey: resetKeyFromProps, onChange: onChangeFromProps, onComplete, data, selectedGeoId: selectedGeoIdFromProps, onSelect, onMouseMove, onDragEnd, showDirection, showNumbers, allowDelete, allowAdd, disableControls, fitZoom, mapCentering, showOnlyPoints, initialCenter, zoom: zoomFromProps, onLoad, onError, googleMapsApiKey, googleMapsOptions }: GeoComponentProps) => React.JSX.Element;
 export default Geo;

package/dist/components/Geo/types.d.ts

@@ -1,13 +1,17 @@
+import { ReactElement } from 'react';
+
 export declare enum EntityTypes {
     Marker = "marker",
     Infobox = "infobox",
     Polygon = "polygon",
-    Polyline = "polyline"
+    Polyline = "polyline",
+    Circle = "circle"
 }
 export interface GeoType {
     id: string;
     name?: string;
     type: EntityTypes;
+    color?: string;
     coordinates: CoordinatePoint[];
     zoom?: number;
     isInFov?: boolean;
@@ -42,7 +46,7 @@ export interface GeoComponentProps {
     showNumbers?: boolean;
     allowDelete?: boolean;
     allowAdd?: boolean;
-    selectedGeoId?: string;
+    selectedGeoId?: string | null;
     zoom?: number;
     fitZoom?: boolean;
     mapCentering?: boolean;
@@ -51,6 +55,14 @@ export interface GeoComponentProps {
     showOnlyPoints?: boolean;
     disableControls?: boolean;
     onDragEnd?: (mapInstance: google.maps.Map | null) => void;
+    googleMapsApiKey: string;
+    onLoad?: (map: google.maps.Map) => void | Promise<void>;
+    onError?: (error?: Error) => void | Promise<void>;
+    googleMapsOptions?: {
+        loadingJSX?: ReactElement;
+        errorJSX?: ReactElement;
+        options?: Record<string, any>;
+    } | null;
 }
 export declare enum LibraryTypes {
     DRAWING = "drawing",

package/dist/components/Geo/utils.d.ts

@@ -2,7 +2,7 @@ import { CoordinatePoint } from './types';
 
 export declare const getLatLngArray: (path: google.maps.LatLng[]) => CoordinatePoint[];
 export declare const pointsAreClose: (p1: google.maps.LatLng, p2: google.maps.LatLng, threshold?: number) => boolean;
-export declare const findPolygonCenter: (points: CoordinatePoint[]) => CoordinatePoint;
+export declare const findPolygonCenter: (points?: CoordinatePoint[]) => CoordinatePoint | undefined;
 export declare const findPolylineCenter: (points: CoordinatePoint[]) => CoordinatePoint;
 export declare const fitBoundsToPoints: (mapInstance: google.maps.Map | null, points: CoordinatePoint[]) => void;
 export declare const addRandomDecimal: (number: number) => number;

package/dist/components/GoogleMap/GoogleMap.d.ts

@@ -0,0 +1,22 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+
+interface IGoogleMap {
+    googleMapsApiKey: string;
+    onMouseMove: (e: google.maps.MapMouseEvent) => void;
+    onDragEnd: () => void;
+    children: ReactNode;
+    options?: google.maps.MapOptions;
+    onLoad?: (map: google.maps.Map) => void | Promise<void>;
+    onError?: (error?: Error) => void | Promise<void>;
+    center?: google.maps.LatLng | google.maps.LatLngLiteral;
+    styles?: CSSProperties;
+    googleMapsOptions?: {
+        loadingJSX?: ReactNode;
+        errorJSX?: ReactNode;
+        options?: Record<string, any>;
+    } | null;
+    id?: string;
+    zoom: number;
+}
+export declare const GoogleMap: ({ googleMapsApiKey, onMouseMove, onDragEnd, children, options, onLoad, onError, center, styles, zoom, id, googleMapsOptions }: IGoogleMap) => React.JSX.Element;
+export {};

package/dist/components/MapPlayer/MapPlayer.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FC } from 'react';
 import { SxProps } from '@mui/material';
 import { CoordinatePoint, GeoMode, GeoType } from '../Geo/types';
 
@@ -26,6 +26,7 @@ export interface IMapPlayerProps {
     allowDelete?: boolean;
     allowAdd?: boolean;
     mode?: GeoMode;
+    googleMapsApiKey: string;
 }
-declare const MapPlayer: React.FC<IMapPlayerProps>;
+declare const MapPlayer: FC<IMapPlayerProps>;
 export default MapPlayer;

package/dist/components/MetroMap/MetroMap.d.ts

@@ -1,8 +1,25 @@
 import { MetromapPalleteData } from './MetroMapUtils';
 import { default as React } from 'react';
 
+export type MetroMapElementType = {
+    tag: string;
+    children: MetroMapElementType[];
+    attributes: {
+        [key: string]: string;
+    };
+    text?: string;
+    fill?: string;
+    stroke?: string;
+    key?: string | number;
+    style?: {
+        pointerEvents?: string;
+        display?: string;
+        textAnchor?: string;
+    };
+    className?: string;
+};
 interface IMetroMap {
-    elements: IElement;
+    elements: MetroMapElementType | null;
     selectedCluster?: string | string[];
     minor?: string[];
     major?: string[];
@@ -20,26 +37,6 @@ interface IMetroMap {
     timing?: MetromapPalleteData[];
     disabledSectors?: string[];
 }
-interface IElement {
-    tag: string;
-    id: string;
-    text?: string;
-    attributes: {
-        [key: string]: string;
-    };
-    onClick?: () => void;
-    onMouseEnter?: () => void;
-    fill?: string;
-    stroke?: string;
-    key?: string | number;
-    style?: {
-        pointerEvents?: string;
-        display?: string;
-        textAnchor?: string;
-    };
-    children: IElement[];
-    className?: string;
-}
 declare function MetroMap({ elements, onSelect, selectedCluster, minor, major, isMultiSelect, onHover, svgAttributes, showFullNames, isMap, pollutions, timing, disabledSectors }: IMetroMap): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof MetroMap>;
 export default _default;

package/dist/components/TrailPathView/TrailPathView.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FC } from 'react';
 
 export declare enum TrailPathType {
     Geo = 0,
@@ -9,13 +9,15 @@ interface IGeoPath {
     coordinates: Array<[number, number]>;
     points?: never;
     feedUrl?: never;
+    googleMapsApiKey: string;
 }
 interface IFeedPath {
     type: TrailPathType.Feed;
     points: Array<[number, number]>;
     feedUrl: string;
     coordinates?: never;
+    googleMapsApiKey?: never;
 }
 export type ITrailPathView = IGeoPath | IFeedPath;
-declare const TrailPathView: React.FC<ITrailPathView>;
+declare const TrailPathView: FC<ITrailPathView>;
 export default TrailPathView;