@asdp/ferryui 0.1.5 → 0.1.7

package/dist/index.d.mts

@@ -644,4 +644,214 @@ interface ModalSelectDateProps {
  */
 declare const ModalSelectDate: React.FC<ModalSelectDateProps>;
 
-export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, type RadioOption, type SelectOption, type ServiceMenuItem, type TabType, getModalPreset };
+/**
+ * Service item structure
+ */
+interface ServiceItem {
+    /**
+     * Unique identifier for the service
+     */
+    id: number;
+    /**
+     * Display name of the service type
+     */
+    serviceTypeName: string;
+    /**
+     * Code identifier for the service type
+     */
+    serviceTypeCode: string;
+    /**
+     * Detailed description of the service
+     */
+    serviceDescription: string;
+}
+/**
+ * Props for ModalService component
+ */
+interface ModalServiceProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Kelas Layanan"
+     */
+    title?: string;
+    /**
+     * Array of available services
+     */
+    services: ServiceItem[];
+    /**
+     * Array of currently selected service IDs
+     */
+    selectedServiceIds: number[];
+    /**
+     * Callback when save button is clicked
+     * @param services - Array of selected service items
+     */
+    onSave: (services: ServiceItem[]) => void;
+    /**
+     * Loading state for services data
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Error state for services data
+     * @default false
+     */
+    isError?: boolean;
+}
+/**
+ * ModalService - A reusable modal component for selecting service classes
+ *
+ * This component provides a service selection modal with features like:
+ * - Multiple service selection with checkboxes
+ * - Select all/deselect all functionality
+ * - Service details display (name, code, description)
+ * - Save validation (requires at least one selection)
+ *
+ * @example
+ * ```tsx
+ * <ModalService
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Kelas Layanan"
+ *   services={servicesList}
+ *   selectedServiceIds={selectedIds}
+ *   onSave={handleSave}
+ *   isLoading={isLoading}
+ *   isError={isError}
+ * />
+ * ```
+ */
+declare const ModalService: React.FC<ModalServiceProps>;
+
+/**
+ * Service class codes for passenger services
+ */
+type PassengerServiceCode = 'ECONOMY' | 'BUSINESS' | 'EXECUTIVE';
+/**
+ * Service class data structure
+ */
+interface ServiceClass {
+    id: number;
+    name: string;
+    key: string;
+    serviceName: PassengerServiceCode;
+}
+/**
+ * Default service classes available
+ */
+declare const DEFAULT_SERVICE_CLASSES: ServiceClass[];
+
+/**
+ * Passenger object structure
+ */
+interface Passenger {
+    [key: string]: any;
+}
+/**
+ * Service with passenger count
+ */
+interface PassengerService {
+    serviceId: number;
+    serviceName: PassengerServiceCode;
+    count: number;
+    passengers: Passenger[];
+}
+/**
+ * Passenger type from API
+ */
+interface PassengerType {
+    id: number;
+    passengerTypeCode: string;
+    passengerTypeName: string;
+}
+/**
+ * Selected passenger item structure
+ */
+interface SelectedPassengerItem {
+    passengerTypeId: number;
+    passengerTypeCode: string;
+    passengerTypeName: string;
+    services: PassengerService[];
+}
+/**
+ * Props for ModalTotalPassengers component
+ */
+interface ModalTotalPassengersProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Jumlah Penumpang"
+     */
+    title?: string;
+    /**
+     * Array of passenger types from API
+     */
+    passengerTypes: PassengerType[];
+    /**
+     * Array of service classes
+     * @default DEFAULT_SERVICE_CLASSES
+     */
+    serviceClasses?: ServiceClass[];
+    /**
+     * Currently selected passengers
+     */
+    selectedPassengers: SelectedPassengerItem[];
+    /**
+     * Callback when save button is clicked
+     */
+    onSave: (passengers: SelectedPassengerItem[]) => void;
+    /**
+     * Loading state
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Maximum number of passengers allowed
+     * @default 10
+     */
+    maxPassengers?: number;
+    /**
+     * Message to display in the info bar
+     * @default "Anda dapat menambahkan hingga {maxPassengers} penumpang pada golongan kendaraan ini."
+     */
+    infoMessage?: string;
+}
+/**
+ * ModalTotalPassengers - A reusable modal component for selecting passenger counts
+ *
+ * This component provides a passenger selection modal with features like:
+ * - Accordion for each passenger type
+ * - Counter for each service class (Economy, Business, Executive)
+ * - Automatic default selection (1 adult economy)
+ * - Validation and save functionality
+ *
+ * @example
+ * ```tsx
+ * <ModalTotalPassengers
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Jumlah Penumpang"
+ *   passengerTypes={passengerTypes}
+ *   selectedPassengers={selectedPassengers}
+ *   onSave={handleSave}
+ * />
+ * ```
+ */
+declare const ModalTotalPassengers: React$1.FC<ModalTotalPassengersProps>;
+
+export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_SERVICE_CLASSES, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceItem, type ServiceMenuItem, type TabType, getModalPreset };

package/dist/index.d.ts

@@ -644,4 +644,214 @@ interface ModalSelectDateProps {
  */
 declare const ModalSelectDate: React.FC<ModalSelectDateProps>;
 
-export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, type RadioOption, type SelectOption, type ServiceMenuItem, type TabType, getModalPreset };
+/**
+ * Service item structure
+ */
+interface ServiceItem {
+    /**
+     * Unique identifier for the service
+     */
+    id: number;
+    /**
+     * Display name of the service type
+     */
+    serviceTypeName: string;
+    /**
+     * Code identifier for the service type
+     */
+    serviceTypeCode: string;
+    /**
+     * Detailed description of the service
+     */
+    serviceDescription: string;
+}
+/**
+ * Props for ModalService component
+ */
+interface ModalServiceProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Kelas Layanan"
+     */
+    title?: string;
+    /**
+     * Array of available services
+     */
+    services: ServiceItem[];
+    /**
+     * Array of currently selected service IDs
+     */
+    selectedServiceIds: number[];
+    /**
+     * Callback when save button is clicked
+     * @param services - Array of selected service items
+     */
+    onSave: (services: ServiceItem[]) => void;
+    /**
+     * Loading state for services data
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Error state for services data
+     * @default false
+     */
+    isError?: boolean;
+}
+/**
+ * ModalService - A reusable modal component for selecting service classes
+ *
+ * This component provides a service selection modal with features like:
+ * - Multiple service selection with checkboxes
+ * - Select all/deselect all functionality
+ * - Service details display (name, code, description)
+ * - Save validation (requires at least one selection)
+ *
+ * @example
+ * ```tsx
+ * <ModalService
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Kelas Layanan"
+ *   services={servicesList}
+ *   selectedServiceIds={selectedIds}
+ *   onSave={handleSave}
+ *   isLoading={isLoading}
+ *   isError={isError}
+ * />
+ * ```
+ */
+declare const ModalService: React.FC<ModalServiceProps>;
+
+/**
+ * Service class codes for passenger services
+ */
+type PassengerServiceCode = 'ECONOMY' | 'BUSINESS' | 'EXECUTIVE';
+/**
+ * Service class data structure
+ */
+interface ServiceClass {
+    id: number;
+    name: string;
+    key: string;
+    serviceName: PassengerServiceCode;
+}
+/**
+ * Default service classes available
+ */
+declare const DEFAULT_SERVICE_CLASSES: ServiceClass[];
+
+/**
+ * Passenger object structure
+ */
+interface Passenger {
+    [key: string]: any;
+}
+/**
+ * Service with passenger count
+ */
+interface PassengerService {
+    serviceId: number;
+    serviceName: PassengerServiceCode;
+    count: number;
+    passengers: Passenger[];
+}
+/**
+ * Passenger type from API
+ */
+interface PassengerType {
+    id: number;
+    passengerTypeCode: string;
+    passengerTypeName: string;
+}
+/**
+ * Selected passenger item structure
+ */
+interface SelectedPassengerItem {
+    passengerTypeId: number;
+    passengerTypeCode: string;
+    passengerTypeName: string;
+    services: PassengerService[];
+}
+/**
+ * Props for ModalTotalPassengers component
+ */
+interface ModalTotalPassengersProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Jumlah Penumpang"
+     */
+    title?: string;
+    /**
+     * Array of passenger types from API
+     */
+    passengerTypes: PassengerType[];
+    /**
+     * Array of service classes
+     * @default DEFAULT_SERVICE_CLASSES
+     */
+    serviceClasses?: ServiceClass[];
+    /**
+     * Currently selected passengers
+     */
+    selectedPassengers: SelectedPassengerItem[];
+    /**
+     * Callback when save button is clicked
+     */
+    onSave: (passengers: SelectedPassengerItem[]) => void;
+    /**
+     * Loading state
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Maximum number of passengers allowed
+     * @default 10
+     */
+    maxPassengers?: number;
+    /**
+     * Message to display in the info bar
+     * @default "Anda dapat menambahkan hingga {maxPassengers} penumpang pada golongan kendaraan ini."
+     */
+    infoMessage?: string;
+}
+/**
+ * ModalTotalPassengers - A reusable modal component for selecting passenger counts
+ *
+ * This component provides a passenger selection modal with features like:
+ * - Accordion for each passenger type
+ * - Counter for each service class (Economy, Business, Executive)
+ * - Automatic default selection (1 adult economy)
+ * - Validation and save functionality
+ *
+ * @example
+ * ```tsx
+ * <ModalTotalPassengers
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Jumlah Penumpang"
+ *   passengerTypes={passengerTypes}
+ *   selectedPassengers={selectedPassengers}
+ *   onSave={handleSave}
+ * />
+ * ```
+ */
+declare const ModalTotalPassengers: React$1.FC<ModalTotalPassengersProps>;
+
+export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_SERVICE_CLASSES, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceItem, type ServiceMenuItem, type TabType, getModalPreset };