platform-calendar-seatmap 2.1.5 → 2.1.7

package/dist/components/actionsHandler/ActionsHandler.d.ts

@@ -3,6 +3,7 @@ type actions = {
     save: () => (T_SeatMap & {
         backgroundColor: string;
         ticketColors: Record<string, string>;
+        seatSize: number;
     }) | false;
     cancel: () => void;
     updateSeatMap: (seatMap: T_SeatMap) => void;

package/dist/components/app/App.d.ts

@@ -8,11 +8,14 @@ import { T_Mode } from 'helpers/types/commons';
 import { T_MainState } from 'store/reducers/main/types';
 type T_Props = {
     tickets: T_Ticket[];
-    seatMap: T_SeatMap | null;
+    seatMap: (T_SeatMap & {
+        ticketColors?: Record<string, string>;
+    }) | null;
     actionsRef: React.ForwardedRef<actions>;
     mode?: T_Mode;
     soldSeats?: T_MainState['soldSeats'];
     currencySymbol?: string;
+    isFullscreen?: boolean;
     onSave?: () => void;
     onCancel?: () => void;
     onFullscreenChange?: (isFullscreen: boolean) => void;

package/dist/components/background/Background.d.ts

@@ -2,8 +2,6 @@ import { FC, ReactNode } from 'react';
 type T_Props = {
     children: (ref: React.MutableRefObject<HTMLDivElement>) => ReactNode;
     backgroundColor?: string;
-    /** Hide the dot pattern (e.g. in templates section preview) */
-    hideDots?: boolean;
 };
 declare const Background: FC<T_Props>;
 export { Background };

package/dist/components/elementSelector/ElementSelector.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { T_SceneTransform } from 'helpers/types/commons';
 type T_Props = {
     sceneTransform: T_SceneTransform;
+    wrapperRef?: React.MutableRefObject<HTMLDivElement>;
     renderMode?: '2d' | '3d';
     onToggleRenderMode?: () => void;
 };

package/dist/components/elementSelector/dropdown/Dropdown.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { T_SceneTransform } from 'helpers/types/commons';
 type T_Props = {
     sceneTransform: T_SceneTransform;
+    wrapperRef?: React.MutableRefObject<HTMLDivElement>;
 };
 declare const Dropdown: FC<T_Props>;
 export { Dropdown };

package/dist/components/elementSelector/dropdown/sections/arcSection/ArcSection.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { T_SceneTransform } from 'helpers/types/commons';
+type T_Props = {
+    sceneTransform: T_SceneTransform;
+    wrapperRef?: React.MutableRefObject<HTMLDivElement>;
+};
+declare const ArcSectionSettings: FC<T_Props>;
+export { ArcSectionSettings };

package/dist/components/elementWrapper/ElementWrapper.d.ts

@@ -14,6 +14,7 @@ type T_Props = {
     onDelete?: () => void;
     onDuplicate?: () => void;
     onRotate?: (angle: number) => void;
+    onDragEnd?: (position: T_Element['position']) => void;
 };
 declare const ElementWrapper: FC<PropsWithChildren<T_Props>>;
 export { ElementWrapper };

package/dist/components/elements/arcSection/ArcSection.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { T_Element_ArcSection } from 'platform-calendar-helpers';
+type T_Props = {
+    arcSection: T_Element_ArcSection;
+};
+declare const ArcSection: FC<T_Props>;
+export { ArcSection };

package/dist/components/scene3d/Scene3D.d.ts

@@ -1,6 +1,6 @@
 import { T_SceneTransform } from 'helpers/types/commons';
 type T_Scene3DRef = {
-    zoomToFit: () => void;
+    zoomToFit: (animate?: boolean) => void;
 };
 type T_Props = {
     wrapperRef: React.MutableRefObject<HTMLDivElement>;

package/dist/components/scene3d/builders/ArcSection3D.d.ts

@@ -0,0 +1,3 @@
+import { T_Element_ArcSection } from 'platform-calendar-helpers';
+import { T_BuildContext, T_BuiltObject } from './types';
+export declare const buildArcSection3D: (arcSection: T_Element_ArcSection, ctx: T_BuildContext) => T_BuiltObject;

package/dist/components/seatTooltip/SeatTooltip.d.ts

@@ -1,8 +1,8 @@
 /**
  * ENHANCED SEAT TOOLTIP
  * Shows comprehensive seat information: row, seat number, price, ticket name, accessible badge, notes
+ * Uses a single global portal tooltip for smooth animated transitions between seats.
  */
-import { FC, ReactNode } from 'react';
 import { T_Seat, T_Ticket } from 'platform-calendar-helpers';
 export interface T_SeatTooltipData {
     seat: T_Seat;
@@ -19,14 +19,3 @@ export interface T_SeatTooltipData {
     /** When true, rows are irrelevant — don't show row info in the tooltip */
     flatNumbering?: boolean;
 }
-type T_Props = {
-    data: T_SeatTooltipData;
-    children: ReactNode;
-    disabled?: boolean;
-};
-/**
- * Enhanced Seat Tooltip Component
- * Displays rich seat information on hover
- */
-declare const SeatTooltip: FC<T_Props>;
-export { SeatTooltip };

package/dist/components/seatTooltip/SeatTooltipPortal.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+import { T_SeatTooltipData } from './SeatTooltip';
+type T_TooltipAPI = {
+    show: (data: T_SeatTooltipData, anchorEl: HTMLElement) => void;
+    hide: () => void;
+};
+export declare const useSeatTooltip: () => T_TooltipAPI;
+export declare const SeatTooltipProvider: FC<{
+    children: ReactNode;
+}>;
+export {};

package/dist/components/ticketLegend/TicketLegend.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const TicketLegend: FC;
+export { TicketLegend };

package/dist/components/zoomControls/ZoomControls.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ZoomControls: FC;
+export { ZoomControls };

package/dist/helpers/constants/commons.d.ts

@@ -11,6 +11,5 @@ declare const IS_MOBILE: boolean;
 declare const MODES: {
     readonly edit: "edit";
     readonly view: "view";
-    readonly preview: "preview";
 };
 export { ALPHABET, ALPHABET_VENUE, CURVE_UPDATED_EVENT_NAME, STRETCH_UPDATED_EVENT_NAME, MODES, IS_MOBILE };

package/dist/helpers/constants/seatColors.d.ts

@@ -33,4 +33,3 @@ export declare const SEAT_SELECTION_COLOR = "#3B82F6";
 export declare const SEAT_SELECTION_GLOW = "rgba(59, 130, 246, 0.4)";
 export declare const VIEW_SELECTION_COLOR = "#10B981";
 export declare const VIEW_SELECTION_GLOW = "rgba(16, 185, 129, 0.4)";
-export declare const SEAT_SIZE = 22;

package/dist/helpers/functions/seatMap.d.ts

@@ -1,4 +1,4 @@
-import { T_Seat, T_SeatMap } from 'platform-calendar-helpers';
+import { T_Seat, T_SeatMap, T_Element_ArcSection } from 'platform-calendar-helpers';
 import { T_SelectedSeats } from 'store/reducers/elementSelector/types';
 declare const removeFakeElementsFromSeatMap: (_seatMap: T_SeatMap) => {
     elements: {
@@ -8,20 +8,50 @@ declare const removeFakeElementsFromSeatMap: (_seatMap: T_SeatMap) => {
         tables: import("platform-calendar-helpers").T_Element_Table[];
         text: import("platform-calendar-helpers").T_Element_Text[];
         aisles: any;
+        arcSection: any;
     };
     id: number;
     name: string;
     backgroundColor?: string;
-    ticketColors?: Record<string, string>;
+    seatSize?: number;
 };
 declare const addFakeElementsToSeatMap: (_seatMap: T_SeatMap) => T_SeatMap;
+/**
+ * Computes the bounding box (top, left, width, height) for an arc section in scene coordinates.
+ * Arc sections use centerPoint as their geometric center; this converts to top-left + dimensions
+ * to match how calculateZoomToFit expects element bounds.
+ */
+declare const getArcSectionBoundingBox: (arc: T_Element_ArcSection, seatSize?: number) => {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
 /**
  * Sold seats are not mutated. Sold status is determined by the soldSeats list (UI/selectors).
  * We do NOT set seat.locked for sold seats — being sold is separate from being locked.
  * (Previously this set locked:true on sold seats, which then got copied on paste/duplicate.)
  */
 declare const disableSoldSeats: (seatMap: T_SeatMap, _soldSeats: T_Seat[]) => T_SeatMap;
-declare const getElementInitialPosition: (sceneCoords: {
+type T_GetElementInitialPositionParams = {
+    sceneCoords: {
+        x: number;
+        y: number;
+    };
+    /** When provided, places element at viewport center instead of fixed offset */
+    wrapperRef?: {
+        current: HTMLDivElement | null;
+    };
+    scale?: number;
+    /** Current seatmap elements — when provided, new element is placed in empty space */
+    elements?: T_SeatMap['elements'];
+    /** The element being created and its type — used to estimate size for empty-space search */
+    newElement?: {
+        element: any;
+        type: string;
+    };
+};
+declare const getElementInitialPosition: (params: T_GetElementInitialPositionParams | {
     x: number;
     y: number;
 }) => {
@@ -35,5 +65,5 @@ declare const getElementInitialPosition: (sceneCoords: {
  * @param soldSeats - Array of sold seats from Redux state
  * @returns true if the element has sold seats, false otherwise
  */
-declare const hasSoldSeats: (elementId: string | number, elementType: "tables" | "seatingGroup", soldSeats: T_SelectedSeats[keyof T_SelectedSeats][]) => boolean;
-export { removeFakeElementsFromSeatMap, addFakeElementsToSeatMap, getElementInitialPosition, disableSoldSeats, hasSoldSeats };
+declare const hasSoldSeats: (elementId: string | number, elementType: "tables" | "seatingGroup" | "arcSection", soldSeats: T_SelectedSeats[keyof T_SelectedSeats][]) => boolean;
+export { removeFakeElementsFromSeatMap, addFakeElementsToSeatMap, getElementInitialPosition, getArcSectionBoundingBox, disableSoldSeats, hasSoldSeats };

package/dist/helpers/functions/seatStatus.d.ts

@@ -22,7 +22,7 @@ export declare const getSeatStatus: (seat: T_Seat, soldSeatIds: Set<string | num
  */
 export declare const getSeatColor: (seat: T_Seat, seatColors: T_SeatColors, soldSeatIds: Set<string | number>, ticketIds?: {
     [key: string | number]: boolean;
-}, ticketColors?: Record<string, string>) => string;
+}, ticketColors?: Record<string, string>, highlightedTicketIds?: string[]) => string;
 /**
  * Gets seat colors with fallback to defaults if missing.
  * Locked seats now use ticket color (no dedicated lock color), but we keep locked in the type for backward compat.

package/dist/hooks/useKeyboardSeatNavigation.d.ts

@@ -7,14 +7,14 @@ export declare const useKeyboardSeatNavigation: (enabled?: boolean) => {
     focusedSeat: {
         seatId: T_Seat["id"];
         elementId: string;
-        elementType: "seatingGroup" | "tables";
+        elementType: "seatingGroup" | "tables" | "arcSection";
         rowIndex: number;
         colIndex: number;
     };
     setFocusedSeat: import("react").Dispatch<import("react").SetStateAction<{
         seatId: T_Seat["id"];
         elementId: string;
-        elementType: "seatingGroup" | "tables";
+        elementType: "seatingGroup" | "tables" | "arcSection";
         rowIndex: number;
         colIndex: number;
     }>>;

package/dist/hooks/useScaleTracker.d.ts

@@ -1,2 +1,6 @@
-declare const useScaleTracker: (wrapperRef: React.MutableRefObject<HTMLDivElement>) => number;
+/**
+ * Returns the current scale from Redux.
+ * Zoom is controlled via ZoomControls (+/- buttons) only; mouse wheel zoom is disabled.
+ */
+declare const useScaleTracker: (_wrapperRef: React.MutableRefObject<HTMLDivElement>) => number;
 export { useScaleTracker };