orcasvn-react-diagrams 0.2.5 → 0.2.6

package/dist/cjs/types/api/createDiagramEditor.d.ts

@@ -1,4 +1,4 @@
-import { DiagramEngineHandle, Point, DiagramState, ElementShapeHoverControlActivationEvent, ElementShapeHoverControlInteractionEvent, ElementShapeHoverControls, EngineChangeEvent, EngineSelectionEvent, LinkColorPoolPolicy, LinkRouteRefreshPolicy } from './types';
+import { DiagramEngineHandle, Point, DiagramState, ElementShapeHoverControlActivationEvent, ElementShapeHoverControlInteractionEvent, ElementShapeHoverControls, EngineChangeEvent, EngineSelectionEvent, LinkColorPoolPolicy, LinkRouteRefreshPolicy, ViewportFitOptions } from './types';
 import { type BuiltInShapeKind } from '../shapes';
 export type SimpleShape = {
     id: string;
@@ -39,6 +39,7 @@ export type DiagramEditorHandle = DiagramEngineHandle & {
     completeLinkToPort: (targetPortId: string) => void;
     completeLinkToElement: (targetElementId: string, pointer: Point) => void;
     cancelLink: () => void;
+    zoomToFitElements: (options?: ViewportFitOptions) => void;
     exportImage: (options?: DiagramImageExportOptions) => string;
     resize: (width: number, height: number) => void;
     setElementShapeHoverControls: (controls?: ElementShapeHoverControls) => void;

package/dist/cjs/types/api/types.d.ts

@@ -19,7 +19,16 @@ export type ClientRectLike = {
 export type DiagramContainer = {
     getBoundingClientRect: () => ClientRectLike;
 };
+export type ViewportFitOptions = {
+    padding?: number;
+    minZoom?: number;
+    maxZoom?: number;
+};
 export type MoveConstraint = 'free' | 'inside' | 'border';
+export type TextInteractionPolicy = {
+    movable?: boolean;
+    editable?: boolean;
+};
 export type BorderSide = 'left' | 'right' | 'top' | 'bottom';
 export type HostAnchorPreset = 'vertices' | 'cardinal';
 export type PortLinkAttachMode = 'external' | 'internal';
@@ -187,7 +196,7 @@ export type ElementLayoutAlign = 'start' | 'center' | 'end';
 export type ElementLayoutChildFitMainAxis = 'none' | 'distribute';
 export type ElementLayoutChildFitCrossAxis = 'none' | 'stretch';
 export type ElementLayoutAutoResizeMode = 'grow' | 'grow-shrink';
-export type ElementLayoutGridRowTemplate = number | number[];
+export type ElementLayoutGridRowTemplate = number;
 export type ElementLayoutLabelReservedSpaceMode = 'none' | 'fixed' | 'flexible';
 export type ElementLayoutLabelReservedSpacePlacement = 'top';
 export type ElementLayoutLabelReservedSpace = {
@@ -210,6 +219,7 @@ export type ElementLayout = {
     align?: ElementLayoutAlign;
     autoResize?: ElementLayoutAutoResizeMode;
     gridTemplate?: ElementLayoutGridRowTemplate[];
+    gridChildWidthResizeEnabled?: boolean;
     childFitMainAxis?: ElementLayoutChildFitMainAxis;
     childFitCrossAxis?: ElementLayoutChildFitCrossAxis;
     childMinWidth?: number;
@@ -300,6 +310,7 @@ export type TextData = {
     size?: Size;
     style?: Record<string, unknown>;
     ownerId?: string | null;
+    interaction?: TextInteractionPolicy;
     layout?: TextLayout;
     displayContent?: string;
     displayOffset?: Point;
@@ -373,6 +384,19 @@ export type ElementResizedEvent = {
     oldSize: Size;
     newSize: Size;
 };
+export type GridLayoutChangedReason = 'child-resize-split' | 'child-resize-redistribute';
+export type GridRowSnapshot = {
+    childIds: string[];
+};
+export type GridLayoutChangedEvent = {
+    parentId: string;
+    triggerChildId: string;
+    reason: GridLayoutChangedReason;
+    beforeRows: GridRowSnapshot[];
+    afterRows: GridRowSnapshot[];
+    beforeGridTemplate?: ElementLayoutGridRowTemplate[];
+    afterGridTemplate: ElementLayoutGridRowTemplate[];
+};
 export type ElementDeletedEvent = {
     elementId: string;
 };
@@ -441,6 +465,7 @@ export type EngineEventMap = {
     elementDragged: ElementDropEvent;
     elementMoved: ElementMovedEvent;
     elementResized: ElementResizedEvent;
+    gridLayoutChanged: GridLayoutChangedEvent;
     elementDeleted: ElementDeletedEvent;
     portDeleted: PortDeletedEvent;
     linkDeleted: LinkDeletedEvent;

package/dist/cjs/types/displaybox/demos/OffsetAnchorAvoidanceDemoTab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OffsetAnchorAvoidanceDemo: () => React.JSX.Element;
+export default OffsetAnchorAvoidanceDemo;

package/dist/cjs/types/displaybox/demos/ZoomToFitElementsDemoTab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ZoomToFitElementsDemo: () => React.JSX.Element;
+export default ZoomToFitElementsDemo;

package/dist/cjs/types/displaybox/demos/offsetAnchorAvoidanceDemo.d.ts

@@ -0,0 +1,4 @@
+import type { DiagramState } from '../../api';
+import type { DemoConfig } from '../types';
+export declare const createOffsetAnchorAvoidanceState: () => DiagramState;
+export declare const offsetAnchorAvoidanceDemoConfig: DemoConfig;

package/dist/cjs/types/displaybox/demos/textDemo.d.ts

@@ -1,6 +1,9 @@
+import type { TextInteractionPolicy } from '../../api';
 import type { DemoConfig } from '../types';
 export declare const textDemoOwnerId = "text-layout-owner";
 export declare const textDemoOwnedTextId = "text-owned-overflow";
 export declare const textDemoFloatingTextId = "text-floating-overflow";
 export declare const textDemoLongSample = "Long diagram label: middle ellipsis should keep the beginning and end visible while preserving the full canonical content in model state.";
+export declare const textDemoOwnedInteraction: TextInteractionPolicy;
+export declare const textDemoFloatingInteraction: TextInteractionPolicy;
 export declare const textDemoConfig: DemoConfig;

package/dist/cjs/types/displaybox/demos/zoomToFitElementsDemo.d.ts

@@ -0,0 +1,4 @@
+import type { DiagramState } from '../../api';
+import type { DemoConfig } from '../types';
+export declare const createZoomToFitElementsState: () => DiagramState;
+export declare const zoomToFitElementsDemoConfig: DemoConfig;

package/dist/cjs/types/engine/AutoLayoutService.d.ts

@@ -1,10 +1,18 @@
-import { DiagramPatch } from '../api/types';
+import { DiagramPatch, ElementData, GridLayoutChangedReason, GridRowSnapshot } from '../api/types';
 import DiagramModel from '../models/DiagramModel';
 import CommandQueue from './CommandQueue';
 export type AutoLayoutResult = {
     patches: DiagramPatch[];
     movedPortIds: string[];
 };
+export type GridChildResizeTopologyChange = {
+    parentId: string;
+    triggerChildId: string;
+    reason: GridLayoutChangedReason;
+    beforeRows: GridRowSnapshot[];
+    afterRows: GridRowSnapshot[];
+    nextLayout: NonNullable<ElementData['layout']>;
+};
 export type AutoLayoutServiceConfig = {
     model: DiagramModel;
     commandQueue: CommandQueue;
@@ -12,6 +20,8 @@ export type AutoLayoutServiceConfig = {
 };
 type ParentLayoutOptions = {
     preserveParentSize?: boolean;
+    preserveParentWidth?: boolean;
+    preserveParentHeight?: boolean;
 };
 export default class AutoLayoutService {
     private model;
@@ -21,15 +31,48 @@ export default class AutoLayoutService {
     applyLayoutForParent(parentId: string, options?: ParentLayoutOptions): AutoLayoutResult;
     applyLayoutCascade(startParentId: string | null): AutoLayoutResult;
     applyAllLayouts(): AutoLayoutResult;
+    describeGridRows(parentId: string): GridRowSnapshot[];
+    describeGridSlotState(parentId: string): {
+        orderedChildIds: string[];
+        slotWeights: number[];
+    } | null;
+    resolveGridReorderedLayout(parentId: string, previousState: {
+        orderedChildIds: string[];
+        slotWeights: number[];
+    }): NonNullable<ElementData['layout']> | null;
+    resolveGridChildResizeTopologyChange(parentId: string, childId: string, requestedWidth: number): GridChildResizeTopologyChange | null;
+    snapGridChildRequestedWidth(parentId: string, childId: string, requestedWidth: number): number;
+    canGridChildGrowRightward(parentId: string, childId: string): boolean;
     private applyAxisLayoutForParent;
     private applyGridLayoutForParent;
+    private resolveGridCellWidths;
     private applyResolvedLayout;
     private resolveLayoutPadding;
     private resolveAutoResizeMode;
     private resolveAutoResizedDimension;
     private resolveChildSizeConstraints;
+    private resolveAssignedGridRows;
+    private repartitionAssignedGridRows;
+    private fitGridRowWeights;
+    private gridRowSnapshotsEqual;
     private normalizeGridTemplate;
     private assignChildrenToGridRows;
+    private resolveGridChildSlotState;
+    private packGridRowsFromSlots;
+    private resolveRequestedGridUnits;
+    private sortGridChildrenForLayout;
+    private resolveRightwardGridOverflowChange;
+    private resolveSameRowGridUnitResizeChange;
+    private splitGridRowIntoTwelveUnits;
+    private reflowTrailingGridRows;
+    private flattenAssignedRowsToGridTemplate;
+    private buildEqualGridUnits;
+    private normalizeRowWeightsToTwelveUnits;
+    private normalizeGridSlotUnits;
+    private clampGridUnits;
+    private distributeUnitsWithMinimums;
+    private gridWeightsEqual;
+    private resolveGridRowUnitWidth;
     private resolveLabelReservedTopLane;
     private resolveFlexibleLabelLaneFromText;
     private resolveAlignmentOffset;

package/dist/cjs/types/engine/DiagramEngine.d.ts

@@ -48,7 +48,15 @@ export default class DiagramEngine {
     createOverlayShape(config: OverlayShapeConfig): OverlayShapeHandle;
     on<TEvent extends keyof EngineEventMap>(event: TEvent, handler: (payload: EngineEventMap[TEvent]) => void): () => void;
     addElement(element: ElementData): void;
+    private resolveElementMovePosition;
+    private buildChildMutationLayoutSteps;
     moveElementTo(id: string, x: number, y: number): void;
+    resizeElementBounds(id: string, bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }): void;
     resizeElement(id: string, width: number, height: number): void;
     setElementLayout(id: string, layout: ElementData['layout']): void;
     removeElement(id: string): void;
@@ -82,6 +90,10 @@ export default class DiagramEngine {
         height: number;
     };
     private shouldLockAutoLayoutChildHorizontalResize;
+    private shouldAnchorAutoLayoutGridChildWidthToLeft;
+    private shouldRestrictAutoLayoutChildRightGrowth;
+    private resolveSnappedGridChildWidth;
+    private resolveGridChildWidthResizeTopologyChange;
     getPortWorldPosition(id: string): Point | null;
     getPortLinkWorldPosition(id: string, options?: {
         oppositePortId?: string;

package/dist/cjs/types/engine/LinkRoutingService.d.ts

@@ -47,5 +47,6 @@ export default class LinkRoutingService {
     private getAncestorExclusions;
     private resolveRouteBounds;
     private isPointOnRectEdge;
+    private isPointInsideRect;
     private resolveEdgeSide;
 }

package/dist/cjs/types/models/TextModel.d.ts

@@ -6,6 +6,7 @@ export default class TextModel {
     size?: Size;
     style?: Record<string, unknown>;
     ownerId?: string | null;
+    interaction?: TextData['interaction'];
     layout?: TextData['layout'];
     displayContent?: string;
     displayOffset?: Point;

package/dist/cjs/types/renderer/konva/KonvaInteraction.d.ts

@@ -146,6 +146,8 @@ export default class KonvaInteraction {
     private getElementById;
     private getPortById;
     private getTextById;
+    private isTextMovable;
+    private isTextEditable;
     private getLinkById;
     private resolveTextScreenPosition;
     private applyViewportPatch;