@conboai/storybook.components 0.3.30 → 0.3.31

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

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

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

@@ -1,7 +1,7 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { LibraryTypes } from './types';
 
 export declare const libraries: LibraryTypes[];
 export declare const LoadScriptWrapper: ({ children }: {
     children: ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;

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

@@ -2,12 +2,13 @@ import { default as React } from 'react';
 import { CoordinatePoint, GeoMode, GeoType } from '../../types';
 
 export interface IPolygonProps {
-    onChange?: (polygonPath: CoordinatePoint[]) => void;
+    onChange?: (polygonPath: CoordinatePoint[], id: string, isComplete: boolean) => void;
     onClick?: (geoData: GeoType) => void;
     data?: GeoType | null;
     mode?: GeoMode;
+    color?: string;
     selected?: boolean;
     showNumbers?: boolean;
 }
-declare const Polygon: ({ selected, onChange: onChangeFromProps, onClick: onClickFromProps, data, mode, showNumbers }: IPolygonProps) => React.JSX.Element;
+declare const Polygon: ({ selected, onChange: onChangeFromProps, onClick: onClickFromProps, data, mode, color, showNumbers }: IPolygonProps) => React.JSX.Element;
 export default Polygon;

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

@@ -4,7 +4,7 @@ import { CoordinatePoint, GeoType } from '../../types';
 interface IPolyline {
     zoom?: number;
     showDirection?: boolean;
-    onChange?: (polygonPath: CoordinatePoint[]) => void;
+    onChange?: (polygonPath: CoordinatePoint[], id: string, isComplete: boolean) => void;
     data?: GeoType | null;
     showNumbers?: boolean;
 }

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

@@ -4,11 +4,12 @@ import { CoordinatePoint, GeoMode } from '../../types';
 interface ShapeDrawerProps {
     mapInstance: google.maps.Map | null;
     onComplete?: (path: CoordinatePoint[]) => void;
-    onChange?: (path: CoordinatePoint[], isCompleted?: boolean) => void;
+    onChange?: (path: CoordinatePoint[], id: string, isCompleted?: boolean) => void;
     resetKey: number;
     mode: GeoMode;
+    zoom: number;
     setMode: Dispatch<SetStateAction<GeoMode>>;
     showNumbers?: boolean;
 }
-export declare const ShapeDrawer: ({ mapInstance, onComplete, onChange, resetKey, mode, setMode, showNumbers }: ShapeDrawerProps) => React.JSX.Element;
+export declare const ShapeDrawer: ({ mapInstance, onComplete, onChange, resetKey, mode, zoom, setMode, showNumbers }: ShapeDrawerProps) => React.JSX.Element;
 export {};

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

@@ -50,3 +50,19 @@ export declare const drawingManagerPolylineOptions: {
     strokeWeight: number;
     zIndex: number;
 };
+export declare const addBtnStyle: {
+    opacity: number;
+    backgroundColor: string;
+    color: string;
+    borderRadius: string;
+    border: string;
+    position: string;
+    height: number;
+    top: number;
+    right: number;
+    "&:hover": {
+        backgroundColor: string;
+        cursor: string;
+        color: string;
+    };
+};

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

@@ -5,7 +5,7 @@ export declare enum EntityTypes {
     Polyline = "polyline"
 }
 export interface GeoType {
-    id?: string;
+    id: string;
     name?: string;
     type: EntityTypes;
     coordinates: Array<CoordinatePoint>;
@@ -27,7 +27,7 @@ export type GeoMode = {
     shape: "polyline" | "polygon";
 };
 export interface GeoComponentProps {
-    onChange?: (polygonPath: CoordinatePoint[], isCompleted?: boolean) => void;
+    onChange?: (polygonPath: CoordinatePoint[], id: string, isCompleted?: boolean) => void;
     onComplete?: (polygonPath: CoordinatePoint[]) => void;
     onSelect?: (geo: GeoType) => void;
     mode?: GeoMode;
@@ -36,7 +36,8 @@ export interface GeoComponentProps {
     data?: GeoType[] | null;
     onMouseMove?: (coordinatePoint: CoordinatePoint) => void;
     showNumbers?: boolean;
-    showDeleteIcon?: boolean;
+    allowDelete?: boolean;
+    allowAdd?: boolean;
     selectedGeoId?: string | null;
     zoom?: number;
     fitZoom?: boolean;

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

@@ -1,4 +1,5 @@
-declare const useGetMapZoom: ({ mapInstance }: {
+declare const useGetMapZoom: ({ mapInstance, zoomFromProps }: {
     mapInstance: google.maps.Map | null;
+    zoomFromProps?: number;
 }) => number;
 export default useGetMapZoom;

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

@@ -1,11 +1,5 @@
 export declare const useMousePosition: (path: google.maps.LatLng[] | undefined, isPolygonComplete: boolean) => {
-    mousePositionPath: (google.maps.LatLng | {
-        lat: number;
-        lng: number;
-    } | undefined)[];
+    mousePositionPath: any;
     onMouseMove: (event: google.maps.MapMouseEvent) => void;
-    mouseCoordinates: {
-        lat: number;
-        lng: number;
-    };
+    mousePosition: google.maps.LatLng | null;
 };

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

@@ -6,3 +6,4 @@ 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 colorPalette: string[];