@veevarts/design-system 1.8.0-dev.5 → 1.8.0-dev.7

package/dist/patterns/EventDetails/EventDetails.d.ts

@@ -20,6 +20,8 @@ export interface EventDetailsProps {
     classes?: string;
     /** @property {boolean} [showImage] - Optional flag to show or hide the event image. Defaults to true. */
     showImage?: boolean;
+    /** @property {'lazy' | 'eager'} [imageLoading] - Optional loading strategy for the event image. Use `'lazy'` for off-screen placements (long lists, below-the-fold). Defaults to `'eager'` since the banner is typically above-the-fold. */
+    imageLoading?: 'lazy' | 'eager';
     /** @property {string} [showMoreButtonClassName] - Optional Tailwind CSS utility classes for the 'Show more/less' button. */
     showMoreButtonClassName?: string;
     /** @property {Object} labels - Labels for the event details, used for localization. */
@@ -33,5 +35,5 @@ export interface EventDetailsProps {
  * @function EventDetails
  * @description Displays a card with event information such as name, image, date, time, location, and description.
  */
-export declare const EventDetails: ({ classes, name, imageUrl, eventDate, eventTime, location, description, showImage, showMoreButtonClassName, labels, }: EventDetailsProps) => JSX.Element;
+export declare const EventDetails: ({ classes, name, imageUrl, eventDate, eventTime, location, description, showImage, imageLoading, showMoreButtonClassName, labels, }: EventDetailsProps) => JSX.Element;
 export default EventDetails;

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

@@ -8,6 +8,8 @@ export interface MembershipSelectCardsProps {
     labels?: Partial<MembershipSelectCardsLabels>;
     showRenewal?: boolean;
     defaultRenewalValue?: boolean;
+    initialSelectedMembershipId?: string | null;
+    allowReselect?: boolean;
     onRenewalChange?: (value: boolean) => void;
     onCardSelect?: (id: string) => void;
     className?: string;

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

@@ -12,39 +12,55 @@ export type TicketSelectionLabels = {
 export type TicketData = {
     id: string;
     name: string;
+    membershipName?: string;
+    membershipAlert?: string;
+    purchasedQuantity?: number;
     price: number;
     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.8.0-dev.5",
+    "version": "1.8.0-dev.7",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",