@nex125/seatmap-editor 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,178 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Venue, Viewport, SpatialIndex, CommandHistory, Vec2 } from '@nex125/seatmap-core';
+import { SeatmapStore } from '@nex125/seatmap-react';
+import { CSSProperties } from 'react';
+
+interface SeatmapEditorProps {
+    venue?: Venue;
+    onChange?: (venue: Venue) => void;
+    className?: string;
+}
+declare function SeatmapEditor({ venue, onChange, className }: SeatmapEditorProps): react_jsx_runtime.JSX.Element;
+
+interface ToolPointerEvent {
+    worldX: number;
+    worldY: number;
+    screenX: number;
+    screenY: number;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    button: number;
+}
+declare abstract class BaseTool {
+    abstract readonly name: string;
+    abstract readonly cursor: string;
+    onPointerDown(_e: ToolPointerEvent, _viewport: Viewport, _store: SeatmapStore): void;
+    onPointerMove(_e: ToolPointerEvent, _viewport: Viewport, _store: SeatmapStore): void;
+    onPointerUp(_e: ToolPointerEvent, _viewport: Viewport, _store: SeatmapStore): void;
+    onActivate(_viewport: Viewport, _store: SeatmapStore): void;
+    onDeactivate(): void;
+}
+
+declare class PanTool extends BaseTool {
+    readonly name = "pan";
+    readonly cursor = "grab";
+    private isPanning;
+    private lastX;
+    private lastY;
+    onPointerDown(e: ToolPointerEvent): void;
+    onPointerMove(e: ToolPointerEvent, viewport: Viewport): void;
+    onPointerUp(): void;
+    onDeactivate(): void;
+}
+
+declare class SelectTool extends BaseTool {
+    private spatialIndex;
+    private history;
+    readonly name = "select";
+    readonly cursor = "default";
+    private isDragging;
+    private dragStartWorld;
+    private hasDragged;
+    private dragMode;
+    selectionRect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    constructor(spatialIndex: SpatialIndex, history: CommandHistory);
+    onPointerDown(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+    onPointerMove(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+    onPointerUp(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+    private commitDrag;
+    private reset;
+    onDeactivate(): void;
+}
+
+declare class AddSectionTool extends BaseTool {
+    private history;
+    private categoryId;
+    readonly name = "add-section";
+    readonly cursor = "crosshair";
+    points: Vec2[];
+    onPointsChange?: (points: Vec2[], closeable: boolean) => void;
+    constructor(history: CommandHistory, categoryId?: string);
+    setCategoryId(id: string): void;
+    onPointerDown(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+    onPointerMove(e: ToolPointerEvent): void;
+    private finishPolygon;
+    private notifyChange;
+    onDeactivate(): void;
+}
+
+declare class AddRowTool extends BaseTool {
+    private history;
+    private spatialIndex;
+    readonly name = "add-row";
+    readonly cursor = "cell";
+    seatsPerRow: number;
+    seatSpacing: number;
+    constructor(history: CommandHistory, spatialIndex: SpatialIndex);
+    onPointerDown(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+}
+
+declare class AddSeatTool extends BaseTool {
+    private history;
+    private spatialIndex;
+    readonly name = "add-seat";
+    readonly cursor = "crosshair";
+    constructor(history: CommandHistory, spatialIndex: SpatialIndex);
+    onPointerDown(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+    private findNonOverlapping;
+}
+
+declare class DrawGATool extends BaseTool {
+    private history;
+    readonly name = "draw-ga";
+    readonly cursor = "crosshair";
+    points: Array<{
+        x: number;
+        y: number;
+    }>;
+    capacity: number;
+    categoryId: string;
+    constructor(history: CommandHistory);
+    onPointerDown(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+    finishPolygon(store: SeatmapStore): void;
+    onDeactivate(): void;
+}
+
+declare class AddTableTool extends BaseTool {
+    private history;
+    readonly name = "add-table";
+    readonly cursor = "crosshair";
+    shape: "round" | "rectangular";
+    seatsPerTable: number;
+    tableRadius: number;
+    categoryId: string;
+    constructor(history: CommandHistory);
+    onPointerDown(e: ToolPointerEvent, _viewport: Viewport, store: SeatmapStore): void;
+}
+
+interface ToolbarProps {
+    activeTool: string;
+    onToolChange: (tool: string) => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    onUndo: () => void;
+    onRedo: () => void;
+    onFitView: () => void;
+    onSave: () => void;
+    onLoad: () => void;
+    seatsPerRow: number;
+    onSeatsPerRowChange: (n: number) => void;
+    style?: CSSProperties;
+}
+declare function Toolbar({ activeTool, onToolChange, canUndo, canRedo, onUndo, onRedo, onFitView, onSave, onLoad, seatsPerRow, onSeatsPerRowChange, style, }: ToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface PropertyPanelProps {
+    venue: Venue | null;
+    selectedSeatIds: Set<string>;
+    history: CommandHistory;
+    store: SeatmapStore;
+    onUploadBackground?: () => void;
+    onRemoveBackground?: () => void;
+    onBackgroundOpacityChange?: (opacity: number) => void;
+    style?: CSSProperties;
+}
+declare function PropertyPanel({ venue, selectedSeatIds, history, store, onUploadBackground, onRemoveBackground, onBackgroundOpacityChange, style, }: PropertyPanelProps): react_jsx_runtime.JSX.Element;
+
+interface CategoryManagerProps {
+    venue: Venue | null;
+    history: CommandHistory;
+    store: SeatmapStore;
+    style?: CSSProperties;
+}
+declare function CategoryManager({ venue, history, store, style, }: CategoryManagerProps): react_jsx_runtime.JSX.Element | null;
+
+interface LayerPanelProps {
+    venue: Venue | null;
+    selectedSeatIds: Set<string>;
+    onSelectSection: (sectionId: string) => void;
+    style?: CSSProperties;
+}
+declare function LayerPanel({ venue, selectedSeatIds, onSelectSection, style, }: LayerPanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { AddRowTool, AddSeatTool, AddSectionTool, AddTableTool, BaseTool, CategoryManager, DrawGATool, LayerPanel, PanTool, PropertyPanel, SeatmapEditor, type SeatmapEditorProps, SelectTool, type ToolPointerEvent, Toolbar };