@asdp/ferryui 0.1.6 → 0.1.8

package/dist/index.d.mts

@@ -731,4 +731,223 @@ interface ModalServiceProps {
  */
 declare const ModalService: React.FC<ModalServiceProps>;
 
-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, ModalService, type ModalServiceProps, type RadioOption, type SelectOption, type ServiceItem, type ServiceMenuItem, type TabType, getModalPreset };
+/**
+ * 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>;
+
+/**
+ * Service type item structure
+ */
+interface TypeOfService {
+    id: number;
+    image: string;
+    title: string;
+    info: string;
+    price: number;
+    type: string;
+    parentId?: number;
+    parentTitle?: string;
+    child: TypeOfService[];
+    typeOfPassanger: string;
+}
+/**
+ * Props for ModalTypeOfService component
+ */
+interface ModalTypeOfServiceProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Tipe Layanan"
+     */
+    title?: string;
+    /**
+     * Array of service types
+     */
+    serviceTypes: TypeOfService[];
+    /**
+     * Currently selected service
+     */
+    selectedService?: TypeOfService | null;
+    /**
+     * Callback when save button is clicked
+     */
+    onSave: (service: TypeOfService) => void;
+    /**
+     * Optional custom image renderer
+     * Useful for Next.js Image component or other custom renderers
+     */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        width: number;
+        height: number;
+    }) => ReactNode;
+}
+/**
+ * ModalTypeOfService - A reusable modal component for selecting service types
+ *
+ * This component provides a service type selection modal with features like:
+ * - Accordion for categories with children (vehicles, goods, etc.)
+ * - Radio buttons for individual selections
+ * - Image display for each service type
+ * - Customizable image renderer for framework-specific components
+ *
+ * @example
+ * ```tsx
+ * <ModalTypeOfService
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Tipe Layanan"
+ *   serviceTypes={serviceTypes}
+ *   selectedService={selectedService}
+ *   onSave={handleSave}
+ *   renderImage={(props) => <Image {...props} />}
+ * />
+ * ```
+ */
+declare const ModalTypeOfService: React$1.FC<ModalTypeOfServiceProps>;
+
+/**
+ * Default paths for vehicle icon images
+ * These images are bundled with the library in the assets directory
+ */
+declare const DEFAULT_VEHICLE_ICONS: {
+    readonly pedestrian: "/assets/images/icons/pedestrian.webp";
+    readonly roadbike: "/assets/images/icons/roadbike.webp";
+    readonly motorbike1: "/assets/images/icons/motorbike-1.webp";
+    readonly motorbike2: "/assets/images/icons/motorbike-2.svg";
+    readonly smallCar: "/assets/images/icons/small-car.webp";
+    readonly smallBus: "/assets/images/icons/small-bus.webp";
+    readonly bigBus: "/assets/images/icons/big-bus.webp";
+    readonly truck: "/assets/images/icons/truck.webp";
+    readonly bigTruck: "/assets/images/icons/big-truck.webp";
+    readonly looseLoad: "/assets/images/icons/loose-load.webp";
+};
+
+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, DEFAULT_VEHICLE_ICONS, 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, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceItem, type ServiceMenuItem, type TabType, type TypeOfService, getModalPreset };

package/dist/index.d.ts

@@ -731,4 +731,223 @@ interface ModalServiceProps {
  */
 declare const ModalService: React.FC<ModalServiceProps>;
 
-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, ModalService, type ModalServiceProps, type RadioOption, type SelectOption, type ServiceItem, type ServiceMenuItem, type TabType, getModalPreset };
+/**
+ * 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>;
+
+/**
+ * Service type item structure
+ */
+interface TypeOfService {
+    id: number;
+    image: string;
+    title: string;
+    info: string;
+    price: number;
+    type: string;
+    parentId?: number;
+    parentTitle?: string;
+    child: TypeOfService[];
+    typeOfPassanger: string;
+}
+/**
+ * Props for ModalTypeOfService component
+ */
+interface ModalTypeOfServiceProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Tipe Layanan"
+     */
+    title?: string;
+    /**
+     * Array of service types
+     */
+    serviceTypes: TypeOfService[];
+    /**
+     * Currently selected service
+     */
+    selectedService?: TypeOfService | null;
+    /**
+     * Callback when save button is clicked
+     */
+    onSave: (service: TypeOfService) => void;
+    /**
+     * Optional custom image renderer
+     * Useful for Next.js Image component or other custom renderers
+     */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        width: number;
+        height: number;
+    }) => ReactNode;
+}
+/**
+ * ModalTypeOfService - A reusable modal component for selecting service types
+ *
+ * This component provides a service type selection modal with features like:
+ * - Accordion for categories with children (vehicles, goods, etc.)
+ * - Radio buttons for individual selections
+ * - Image display for each service type
+ * - Customizable image renderer for framework-specific components
+ *
+ * @example
+ * ```tsx
+ * <ModalTypeOfService
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Tipe Layanan"
+ *   serviceTypes={serviceTypes}
+ *   selectedService={selectedService}
+ *   onSave={handleSave}
+ *   renderImage={(props) => <Image {...props} />}
+ * />
+ * ```
+ */
+declare const ModalTypeOfService: React$1.FC<ModalTypeOfServiceProps>;
+
+/**
+ * Default paths for vehicle icon images
+ * These images are bundled with the library in the assets directory
+ */
+declare const DEFAULT_VEHICLE_ICONS: {
+    readonly pedestrian: "/assets/images/icons/pedestrian.webp";
+    readonly roadbike: "/assets/images/icons/roadbike.webp";
+    readonly motorbike1: "/assets/images/icons/motorbike-1.webp";
+    readonly motorbike2: "/assets/images/icons/motorbike-2.svg";
+    readonly smallCar: "/assets/images/icons/small-car.webp";
+    readonly smallBus: "/assets/images/icons/small-bus.webp";
+    readonly bigBus: "/assets/images/icons/big-bus.webp";
+    readonly truck: "/assets/images/icons/truck.webp";
+    readonly bigTruck: "/assets/images/icons/big-truck.webp";
+    readonly looseLoad: "/assets/images/icons/loose-load.webp";
+};
+
+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, DEFAULT_VEHICLE_ICONS, 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, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceItem, type ServiceMenuItem, type TabType, type TypeOfService, getModalPreset };