@asdp/ferryui 0.1.4 → 0.1.6

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode } from 'react';
 import { CarouselAnnouncerFunction } from '@fluentui/react-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Path, Control } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 
 interface ModalIllustrationButton {
     /**
@@ -379,7 +379,7 @@ interface CountryCode {
 }
 interface InputDynamicProps<T extends FieldValues = FieldValues> {
     name: Path<T>;
-    control: Control<T>;
+    control: any;
     label?: string;
     type: InputType;
     placeholder?: string;
@@ -553,4 +553,182 @@ interface ModalSearchHarborProps {
  */
 declare const ModalSearchHarbor: React.FC<ModalSearchHarborProps>;
 
-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, type RadioOption, type SelectOption, type ServiceMenuItem, getModalPreset };
+/**
+ * Tab type for trip selection
+ */
+type TabType = 'one-way' | 'round-trip';
+/**
+ * Props for ModalSelectDate component
+ */
+interface ModalSelectDateProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Tanggal"
+     */
+    title?: string;
+    /**
+     * Initial selected departure date
+     */
+    selectedDepartureDate?: Date;
+    /**
+     * Initial selected return date (for round trip)
+     */
+    selectedReturnDate?: Date;
+    /**
+     * Initial tab selection
+     * @default "one-way"
+     */
+    initialTab?: TabType;
+    /**
+     * Whether to show tabs for one-way/round-trip selection
+     * @default true
+     */
+    showTabs?: boolean;
+    /**
+     * Callback when departure date is selected
+     */
+    onSelectDepartureDate: (date: Date) => void;
+    /**
+     * Callback when return date is selected (for round trip)
+     */
+    onSelectReturnDate?: (date: Date) => void;
+    /**
+     * Callback when tab changes
+     */
+    onTabChange?: (tab: TabType) => void;
+    /**
+     * Minimum selectable date
+     * @default new Date()
+     */
+    minDate?: Date;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: Date;
+    /**
+     * Date format for internal handling
+     * @default "DD MMMM YYYY"
+     */
+    dateFormat?: string;
+}
+/**
+ * ModalSelectDate - A reusable modal component for selecting dates
+ *
+ * This component provides a date selection modal with features like:
+ * - Single date selection (one-way)
+ * - Date range selection (round-trip)
+ * - Visual range preview on hover
+ * - Customizable date constraints
+ *
+ * @example
+ * ```tsx
+ * <ModalSelectDate
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Tanggal Keberangkatan"
+ *   selectedDepartureDate={departureDate}
+ *   selectedReturnDate={returnDate}
+ *   onSelectDepartureDate={setDepartureDate}
+ *   onSelectReturnDate={setReturnDate}
+ *   onTabChange={handleTabChange}
+ * />
+ * ```
+ */
+declare const ModalSelectDate: React.FC<ModalSelectDateProps>;
+
+/**
+ * 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>;
+
+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 };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode } from 'react';
 import { CarouselAnnouncerFunction } from '@fluentui/react-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Path, Control } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 
 interface ModalIllustrationButton {
     /**
@@ -379,7 +379,7 @@ interface CountryCode {
 }
 interface InputDynamicProps<T extends FieldValues = FieldValues> {
     name: Path<T>;
-    control: Control<T>;
+    control: any;
     label?: string;
     type: InputType;
     placeholder?: string;
@@ -553,4 +553,182 @@ interface ModalSearchHarborProps {
  */
 declare const ModalSearchHarbor: React.FC<ModalSearchHarborProps>;
 
-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, type RadioOption, type SelectOption, type ServiceMenuItem, getModalPreset };
+/**
+ * Tab type for trip selection
+ */
+type TabType = 'one-way' | 'round-trip';
+/**
+ * Props for ModalSelectDate component
+ */
+interface ModalSelectDateProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Pilih Tanggal"
+     */
+    title?: string;
+    /**
+     * Initial selected departure date
+     */
+    selectedDepartureDate?: Date;
+    /**
+     * Initial selected return date (for round trip)
+     */
+    selectedReturnDate?: Date;
+    /**
+     * Initial tab selection
+     * @default "one-way"
+     */
+    initialTab?: TabType;
+    /**
+     * Whether to show tabs for one-way/round-trip selection
+     * @default true
+     */
+    showTabs?: boolean;
+    /**
+     * Callback when departure date is selected
+     */
+    onSelectDepartureDate: (date: Date) => void;
+    /**
+     * Callback when return date is selected (for round trip)
+     */
+    onSelectReturnDate?: (date: Date) => void;
+    /**
+     * Callback when tab changes
+     */
+    onTabChange?: (tab: TabType) => void;
+    /**
+     * Minimum selectable date
+     * @default new Date()
+     */
+    minDate?: Date;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: Date;
+    /**
+     * Date format for internal handling
+     * @default "DD MMMM YYYY"
+     */
+    dateFormat?: string;
+}
+/**
+ * ModalSelectDate - A reusable modal component for selecting dates
+ *
+ * This component provides a date selection modal with features like:
+ * - Single date selection (one-way)
+ * - Date range selection (round-trip)
+ * - Visual range preview on hover
+ * - Customizable date constraints
+ *
+ * @example
+ * ```tsx
+ * <ModalSelectDate
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Pilih Tanggal Keberangkatan"
+ *   selectedDepartureDate={departureDate}
+ *   selectedReturnDate={returnDate}
+ *   onSelectDepartureDate={setDepartureDate}
+ *   onSelectReturnDate={setReturnDate}
+ *   onTabChange={handleTabChange}
+ * />
+ * ```
+ */
+declare const ModalSelectDate: React.FC<ModalSelectDateProps>;
+
+/**
+ * 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>;
+
+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 };