@veevarts/design-system 1.9.0 → 1.10.0-alpha.1

package/dist/patterns/TicketSelection/types.d.ts

@@ -16,35 +16,48 @@ export type TicketData = {
     originalPrice: number;
     max: number;
 };
+export type ExhibitionDateData = {
+    /** Unique identifier for the rendered date group */
+    id: string;
+    /** Display label shown above the tickets for this group */
+    date: string;
+    /** Tickets available under this exhibition date */
+    tickets: TicketData[];
+};
 export type ExhibitionData = {
+    /** Unique identifier for the exhibition accordion section */
     id: string;
+    /** Heading rendered for the exhibition section */
     exhibitionName: string;
-    tickets: TicketData[];
+    /** Date buckets rendered inside the exhibition section */
+    dates: ExhibitionDateData[];
 };
 export type TicketSelectionState = {
     [groupId: string]: {
-        [ticketId: string]: {
-            id: string;
-            selectedQuantity: number;
-            originalPrice: number;
-            discountedPrice: number;
+        [dateGroupId: string]: {
+            [ticketId: string]: {
+                id: string;
+                selectedQuantity: number;
+                originalPrice: number;
+                discountedPrice: number;
+            };
         };
     };
 };
 export type TicketSelectionData = ExhibitionData[];
 export interface TicketSelectionProps {
-    /** Maximum number of tickets the user can select globally */
+    /** Maximum number of tickets the user can select globally. Omit it to rely only on per-ticket limits. */
     userMaxLimit?: number;
-    /** Initial expanded state for all exhibition groups */
+    /** Initial expanded state for all exhibition groups. This is read when each section mounts. */
     initialExpanded?: boolean;
     /** Labels for internationalization */
     labels?: Partial<TicketSelectionLabels>;
     /** Regional settings for locale and currency formatting */
     settings?: TicketSelectionSettings;
-    /** Exhibition and ticket data */
+    /** Exhibition and date-grouped ticket data used to build the initial rendered state. */
     ticketSelectionData?: TicketSelectionData;
     /** Additional CSS classes for the root element */
     className?: string;
-    /** Callback fired whenever the ticket selection state changes */
+    /** Callback fired with the nested exhibition -> dateGroup -> ticket selection state whenever quantities change. */
     onSelectionChange?: (state: TicketSelectionState) => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "1.9.0",
+    "version": "1.10.0-alpha.1",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",