platform-calendar-seatmap 2.1.7 → 2.1.9

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

@@ -16,9 +16,15 @@ type T_Props = {
     soldSeats?: T_MainState['soldSeats'];
     currencySymbol?: string;
     isFullscreen?: boolean;
+    designOnly?: boolean;
+    ticketOnly?: boolean;
+    hideTicketSettings?: boolean;
+    hideTicketAssignmentColors?: boolean;
     onSave?: () => void;
     onCancel?: () => void;
     onFullscreenChange?: (isFullscreen: boolean) => void;
+    isSaving?: boolean;
+    isSaved?: boolean;
     onPreviewChange?: (isPreview: boolean) => void;
 } & Partial<T_ActionHandlersState>;
 declare const App: FC<T_Props>;

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/scene3d/builders/types.d.ts

@@ -9,6 +9,8 @@ export type T_BuildContext = {
     ticketIds?: {
         [key: string | number]: boolean;
     };
+    /** When true, only sold seats get special color; available/locked use unassigned */
+    hideTicketAssignmentColors?: boolean;
 };
 export type T_BuiltObject = {
     object: THREE.Object3D;

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/helpers/functions/seatStatus.d.ts

@@ -19,10 +19,11 @@ export declare const getSeatStatus: (seat: T_Seat, soldSeatIds: Set<string | num
  * When the seat is 'available' and a per-ticket color is defined in ticketColors,
  * that color takes priority over the generic available color.
  * Locked seats use their assigned ticket color (same as available seats), not a dedicated lock color.
+ * When hideTicketAssignmentColors is true, only sold seats get special coloring; available/locked use unassigned.
  */
 export declare const getSeatColor: (seat: T_Seat, seatColors: T_SeatColors, soldSeatIds: Set<string | number>, ticketIds?: {
     [key: string | number]: boolean;
-}, ticketColors?: Record<string, string>, highlightedTicketIds?: string[]) => string;
+}, ticketColors?: Record<string, string>, highlightedTicketIds?: string[], hideTicketAssignmentColors?: boolean) => 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/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;