@focus.matters/diagrams 0.0.9 → 0.1.0

package/dist/{Diagrams → src/Diagrams}/util/bpmn/buildBPMNImportPlan.d.ts

@@ -1,3 +1,3 @@
 import { BPMNImportPlan, ParsedBPMNModel } from './types';
-export declare function sanitizeId(raw: string, fallbackPrefix: string): string;
+/** Builds a deterministic diagram import plan from one parsed BPMN model. */
 export declare function buildBPMNImportPlan(parsed: ParsedBPMNModel): BPMNImportPlan;

package/dist/{Diagrams → src/Diagrams}/util/bpmn/index.d.ts

@@ -1,5 +1,6 @@
 export { applyBPMNImportPlan } from './applyBPMNImportPlan';
-export { buildBPMNImportPlan, sanitizeId } from './buildBPMNImportPlan';
+export { buildBPMNImportPlan } from './buildBPMNImportPlan';
 export { importBPMNXmlIntoDiagram } from './importBPMNXmlIntoDiagram';
 export { parseBPMNXml } from './parseBPMNXml';
+export { sanitizeId } from './sanitizeId';
 export type * from './types';

package/dist/src/Diagrams/util/bpmn/sanitizeId.d.ts

@@ -0,0 +1,2 @@
+/** Normalizes an external BPMN identifier while retaining a stable fallback. */
+export declare function sanitizeId(raw: string, fallbackPrefix: string): string;

package/dist/{Diagrams → src/Diagrams}/util/bpmn/types.d.ts

@@ -54,7 +54,7 @@ export type ParsedBPMNModel = {
     unsupportedLinks: ParsedBPMNUnsupportedLink[];
     warnings: string[];
 };
-export type BPMNNodeClassName = 'TaskNode' | 'EventNode' | 'GateNode' | 'UnknownBPMNNode';
+export type BPMNNodeClassName = "TaskNode" | "EventNode" | "GateNode" | "UnknownBPMNNode";
 export type BPMNImportLanePlan = {
     id: string;
     processId: string;
@@ -73,6 +73,7 @@ export type BPMNImportNodePlan = {
     bpmnType: string;
     eventType?: number;
     gateType?: number;
+    taskType?: number;
     sourceType?: string;
 };
 export type BPMNImportEdgePlan = {

package/dist/{Diagrams → src/Diagrams}/util/paths/orthogonalRouter.d.ts

@@ -3,5 +3,7 @@ import { Edge } from '../../store/elements/Edge';
 import { EdgePoint } from '../../store/elements/EdgePoint';
 import { Gateway } from '../../store/elements/Gateway';
 import { Coordinates } from '../../store/primitives/Coordinates';
+/** Builds the lowest-bend collision-safe orthogonal route between two gateways. */
 export declare function routeOrthogonalBetweenGateways(diagram: Diagram, from: Gateway, to: Gateway, fromDisplacement?: Coordinates, toDisplacement?: Coordinates, parent?: Edge | null): EdgePoint[];
+/** Rebuilds an orthogonal edge while preserving every explicit manual constraint. */
 export declare function routeOrthogonalEdge(diagram: Diagram, edge: Edge, keepManualPoints?: EdgePoint[], manualPointOverride?: EdgePoint[]): EdgePoint[];

package/dist/src/index.d.ts

@@ -0,0 +1,11 @@
+export { ToolsStates } from './Diagrams/components/extra/ToolsState';
+export { AgentDiagram } from './Diagrams/custom/agent/AgentDiagram';
+export type * from './Diagrams/custom/agent/types';
+export { BPMDiagram } from './Diagrams/custom/bpmn/BPMDiagram';
+export type { BPMDiagramSettings } from './Diagrams/custom/bpmn/BPMDiagram';
+export { BPMN_LABELS, configureBPMNLabels } from './Diagrams/custom/bpmn/config/BPMNLabels';
+export type { BPMNLabelOverrides, BPMNLabels } from './Diagrams/custom/bpmn/config/BPMNLabels';
+export { CommunicationDiagram } from './Diagrams/custom/communication/CommunicationDiagram';
+export type { CommunicationNodeType } from './Diagrams/custom/communication/types';
+export { DiagramEditor } from './Diagrams/DiagramEditor';
+export { Diagram } from './Diagrams/store/Diagram';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@focus.matters/diagrams",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "type": "module",
   "files": [
     "dist"

package/dist/Diagrams/components/objects/CustomRenderers.d.ts

@@ -1,6 +0,0 @@
-export declare const RenderCustomRenderers: (() => import("react").JSX.Element) & {
-    displayName: string;
-};
-export declare const RenderScreenLabels: (() => import("react").JSX.Element) & {
-    displayName: string;
-};

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

@@ -1 +0,0 @@
-export declare function shapes(): import("react").JSX.Element[];

package/dist/Diagrams/custom/bpmn/BPMDiagram.d.ts

@@ -1,5 +0,0 @@
-import { TDiagramSettings } from '../../store/Diagram';
-import { EditableDiagram } from '../editable/EditableDiagram';
-export declare class BPMDiagram extends EditableDiagram {
-    constructor(settings?: TDiagramSettings);
-}

package/dist/Diagrams/custom/bpmn/bpmnEvents.d.ts

@@ -1,3 +0,0 @@
-import { DChangeEvent } from '../../store/elements/Events';
-export declare class AddLaneEvent extends DChangeEvent {
-}

package/dist/Diagrams/custom/bpmn/nodes/BPMNode.d.ts

@@ -1,6 +0,0 @@
-import { Element } from '../../../store/elements/Element';
-import { TNodeConstructorProps } from '../../../store/elements/Node';
-import { EditableNode } from '../../editable/EditableNode';
-export declare abstract class BPMNode extends EditableNode {
-    constructor(parent: Element | null, state: TNodeConstructorProps);
-}

package/dist/Diagrams/custom/bpmn/nodes/Lanes/LanesResizer.d.ts

@@ -1,6 +0,0 @@
-import { Lanes } from '.';
-export declare const LanesResizer: (({ lanes }: {
-    lanes: Lanes;
-}) => import("react").JSX.Element | null) & {
-    displayName: string;
-};

package/dist/Diagrams/custom/bpmn/nodes/Lanes/index.d.ts

@@ -1,66 +0,0 @@
-import { FC } from 'react';
-import { BPMNode } from '../BPMNode';
-import { Element } from '../../../../store/elements/Element';
-import { Dimensions } from '../../../../store/primitives/Dimensions';
-export type TPool = {
-    name: string;
-    label: string;
-};
-export declare class Lanes extends BPMNode {
-    static readonly laneHeaderWidth = 50;
-    static readonly laneHeight = 250;
-    static readonly lanePadding = 25;
-    static readonly laneHeaderFontSize = 14;
-    constructor(parent: Element | null, state: {
-        id: string;
-    });
-    get box(): Dimensions;
-    addPool(): TPool;
-    protected editionIndex: number;
-    protected previousPools: TPool[];
-    cancel(): void;
-    confirm(): boolean;
-    edit(): void;
-    resetPools(): void;
-    deserialize(o: ReturnType<this['serialize']>): void;
-    serialize(): {
-        pools: TPool[];
-        box: [number, number, number, number];
-        id: string;
-        label: string;
-        movable: boolean | undefined;
-        selectable: boolean | undefined;
-        selected: boolean | undefined;
-        gateways: {
-            coordinates: [number, number];
-            fill: string | undefined;
-            id: string;
-            orientation: import('../../../../store/types').TOrientation;
-            radius: number;
-            stroke: string | undefined;
-            strokeWidth: number;
-            outEdges: {
-                arrowHeadEnd: import('../../../../store/types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../../../../store/types').EdgeArrowHead | undefined;
-                displacementEnd: [number, number] | undefined;
-                displacementStart: [number, number] | undefined;
-                lineStyle: import('../../../../store/types').EdgeLineStyle | undefined;
-                pathType: import('../../../../store/types').EdgePathType | undefined;
-                steps: import('../../../../store/elements/EdgePoint').TSerializedEdgePoint[];
-                stroke: string | undefined;
-                strokeWidth: number | undefined;
-                to: string;
-                toParentId: string;
-                class: string;
-            }[];
-            class: string;
-        }[];
-        fill: string | undefined;
-        labelFontSize: number | undefined;
-        stroke: string | undefined;
-        strokewWidth: number | undefined;
-        class: string;
-    };
-    pools: TPool[];
-    Render: FC;
-}

package/dist/Diagrams/custom/bpmn/nodes/TaskNode.d.ts

@@ -1,9 +0,0 @@
-import { BPMNode } from './BPMNode';
-import { Element } from '../../../store/elements/Element';
-import { TNodeConstructorProps } from '../../../store/elements/Node';
-export declare class TaskNode extends BPMNode {
-    constructor(parent: Element | null, state: TNodeConstructorProps);
-    protected Render: (() => import("react").JSX.Element) & {
-        displayName: string;
-    };
-}

package/dist/Diagrams/custom/communication/edges/CommunicationEdge.d.ts

@@ -1,35 +0,0 @@
-import { Edge } from '../../../store/elements/Edge';
-import { Element } from '../../../store/elements/Element';
-import { TEdgeState } from '../../../store/types';
-type CommunicationEdgeState = Partial<TEdgeState>;
-type SerializedCommunicationEdge = ReturnType<Edge['serialize']> & {
-    label?: string;
-    labelPositioning?: [number, number];
-};
-export declare class CommunicationEdge extends Edge {
-    isEditingLabel: boolean;
-    labelDraft: string;
-    constructor(parent: Element | null, state: CommunicationEdgeState);
-    setLabel(label: string): void;
-    beginLabelEdit(): void;
-    cancelLabelEdit(): void;
-    confirmLabelEdit(): void;
-    serialize(): {
-        label: string;
-        labelPositioning: [number, number];
-        arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
-        arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
-        displacementEnd: [number, number] | undefined;
-        displacementStart: [number, number] | undefined;
-        lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
-        pathType: import('../../../store/types').EdgePathType | undefined;
-        steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
-        stroke: string | undefined;
-        strokeWidth: number | undefined;
-        to: string;
-        toParentId: string;
-        class: string;
-    };
-    deserialize(o: SerializedCommunicationEdge): void;
-}
-export {};

package/dist/Diagrams/custom/communication/types.d.ts

@@ -1 +0,0 @@
-export type CommunicationNodeType = 'actor' | 'object' | 'controller';

package/dist/Diagrams/custom/editable/EditableLabel.d.ts

@@ -1,3 +0,0 @@
-export declare const EditableLabel: (() => import("react").JSX.Element) & {
-    displayName: string;
-};

package/dist/Diagrams/custom/editable/EditableNode.d.ts

@@ -1,15 +0,0 @@
-import { Node, TNodeConstructorProps } from '../../store/elements/Node';
-import { Element } from '../../store/elements/Element';
-import { FC } from 'react';
-export declare abstract class EditableNode extends Node {
-    editionMode: boolean;
-    constructor(parent: Element | null, state: TNodeConstructorProps);
-    get label(): string;
-    private previous;
-    edit(): void;
-    cancel(): void;
-    confirm(): boolean;
-    get isChanged(): boolean;
-    protected abstract Render: FC;
-    Renderer: () => import("react").JSX.Element;
-}

package/dist/Diagrams/custom/editable/EditableNodeContext.d.ts

@@ -1,3 +0,0 @@
-import { EditableNode } from './EditableNode';
-export declare const EditableNodeContext: import('react').Context<EditableNode | null>;
-export declare function useEditableNode(): EditableNode;

package/dist/Diagrams/store/elements/Edge.d.ts

@@ -1,42 +0,0 @@
-import { TEdgeState } from '../types';
-import { Coordinates } from '../primitives/Coordinates';
-import { EdgePoint, TSerializedEdgePoint } from './EdgePoint';
-import { Element } from './Element';
-import { Midpoint } from '../../components/objects/RenderEdge';
-import { MouseEvent } from 'react';
-import { Dimensions } from '../primitives/Dimensions';
-export declare class Edge extends Element {
-    state: TEdgeState;
-    id: Readonly<string>;
-    constructor(parent: Element | null, state: TEdgeState);
-    get arrowHeadEnd(): import('../types').EdgeArrowHead | undefined;
-    get arrowHeadStart(): import('../types').EdgeArrowHead | undefined;
-    get from(): import('./Gateway').Gateway;
-    get hasManualSteps(): EdgePoint | undefined;
-    get lineStyle(): import('../types').EdgeLineStyle | undefined;
-    get pathType(): import('../types').EdgePathType | undefined;
-    get steps(): EdgePoint[];
-    get stroke(): string | undefined;
-    get strokeWidth(): number | undefined;
-    collides(box: Dimensions): boolean;
-    setState<K extends keyof TEdgeState>(prop: K, value: TEdgeState[K]): void;
-    setSteps(steps: Coordinates[]): void;
-    get to(): import('./Gateway').Gateway;
-    deserialize(o: ReturnType<(typeof this)['serialize']>): void;
-    serialize(): {
-        arrowHeadEnd: import('../types').EdgeArrowHead | undefined;
-        arrowHeadStart: import('../types').EdgeArrowHead | undefined;
-        displacementEnd: [number, number] | undefined;
-        displacementStart: [number, number] | undefined;
-        lineStyle: import('../types').EdgeLineStyle | undefined;
-        pathType: import('../types').EdgePathType | undefined;
-        steps: TSerializedEdgePoint[];
-        stroke: string | undefined;
-        strokeWidth: number | undefined;
-        to: string;
-        toParentId: string;
-        class: string;
-    };
-    dragStart(midpoint: Midpoint, ev: MouseEvent): void;
-    dragEndpoint(endpoint: 'from' | 'to', ev: MouseEvent): void;
-}

package/dist/Diagrams/store/elements/Node.d.ts

@@ -1,73 +0,0 @@
-import { TOrientation, TNodeState } from '../types';
-import { Dimensions } from '../primitives/Dimensions';
-import { Coordinates } from '../primitives/Coordinates';
-import { Diagram } from '../Diagram';
-import { Gateway } from './Gateway';
-import { Element } from './Element';
-import { ClassList } from '../../util/ClassList';
-import { FC } from 'react';
-export type TNodeConstructorProps = Pick<TNodeState, 'id' | 'label'> & Partial<TNodeState>;
-export declare class Node<Gateways = TOrientation> extends Element {
-    protected _gateways: Map<Gateways, Gateway>;
-    state: TNodeState;
-    readonly classList: ClassList;
-    get selected(): boolean | undefined;
-    constructor(parent: Element | null, state: TNodeConstructorProps);
-    canSelect(): boolean;
-    canUnselect(): boolean;
-    setDiagram(d: Diagram): void;
-    setState<K extends keyof TNodeState>(prop: K, value: TNodeState[K]): void;
-    protected initializeGateways(): void;
-    get box(): Dimensions;
-    get coordinates(): Coordinates;
-    displace(howMuch: Coordinates): void;
-    get id(): string;
-    get gateways(): Gateway[];
-    protected dragEventMouseStartPosition: Coordinates | null;
-    protected dragEventStartPosition: Coordinates | null;
-    getGateway(which: Gateways): Gateway | undefined;
-    setDimentions(c: Coordinates | [number, number]): void;
-    private updateConnectedEdges;
-    setPosition(c: Coordinates, options?: {
-        updateConnectedEdges?: boolean;
-    }): void;
-    deserialize(o: ReturnType<(typeof this)['serialize']>): void;
-    serialize(): {
-        box: [number, number, number, number];
-        id: string;
-        label: string;
-        movable: boolean | undefined;
-        selectable: boolean | undefined;
-        selected: boolean | undefined;
-        gateways: {
-            coordinates: [number, number];
-            fill: string | undefined;
-            id: string;
-            orientation: TOrientation;
-            radius: number;
-            stroke: string | undefined;
-            strokeWidth: number;
-            outEdges: {
-                arrowHeadEnd: import('../types').EdgeArrowHead | undefined;
-                arrowHeadStart: import('../types').EdgeArrowHead | undefined;
-                displacementEnd: [number, number] | undefined;
-                displacementStart: [number, number] | undefined;
-                lineStyle: import('../types').EdgeLineStyle | undefined;
-                pathType: import('../types').EdgePathType | undefined;
-                steps: import('./EdgePoint').TSerializedEdgePoint[];
-                stroke: string | undefined;
-                strokeWidth: number | undefined;
-                to: string;
-                toParentId: string;
-                class: string;
-            }[];
-            class: string;
-        }[];
-        fill: string | undefined;
-        labelFontSize: number | undefined;
-        stroke: string | undefined;
-        strokewWidth: number | undefined;
-        class: string;
-    };
-    Renderer: FC | null;
-}

package/dist/Diagrams/store/extensions/DiagramExtension.d.ts

@@ -1,13 +0,0 @@
-import { Diagram } from '../Diagram';
-import { Element } from '../elements/Element';
-export declare abstract class DiagramExtension extends Element {
-    parent: Diagram;
-    constructor(parent: Diagram);
-    abstract init(): void;
-    get diagram(): Diagram;
-    protected _enable: boolean;
-    get enabled(): boolean;
-    disable(): void;
-    enable(): void;
-    toggle(newValue?: boolean): void;
-}

package/dist/Diagrams/store/extensions/History.d.ts

@@ -1,15 +0,0 @@
-import { DiagramExtension } from './DiagramExtension';
-export declare class History extends DiagramExtension {
-    private readonly windowTime;
-    private readonly maxSize;
-    private index;
-    private snapshots;
-    private avoidEvents;
-    unbind: () => void;
-    private window;
-    redo(): void;
-    undo(): void;
-    get hasNext(): boolean;
-    get hasPrevious(): boolean;
-    init(): void;
-}

package/dist/Diagrams/store/extensions/NodesAligner.d.ts

@@ -1,19 +0,0 @@
-import { DiagramExtension } from './DiagramExtension';
-type Proposal = {
-    type: 'v';
-    y: number;
-    range: [number, number];
-    id: string;
-} | {
-    type: 'h';
-    x: number;
-    range: [number, number];
-    id: string;
-};
-export declare class NodesAligner extends DiagramExtension {
-    private gridSize;
-    proposals: Proposal[];
-    clear(): void;
-    init(): void;
-}
-export {};

package/dist/Diagrams/store/extensions/NodesConnector.d.ts

@@ -1,27 +0,0 @@
-import { MouseEvent as RMEv } from 'react';
-import { Coordinates } from '../primitives/Coordinates';
-import { Gateway } from '../elements/Gateway';
-import { DiagramExtension } from './DiagramExtension';
-import { DMouseMoveEvent } from '../elements/Events';
-import { GridSnap } from './GridSnap';
-export declare class NodesConnector extends DiagramExtension {
-    protected hasRoutedPreview: boolean;
-    protected previewRequestVersion: number;
-    protected previewRafId: number | null;
-    init(): void;
-    protected arrowTo: Coordinates | null;
-    protected startGateway: Gateway | null;
-    candidateGateway: Gateway | null;
-    protected _arrowSteps: Coordinates[];
-    get arrowSteps(): Coordinates[];
-    protected get snap(): GridSnap;
-    protected calculateArrowSteps(): void;
-    protected orthogonalMousePreview(startGateway: Gateway, mouseOnPlane: Coordinates): Coordinates[];
-    protected compactPreviewPoints(points: Coordinates[]): Coordinates[];
-    protected cancelScheduledPreview(): void;
-    protected scheduleCalculateArrowSteps(): void;
-    protected u: () => void;
-    startConnectionFrom(gateway: Gateway, ev: RMEv): void;
-    protected handleMouseMove(ev: DMouseMoveEvent): void;
-    protected handleMouseUp(): void;
-}

package/dist/Diagrams/util/paths/findBestPathBetweenNodes.d.ts

@@ -1,8 +0,0 @@
-import { Diagram } from '../../store/Diagram';
-import { Gateway } from '../../store/elements/Gateway';
-import { Coordinates } from '../../store/primitives/Coordinates';
-export type Path = {
-    x: number;
-    y: number;
-}[];
-export declare function findBestPathBetweenNodes(diagram: Diagram, from: Gateway, to: Gateway, fromDisplacement?: Coordinates, toDisplacement?: Coordinates): Coordinates[];

package/dist/DirectedPoint-HRgiLZeU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DirectedPoint-HRgiLZeU.js","sources":["../src/Diagrams/store/primitives/DirectedPoint.ts"],"sourcesContent":["import type { TOrientation } from '../types';\r\nimport { Coordinates } from './Coordinates';\r\n\r\nexport class DirectedPoint extends Coordinates {\r\n  direction: TOrientation = 'left';\r\n\r\n  get rawDirectedPoint() {\r\n    return {\r\n      x: this.x,\r\n      y: this.y,\r\n      direction: this.direction,\r\n    };\r\n  }\r\n\r\n  stepBack() {\r\n    switch (this.direction) {\r\n      case 'down':\r\n        this.y--;\r\n        break;\r\n      case 'left':\r\n        this.x++;\r\n        break;\r\n      case 'right':\r\n        this.x--;\r\n        break;\r\n      case 'up':\r\n        this.y++;\r\n        break;\r\n    }\r\n    return this;\r\n  }\r\n\r\n  stepForward() {\r\n    switch (this.direction) {\r\n      case 'down':\r\n        this.y++;\r\n        break;\r\n      case 'left':\r\n        this.x--;\r\n        break;\r\n      case 'right':\r\n        this.x++;\r\n        break;\r\n      case 'up':\r\n        this.y--;\r\n        break;\r\n    }\r\n    return this;\r\n  }\r\n}\r\n"],"names":["_DirectedPoint","Coordinates","__name","DirectedPoint"],"mappings":";;;AAGO,MAAMA,IAAN,MAAMA,UAAsBC,EAAY;AAAA,EAC7C,YAA0B;AAAA,EAE1B,IAAI,mBAAmB;AACrB,WAAO;AAAA,MACL,GAAG,KAAK;AAAA,MACR,GAAG,KAAK;AAAA,MACR,WAAW,KAAK;AAAA,IAAA;AAAA,EAEpB;AAAA,EAEA,WAAW;AACT,YAAQ,KAAK,WAAA;AAAA,MACX,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,IAAA;AAEJ,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,YAAQ,KAAK,WAAA;AAAA,MACX,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,IAAA;AAEJ,WAAO;AAAA,EACT;AACF;AA9C+CC,EAAAF,GAAA;AAAxC,IAAMG,IAANH;"}