@plait/draw 0.86.0 → 0.87.0-next.0

package/generators/text.generator.d.ts

@@ -3,7 +3,6 @@ import { PlaitBoard, PlaitElement, RectangleClient } from '@plait/core';
 import { DrawShapes, PlaitGeometry, TextRectangleOptions } from '../interfaces';
 export interface DrawTextInfo extends TextRectangleOptions {
     text: ParagraphElement;
-    textHeight: number;
 }
 export interface TextGeneratorOptions<T> {
     onChange: (element: T, textChangeRef: TextManageChangeData, text: DrawTextInfo) => void;
@@ -31,7 +30,7 @@ export declare class TextGenerator<T extends PlaitElement = PlaitGeometry> {
     update(element: T, previousDrawShapeTexts: DrawTextInfo[], currentDrawShapeTexts: DrawTextInfo[], elementG: SVGElement): void;
     private createTextManage;
     getRectangle(text: DrawTextInfo): {
-        height: any;
+        height: number;
         width: number;
         x: any;
         y: number;

package/interfaces/arrow-line.d.ts

@@ -25,8 +25,6 @@ export declare enum ArrowLineHandleKey {
 export interface ArrowLineText {
     text: Element;
     position: number;
-    width: number;
-    height: number;
 }
 export interface ArrowLineHandle {
     boundId?: string;

package/interfaces/engine.d.ts

@@ -17,5 +17,5 @@ export interface ShapeEngine<T extends PlaitElement = PlaitGeometry, P extends D
     getEdgeByConnectionPoint?: (rectangle: RectangleClient, point: PointOfRectangle) => [Point, Point] | null;
     getTangentVectorByConnectionPoint?: (rectangle: RectangleClient, point: PointOfRectangle) => Vector | null;
     draw: (board: PlaitBoard, rectangle: RectangleClient, roughOptions: Options, options?: P) => SVGGElement;
-    getTextRectangle?: (element: T, options?: K) => RectangleClient;
+    getTextRectangle?: (board: PlaitBoard, element: T, options?: K) => RectangleClient;
 }

package/interfaces/geometry.d.ts

@@ -99,7 +99,6 @@ export interface PlaitMultipleTextGeometry extends PlaitCommonGeometry {
 }
 export interface PlaitGeometry extends PlaitCommonGeometry {
     text?: ParagraphElement;
-    textHeight?: number;
 }
 export interface PlaitRectangle extends PlaitGeometry {
     shape: BasicShapes.rectangle;

package/interfaces/table.d.ts

@@ -31,7 +31,6 @@ export interface PlaitTableCell {
     colspan?: number;
     rowspan?: number;
     text?: PlaitTableCellParagraph;
-    textHeight?: number;
     fill?: string;
 }
 export interface PlaitTableDrawOptions extends DrawOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/draw",
-  "version": "0.86.0",
+  "version": "0.87.0-next.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"

package/transforms/common.d.ts

@@ -1,3 +1,3 @@
 import { PlaitBoard, Vector, Point } from '@plait/core';
 import { GeometryShapes, SwimlaneDrawSymbols } from '../interfaces';
-export declare const insertDrawByVector: (board: PlaitBoard, point: Point, shape: GeometryShapes | SwimlaneDrawSymbols, vector: Vector) => import("../interfaces").PlaitCommonGeometry<"geometry", [Point, Point], GeometryShapes> | import("../interfaces").PlaitSwimlane | null;
+export declare const insertDrawByVector: (board: PlaitBoard, point: Point, shape: GeometryShapes | SwimlaneDrawSymbols, vector: Vector) => import("../interfaces").PlaitSwimlane | import("../interfaces").PlaitCommonGeometry<"geometry", [Point, Point], GeometryShapes> | null;

package/transforms/geometry-text.d.ts

@@ -1,5 +1,5 @@
 import { PlaitBoard } from '@plait/core';
 import { Element } from 'slate';
 import { PlaitGeometry } from '../interfaces';
-export declare const setText: (board: PlaitBoard, element: PlaitGeometry, text: Element, width: number, textHeight: number) => void;
-export declare const setTextSize: (board: PlaitBoard, element: PlaitGeometry, textWidth: number, textHeight: number) => void;
+export declare const setText: (board: PlaitBoard, element: PlaitGeometry, text: Element, width: number, height: number) => void;
+export declare const setTextSize: (board: PlaitBoard, element: PlaitGeometry, width: number, height: number) => void;

package/transforms/geometry.d.ts

@@ -3,5 +3,5 @@ import { GeometryShapes } from '../interfaces';
 import { Element } from 'slate';
 export declare const insertGeometry: (board: PlaitBoard, points: [Point, Point], shape: GeometryShapes) => import("../interfaces").PlaitCommonGeometry<"geometry", [Point, Point], GeometryShapes>;
 export declare const insertText: (board: PlaitBoard, point: Point, text: string | Element) => void;
-export declare const resizeGeometry: (board: PlaitBoard, points: [Point, Point], textHeight: number, path: Path) => void;
+export declare const resizeGeometry: (board: PlaitBoard, points: [Point, Point], path: Path) => void;
 export declare const switchGeometryShape: (board: PlaitBoard, shape: GeometryShapes) => void;

package/transforms/index.d.ts

@@ -1,10 +1,10 @@
 export declare const DrawTransforms: {
-    setText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, text: import("slate").Element, width: number, textHeight: number) => void;
+    setText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, text: import("slate").Element, width: number, height: number) => void;
     setDrawTexts: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitMultipleTextGeometry, text: import("@plait/draw").DrawTextInfo) => void;
     insertGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], shape: import("@plait/draw").GeometryShapes) => import("@plait/draw").PlaitCommonGeometry<"geometry", [import("@plait/core").Point, import("@plait/core").Point], import("@plait/draw").GeometryShapes>;
-    resizeGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], textHeight: number, path: import("@plait/core").Path) => void;
+    resizeGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], path: import("@plait/core").Path) => void;
     insertText: (board: import("@plait/core").PlaitBoard, point: import("@plait/core").Point, text: string | import("slate").Element) => void;
-    setTextSize: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, textWidth: number, textHeight: number) => void;
+    setTextSize: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, width: number, height: number) => void;
     resizeArrowLine: (board: import("@plait/core").PlaitBoard, options: Partial<import("@plait/draw").PlaitArrowLine>, path: import("@plait/core").Path) => void;
     setArrowLineTexts: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitArrowLine, texts: import("@plait/draw").ArrowLineText[]) => void;
     removeArrowLineText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitArrowLine, index: number) => void;
@@ -21,5 +21,5 @@ export declare const DrawTransforms: {
     removeSwimlaneColumn: (board: import("@plait/core").PlaitBoard, swimlane: import("@plait/draw").PlaitSwimlane, index: number, count?: number) => void;
     updateSwimlaneCount: (board: import("@plait/core").PlaitBoard, swimlane: import("@plait/draw").PlaitSwimlane, count: number) => void;
     setTableFill: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitBaseTable, fill: string | null, path: import("@plait/core").Path) => void;
-    insertDrawByVector: (board: import("@plait/core").PlaitBoard, point: import("@plait/core").Point, shape: import("@plait/draw").GeometryShapes | import("@plait/draw").SwimlaneDrawSymbols, vector: import("@plait/core").Vector) => import("@plait/draw").PlaitCommonGeometry<"geometry", [import("@plait/core").Point, import("@plait/core").Point], import("@plait/draw").GeometryShapes> | import("@plait/draw").PlaitSwimlane | null;
+    insertDrawByVector: (board: import("@plait/core").PlaitBoard, point: import("@plait/core").Point, shape: import("@plait/draw").GeometryShapes | import("@plait/draw").SwimlaneDrawSymbols, vector: import("@plait/core").Vector) => import("@plait/draw").PlaitSwimlane | import("@plait/draw").PlaitCommonGeometry<"geometry", [import("@plait/core").Point, import("@plait/core").Point], import("@plait/draw").GeometryShapes> | null;
 };

package/utils/common.d.ts

@@ -4,8 +4,8 @@ import { Alignment } from '@plait/common';
 import { Options } from 'roughjs/bin/core';
 import { PlaitBaseTable } from '../interfaces/table';
 import { DrawTextInfo } from '../generators/text.generator';
-export declare const getTextRectangle: <T extends PlaitElement = PlaitGeometry>(element: T) => {
-    height: any;
+export declare const getTextRectangle: <T extends PlaitElement = PlaitGeometry>(board: PlaitBoard, element: T) => {
+    height: number;
     width: number;
     x: any;
     y: number;

package/utils/geometry.d.ts

@@ -9,7 +9,6 @@ import { DrawTextInfo } from '../generators/text.generator';
 export type GeometryStyleOptions = Pick<PlaitGeometry, 'fill' | 'strokeColor' | 'strokeWidth'>;
 export type TextProperties = Partial<CustomText> & {
     align?: Alignment;
-    textHeight?: number;
 };
 export declare const createGeometryElement: (shape: GeometryShapes, points: [Point, Point], text: string | Element, options?: GeometryStyleOptions, textProperties?: TextProperties) => PlaitGeometry;
 export declare const createGeometryElementWithText: (shape: GeometryShapes, points: [Point, Point], text: string | Element, options?: GeometryStyleOptions, textProperties?: TextProperties) => PlaitGeometry;
@@ -67,6 +66,9 @@ export declare const getDefaultUMLProperty: (shape: UMLSymbols) => {
 } | {
     width: number;
     height: number;
+} | {
+    width: number;
+    height: number;
 } | {
     width: number;
     height: number;
@@ -78,12 +80,25 @@ export declare const getDefaultUMLProperty: (shape: UMLSymbols) => {
 } | {
     width: number;
     height: number;
+    texts: {
+        id: import("../interfaces").GeometryCommonTextKeys;
+        text: string;
+        align: Alignment;
+    }[];
 } | {
     width: number;
     height: number;
+    texts: {
+        text: string;
+        align: Alignment;
+    }[];
 } | {
     width: number;
     height: number;
+    texts: {
+        text: string;
+        align: Alignment;
+    }[];
 } | {
     width: number;
     height: number;
@@ -102,25 +117,9 @@ export declare const getDefaultUMLProperty: (shape: UMLSymbols) => {
 } | {
     width: number;
     height: number;
-    texts: {
-        id: import("../interfaces").GeometryCommonTextKeys;
-        text: string;
-        align: Alignment;
-    }[];
-} | {
-    width: number;
-    height: number;
-    texts: {
-        text: string;
-        align: Alignment;
-    }[];
 } | {
     width: number;
     height: number;
-    texts: {
-        text: string;
-        align: Alignment;
-    }[];
 };
 export declare const getAutoCompletePoints: (board: PlaitBoard, element: PlaitShapeElement, isToActive?: boolean) => [Point, Point, Point, Point];
 export declare const getHitIndexOfAutoCompletePoint: (movingPoint: Point, points: Point[]) => number;
@@ -136,7 +135,7 @@ export declare const getDefaultGeometryProperty: (pointer: DrawPointerType) => {
     height: number;
 };
 export declare const getDefaultTextPoints: (board: PlaitBoard, centerPoint: Point, fontSize?: number | string) => [Point, Point];
-export declare const createTextElement: (board: PlaitBoard, points: [Point, Point], text: string | Element, textHeight?: number) => PlaitGeometry;
+export declare const createTextElement: (board: PlaitBoard, points: [Point, Point], text: string | Element) => PlaitGeometry;
 export declare const createDefaultGeometry: (board: PlaitBoard, points: [Point, Point], shape: GeometryShapes) => import("../interfaces").PlaitCommonGeometry<"geometry", [Point, Point], GeometryShapes>;
 export declare const editText: (board: PlaitBoard, element: PlaitGeometry, text?: DrawTextInfo) => void;
 export declare const isGeometryIncludeText: (element: PlaitGeometry) => boolean;

package/utils/hit.d.ts

@@ -1,12 +1,11 @@
 import { PlaitElement, RectangleClient, Selection, PlaitBoard, Point } from '@plait/core';
 import { PlaitArrowLine, PlaitCommonGeometry, PlaitCustomGeometry, PlaitDrawElement, PlaitGeometry, PlaitShapeElement, PlaitVectorLine } from '../interfaces';
-export declare const isTextExceedingBounds: (geometry: PlaitGeometry) => boolean;
 export declare const isHitArrowLineText: (board: PlaitBoard, element: PlaitArrowLine, point: Point) => boolean;
 export declare const isHitPolyLine: (pathPoints: Point[], point: Point) => boolean;
 export declare const isHitArrowLine: (board: PlaitBoard, element: PlaitArrowLine, point: Point) => boolean;
 export declare const isHitVectorLine: (board: PlaitBoard, element: PlaitVectorLine, point: Point) => boolean;
-export declare const isRectangleHitElementText: (element: PlaitCommonGeometry, rectangle: RectangleClient) => boolean;
-export declare const isHitElementText: (element: PlaitCommonGeometry, point: Point) => boolean;
+export declare const isRectangleHitElementText: (board: PlaitBoard, element: PlaitCommonGeometry, rectangle: RectangleClient) => boolean;
+export declare const isHitElementText: (board: PlaitBoard, element: PlaitCommonGeometry, point: Point) => boolean;
 export declare const isEmptyTextElement: (element: PlaitCommonGeometry) => boolean;
 export declare const isRectangleHitDrawElement: (board: PlaitBoard, element: PlaitElement, selection: Selection) => boolean | null;
 export declare const isRectangleHitRotatedElement: (board: PlaitBoard, rectangle: RectangleClient, element: PlaitElement & {
@@ -16,7 +15,7 @@ export declare const isRectangleHitRotatedPoints: (rectangle: RectangleClient, p
 export declare const getHitDrawElement: (board: PlaitBoard, elements: (PlaitDrawElement | PlaitCustomGeometry)[]) => PlaitElement;
 export declare const getFirstFilledDrawElement: (board: PlaitBoard, elements: (PlaitDrawElement | PlaitCustomGeometry)[]) => PlaitGeometry | PlaitCustomGeometry<string, Point[], string> | null;
 export declare const isFilledDrawElement: (board: PlaitBoard, element: PlaitDrawElement | PlaitCustomGeometry) => boolean;
-export declare const getSolidElements: (elements: PlaitElement[]) => (import("../interfaces/line").PlaitLine | import("../interfaces").PlaitText | import("../interfaces/image").PlaitImage)[] | null;
+export declare const getSolidElements: (elements: PlaitElement[]) => (import("../interfaces/image").PlaitImage | import("../interfaces/line").PlaitLine | import("../interfaces").PlaitText)[] | null;
 export declare const isHitDrawElement: (board: PlaitBoard, element: PlaitElement, point: Point, isStrict?: boolean) => boolean | null;
 export declare const isHitEdgeOfShape: (board: PlaitBoard, element: PlaitShapeElement, point: Point, hitDistanceBuffer: number) => boolean;
 export declare const isInsideOfShape: (board: PlaitBoard, element: PlaitShapeElement, point: Point, hitDistanceBuffer: number) => boolean;

package/utils/multi-text-geometry.d.ts

@@ -1,4 +1,4 @@
-import { PlaitElement, Point } from '@plait/core';
+import { PlaitBoard, PlaitElement, Point } from '@plait/core';
 import { GeometryShapes, PlaitMultipleTextGeometry } from '../interfaces/geometry';
 import { DrawTextInfo } from '../generators/text.generator';
 import { GeometryStyleOptions } from './geometry';
@@ -7,4 +7,4 @@ export declare const isMultipleTextGeometry: (geometry: PlaitElement) => geometr
 export declare const getMultipleTextGeometryTextKeys: (shape: GeometryShapes) => string[] | undefined;
 export declare const createMultipleTextGeometryElement: (shape: GeometryShapes, points: [Point, Point], options?: GeometryStyleOptions) => PlaitMultipleTextGeometry;
 export declare const buildDefaultTextsByShape: (shape: GeometryShapes) => DrawTextInfo[];
-export declare const getHitMultipleGeometryText: (element: PlaitMultipleTextGeometry, point: Point) => DrawTextInfo | undefined;
+export declare const getHitMultipleGeometryText: (board: PlaitBoard, element: PlaitMultipleTextGeometry, point: Point) => DrawTextInfo | undefined;

package/utils/shape.d.ts

@@ -2,5 +2,5 @@ import { PlaitBoard } from '@plait/core';
 import { PlaitGeometry, PlaitShapeElement, TableSymbols } from '../interfaces';
 import { DrawPointerType } from '../constants/pointer';
 import { GeometryShapeGenerator, TableGenerator } from '../generators';
-export declare const getElementShape: (value: PlaitShapeElement) => import("../interfaces").GeometryShapes | TableSymbols.table | import("../interfaces").SwimlaneSymbols;
+export declare const getElementShape: (value: PlaitShapeElement) => import("../interfaces").GeometryShapes | import("../interfaces").SwimlaneSymbols | TableSymbols.table;
 export declare const getGeometryGeneratorByShape: (board: PlaitBoard, shape: DrawPointerType) => GeometryShapeGenerator | TableGenerator<PlaitGeometry>;

package/utils/table.d.ts

@@ -23,7 +23,7 @@ export declare const updateRows: (table: PlaitBaseTable, rowId: string, height:
 export declare function updateCellIdsByRowOrColumn(cells: PlaitTableCell[], oldId: string, newId: string, type: 'row' | 'column'): void;
 export declare function updateRowOrColumnIds(element: PlaitTable, type: 'row' | 'column'): void;
 export declare function updateCellIds(cells: PlaitTableCell[]): void;
-export declare function isCellIncludeText(cell: PlaitTableCell): number | undefined;
+export declare function isCellIncludeText(cell: PlaitTableCell): import("../interfaces/table").PlaitTableCellParagraph | undefined;
 export declare function getCellsRectangle(board: PlaitTableBoard, element: PlaitTable, cells: PlaitTableCell[]): RectangleClient;
 export declare const createCell: (rowId: string, columnId: string, text?: string | null) => PlaitTableCell;
 export declare const getSelectedTableCellsEditor: (board: PlaitBoard) => BaseEditor[] | undefined;

package/utils/text-size.d.ts

@@ -0,0 +1,7 @@
+import { ElementSize, ParagraphElement } from '@plait/common';
+import { PlaitBoard } from '@plait/core';
+export declare const getTextSize: (board: PlaitBoard, text: ParagraphElement, maxWidth?: number) => ElementSize;
+export declare const normalizeWidthAndHeight: (textSize: ElementSize) => {
+    width: number;
+    height: number;
+};