@conboai/storybook.components 0.4.34 → 0.4.36

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

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

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { GeoType } from '../../types';
+
+interface IPointMarker {
+    entity: GeoType;
+    onSelect?: (geo: GeoType) => void;
+    index: number;
+    selectedGeoId: string | null;
+}
+declare const PointMarker: ({ entity, onSelect, index, selectedGeoId, }: IPointMarker) => React.JSX.Element;
+export default PointMarker;

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

@@ -11,5 +11,5 @@ export interface IPolygonProps {
     showOnlyPoints?: boolean;
     showNumbers?: boolean;
 }
-declare const Polygon: ({ selected, onChange: onChangeFromProps, onClick: onClickFromProps, data, mode, color, showNumbers, showOnlyPoints }: IPolygonProps) => React.JSX.Element;
+declare const Polygon: React.MemoExoticComponent<({ selected, onChange: onChangeFromProps, onClick: onClickFromProps, data, mode, color, showNumbers, showOnlyPoints }: IPolygonProps) => React.JSX.Element>;
 export default Polygon;

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

@@ -0,0 +1,4 @@
+import { CoordinatePoint } from '../../types';
+
+export declare const removeSamePoint: (coordinates?: CoordinatePoint[]) => CoordinatePoint[];
+export declare const addSamePoint: (coordinates?: CoordinatePoint[]) => CoordinatePoint[];

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

@@ -9,5 +9,5 @@ interface IPolyline {
     showNumbers?: boolean;
     showOnlyPoints?: boolean;
 }
-declare const Polyline: ({ zoom: zoomFromProps, showDirection, onChange: onChangeFromProps, data, showNumbers, showOnlyPoints }: IPolyline) => React.JSX.Element;
+declare const Polyline: React.MemoExoticComponent<({ zoom: zoomFromProps, showDirection, onChange: onChangeFromProps, data, showNumbers, showOnlyPoints }: IPolyline) => React.JSX.Element>;
 export default Polyline;

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

@@ -12,5 +12,5 @@ interface ShapeDrawerProps {
     showNumbers?: boolean;
     showOnlyPoints?: boolean;
 }
-export declare const ShapeDrawer: ({ mapInstance, onComplete, onChange, resetKey, mode, zoom, setMode, showNumbers, showOnlyPoints }: ShapeDrawerProps) => React.JSX.Element;
+export declare const ShapeDrawer: React.MemoExoticComponent<({ mapInstance, onComplete, onChange, resetKey, mode, zoom, setMode, showNumbers, showOnlyPoints }: ShapeDrawerProps) => React.JSX.Element>;
 export {};

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

@@ -8,6 +8,7 @@ export declare const defaultProps: {
     zoom: number;
 };
 export declare const defaultGeoObject: {
+    id: string;
     type: EntityTypes;
     coordinates: never[];
 };

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

@@ -13,11 +13,11 @@ export declare const resetStyles: {
     border: string;
     fontWeight: string;
     boxShadow: string;
-    '&.${buttonClasses.disabled}': {
+    "&.${buttonClasses.disabled}": {
         cursor: string;
         opacity: string;
     };
-    '&:hover': {
+    "&:hover": {
         color: string;
         backgroundColor: string;
     };
@@ -29,6 +29,7 @@ export declare const drawingManagerPolygonOptionsDefault: {
     strokeOpacity: number;
     strokeWeight: number;
     zIndex: number;
+    clickable: boolean;
     editable: boolean;
 };
 export declare const drawingManagerPolygonOptionsSelected: {

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

@@ -8,9 +8,13 @@ export interface GeoType {
     id: string;
     name?: string;
     type: EntityTypes;
-    coordinates: Array<CoordinatePoint>;
+    coordinates: CoordinatePoint[];
     zoom?: number;
     isInFov?: boolean;
+    styles?: Record<string, any>;
+    showNumbers?: boolean;
+    isEditable?: boolean;
+    text?: string;
 }
 export interface CoordinatePoint {
     lat: number;
@@ -18,7 +22,7 @@ export interface CoordinatePoint {
 }
 export type GeoMode = {
     type: "view";
-    shape: "polyline" | "polygon";
+    shape: "polyline" | "polygon" | "marker";
 } | {
     type: "edit";
     shape: "";
@@ -42,8 +46,10 @@ export interface GeoComponentProps {
     zoom?: number;
     fitZoom?: boolean;
     mapCentering?: boolean;
+    initialCenter?: CoordinatePoint;
     showOnlyPoints?: boolean;
     disableControls?: boolean;
+    onDragEnd?: (mapInstance: google.maps.Map | null) => void;
 }
 export declare enum LibraryTypes {
     DRAWING = "drawing",

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

@@ -5,6 +5,7 @@ export declare const pointsAreClose: (p1: google.maps.LatLng, p2: google.maps.La
 export declare const findPolygonCenter: (points: CoordinatePoint[]) => CoordinatePoint;
 export declare const findPolylineCenter: (points: CoordinatePoint[]) => CoordinatePoint;
 export declare const fitBoundsToPoints: (mapInstance: google.maps.Map | null, points: CoordinatePoint[]) => void;
-export declare const arrayToGeoCoordinates: (coordinates: number[][]) => CoordinatePoint[];
-export declare const geoCoordinatesToArray: (coordinates: CoordinatePoint[]) => number[][];
+export declare const addRandomDecimal: (number: number) => number;
+export declare const arrayToGeoCoordinates: (coordinates?: number[][]) => CoordinatePoint[];
+export declare const geoCoordinatesToArray: (coordinates: CoordinatePoint[], altitude?: boolean) => number[][];
 export declare const colorPalette: string[];

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

@@ -1,25 +1,15 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material';
+import { GeoType } from '../Geo/types';
 
 export interface MapPlayerProps {
     data: any[];
-    initialCenter: {
-        lat: number;
-        lng: number;
-    };
-    onChange?: (data: {
-        id: string;
-        type: string;
-        time: string;
-        coordinates: {
-            lng: number;
-            lat: number;
-        }[];
-    }) => void;
+    onChange?: (value: string) => void;
     onInitialLoad?: (data: {
         id: string;
         type: string;
-        time: string;
+        startTime: string;
+        endTime: string;
         coordinates: {
             lng: number;
             lat: number;
@@ -29,19 +19,14 @@ export interface MapPlayerProps {
     disabled?: boolean;
     sx?: SxProps;
     clearFrameDetails?: () => void;
-    fetchFrameDetails?: (data: {
-        id: string;
-        type: string;
-        time: string;
-        coordinates: {
-            lng: number;
-            lat: number;
-        }[];
-    }) => void;
+    fetchFrameDetails?: (value: string) => void;
     delay?: string;
     onClear?: () => void;
     previewImageSize?: string;
     mapHeight?: string;
+    getCurrentTime?: (value: string) => void;
+    onSelectPoint?: (geo: GeoType) => void;
+    selectedGeoId?: string | null;
 }
 declare const MapPlayer: React.FC<MapPlayerProps>;
 export default MapPlayer;

package/dist/components/Shapes/Shapes.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { IShapesProps } from './types';
+import { default as React } from 'react';
 
-declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, styles, }: IShapesProps) => React.JSX.Element;
+declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, styles }: IShapesProps) => React.JSX.Element;
 export default Shapes;

package/dist/components/Shapes/constants.d.ts

@@ -5,3 +5,8 @@ export declare const emptyShape: {
     type: ShapeType;
     points: never[];
 };
+export declare const cursorTypes: {
+    2: string;
+    1: string;
+    0: string;
+};