platform-calendar-seatmap 2.1.6 → 2.1.8

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

@@ -15,6 +15,7 @@ type T_Props = {
     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/FullscreenPreviewControls.d.ts

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

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

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

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/elementSelector/icons/ElementSelectorIcons.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+/** Arc section: outer arc (7 dots) + inner arc (5 dots) */
+export declare const ArcSectionIcon: FC<{
+    size?: number;
+    className?: string;
+}>;
+/** Seating group: equal rows and columns of dots, no borders */
+export declare const SeatingGroupIcon: FC<{
+    size?: number;
+    className?: string;
+}>;
+/** Standing area: simple square outline */
+export declare const StandingAreaIcon: FC<{
+    size?: number;
+    className?: string;
+}>;
+/** Table: central circle with 4 smaller circles around it */
+export declare const TableIcon: FC<{
+    size?: number;
+    className?: string;
+}>;
+/** Text: capital T */
+export declare const TextIcon: FC<{
+    size?: number;
+    className?: string;
+}>;

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/elements/table/round/Round.d.ts

@@ -1,12 +1,11 @@
 import { T_Element_Table, T_Seat, T_Ticket } from 'platform-calendar-helpers';
 import { FC } from 'react';
-import { selectSelectedSeatsObj } from 'store/reducers/seatMap/selectors';
 import { selectTicketByIds } from 'store/reducers/main/selectors';
 import { T_SeatColors } from 'helpers/constants/seatColors';
 import { T_TableNumberingConfig } from 'helpers/constants/numberingStyles';
 type T_Props = {
     table: T_Element_Table;
-    selectedSeatsObj: ReturnType<typeof selectSelectedSeatsObj>;
+    selectedSeatIds: Record<string, any>;
     ticketIds: ReturnType<typeof selectTicketByIds>['ticketIds'];
     ticketsByIds?: {
         [key: number]: T_Ticket;
@@ -19,6 +18,7 @@ type T_Props = {
     ticketColors?: Record<string, string>;
     numberingConfig: T_TableNumberingConfig;
     iconType: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+    highlightedTicketIds?: string[];
 };
 declare const Round: FC<T_Props>;
 export { Round };

package/dist/components/elements/table/square/Square.d.ts

@@ -1,12 +1,11 @@
 import { T_Element_Table, T_Seat, T_Ticket } from 'platform-calendar-helpers';
 import { FC } from 'react';
-import { selectSelectedSeatsObj } from 'store/reducers/seatMap/selectors';
 import { selectTicketByIds } from 'store/reducers/main/selectors';
 import { T_SeatColors } from 'helpers/constants/seatColors';
 import { T_TableNumberingConfig } from 'helpers/constants/numberingStyles';
 type T_Props = {
     table: T_Element_Table;
-    selectedSeatsObj: ReturnType<typeof selectSelectedSeatsObj>;
+    selectedSeatIds: Record<string, any>;
     ticketIds: ReturnType<typeof selectTicketByIds>['ticketIds'];
     ticketsByIds?: {
         [key: number]: T_Ticket;
@@ -19,6 +18,7 @@ type T_Props = {
     ticketColors?: Record<string, string>;
     numberingConfig: T_TableNumberingConfig;
     iconType: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+    highlightedTicketIds?: string[];
 };
 declare const Square: FC<T_Props>;
 export { Square };

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/seat/Seat.d.ts

@@ -8,38 +8,38 @@ type T_Props = {
     seatColors: T_SeatColors;
     soldSeatIds: Set<string | number>;
     iconType?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    /** Absolute top position (primitive instead of object for memo stability) */
+    posTop?: number;
+    /** Absolute left position (primitive instead of object for memo stability) */
+    posLeft?: number;
+    /** @deprecated Use posTop/posLeft primitives instead. Kept for backward compat. */
     absolutePosition?: {
         top?: number;
         left?: number;
     };
-    /**
-     * Optional data attributes for hit-testing / selection algorithms.
-     * (Used by seating groups to expose row/col coordinates.)
-     */
+    /** Row index for data attribute (primitive instead of dataAttributes object for memo stability) */
+    seatRow?: number;
+    /** Column index for data attribute (primitive instead of dataAttributes object for memo stability) */
+    seatCol?: number;
+    /** @deprecated Use seatRow/seatCol primitives instead. Kept for backward compat. */
     dataAttributes?: Record<string, string | number | undefined>;
     ticketIds: ReturnType<typeof selectTicketByIds>['ticketIds'];
-    /** Ticket lookup by ID for enhanced tooltip */
     ticketsByIds?: {
         [key: number]: T_Ticket;
     };
     isViewOnly: boolean;
     select: (seat: T_Seat) => void;
-    /** Show seat number inside the seat */
     showNumber?: boolean;
-    /** Custom seat number to display (defaults to extracting from label or using index) */
     seatNumber?: string | number;
-    /** Row label for enhanced tooltip */
     rowLabel?: string;
-    /** Section/element name for enhanced tooltip */
     sectionName?: string;
-    /** Currency symbol for price display in tooltip */
     currencySymbol?: string;
-    /** Per-ticket color overrides from seatmap settings */
     ticketColors?: Record<string, string>;
-    /** Computed display label (e.g. after hidden-seat renumbering). Falls back to seat.label. */
     displayLabel?: string;
-    /** Whether flat numbering is active (no rows). Passed to tooltip to avoid showing row info. */
     flatNumbering?: boolean;
+    highlightedTicketIds?: string[];
+    /** Explicit pixel size - when provided, overrides CSS var(--seat-size) for arc sections and other absolute-positioned seats */
+    size?: number;
 };
 declare const Seat: FC<T_Props>;
 export { Seat };

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,19 +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;
+    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;
 }) => {
@@ -34,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/useElementVisibility.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+/**
+ * Returns `true` when the referenced element is within (or close to) the
+ * visible viewport.  Uses IntersectionObserver with a generous root margin
+ * so seats are mounted slightly before they scroll into view, avoiding
+ * visible pop-in.
+ *
+ * For elements with few seats (below `seatThreshold`) the hook always
+ * returns `true` — the overhead of observing is not worth it.
+ */
+export declare function useElementVisibility(ref: RefObject<HTMLElement | null>, seatCount: number, seatThreshold?: number): boolean;

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/useRowVirtualization.d.ts

@@ -0,0 +1,23 @@
+import { RefObject } from 'react';
+/**
+ * Returns a Set of row indices that should be rendered based on viewport visibility.
+ * Returns `null` when virtualization is not active (small seat count), meaning
+ * all rows should be rendered.
+ *
+ * For elements with an absolute-positioned layout (like ArcSection), provide
+ * `rowPositions` — an array of {top, height} per row in local element coordinates.
+ *
+ * For elements with a flexbox layout (like SeatingGroup), provide `rowHeight`
+ * and `rowGap` — the hook will calculate row positions automatically.
+ */
+export declare function useRowVirtualization(containerRef: RefObject<HTMLElement | null>, totalRows: number, totalSeatCount: number, layout: {
+    type: 'flex';
+    rowHeight: number;
+    rowGap: number;
+} | {
+    type: 'absolute';
+    rowPositions: Array<{
+        top: number;
+        height: number;
+    }>;
+}): Set<number> | null;

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 };