platform-calendar-seatmap 2.1.7 → 2.1.8

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