@conboai/storybook.components 0.6.61 → 0.6.64

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

@@ -1,9 +1,5 @@
 import { FC } from 'react';
 
-export interface Point {
-    x: number;
-    y: number;
-}
 interface ICrossLineArrowProps {
     points: {
         x: number;

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

@@ -1,3 +1,3 @@
-import { Point } from './index';
+import { IPoint } from '../types';
 
-export declare const useDirectionState: (directionFromProps: number | undefined, points: Point[], rect: DOMRect | null) => number | undefined;
+export declare const useDirectionState: (directionFromProps: number | undefined, points: IPoint[], rect: DOMRect | null) => number | undefined;

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

@@ -1,4 +1,4 @@
-import { Point } from '../types';
+import { IPoint } from '../types';
 
-export declare const getMidpoint: (points: Point[]) => Point;
-export declare const getLineAngle: (p1: Point, p2: Point, rect: DOMRect) => number;
+export declare const getMidpoint: (points: IPoint[]) => IPoint;
+export declare const getLineAngle: (p1: IPoint, p2: IPoint, rect: DOMRect) => number;

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

@@ -1,4 +1,4 @@
-import { Point } from '../types';
+import { IPoint } from '../types';
 
 export interface IHeaderProps {
     header: {
@@ -6,5 +6,5 @@ export interface IHeaderProps {
     };
     styles?: Record<string, any>;
     rect: DOMRect | null;
-    point: Point;
+    point: IPoint;
 }

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

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

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

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

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

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

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

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

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

@@ -1,13 +1,14 @@
 import { ReactNode } from 'react';
 
-export interface Point {
+export interface IPoint {
     x: number;
     y: number;
 }
 export declare enum ShapeType {
-    Point = 0,
-    Polygon = 1,
-    Polyline = 2
+    MousePoint = 0,
+    Point = 1,
+    Polygon = 2,
+    Polyline = 3
 }
 export declare enum ShapeMode {
     View = 0,
@@ -21,7 +22,7 @@ export interface Shape {
     type: ShapeType;
     forbidEdit?: boolean;
     isCompleted?: boolean;
-    points: Point[];
+    points: IPoint[];
     isInFov?: boolean;
     styles?: Record<string, any>;
     crossLine?: {
@@ -33,7 +34,8 @@ export interface Shape {
         styles?: Record<string, any>;
     };
     showDirection?: boolean;
-    showEndDirection?: boolean;
+    showStartMarker?: boolean;
+    showEndMarker?: boolean;
 }
 export interface IShapesProps {
     children?: ReactNode;
@@ -52,7 +54,7 @@ export interface IShapesProps {
     };
     onShapeChange?: <T extends Shape>(updatedShape: T | null, updatedShapesList: T[], rect?: DOMRect) => void;
     onShapeSelect?: <T extends Shape>(selectedShape: T | null, shapesList: T[]) => void;
-    onMouseMove?: (mousePoint: Point) => void;
+    onMouseMove?: (mousePoint: IPoint) => void;
     showDirection?: boolean;
     showNumbers?: boolean;
     showOnlyPoints?: boolean;
@@ -66,7 +68,8 @@ export interface IShapesProps {
         startMarkerLabel?: string;
         endMarkerLabel?: string;
         showEndDirection?: boolean;
-        showPolylineMarkerEnd?: boolean;
+        showStartMarker?: boolean;
+        showEndMarker?: boolean;
         polylineStroke?: string;
         polylineCircleFill?: string;
         textFill?: string;

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

@@ -1,20 +1,20 @@
-import { Point, Shape } from './types';
+import { IPoint, Shape } from './types';
 
 export declare const generateRainbowColor: (id: string, total: number) => string;
-export declare const _snapToBoundaries: (point: Point, threshold?: number) => Point;
-export declare const toNormalizedCoords: (x: number, y: number, rect: DOMRect) => Point;
-export declare const toPixelCoords: (x: number, y: number, rect: DOMRect) => Point;
-export declare const calculateCoordinates: (points: Point[], rect: DOMRect | null) => string | undefined;
-export declare const getLineOrientation: (p1: Point, p2: Point, rect: DOMRect) => "horizontal" | "vertical";
-export declare const isPointNearTargetPoint: (point: Point, targetPoint: Point, threshold?: number) => boolean;
-export declare const calculateDistanceToSegment: (point: Point, segmentStart: Point, segmentEnd: Point) => number;
-export declare const shapePointsToArray: (shapePoints: Point[]) => Array<[number, number]>;
-export declare const arrayToShapePoints: (pixelsList?: number[][] | undefined) => Point[];
+export declare const _snapToBoundaries: (point: IPoint, threshold?: number) => IPoint;
+export declare const toNormalizedCoords: (x: number, y: number, rect: DOMRect) => IPoint;
+export declare const toPixelCoords: (x: number, y: number, rect: DOMRect) => IPoint;
+export declare const calculateCoordinates: (points: IPoint[], rect: DOMRect | null) => string | undefined;
+export declare const getLineOrientation: (p1: IPoint, p2: IPoint, rect: DOMRect) => "horizontal" | "vertical";
+export declare const isPointNearTargetPoint: (point: IPoint, targetPoint: IPoint, threshold?: number) => boolean;
+export declare const calculateDistanceToSegment: (point: IPoint, segmentStart: IPoint, segmentEnd: IPoint) => number;
+export declare const shapePointsToArray: (shapePoints: IPoint[]) => Array<[number, number]>;
+export declare const arrayToShapePoints: (pixelsList?: number[][] | undefined) => IPoint[];
 export declare const getAspectRatio: (width?: number, height?: number) => string;
 export declare const calculateArea: (polygon: Shape) => number;
 export declare const findClickedShapes: (clickX: number, clickY: number, shapes: Shape[], svgRect: DOMRect) => Shape[];
 export declare const findSmallestShape: (shapes: Shape[]) => Shape;
 export declare function sortPolygonsByArea(polygons: Shape[]): Shape[];
-export declare const removeSamePoint: (coordinates?: Point[]) => Point[];
-export declare const pointInPolygon: (polygon: Point[], point: Point) => boolean;
-export declare const getPolygonCenter: (points?: Point[]) => Point;
+export declare const removeSamePoint: (coordinates?: IPoint[]) => IPoint[];
+export declare const pointInPolygon: (polygon: IPoint[], point: IPoint) => boolean;
+export declare const getPolygonCenter: (points?: IPoint[]) => IPoint;

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

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