@nex125/seatmap-viewer 0.1.18 → 0.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/_tsup-dts-rollup.d.cts +173 -0
  2. package/dist/_tsup-dts-rollup.d.ts +173 -0
  3. package/dist/index.d.cts +24 -103
  4. package/dist/index.d.ts +24 -103
  5. package/package.json +10 -10
package/dist/_tsup-dts-rollup.d.cts ADDED
@@ -0,0 +1,173 @@
1
+ import type { CSSProperties } from 'react';
2
+ import { JSX } from 'react/jsx-runtime';
3
+ import { ReactNode } from 'react';
4
+ import type { SeatStatus } from '@nex125/seatmap-core';
5
+ import type { TooltipData } from '@nex125/seatmap-react';
6
+ import { useSeatStatus } from '@nex125/seatmap-react';
7
+ import type { Venue } from '@nex125/seatmap-core';
8
+
9
+ declare const defaultSeatmapViewerMessages: SeatmapViewerMessages;
10
+ export { defaultSeatmapViewerMessages }
11
+ export { defaultSeatmapViewerMessages as defaultSeatmapViewerMessages_alias_1 }
12
+
13
+ declare function getSeatmapViewerSharedThemeRootStyle(overrides?: SeatmapViewerCssVariableValues): CSSProperties;
14
+ export { getSeatmapViewerSharedThemeRootStyle }
15
+ export { getSeatmapViewerSharedThemeRootStyle as getSeatmapViewerSharedThemeRootStyle_alias_1 }
16
+
17
+ declare interface SeatmapCartEvent {
18
+ type: "cart-proceed-clicked";
19
+ payload: SeatmapCartPayload;
20
+ }
21
+ export { SeatmapCartEvent }
22
+ export { SeatmapCartEvent as SeatmapCartEvent_alias_1 }
23
+
24
+ declare interface SeatmapCartPayload {
25
+ venueId: string;
26
+ venueName: string;
27
+ seats: SeatmapCartSeat[];
28
+ totalSelectedSeats: number;
29
+ totalCost: number;
30
+ }
31
+ export { SeatmapCartPayload }
32
+ export { SeatmapCartPayload as SeatmapCartPayload_alias_1 }
33
+
34
+ declare interface SeatmapCartSeat {
35
+ seatId: string;
36
+ seatLabel: string;
37
+ rowLabel: string | null;
38
+ sectionId: string | null;
39
+ sectionLabel: string | null;
40
+ categoryId: string;
41
+ categoryName: string;
42
+ unitPrice: number;
43
+ baseUnitPrice: number;
44
+ serviceFee: number;
45
+ }
46
+ export { SeatmapCartSeat }
47
+ export { SeatmapCartSeat as SeatmapCartSeat_alias_1 }
48
+
49
+ declare function SeatmapViewer({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, className, onCartEvent, locale, currency, styles, classNames, messages, }: SeatmapViewerProps): JSX.Element;
50
+ export { SeatmapViewer }
51
+ export { SeatmapViewer as SeatmapViewer_alias_1 }
52
+
53
+ declare type SeatmapViewerClassNames = Partial<Record<SeatmapViewerStyleSlot, string>>;
54
+ export { SeatmapViewerClassNames }
55
+ export { SeatmapViewerClassNames as SeatmapViewerClassNames_alias_1 }
56
+
57
+ declare function SeatmapViewerContent({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, onCartEvent, locale, currency, styles, classNames, messages: messagesOverride, }: SeatmapViewerContentProps): JSX.Element;
58
+ export { SeatmapViewerContent }
59
+ export { SeatmapViewerContent as SeatmapViewerContent_alias_1 }
60
+
61
+ declare type SeatmapViewerContentProps = Omit<SeatmapViewerProps, "className"> & {
62
+ showLabels: boolean;
63
+ };
64
+ export { SeatmapViewerContentProps }
65
+ export { SeatmapViewerContentProps as SeatmapViewerContentProps_alias_1 }
66
+
67
+ declare type SeatmapViewerCssVariable = (typeof seatmapViewerCssVariables)[number];
68
+ export { SeatmapViewerCssVariable }
69
+ export { SeatmapViewerCssVariable as SeatmapViewerCssVariable_alias_1 }
70
+
71
+ declare const seatmapViewerCssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
72
+ export { seatmapViewerCssVariables }
73
+ export { seatmapViewerCssVariables as seatmapViewerCssVariables_alias_1 }
74
+
75
+ declare type SeatmapViewerCssVariableValues = Partial<Record<SeatmapViewerCssVariable, string>>;
76
+ export { SeatmapViewerCssVariableValues }
77
+ export { SeatmapViewerCssVariableValues as SeatmapViewerCssVariableValues_alias_1 }
78
+
79
+ declare const seatmapViewerDefaultClassNames: Record<SeatmapViewerStyleSlot, string>;
80
+ export { seatmapViewerDefaultClassNames }
81
+ export { seatmapViewerDefaultClassNames as seatmapViewerDefaultClassNames_alias_1 }
82
+
83
+ declare interface SeatmapViewerMessages {
84
+ uncategorizedCategoryName: string;
85
+ sectionFallbackLabel: string;
86
+ tableLabel: (tableLabel: string) => string;
87
+ tooltipSeatLabel: (rowLabel: string, seatLabel: string) => string;
88
+ tooltipStatusAvailable: string;
89
+ tooltipPriceLabel: (price: string) => string;
90
+ tooltipPriceUnavailable: string;
91
+ legendAriaLabel: string;
92
+ legendStatusesTitle: string;
93
+ legendPricesTitle: string;
94
+ cartChipLabel: (selectedCount: number) => string;
95
+ cartAriaLabel: string;
96
+ cartHeaderTitle: string;
97
+ cartCloseLabel: string;
98
+ cartEmptyState: string;
99
+ cartGroupMeta: (count: number, unitPrice: string) => string;
100
+ cartGroupFee: (basePrice: string, serviceFee: string, serviceFeePercent: string | null) => string;
101
+ cartRemoveOneAriaLabel: (categoryName: string) => string;
102
+ cartAddOneAriaLabel: (categoryName: string) => string;
103
+ cartRemoveSeatTitle: string;
104
+ cartRemoveSeatAriaLabel: (seatLabel: string) => string;
105
+ cartServiceFeeSummary: (serviceFeeTotal: string) => string;
106
+ cartSummary: (count: number, totalCost: string) => string;
107
+ cartProceedButton: string;
108
+ }
109
+ export { SeatmapViewerMessages }
110
+ export { SeatmapViewerMessages as SeatmapViewerMessages_alias_1 }
111
+
112
+ declare interface SeatmapViewerProps {
113
+ venue: Venue;
114
+ onSeatClick?: (seatId: string, sectionId: string) => void;
115
+ onSeatHover?: (seatId: string | null, sectionId: string | null) => void;
116
+ onSelectionChange?: (seatIds: string[]) => void;
117
+ onStatusUpdate?: (seatId: string, status: SeatStatus) => void;
118
+ renderTooltip?: (data: TooltipData) => ReactNode;
119
+ showLabels?: boolean;
120
+ className?: string;
121
+ onCartEvent?: (event: SeatmapCartEvent) => void;
122
+ locale?: string;
123
+ currency?: string;
124
+ styles?: SeatmapViewerStyles;
125
+ classNames?: SeatmapViewerClassNames;
126
+ messages?: Partial<SeatmapViewerMessages>;
127
+ }
128
+ export { SeatmapViewerProps }
129
+ export { SeatmapViewerProps as SeatmapViewerProps_alias_1 }
130
+
131
+ declare const seatmapViewerSharedTheme: {
132
+ readonly rootClassName: "seatmap-viewer-theme";
133
+ readonly classNames: Partial<Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>>;
134
+ readonly variables: Partial<Record<"--seatmap-surface" | "--seatmap-surface-elevated" | "--seatmap-surface-muted" | "--seatmap-on-surface" | "--seatmap-on-surface-variant" | "--seatmap-outline" | "--seatmap-outline-variant" | "--seatmap-primary" | "--seatmap-on-primary" | "--seatmap-error" | "--seatmap-on-error" | "--seatmap-state-layer-hover" | "--seatmap-state-layer-pressed" | "--seatmap-focus-ring" | "--seatmap-radius-sm" | "--seatmap-radius-md" | "--seatmap-radius-lg" | "--seatmap-shadow-raised" | "--seatmap-shadow-elevated" | "--seatmap-shadow-floating" | "--seatmap-viewer-surface" | "--seatmap-viewer-surface-elevated" | "--seatmap-viewer-surface-muted" | "--seatmap-viewer-border" | "--seatmap-viewer-border-subtle" | "--seatmap-viewer-text" | "--seatmap-viewer-text-muted" | "--seatmap-viewer-accent" | "--seatmap-viewer-accent-disabled" | "--seatmap-viewer-accent-text" | "--seatmap-viewer-danger" | "--seatmap-viewer-danger-text" | "--seatmap-viewer-state-layer-hover" | "--seatmap-viewer-state-layer-pressed" | "--seatmap-viewer-focus-ring" | "--seatmap-viewer-radius-sm" | "--seatmap-viewer-radius-md" | "--seatmap-viewer-radius-lg" | "--seatmap-viewer-shadow-raised" | "--seatmap-viewer-shadow-elevated" | "--seatmap-viewer-shadow-floating", string>>;
135
+ };
136
+ export { seatmapViewerSharedTheme }
137
+ export { seatmapViewerSharedTheme as seatmapViewerSharedTheme_alias_1 }
138
+
139
+ declare const seatmapViewerSharedThemeClassNames: SeatmapViewerClassNames;
140
+ export { seatmapViewerSharedThemeClassNames }
141
+ export { seatmapViewerSharedThemeClassNames as seatmapViewerSharedThemeClassNames_alias_1 }
142
+
143
+ declare const seatmapViewerSharedThemeRootClassName = "seatmap-viewer-theme";
144
+ export { seatmapViewerSharedThemeRootClassName }
145
+ export { seatmapViewerSharedThemeRootClassName as seatmapViewerSharedThemeRootClassName_alias_1 }
146
+
147
+ declare const seatmapViewerSharedThemeVariables: SeatmapViewerCssVariableValues;
148
+ export { seatmapViewerSharedThemeVariables }
149
+ export { seatmapViewerSharedThemeVariables as seatmapViewerSharedThemeVariables_alias_1 }
150
+
151
+ declare const seatmapViewerStyleContract: {
152
+ readonly slots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
153
+ readonly defaultClassNames: Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>;
154
+ readonly cssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
155
+ };
156
+ export { seatmapViewerStyleContract }
157
+ export { seatmapViewerStyleContract as seatmapViewerStyleContract_alias_1 }
158
+
159
+ declare type SeatmapViewerStyles = Partial<Record<SeatmapViewerStyleSlot, CSSProperties>>;
160
+ export { SeatmapViewerStyles }
161
+ export { SeatmapViewerStyles as SeatmapViewerStyles_alias_1 }
162
+
163
+ declare type SeatmapViewerStyleSlot = (typeof seatmapViewerStyleSlots)[number];
164
+ export { SeatmapViewerStyleSlot }
165
+ export { SeatmapViewerStyleSlot as SeatmapViewerStyleSlot_alias_1 }
166
+
167
+ declare const seatmapViewerStyleSlots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
168
+ export { seatmapViewerStyleSlots }
169
+ export { seatmapViewerStyleSlots as seatmapViewerStyleSlots_alias_1 }
170
+
171
+ export { useSeatStatus }
172
+
173
+ export { }
package/dist/_tsup-dts-rollup.d.ts ADDED
@@ -0,0 +1,173 @@
1
+ import type { CSSProperties } from 'react';
2
+ import { JSX } from 'react/jsx-runtime';
3
+ import { ReactNode } from 'react';
4
+ import type { SeatStatus } from '@nex125/seatmap-core';
5
+ import type { TooltipData } from '@nex125/seatmap-react';
6
+ import { useSeatStatus } from '@nex125/seatmap-react';
7
+ import type { Venue } from '@nex125/seatmap-core';
8
+
9
+ declare const defaultSeatmapViewerMessages: SeatmapViewerMessages;
10
+ export { defaultSeatmapViewerMessages }
11
+ export { defaultSeatmapViewerMessages as defaultSeatmapViewerMessages_alias_1 }
12
+
13
+ declare function getSeatmapViewerSharedThemeRootStyle(overrides?: SeatmapViewerCssVariableValues): CSSProperties;
14
+ export { getSeatmapViewerSharedThemeRootStyle }
15
+ export { getSeatmapViewerSharedThemeRootStyle as getSeatmapViewerSharedThemeRootStyle_alias_1 }
16
+
17
+ declare interface SeatmapCartEvent {
18
+ type: "cart-proceed-clicked";
19
+ payload: SeatmapCartPayload;
20
+ }
21
+ export { SeatmapCartEvent }
22
+ export { SeatmapCartEvent as SeatmapCartEvent_alias_1 }
23
+
24
+ declare interface SeatmapCartPayload {
25
+ venueId: string;
26
+ venueName: string;
27
+ seats: SeatmapCartSeat[];
28
+ totalSelectedSeats: number;
29
+ totalCost: number;
30
+ }
31
+ export { SeatmapCartPayload }
32
+ export { SeatmapCartPayload as SeatmapCartPayload_alias_1 }
33
+
34
+ declare interface SeatmapCartSeat {
35
+ seatId: string;
36
+ seatLabel: string;
37
+ rowLabel: string | null;
38
+ sectionId: string | null;
39
+ sectionLabel: string | null;
40
+ categoryId: string;
41
+ categoryName: string;
42
+ unitPrice: number;
43
+ baseUnitPrice: number;
44
+ serviceFee: number;
45
+ }
46
+ export { SeatmapCartSeat }
47
+ export { SeatmapCartSeat as SeatmapCartSeat_alias_1 }
48
+
49
+ declare function SeatmapViewer({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, className, onCartEvent, locale, currency, styles, classNames, messages, }: SeatmapViewerProps): JSX.Element;
50
+ export { SeatmapViewer }
51
+ export { SeatmapViewer as SeatmapViewer_alias_1 }
52
+
53
+ declare type SeatmapViewerClassNames = Partial<Record<SeatmapViewerStyleSlot, string>>;
54
+ export { SeatmapViewerClassNames }
55
+ export { SeatmapViewerClassNames as SeatmapViewerClassNames_alias_1 }
56
+
57
+ declare function SeatmapViewerContent({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, onCartEvent, locale, currency, styles, classNames, messages: messagesOverride, }: SeatmapViewerContentProps): JSX.Element;
58
+ export { SeatmapViewerContent }
59
+ export { SeatmapViewerContent as SeatmapViewerContent_alias_1 }
60
+
61
+ declare type SeatmapViewerContentProps = Omit<SeatmapViewerProps, "className"> & {
62
+ showLabels: boolean;
63
+ };
64
+ export { SeatmapViewerContentProps }
65
+ export { SeatmapViewerContentProps as SeatmapViewerContentProps_alias_1 }
66
+
67
+ declare type SeatmapViewerCssVariable = (typeof seatmapViewerCssVariables)[number];
68
+ export { SeatmapViewerCssVariable }
69
+ export { SeatmapViewerCssVariable as SeatmapViewerCssVariable_alias_1 }
70
+
71
+ declare const seatmapViewerCssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
72
+ export { seatmapViewerCssVariables }
73
+ export { seatmapViewerCssVariables as seatmapViewerCssVariables_alias_1 }
74
+
75
+ declare type SeatmapViewerCssVariableValues = Partial<Record<SeatmapViewerCssVariable, string>>;
76
+ export { SeatmapViewerCssVariableValues }
77
+ export { SeatmapViewerCssVariableValues as SeatmapViewerCssVariableValues_alias_1 }
78
+
79
+ declare const seatmapViewerDefaultClassNames: Record<SeatmapViewerStyleSlot, string>;
80
+ export { seatmapViewerDefaultClassNames }
81
+ export { seatmapViewerDefaultClassNames as seatmapViewerDefaultClassNames_alias_1 }
82
+
83
+ declare interface SeatmapViewerMessages {
84
+ uncategorizedCategoryName: string;
85
+ sectionFallbackLabel: string;
86
+ tableLabel: (tableLabel: string) => string;
87
+ tooltipSeatLabel: (rowLabel: string, seatLabel: string) => string;
88
+ tooltipStatusAvailable: string;
89
+ tooltipPriceLabel: (price: string) => string;
90
+ tooltipPriceUnavailable: string;
91
+ legendAriaLabel: string;
92
+ legendStatusesTitle: string;
93
+ legendPricesTitle: string;
94
+ cartChipLabel: (selectedCount: number) => string;
95
+ cartAriaLabel: string;
96
+ cartHeaderTitle: string;
97
+ cartCloseLabel: string;
98
+ cartEmptyState: string;
99
+ cartGroupMeta: (count: number, unitPrice: string) => string;
100
+ cartGroupFee: (basePrice: string, serviceFee: string, serviceFeePercent: string | null) => string;
101
+ cartRemoveOneAriaLabel: (categoryName: string) => string;
102
+ cartAddOneAriaLabel: (categoryName: string) => string;
103
+ cartRemoveSeatTitle: string;
104
+ cartRemoveSeatAriaLabel: (seatLabel: string) => string;
105
+ cartServiceFeeSummary: (serviceFeeTotal: string) => string;
106
+ cartSummary: (count: number, totalCost: string) => string;
107
+ cartProceedButton: string;
108
+ }
109
+ export { SeatmapViewerMessages }
110
+ export { SeatmapViewerMessages as SeatmapViewerMessages_alias_1 }
111
+
112
+ declare interface SeatmapViewerProps {
113
+ venue: Venue;
114
+ onSeatClick?: (seatId: string, sectionId: string) => void;
115
+ onSeatHover?: (seatId: string | null, sectionId: string | null) => void;
116
+ onSelectionChange?: (seatIds: string[]) => void;
117
+ onStatusUpdate?: (seatId: string, status: SeatStatus) => void;
118
+ renderTooltip?: (data: TooltipData) => ReactNode;
119
+ showLabels?: boolean;
120
+ className?: string;
121
+ onCartEvent?: (event: SeatmapCartEvent) => void;
122
+ locale?: string;
123
+ currency?: string;
124
+ styles?: SeatmapViewerStyles;
125
+ classNames?: SeatmapViewerClassNames;
126
+ messages?: Partial<SeatmapViewerMessages>;
127
+ }
128
+ export { SeatmapViewerProps }
129
+ export { SeatmapViewerProps as SeatmapViewerProps_alias_1 }
130
+
131
+ declare const seatmapViewerSharedTheme: {
132
+ readonly rootClassName: "seatmap-viewer-theme";
133
+ readonly classNames: Partial<Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>>;
134
+ readonly variables: Partial<Record<"--seatmap-surface" | "--seatmap-surface-elevated" | "--seatmap-surface-muted" | "--seatmap-on-surface" | "--seatmap-on-surface-variant" | "--seatmap-outline" | "--seatmap-outline-variant" | "--seatmap-primary" | "--seatmap-on-primary" | "--seatmap-error" | "--seatmap-on-error" | "--seatmap-state-layer-hover" | "--seatmap-state-layer-pressed" | "--seatmap-focus-ring" | "--seatmap-radius-sm" | "--seatmap-radius-md" | "--seatmap-radius-lg" | "--seatmap-shadow-raised" | "--seatmap-shadow-elevated" | "--seatmap-shadow-floating" | "--seatmap-viewer-surface" | "--seatmap-viewer-surface-elevated" | "--seatmap-viewer-surface-muted" | "--seatmap-viewer-border" | "--seatmap-viewer-border-subtle" | "--seatmap-viewer-text" | "--seatmap-viewer-text-muted" | "--seatmap-viewer-accent" | "--seatmap-viewer-accent-disabled" | "--seatmap-viewer-accent-text" | "--seatmap-viewer-danger" | "--seatmap-viewer-danger-text" | "--seatmap-viewer-state-layer-hover" | "--seatmap-viewer-state-layer-pressed" | "--seatmap-viewer-focus-ring" | "--seatmap-viewer-radius-sm" | "--seatmap-viewer-radius-md" | "--seatmap-viewer-radius-lg" | "--seatmap-viewer-shadow-raised" | "--seatmap-viewer-shadow-elevated" | "--seatmap-viewer-shadow-floating", string>>;
135
+ };
136
+ export { seatmapViewerSharedTheme }
137
+ export { seatmapViewerSharedTheme as seatmapViewerSharedTheme_alias_1 }
138
+
139
+ declare const seatmapViewerSharedThemeClassNames: SeatmapViewerClassNames;
140
+ export { seatmapViewerSharedThemeClassNames }
141
+ export { seatmapViewerSharedThemeClassNames as seatmapViewerSharedThemeClassNames_alias_1 }
142
+
143
+ declare const seatmapViewerSharedThemeRootClassName = "seatmap-viewer-theme";
144
+ export { seatmapViewerSharedThemeRootClassName }
145
+ export { seatmapViewerSharedThemeRootClassName as seatmapViewerSharedThemeRootClassName_alias_1 }
146
+
147
+ declare const seatmapViewerSharedThemeVariables: SeatmapViewerCssVariableValues;
148
+ export { seatmapViewerSharedThemeVariables }
149
+ export { seatmapViewerSharedThemeVariables as seatmapViewerSharedThemeVariables_alias_1 }
150
+
151
+ declare const seatmapViewerStyleContract: {
152
+ readonly slots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
153
+ readonly defaultClassNames: Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>;
154
+ readonly cssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
155
+ };
156
+ export { seatmapViewerStyleContract }
157
+ export { seatmapViewerStyleContract as seatmapViewerStyleContract_alias_1 }
158
+
159
+ declare type SeatmapViewerStyles = Partial<Record<SeatmapViewerStyleSlot, CSSProperties>>;
160
+ export { SeatmapViewerStyles }
161
+ export { SeatmapViewerStyles as SeatmapViewerStyles_alias_1 }
162
+
163
+ declare type SeatmapViewerStyleSlot = (typeof seatmapViewerStyleSlots)[number];
164
+ export { SeatmapViewerStyleSlot }
165
+ export { SeatmapViewerStyleSlot as SeatmapViewerStyleSlot_alias_1 }
166
+
167
+ declare const seatmapViewerStyleSlots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
168
+ export { seatmapViewerStyleSlots }
169
+ export { seatmapViewerStyleSlots as seatmapViewerStyleSlots_alias_1 }
170
+
171
+ export { useSeatStatus }
172
+
173
+ export { }
package/dist/index.d.cts CHANGED
@@ -1,103 +1,24 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { CSSProperties, ReactNode } from 'react';
3
- import { Venue, SeatStatus } from '@nex125/seatmap-core';
4
- import { TooltipData } from '@nex125/seatmap-react';
5
- export { useSeatStatus } from '@nex125/seatmap-react';
6
-
7
- declare const seatmapViewerStyleSlots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
8
- type SeatmapViewerStyleSlot = (typeof seatmapViewerStyleSlots)[number];
9
- type SeatmapViewerStyles = Partial<Record<SeatmapViewerStyleSlot, CSSProperties>>;
10
- type SeatmapViewerClassNames = Partial<Record<SeatmapViewerStyleSlot, string>>;
11
- declare const seatmapViewerDefaultClassNames: Record<SeatmapViewerStyleSlot, string>;
12
- declare const seatmapViewerCssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
13
- type SeatmapViewerCssVariable = (typeof seatmapViewerCssVariables)[number];
14
- type SeatmapViewerCssVariableValues = Partial<Record<SeatmapViewerCssVariable, string>>;
15
- declare const seatmapViewerStyleContract: {
16
- readonly slots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
17
- readonly defaultClassNames: Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>;
18
- readonly cssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
19
- };
20
-
21
- interface SeatmapCartSeat {
22
- seatId: string;
23
- seatLabel: string;
24
- rowLabel: string | null;
25
- sectionId: string | null;
26
- sectionLabel: string | null;
27
- categoryId: string;
28
- categoryName: string;
29
- unitPrice: number;
30
- baseUnitPrice: number;
31
- serviceFee: number;
32
- }
33
- interface SeatmapCartPayload {
34
- venueId: string;
35
- venueName: string;
36
- seats: SeatmapCartSeat[];
37
- totalSelectedSeats: number;
38
- totalCost: number;
39
- }
40
- interface SeatmapCartEvent {
41
- type: "cart-proceed-clicked";
42
- payload: SeatmapCartPayload;
43
- }
44
- interface SeatmapViewerProps {
45
- venue: Venue;
46
- onSeatClick?: (seatId: string, sectionId: string) => void;
47
- onSeatHover?: (seatId: string | null, sectionId: string | null) => void;
48
- onSelectionChange?: (seatIds: string[]) => void;
49
- onStatusUpdate?: (seatId: string, status: SeatStatus) => void;
50
- renderTooltip?: (data: TooltipData) => ReactNode;
51
- showLabels?: boolean;
52
- className?: string;
53
- onCartEvent?: (event: SeatmapCartEvent) => void;
54
- locale?: string;
55
- currency?: string;
56
- styles?: SeatmapViewerStyles;
57
- classNames?: SeatmapViewerClassNames;
58
- messages?: Partial<SeatmapViewerMessages>;
59
- }
60
- interface SeatmapViewerMessages {
61
- uncategorizedCategoryName: string;
62
- sectionFallbackLabel: string;
63
- tableLabel: (tableLabel: string) => string;
64
- tooltipSeatLabel: (rowLabel: string, seatLabel: string) => string;
65
- tooltipStatusAvailable: string;
66
- tooltipPriceLabel: (price: string) => string;
67
- tooltipPriceUnavailable: string;
68
- legendAriaLabel: string;
69
- legendStatusesTitle: string;
70
- legendPricesTitle: string;
71
- cartChipLabel: (selectedCount: number) => string;
72
- cartAriaLabel: string;
73
- cartHeaderTitle: string;
74
- cartCloseLabel: string;
75
- cartEmptyState: string;
76
- cartGroupMeta: (count: number, unitPrice: string) => string;
77
- cartGroupFee: (basePrice: string, serviceFee: string, serviceFeePercent: string | null) => string;
78
- cartRemoveOneAriaLabel: (categoryName: string) => string;
79
- cartAddOneAriaLabel: (categoryName: string) => string;
80
- cartRemoveSeatTitle: string;
81
- cartRemoveSeatAriaLabel: (seatLabel: string) => string;
82
- cartServiceFeeSummary: (serviceFeeTotal: string) => string;
83
- cartSummary: (count: number, totalCost: string) => string;
84
- cartProceedButton: string;
85
- }
86
- declare const defaultSeatmapViewerMessages: SeatmapViewerMessages;
87
- type SeatmapViewerContentProps = Omit<SeatmapViewerProps, "className"> & {
88
- showLabels: boolean;
89
- };
90
- declare function SeatmapViewerContent({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, onCartEvent, locale, currency, styles, classNames, messages: messagesOverride, }: SeatmapViewerContentProps): react_jsx_runtime.JSX.Element;
91
- declare function SeatmapViewer({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, className, onCartEvent, locale, currency, styles, classNames, messages, }: SeatmapViewerProps): react_jsx_runtime.JSX.Element;
92
-
93
- declare const seatmapViewerSharedThemeRootClassName = "seatmap-viewer-theme";
94
- declare const seatmapViewerSharedThemeClassNames: SeatmapViewerClassNames;
95
- declare const seatmapViewerSharedThemeVariables: SeatmapViewerCssVariableValues;
96
- declare const seatmapViewerSharedTheme: {
97
- readonly rootClassName: "seatmap-viewer-theme";
98
- readonly classNames: Partial<Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>>;
99
- readonly variables: Partial<Record<"--seatmap-surface" | "--seatmap-surface-elevated" | "--seatmap-surface-muted" | "--seatmap-on-surface" | "--seatmap-on-surface-variant" | "--seatmap-outline" | "--seatmap-outline-variant" | "--seatmap-primary" | "--seatmap-on-primary" | "--seatmap-error" | "--seatmap-on-error" | "--seatmap-state-layer-hover" | "--seatmap-state-layer-pressed" | "--seatmap-focus-ring" | "--seatmap-radius-sm" | "--seatmap-radius-md" | "--seatmap-radius-lg" | "--seatmap-shadow-raised" | "--seatmap-shadow-elevated" | "--seatmap-shadow-floating" | "--seatmap-viewer-surface" | "--seatmap-viewer-surface-elevated" | "--seatmap-viewer-surface-muted" | "--seatmap-viewer-border" | "--seatmap-viewer-border-subtle" | "--seatmap-viewer-text" | "--seatmap-viewer-text-muted" | "--seatmap-viewer-accent" | "--seatmap-viewer-accent-disabled" | "--seatmap-viewer-accent-text" | "--seatmap-viewer-danger" | "--seatmap-viewer-danger-text" | "--seatmap-viewer-state-layer-hover" | "--seatmap-viewer-state-layer-pressed" | "--seatmap-viewer-focus-ring" | "--seatmap-viewer-radius-sm" | "--seatmap-viewer-radius-md" | "--seatmap-viewer-radius-lg" | "--seatmap-viewer-shadow-raised" | "--seatmap-viewer-shadow-elevated" | "--seatmap-viewer-shadow-floating", string>>;
100
- };
101
- declare function getSeatmapViewerSharedThemeRootStyle(overrides?: SeatmapViewerCssVariableValues): CSSProperties;
102
-
103
- export { type SeatmapCartEvent, type SeatmapCartPayload, type SeatmapCartSeat, SeatmapViewer, type SeatmapViewerClassNames, SeatmapViewerContent, type SeatmapViewerContentProps, type SeatmapViewerCssVariable, type SeatmapViewerCssVariableValues, type SeatmapViewerMessages, type SeatmapViewerProps, type SeatmapViewerStyleSlot, type SeatmapViewerStyles, defaultSeatmapViewerMessages, getSeatmapViewerSharedThemeRootStyle, seatmapViewerCssVariables, seatmapViewerDefaultClassNames, seatmapViewerSharedTheme, seatmapViewerSharedThemeClassNames, seatmapViewerSharedThemeRootClassName, seatmapViewerSharedThemeVariables, seatmapViewerStyleContract, seatmapViewerStyleSlots };
1
+ export { SeatmapViewer_alias_1 as SeatmapViewer } from './_tsup-dts-rollup.cjs';
2
+ export { SeatmapViewerContent_alias_1 as SeatmapViewerContent } from './_tsup-dts-rollup.cjs';
3
+ export { SeatmapViewerProps_alias_1 as SeatmapViewerProps } from './_tsup-dts-rollup.cjs';
4
+ export { SeatmapViewerContentProps_alias_1 as SeatmapViewerContentProps } from './_tsup-dts-rollup.cjs';
5
+ export { SeatmapViewerMessages_alias_1 as SeatmapViewerMessages } from './_tsup-dts-rollup.cjs';
6
+ export { SeatmapCartSeat_alias_1 as SeatmapCartSeat } from './_tsup-dts-rollup.cjs';
7
+ export { SeatmapCartPayload_alias_1 as SeatmapCartPayload } from './_tsup-dts-rollup.cjs';
8
+ export { SeatmapCartEvent_alias_1 as SeatmapCartEvent } from './_tsup-dts-rollup.cjs';
9
+ export { defaultSeatmapViewerMessages_alias_1 as defaultSeatmapViewerMessages } from './_tsup-dts-rollup.cjs';
10
+ export { SeatmapViewerStyleSlot } from './_tsup-dts-rollup.cjs';
11
+ export { SeatmapViewerStyles } from './_tsup-dts-rollup.cjs';
12
+ export { SeatmapViewerClassNames } from './_tsup-dts-rollup.cjs';
13
+ export { SeatmapViewerCssVariable } from './_tsup-dts-rollup.cjs';
14
+ export { SeatmapViewerCssVariableValues } from './_tsup-dts-rollup.cjs';
15
+ export { seatmapViewerStyleSlots } from './_tsup-dts-rollup.cjs';
16
+ export { seatmapViewerDefaultClassNames } from './_tsup-dts-rollup.cjs';
17
+ export { seatmapViewerCssVariables } from './_tsup-dts-rollup.cjs';
18
+ export { seatmapViewerStyleContract } from './_tsup-dts-rollup.cjs';
19
+ export { getSeatmapViewerSharedThemeRootStyle } from './_tsup-dts-rollup.cjs';
20
+ export { seatmapViewerSharedThemeRootClassName } from './_tsup-dts-rollup.cjs';
21
+ export { seatmapViewerSharedThemeClassNames } from './_tsup-dts-rollup.cjs';
22
+ export { seatmapViewerSharedThemeVariables } from './_tsup-dts-rollup.cjs';
23
+ export { seatmapViewerSharedTheme } from './_tsup-dts-rollup.cjs';
24
+ export { useSeatStatus } from './_tsup-dts-rollup.cjs';
package/dist/index.d.ts CHANGED
@@ -1,103 +1,24 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { CSSProperties, ReactNode } from 'react';
3
- import { Venue, SeatStatus } from '@nex125/seatmap-core';
4
- import { TooltipData } from '@nex125/seatmap-react';
5
- export { useSeatStatus } from '@nex125/seatmap-react';
6
-
7
- declare const seatmapViewerStyleSlots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
8
- type SeatmapViewerStyleSlot = (typeof seatmapViewerStyleSlots)[number];
9
- type SeatmapViewerStyles = Partial<Record<SeatmapViewerStyleSlot, CSSProperties>>;
10
- type SeatmapViewerClassNames = Partial<Record<SeatmapViewerStyleSlot, string>>;
11
- declare const seatmapViewerDefaultClassNames: Record<SeatmapViewerStyleSlot, string>;
12
- declare const seatmapViewerCssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
13
- type SeatmapViewerCssVariable = (typeof seatmapViewerCssVariables)[number];
14
- type SeatmapViewerCssVariableValues = Partial<Record<SeatmapViewerCssVariable, string>>;
15
- declare const seatmapViewerStyleContract: {
16
- readonly slots: readonly ["root", "legendContainer", "legendHeading", "legendList", "legendItem", "legendSwatch", "legendDivider", "cartChip", "cartPopup", "cartHeader", "cartHeaderTitle", "cartIconButton", "cartBody", "cartEmptyState", "cartGroup", "cartGroupTitle", "cartGroupMeta", "cartQuantityRow", "cartQuantityValue", "cartGroupTotal", "cartSeatRow", "cartSeatLabel", "cartFooter", "cartSummary", "cartProceedButton"];
17
- readonly defaultClassNames: Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>;
18
- readonly cssVariables: readonly ["--seatmap-surface", "--seatmap-surface-elevated", "--seatmap-surface-muted", "--seatmap-on-surface", "--seatmap-on-surface-variant", "--seatmap-outline", "--seatmap-outline-variant", "--seatmap-primary", "--seatmap-on-primary", "--seatmap-error", "--seatmap-on-error", "--seatmap-state-layer-hover", "--seatmap-state-layer-pressed", "--seatmap-focus-ring", "--seatmap-radius-sm", "--seatmap-radius-md", "--seatmap-radius-lg", "--seatmap-shadow-raised", "--seatmap-shadow-elevated", "--seatmap-shadow-floating", "--seatmap-viewer-surface", "--seatmap-viewer-surface-elevated", "--seatmap-viewer-surface-muted", "--seatmap-viewer-border", "--seatmap-viewer-border-subtle", "--seatmap-viewer-text", "--seatmap-viewer-text-muted", "--seatmap-viewer-accent", "--seatmap-viewer-accent-disabled", "--seatmap-viewer-accent-text", "--seatmap-viewer-danger", "--seatmap-viewer-danger-text", "--seatmap-viewer-state-layer-hover", "--seatmap-viewer-state-layer-pressed", "--seatmap-viewer-focus-ring", "--seatmap-viewer-radius-sm", "--seatmap-viewer-radius-md", "--seatmap-viewer-radius-lg", "--seatmap-viewer-shadow-raised", "--seatmap-viewer-shadow-elevated", "--seatmap-viewer-shadow-floating"];
19
- };
20
-
21
- interface SeatmapCartSeat {
22
- seatId: string;
23
- seatLabel: string;
24
- rowLabel: string | null;
25
- sectionId: string | null;
26
- sectionLabel: string | null;
27
- categoryId: string;
28
- categoryName: string;
29
- unitPrice: number;
30
- baseUnitPrice: number;
31
- serviceFee: number;
32
- }
33
- interface SeatmapCartPayload {
34
- venueId: string;
35
- venueName: string;
36
- seats: SeatmapCartSeat[];
37
- totalSelectedSeats: number;
38
- totalCost: number;
39
- }
40
- interface SeatmapCartEvent {
41
- type: "cart-proceed-clicked";
42
- payload: SeatmapCartPayload;
43
- }
44
- interface SeatmapViewerProps {
45
- venue: Venue;
46
- onSeatClick?: (seatId: string, sectionId: string) => void;
47
- onSeatHover?: (seatId: string | null, sectionId: string | null) => void;
48
- onSelectionChange?: (seatIds: string[]) => void;
49
- onStatusUpdate?: (seatId: string, status: SeatStatus) => void;
50
- renderTooltip?: (data: TooltipData) => ReactNode;
51
- showLabels?: boolean;
52
- className?: string;
53
- onCartEvent?: (event: SeatmapCartEvent) => void;
54
- locale?: string;
55
- currency?: string;
56
- styles?: SeatmapViewerStyles;
57
- classNames?: SeatmapViewerClassNames;
58
- messages?: Partial<SeatmapViewerMessages>;
59
- }
60
- interface SeatmapViewerMessages {
61
- uncategorizedCategoryName: string;
62
- sectionFallbackLabel: string;
63
- tableLabel: (tableLabel: string) => string;
64
- tooltipSeatLabel: (rowLabel: string, seatLabel: string) => string;
65
- tooltipStatusAvailable: string;
66
- tooltipPriceLabel: (price: string) => string;
67
- tooltipPriceUnavailable: string;
68
- legendAriaLabel: string;
69
- legendStatusesTitle: string;
70
- legendPricesTitle: string;
71
- cartChipLabel: (selectedCount: number) => string;
72
- cartAriaLabel: string;
73
- cartHeaderTitle: string;
74
- cartCloseLabel: string;
75
- cartEmptyState: string;
76
- cartGroupMeta: (count: number, unitPrice: string) => string;
77
- cartGroupFee: (basePrice: string, serviceFee: string, serviceFeePercent: string | null) => string;
78
- cartRemoveOneAriaLabel: (categoryName: string) => string;
79
- cartAddOneAriaLabel: (categoryName: string) => string;
80
- cartRemoveSeatTitle: string;
81
- cartRemoveSeatAriaLabel: (seatLabel: string) => string;
82
- cartServiceFeeSummary: (serviceFeeTotal: string) => string;
83
- cartSummary: (count: number, totalCost: string) => string;
84
- cartProceedButton: string;
85
- }
86
- declare const defaultSeatmapViewerMessages: SeatmapViewerMessages;
87
- type SeatmapViewerContentProps = Omit<SeatmapViewerProps, "className"> & {
88
- showLabels: boolean;
89
- };
90
- declare function SeatmapViewerContent({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, onCartEvent, locale, currency, styles, classNames, messages: messagesOverride, }: SeatmapViewerContentProps): react_jsx_runtime.JSX.Element;
91
- declare function SeatmapViewer({ venue, onSeatClick, onSeatHover, onSelectionChange, renderTooltip, showLabels, className, onCartEvent, locale, currency, styles, classNames, messages, }: SeatmapViewerProps): react_jsx_runtime.JSX.Element;
92
-
93
- declare const seatmapViewerSharedThemeRootClassName = "seatmap-viewer-theme";
94
- declare const seatmapViewerSharedThemeClassNames: SeatmapViewerClassNames;
95
- declare const seatmapViewerSharedThemeVariables: SeatmapViewerCssVariableValues;
96
- declare const seatmapViewerSharedTheme: {
97
- readonly rootClassName: "seatmap-viewer-theme";
98
- readonly classNames: Partial<Record<"root" | "legendContainer" | "legendHeading" | "legendList" | "legendItem" | "legendSwatch" | "legendDivider" | "cartChip" | "cartPopup" | "cartHeader" | "cartHeaderTitle" | "cartIconButton" | "cartBody" | "cartEmptyState" | "cartGroup" | "cartGroupTitle" | "cartGroupMeta" | "cartQuantityRow" | "cartQuantityValue" | "cartGroupTotal" | "cartSeatRow" | "cartSeatLabel" | "cartFooter" | "cartSummary" | "cartProceedButton", string>>;
99
- readonly variables: Partial<Record<"--seatmap-surface" | "--seatmap-surface-elevated" | "--seatmap-surface-muted" | "--seatmap-on-surface" | "--seatmap-on-surface-variant" | "--seatmap-outline" | "--seatmap-outline-variant" | "--seatmap-primary" | "--seatmap-on-primary" | "--seatmap-error" | "--seatmap-on-error" | "--seatmap-state-layer-hover" | "--seatmap-state-layer-pressed" | "--seatmap-focus-ring" | "--seatmap-radius-sm" | "--seatmap-radius-md" | "--seatmap-radius-lg" | "--seatmap-shadow-raised" | "--seatmap-shadow-elevated" | "--seatmap-shadow-floating" | "--seatmap-viewer-surface" | "--seatmap-viewer-surface-elevated" | "--seatmap-viewer-surface-muted" | "--seatmap-viewer-border" | "--seatmap-viewer-border-subtle" | "--seatmap-viewer-text" | "--seatmap-viewer-text-muted" | "--seatmap-viewer-accent" | "--seatmap-viewer-accent-disabled" | "--seatmap-viewer-accent-text" | "--seatmap-viewer-danger" | "--seatmap-viewer-danger-text" | "--seatmap-viewer-state-layer-hover" | "--seatmap-viewer-state-layer-pressed" | "--seatmap-viewer-focus-ring" | "--seatmap-viewer-radius-sm" | "--seatmap-viewer-radius-md" | "--seatmap-viewer-radius-lg" | "--seatmap-viewer-shadow-raised" | "--seatmap-viewer-shadow-elevated" | "--seatmap-viewer-shadow-floating", string>>;
100
- };
101
- declare function getSeatmapViewerSharedThemeRootStyle(overrides?: SeatmapViewerCssVariableValues): CSSProperties;
102
-
103
- export { type SeatmapCartEvent, type SeatmapCartPayload, type SeatmapCartSeat, SeatmapViewer, type SeatmapViewerClassNames, SeatmapViewerContent, type SeatmapViewerContentProps, type SeatmapViewerCssVariable, type SeatmapViewerCssVariableValues, type SeatmapViewerMessages, type SeatmapViewerProps, type SeatmapViewerStyleSlot, type SeatmapViewerStyles, defaultSeatmapViewerMessages, getSeatmapViewerSharedThemeRootStyle, seatmapViewerCssVariables, seatmapViewerDefaultClassNames, seatmapViewerSharedTheme, seatmapViewerSharedThemeClassNames, seatmapViewerSharedThemeRootClassName, seatmapViewerSharedThemeVariables, seatmapViewerStyleContract, seatmapViewerStyleSlots };
1
+ export { SeatmapViewer_alias_1 as SeatmapViewer } from './_tsup-dts-rollup.js';
2
+ export { SeatmapViewerContent_alias_1 as SeatmapViewerContent } from './_tsup-dts-rollup.js';
3
+ export { SeatmapViewerProps_alias_1 as SeatmapViewerProps } from './_tsup-dts-rollup.js';
4
+ export { SeatmapViewerContentProps_alias_1 as SeatmapViewerContentProps } from './_tsup-dts-rollup.js';
5
+ export { SeatmapViewerMessages_alias_1 as SeatmapViewerMessages } from './_tsup-dts-rollup.js';
6
+ export { SeatmapCartSeat_alias_1 as SeatmapCartSeat } from './_tsup-dts-rollup.js';
7
+ export { SeatmapCartPayload_alias_1 as SeatmapCartPayload } from './_tsup-dts-rollup.js';
8
+ export { SeatmapCartEvent_alias_1 as SeatmapCartEvent } from './_tsup-dts-rollup.js';
9
+ export { defaultSeatmapViewerMessages_alias_1 as defaultSeatmapViewerMessages } from './_tsup-dts-rollup.js';
10
+ export { SeatmapViewerStyleSlot } from './_tsup-dts-rollup.js';
11
+ export { SeatmapViewerStyles } from './_tsup-dts-rollup.js';
12
+ export { SeatmapViewerClassNames } from './_tsup-dts-rollup.js';
13
+ export { SeatmapViewerCssVariable } from './_tsup-dts-rollup.js';
14
+ export { SeatmapViewerCssVariableValues } from './_tsup-dts-rollup.js';
15
+ export { seatmapViewerStyleSlots } from './_tsup-dts-rollup.js';
16
+ export { seatmapViewerDefaultClassNames } from './_tsup-dts-rollup.js';
17
+ export { seatmapViewerCssVariables } from './_tsup-dts-rollup.js';
18
+ export { seatmapViewerStyleContract } from './_tsup-dts-rollup.js';
19
+ export { getSeatmapViewerSharedThemeRootStyle } from './_tsup-dts-rollup.js';
20
+ export { seatmapViewerSharedThemeRootClassName } from './_tsup-dts-rollup.js';
21
+ export { seatmapViewerSharedThemeClassNames } from './_tsup-dts-rollup.js';
22
+ export { seatmapViewerSharedThemeVariables } from './_tsup-dts-rollup.js';
23
+ export { seatmapViewerSharedTheme } from './_tsup-dts-rollup.js';
24
+ export { useSeatStatus } from './_tsup-dts-rollup.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nex125/seatmap-viewer",
3
- "version": "0.1.18",
3
+ "version": "0.1.20",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.js",
@@ -32,8 +32,8 @@
32
32
  "prepublishOnly": "bun run prepack"
33
33
  },
34
34
  "dependencies": {
35
- "@nex125/seatmap-core": "*",
36
- "@nex125/seatmap-react": "*"
35
+ "@nex125/seatmap-core": "^0.1.17",
36
+ "@nex125/seatmap-react": "^0.1.20"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": "^19",
@@ -41,12 +41,12 @@
41
41
  "pixi.js": "^8"
42
42
  },
43
43
  "devDependencies": {
44
- "@types/react": "^19",
45
- "@types/react-dom": "^19",
46
- "react": "^19",
47
- "react-dom": "^19",
48
- "pixi.js": "^8",
49
- "tsup": "^8.4.0",
50
- "typescript": "~5.9.3"
44
+ "@types/react": "^19.2.14",
45
+ "@types/react-dom": "^19.2.3",
46
+ "react": "^19.2.5",
47
+ "react-dom": "^19.2.5",
48
+ "pixi.js": "^8.18.1",
49
+ "tsup": "^8.5.1",
50
+ "typescript": "~6.0.3"
51
51
  }
52
52
  }