@conboai/storybook.components 0.2.70 → 0.2.72

package/dist/build/index.d.ts

@@ -30,7 +30,7 @@ export { AlertPopup } from '../components/AlertPopup';
 export { extractPrefix, extractZip, startsWithAny, parseSvg, getParsedSvgViewsFromZip } from '../components/MetroMap/MetroMapUtils';
 export { TimelineChart } from '../components/TimelineChart';
 export { TrailPathView } from '../components/TrailPathView';
-export { LoadScriptWrapper } from '../core/Geo/LoadScriptWrapper';
+export { LoadScriptWrapper } from '../components/Geo/LoadScriptWrapper';
 export * from '../interfaces/filter';
 export * from '../interfaces/tab';
 export * from '../interfaces/detailsView';

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

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

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { NumericMarkerPropsType } from './types';
+
+export default function NumericMarker({ coordinates: { lat, lng }, index }: NumericMarkerPropsType): React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import { CoordinatePoint } from '../../types';
+
+export interface NumericMarkerPropsType {
+    index: number;
+    coordinates: CoordinatePoint;
+}

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CoordinatePoint, GeoMode, GeoType } from '../../types';
+
+export interface IPolygonProps {
+    onChange?: (polygonPath: CoordinatePoint[]) => void;
+    data?: GeoType | null;
+    mode?: GeoMode;
+    showNumbers?: boolean;
+}
+declare const Polygon: ({ onChange: onChangeFromProps, data, mode, showNumbers }: IPolygonProps) => React.JSX.Element;
+export default Polygon;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { CoordinatePoint, GeoType } from '../../types';
+
+declare const Polyline: ({ onChange: onChangeFromProps, data, showNumbers, }: {
+    onChange?: (polygonPath: CoordinatePoint[]) => void;
+    data?: GeoType | null;
+    showNumbers?: boolean;
+}) => React.JSX.Element;
+export default Polyline;

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

@@ -0,0 +1,13 @@
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { CoordinatePoint, GeoMode } from '../../types';
+
+interface ShapeDrawerProps {
+    mapInstance: google.maps.Map | null;
+    onComplete?: (path: CoordinatePoint[]) => void;
+    onChange?: (path: CoordinatePoint[], isCompleted?: boolean) => void;
+    resetKey: number;
+    mode: GeoMode;
+    setMode: Dispatch<SetStateAction<GeoMode>>;
+}
+export declare const ShapeDrawer: ({ mapInstance, onComplete, onChange, resetKey, mode, setMode }: ShapeDrawerProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { EntityTypes } from './types';
+
+export declare const defaultProps: {
+    center: {
+        lat: number;
+        lng: number;
+    };
+    zoom: number;
+};
+export declare const defaultGeoObject: {
+    type: EntityTypes;
+    coordinates: never[];
+};

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { GeoComponentProps } from './types';
+
+declare const Geo: ({ mode: modeFromProps, resetKey: resetKeyFromProps, onChange: onChangeFromProps, onComplete, data, onMouseMove, showNumbers, zoom }: GeoComponentProps) => React.JSX.Element;
+export default Geo;

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

@@ -0,0 +1,43 @@
+export declare const resetStyles: {
+    width: string;
+    height: string;
+    minHeight: string;
+    borderRadius: string;
+    position: string;
+    right: string;
+    top: string;
+    zIndex: string;
+    color: string;
+    cursor: string;
+    backgroundColor: string;
+    border: string;
+    fontWeight: string;
+    boxShadow: string;
+    '&.${buttonClasses.disabled}': {
+        cursor: string;
+        opacity: string;
+    };
+    '&:hover': {
+        color: string;
+        backgroundColor: string;
+    };
+};
+export declare const drawingManagerPolygonOptions: {
+    fillColor: string;
+    strokeColor: string;
+    fillOpacity: number;
+    strokeOpacity: number;
+    strokeWeight: number;
+    zIndex: number;
+    editable: boolean;
+};
+export declare const drawingManagerPolylineOptions: {
+    fillColor: string;
+    strokeColor: string;
+    fillOpacity: number;
+    strokeOpacity: number;
+    editable: boolean;
+    clickable: boolean;
+    strokeWeight: number;
+    zIndex: number;
+};

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

@@ -0,0 +1,44 @@
+export declare enum EntityTypes {
+    Marker = "marker",
+    Infobox = "infobox",
+    Polygon = "polygon",
+    Polyline = "polyline"
+}
+export interface GeoType {
+    id?: string;
+    type: EntityTypes;
+    coordinates: Array<CoordinatePoint>;
+    zoom?: number;
+    isInFov?: boolean;
+}
+export interface CoordinatePoint {
+    lat: number;
+    lng: number;
+}
+export type GeoMode = {
+    type: 'view';
+    shape: 'polyline' | 'polygon';
+} | {
+    type: 'edit';
+    shape: '';
+} | {
+    type: 'drawing';
+    shape: 'polyline' | 'polygon';
+};
+export interface GeoComponentProps {
+    onChange?: (polygonPath: CoordinatePoint[], isCompleted?: boolean) => void;
+    onComplete?: (polygonPath: CoordinatePoint[]) => void;
+    mode?: GeoMode;
+    resetKey?: number;
+    data?: GeoType[] | null;
+    onMouseMove?: (coordinatePoint: CoordinatePoint) => void;
+    showNumbers?: boolean;
+    zoom?: number;
+}
+export declare enum LibraryTypes {
+    DRAWING = "drawing",
+    GEOMETRY = "geometry",
+    MARKER = "marker",
+    PLACES = "places",
+    VISUALISATION = "visualization"
+}

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

@@ -0,0 +1,2 @@
+declare const useFullscreen: () => boolean;
+export default useFullscreen;

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

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

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

@@ -0,0 +1,5 @@
+import { CoordinatePoint } from './types';
+
+export declare const getCoordinates: (polyPath: google.maps.MVCArray<google.maps.LatLng>) => CoordinatePoint[];
+export declare const getLatLngArray: (path: google.maps.LatLng[]) => CoordinatePoint[];
+export declare const pointsAreClose: (p1: google.maps.LatLng, p2: google.maps.LatLng, threshold?: number) => boolean;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IMenuProps } from './types';
+
+export declare const Menu: ({ onClear, mode, onModeChange, drawCoordinates, setDrawCoordinates, selectedShape, allowAdd, allowEdit, allowDelete }: IMenuProps) => React.JSX.Element;

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

@@ -0,0 +1,30 @@
+export declare const defaultStyle: {
+    opacity: number;
+    backgroundColor: string;
+    color: string;
+    borderRadius: string;
+    border: string;
+    '&:hover': {
+        backgroundColor: string;
+        cursor: string;
+        color: string;
+    };
+};
+export declare const disabledStyle: {
+    color: string;
+    opacity: number;
+    backgroundColor: string;
+    '&:hover': {
+        cursor: string;
+        filter: string;
+    };
+};
+export declare const mainContainerStyles: {
+    display: string;
+    gap: number;
+    position: string;
+    zIndex: number;
+    cursor: string;
+    right: number;
+    top: number;
+};

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

@@ -0,0 +1,13 @@
+import { ShapeMode, Point, Shape } from '../types';
+
+export interface IMenuProps {
+    onClear: () => void;
+    mode: ShapeMode;
+    onModeChange: (mode: ShapeMode) => void;
+    drawCoordinates: Point[];
+    setDrawCoordinates: (coordinates: Point[]) => void;
+    selectedShape?: Shape | null;
+    allowAdd: boolean;
+    allowEdit: boolean;
+    allowDelete: boolean;
+}

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Point } from '../types';
+
+export declare const MousePoint: ({ coordinates, rect, isInFov }: {
+    coordinates: Point;
+    rect: DOMRect | null;
+    isInFov?: boolean;
+}) => React.JSX.Element | null;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Point } from '../types';
+
+export declare const NumericMarker: ({ point, number, rect }: {
+    point: Point;
+    number: number;
+    rect: DOMRect;
+}) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Shape } from '../types';
+
+interface TextProps {
+    shape: Shape;
+    rect: DOMRect | null;
+}
+export declare const Text: ({ shape, rect }: TextProps) => React.JSX.Element | undefined;
+export {};

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

@@ -0,0 +1,7 @@
+import { ShapeType } from './types';
+
+export declare const emptyShape: {
+    id: string;
+    type: ShapeType;
+    points: never[];
+};

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

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

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

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare enum ShapeType {
+    Point = 0,
+    Polygon = 1,
+    Polyline = 2
+}
+export declare enum ShapeMode {
+    View = 0,
+    Edit = 1,
+    CreatePolygon = 2
+}
+export interface Shape {
+    id: string;
+    type: ShapeType;
+    points: Point[];
+    isInFov?: boolean;
+}
+export interface NormalizedPoint {
+    x: number;
+    y: number;
+}
+export interface IShapesProps {
+    children?: ReactNode;
+    mode?: ShapeMode;
+    onModeChange?: (mode: ShapeMode) => void;
+    shapes: Shape[];
+    selected?: Shape | null;
+    showId?: boolean;
+    menu?: {
+        show: boolean;
+        options?: {
+            edit: boolean;
+            add: boolean;
+            delete: boolean;
+        };
+    };
+    onShapeChange?: (updatedShape: Shape | null, updatedShapesList: Shape[]) => void;
+    onShapeSelect?: (selectedShape: Shape | null, shapesList: Shape[]) => void;
+    onMouseMove?: (mousePoint: NormalizedPoint) => void;
+    showNumbers?: boolean;
+    showPoints?: boolean;
+}

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

@@ -0,0 +1,8 @@
+import { NormalizedPoint, Point } from './types';
+
+export declare const generateRainbowColor: (id: string, total: number) => string;
+export declare const toNormalizedCoords: (x: number, y: number, rect: DOMRect) => NormalizedPoint;
+export declare const toPixelCoords: (x: number, y: number, rect: DOMRect) => NormalizedPoint;
+export declare const calculateCoordinates: (points: Point[], rect: DOMRect | null) => string | undefined;
+export declare const isPointNearFirstPoint: (point: NormalizedPoint, firstPoint: NormalizedPoint, threshold?: number) => boolean;
+export declare const calculateDistanceToSegment: (point: Point, segmentStart: Point, segmentEnd: Point) => number;

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

@@ -1,5 +1,5 @@
-import { Point } from '../../core/Shapes/types';
-import { CoordinatePoint } from '../../core/Geo/types';
+import { Point } from '../Shapes/types';
+import { CoordinatePoint } from '../Geo/types';
 
 export declare const arrayToShapePoints: (points: number[][]) => Point[];
 export declare const arrayToGeoCoordinates: (coordinates: number[][]) => CoordinatePoint[];