@conboai/storybook.components 0.5.67 → 0.5.68

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+
+export interface Point {
+    x: number;
+    y: number;
+}
+interface ICrossLineArrowProps {
+    points: {
+        x: number;
+        y: number;
+    }[];
+    rect: DOMRect | null;
+    color: string;
+    onClick: () => void;
+    direction?: number;
+}
+export declare const CrossLineArrow: FC<ICrossLineArrowProps>;
+export {};

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

@@ -0,0 +1,7 @@
+import { Point } from '../types';
+
+export interface IHeaderProps {
+    color: string;
+    points: Point[];
+    rect: DOMRect | null;
+}

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

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

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

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

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

@@ -4,7 +4,7 @@ export declare const defaultStyle: {
     color: string;
     borderRadius: string;
     border: string;
-    '&:hover': {
+    "&:hover": {
         backgroundColor: string;
         cursor: string;
         color: string;
@@ -14,7 +14,7 @@ export declare const disabledStyle: {
     color: string;
     opacity: number;
     backgroundColor: string;
-    '&:hover': {
+    "&:hover": {
         cursor: string;
         filter: string;
     };

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

@@ -1,4 +1,4 @@
-import { ShapeMode, Point, Shape } from '../types';
+import { Point, Shape, ShapeMode } from '../types';
 
 export interface IMenuProps {
     onClear: () => void;

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

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

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

@@ -1,5 +1,5 @@
-import { IShapesProps } from './types';
 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, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, styles, polylineProps, }: IShapesProps) => React.JSX.Element;
+declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected: selectedShapeFromProps, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, snapToBoundaries, styles, polygonMaxLength, polylineMaxLength, polylineProps }: IShapesProps) => React.JSX.Element;
 export default Shapes;

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

@@ -7,6 +7,7 @@ export declare const emptyShape: {
 };
 export declare const cursorTypes: {
     2: string;
+    3: string;
     1: string;
     0: string;
 };

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

@@ -12,14 +12,21 @@ export declare enum ShapeType {
 export declare enum ShapeMode {
     View = 0,
     Edit = 1,
-    CreatePolygon = 2
+    CreatePolygon = 2,
+    CreatePolyline = 3
 }
 export interface Shape {
     id: string;
+    name?: string;
     type: ShapeType;
+    isCompleted?: boolean;
     points: Point[];
     isInFov?: boolean;
     styles?: Record<string, any>;
+    crossLine?: {
+        direction: number;
+        isBidirectional: boolean;
+    };
     header?: {
         text: string;
     };
@@ -39,15 +46,18 @@ export interface IShapesProps {
             delete: boolean;
         };
     };
-    onShapeChange?: <T extends Shape>(updatedShape: T | null, updatedShapesList: T[]) => void;
+    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;
     showDirection?: boolean;
     showNumbers?: boolean;
     showOnlyPoints?: boolean;
     selectedShapeZIndex?: boolean;
+    snapToBoundaries?: boolean;
     showPoints?: boolean;
     styles?: any;
+    polygonMaxLength?: number;
+    polylineMaxLength?: number;
     polylineProps?: {
         startMarkerLabel?: string;
         endMarkerLabel?: string;

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

@@ -1,13 +1,15 @@
 import { Point, 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 isPointNearFirstPoint: (point: Point, firstPoint: Point, threshold?: number) => boolean;
+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?: Array<[number, number]>) => Point[];
+export declare const arrayToShapePoints: (pixelsList?: number[][] | undefined) => Point[];
 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[];
@@ -15,3 +17,4 @@ 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;