@asdp/ferryui 0.1.22-dev.9337 → 0.1.22-dev.9339
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +89 -5
- package/dist/index.d.ts +89 -5
- package/dist/index.js +184 -72
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +183 -73
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -698,7 +698,7 @@ interface CardTicketSearchProps {
|
|
|
698
698
|
|
|
699
699
|
declare const CardTicketSearch: React$1.FC<CardTicketSearchProps>;
|
|
700
700
|
|
|
701
|
-
declare const DEFAULT_LABELS$
|
|
701
|
+
declare const DEFAULT_LABELS$4: Record<Language, CardTicketSearchLabels>;
|
|
702
702
|
|
|
703
703
|
interface SearchSummaryField {
|
|
704
704
|
/**
|
|
@@ -776,7 +776,7 @@ interface CardTicketSearchSummaryProps {
|
|
|
776
776
|
|
|
777
777
|
declare const CardTicketSearchSummary: React$1.FC<CardTicketSearchSummaryProps>;
|
|
778
778
|
|
|
779
|
-
declare const DEFAULT_LABELS$
|
|
779
|
+
declare const DEFAULT_LABELS$3: Record<Language, CardTicketSearchSummaryLabels>;
|
|
780
780
|
|
|
781
781
|
type InputType = 'checkbox' | 'country' | 'date' | 'datetime-local' | 'email' | 'file' | 'identity' | 'emailOrPhone' | 'number' | 'otp' | 'passport' | 'password' | 'phone' | 'radio' | 'radiobutton' | 'select' | 'switch' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
|
|
782
782
|
interface SelectOption {
|
|
@@ -1909,7 +1909,7 @@ interface ModalFilterTicketLabels {
|
|
|
1909
1909
|
|
|
1910
1910
|
declare const ModalFilterTicket: React$1.FC<ModalFilterTicketProps>;
|
|
1911
1911
|
|
|
1912
|
-
declare const DEFAULT_LABELS$
|
|
1912
|
+
declare const DEFAULT_LABELS$2: Record<Language, ModalFilterTicketLabels>;
|
|
1913
1913
|
declare const DEFAULT_SERVICE_TYPES: {
|
|
1914
1914
|
value: string;
|
|
1915
1915
|
label: string;
|
|
@@ -1992,7 +1992,7 @@ interface DateFilterLabels {
|
|
|
1992
1992
|
|
|
1993
1993
|
declare const DateFilter: React$1.FC<DateFilterProps>;
|
|
1994
1994
|
|
|
1995
|
-
declare const DEFAULT_LABELS: Record<Language, DateFilterLabels>;
|
|
1995
|
+
declare const DEFAULT_LABELS$1: Record<Language, DateFilterLabels>;
|
|
1996
1996
|
declare const DEFAULT_SCROLL_AMOUNT = 150;
|
|
1997
1997
|
|
|
1998
1998
|
/**
|
|
@@ -3682,4 +3682,88 @@ interface ModalListMenuServiceProps {
|
|
|
3682
3682
|
|
|
3683
3683
|
declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
|
|
3684
3684
|
|
|
3685
|
-
|
|
3685
|
+
interface NoContentLabels {
|
|
3686
|
+
defaultImageAlt: string;
|
|
3687
|
+
defaultTitle: string;
|
|
3688
|
+
defaultMessage: string;
|
|
3689
|
+
defaultButtonText: string;
|
|
3690
|
+
}
|
|
3691
|
+
interface NoContentButton {
|
|
3692
|
+
/**
|
|
3693
|
+
* Button text
|
|
3694
|
+
*/
|
|
3695
|
+
text: string;
|
|
3696
|
+
/**
|
|
3697
|
+
* Button click handler
|
|
3698
|
+
*/
|
|
3699
|
+
onClick: () => void;
|
|
3700
|
+
/**
|
|
3701
|
+
* Button appearance
|
|
3702
|
+
* @default "primary"
|
|
3703
|
+
*/
|
|
3704
|
+
appearance?: 'primary' | 'outline' | 'secondary' | 'subtle' | 'transparent';
|
|
3705
|
+
}
|
|
3706
|
+
interface NoContentProps {
|
|
3707
|
+
/**
|
|
3708
|
+
* Title for the empty state
|
|
3709
|
+
* If not provided, falls back to the default label for the given language
|
|
3710
|
+
*/
|
|
3711
|
+
title?: string;
|
|
3712
|
+
/**
|
|
3713
|
+
* Dynamic content name to replace `{konten}` or `{content}` placeholder in the default title
|
|
3714
|
+
*/
|
|
3715
|
+
content?: string;
|
|
3716
|
+
/**
|
|
3717
|
+
* Message content for the empty state
|
|
3718
|
+
* Can be a string or React node for more complex content
|
|
3719
|
+
* If not provided, falls back to the default label for the given language
|
|
3720
|
+
*/
|
|
3721
|
+
message?: string | ReactNode;
|
|
3722
|
+
/**
|
|
3723
|
+
* Image source URL
|
|
3724
|
+
* @default "/assets/images/illustrations/no-content.svg"
|
|
3725
|
+
* @remarks
|
|
3726
|
+
* When using this component in your application, ensure the asset is available at this path
|
|
3727
|
+
* in your public directory, or provide a custom imageSrc prop pointing to your own image.
|
|
3728
|
+
*/
|
|
3729
|
+
imageSrc?: string;
|
|
3730
|
+
/**
|
|
3731
|
+
* Image alt text
|
|
3732
|
+
* If not provided, falls back to the default label for the given language
|
|
3733
|
+
*/
|
|
3734
|
+
imageAlt?: string;
|
|
3735
|
+
/**
|
|
3736
|
+
* Image width
|
|
3737
|
+
* @default 240
|
|
3738
|
+
*/
|
|
3739
|
+
imageWidth?: number;
|
|
3740
|
+
/**
|
|
3741
|
+
* Image height
|
|
3742
|
+
* @default 180
|
|
3743
|
+
*/
|
|
3744
|
+
imageHeight?: number;
|
|
3745
|
+
/**
|
|
3746
|
+
* Optional action button configuration
|
|
3747
|
+
* If not provided, no button will be displayed
|
|
3748
|
+
*/
|
|
3749
|
+
actionButton?: NoContentButton;
|
|
3750
|
+
/**
|
|
3751
|
+
* Language for default labels
|
|
3752
|
+
* @default 'id'
|
|
3753
|
+
*/
|
|
3754
|
+
language?: Language;
|
|
3755
|
+
/**
|
|
3756
|
+
* Custom labels override
|
|
3757
|
+
*/
|
|
3758
|
+
labels?: Partial<NoContentLabels>;
|
|
3759
|
+
/**
|
|
3760
|
+
* Additional class name for root element
|
|
3761
|
+
*/
|
|
3762
|
+
className?: string;
|
|
3763
|
+
}
|
|
3764
|
+
|
|
3765
|
+
declare const NoContent: React$1.FC<NoContentProps>;
|
|
3766
|
+
|
|
3767
|
+
declare const DEFAULT_LABELS: Record<Language, NoContentLabels>;
|
|
3768
|
+
|
|
3769
|
+
export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS$1 as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$2 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, NoContent, type NoContentButton, DEFAULT_LABELS as NoContentDefaultLabels, type NoContentLabels, type NoContentProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
|
package/dist/index.d.ts
CHANGED
|
@@ -698,7 +698,7 @@ interface CardTicketSearchProps {
|
|
|
698
698
|
|
|
699
699
|
declare const CardTicketSearch: React$1.FC<CardTicketSearchProps>;
|
|
700
700
|
|
|
701
|
-
declare const DEFAULT_LABELS$
|
|
701
|
+
declare const DEFAULT_LABELS$4: Record<Language, CardTicketSearchLabels>;
|
|
702
702
|
|
|
703
703
|
interface SearchSummaryField {
|
|
704
704
|
/**
|
|
@@ -776,7 +776,7 @@ interface CardTicketSearchSummaryProps {
|
|
|
776
776
|
|
|
777
777
|
declare const CardTicketSearchSummary: React$1.FC<CardTicketSearchSummaryProps>;
|
|
778
778
|
|
|
779
|
-
declare const DEFAULT_LABELS$
|
|
779
|
+
declare const DEFAULT_LABELS$3: Record<Language, CardTicketSearchSummaryLabels>;
|
|
780
780
|
|
|
781
781
|
type InputType = 'checkbox' | 'country' | 'date' | 'datetime-local' | 'email' | 'file' | 'identity' | 'emailOrPhone' | 'number' | 'otp' | 'passport' | 'password' | 'phone' | 'radio' | 'radiobutton' | 'select' | 'switch' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
|
|
782
782
|
interface SelectOption {
|
|
@@ -1909,7 +1909,7 @@ interface ModalFilterTicketLabels {
|
|
|
1909
1909
|
|
|
1910
1910
|
declare const ModalFilterTicket: React$1.FC<ModalFilterTicketProps>;
|
|
1911
1911
|
|
|
1912
|
-
declare const DEFAULT_LABELS$
|
|
1912
|
+
declare const DEFAULT_LABELS$2: Record<Language, ModalFilterTicketLabels>;
|
|
1913
1913
|
declare const DEFAULT_SERVICE_TYPES: {
|
|
1914
1914
|
value: string;
|
|
1915
1915
|
label: string;
|
|
@@ -1992,7 +1992,7 @@ interface DateFilterLabels {
|
|
|
1992
1992
|
|
|
1993
1993
|
declare const DateFilter: React$1.FC<DateFilterProps>;
|
|
1994
1994
|
|
|
1995
|
-
declare const DEFAULT_LABELS: Record<Language, DateFilterLabels>;
|
|
1995
|
+
declare const DEFAULT_LABELS$1: Record<Language, DateFilterLabels>;
|
|
1996
1996
|
declare const DEFAULT_SCROLL_AMOUNT = 150;
|
|
1997
1997
|
|
|
1998
1998
|
/**
|
|
@@ -3682,4 +3682,88 @@ interface ModalListMenuServiceProps {
|
|
|
3682
3682
|
|
|
3683
3683
|
declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
|
|
3684
3684
|
|
|
3685
|
-
|
|
3685
|
+
interface NoContentLabels {
|
|
3686
|
+
defaultImageAlt: string;
|
|
3687
|
+
defaultTitle: string;
|
|
3688
|
+
defaultMessage: string;
|
|
3689
|
+
defaultButtonText: string;
|
|
3690
|
+
}
|
|
3691
|
+
interface NoContentButton {
|
|
3692
|
+
/**
|
|
3693
|
+
* Button text
|
|
3694
|
+
*/
|
|
3695
|
+
text: string;
|
|
3696
|
+
/**
|
|
3697
|
+
* Button click handler
|
|
3698
|
+
*/
|
|
3699
|
+
onClick: () => void;
|
|
3700
|
+
/**
|
|
3701
|
+
* Button appearance
|
|
3702
|
+
* @default "primary"
|
|
3703
|
+
*/
|
|
3704
|
+
appearance?: 'primary' | 'outline' | 'secondary' | 'subtle' | 'transparent';
|
|
3705
|
+
}
|
|
3706
|
+
interface NoContentProps {
|
|
3707
|
+
/**
|
|
3708
|
+
* Title for the empty state
|
|
3709
|
+
* If not provided, falls back to the default label for the given language
|
|
3710
|
+
*/
|
|
3711
|
+
title?: string;
|
|
3712
|
+
/**
|
|
3713
|
+
* Dynamic content name to replace `{konten}` or `{content}` placeholder in the default title
|
|
3714
|
+
*/
|
|
3715
|
+
content?: string;
|
|
3716
|
+
/**
|
|
3717
|
+
* Message content for the empty state
|
|
3718
|
+
* Can be a string or React node for more complex content
|
|
3719
|
+
* If not provided, falls back to the default label for the given language
|
|
3720
|
+
*/
|
|
3721
|
+
message?: string | ReactNode;
|
|
3722
|
+
/**
|
|
3723
|
+
* Image source URL
|
|
3724
|
+
* @default "/assets/images/illustrations/no-content.svg"
|
|
3725
|
+
* @remarks
|
|
3726
|
+
* When using this component in your application, ensure the asset is available at this path
|
|
3727
|
+
* in your public directory, or provide a custom imageSrc prop pointing to your own image.
|
|
3728
|
+
*/
|
|
3729
|
+
imageSrc?: string;
|
|
3730
|
+
/**
|
|
3731
|
+
* Image alt text
|
|
3732
|
+
* If not provided, falls back to the default label for the given language
|
|
3733
|
+
*/
|
|
3734
|
+
imageAlt?: string;
|
|
3735
|
+
/**
|
|
3736
|
+
* Image width
|
|
3737
|
+
* @default 240
|
|
3738
|
+
*/
|
|
3739
|
+
imageWidth?: number;
|
|
3740
|
+
/**
|
|
3741
|
+
* Image height
|
|
3742
|
+
* @default 180
|
|
3743
|
+
*/
|
|
3744
|
+
imageHeight?: number;
|
|
3745
|
+
/**
|
|
3746
|
+
* Optional action button configuration
|
|
3747
|
+
* If not provided, no button will be displayed
|
|
3748
|
+
*/
|
|
3749
|
+
actionButton?: NoContentButton;
|
|
3750
|
+
/**
|
|
3751
|
+
* Language for default labels
|
|
3752
|
+
* @default 'id'
|
|
3753
|
+
*/
|
|
3754
|
+
language?: Language;
|
|
3755
|
+
/**
|
|
3756
|
+
* Custom labels override
|
|
3757
|
+
*/
|
|
3758
|
+
labels?: Partial<NoContentLabels>;
|
|
3759
|
+
/**
|
|
3760
|
+
* Additional class name for root element
|
|
3761
|
+
*/
|
|
3762
|
+
className?: string;
|
|
3763
|
+
}
|
|
3764
|
+
|
|
3765
|
+
declare const NoContent: React$1.FC<NoContentProps>;
|
|
3766
|
+
|
|
3767
|
+
declare const DEFAULT_LABELS: Record<Language, NoContentLabels>;
|
|
3768
|
+
|
|
3769
|
+
export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS$1 as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$2 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, NoContent, type NoContentButton, DEFAULT_LABELS as NoContentDefaultLabels, type NoContentLabels, type NoContentProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
|
package/dist/index.js
CHANGED
|
@@ -4396,13 +4396,16 @@ var useStyles9 = reactComponents.makeStyles({
|
|
|
4396
4396
|
display: "flex",
|
|
4397
4397
|
justifyContent: "center",
|
|
4398
4398
|
position: "absolute",
|
|
4399
|
-
left: "
|
|
4399
|
+
// left: "1px",
|
|
4400
4400
|
bottom: "-16px",
|
|
4401
|
-
width: "
|
|
4401
|
+
width: "100%"
|
|
4402
4402
|
},
|
|
4403
4403
|
buttonSwitch: {
|
|
4404
4404
|
background: reactComponents.tokens.colorNeutralBackground1,
|
|
4405
|
-
boxShadow: `0 1px 2px 0 ${reactComponents.tokens.colorNeutralShadowKey}, 0 0 2px 0 ${reactComponents.tokens.colorNeutralShadowAmbient}
|
|
4405
|
+
boxShadow: `0 1px 2px 0 ${reactComponents.tokens.colorNeutralShadowKey}, 0 0 2px 0 ${reactComponents.tokens.colorNeutralShadowAmbient}`,
|
|
4406
|
+
position: "absolute",
|
|
4407
|
+
right: "1rem",
|
|
4408
|
+
bottom: "-20px"
|
|
4406
4409
|
},
|
|
4407
4410
|
switchIcon: {
|
|
4408
4411
|
display: "inline-flex",
|
|
@@ -4433,11 +4436,15 @@ var useStyles9 = reactComponents.makeStyles({
|
|
|
4433
4436
|
}
|
|
4434
4437
|
},
|
|
4435
4438
|
formContainerCol: {
|
|
4439
|
+
paddingTop: "1rem !important",
|
|
4440
|
+
paddingBottom: "1rem !important",
|
|
4436
4441
|
[`@media (max-width: ${extendedTokens.breakpointXl})`]: {
|
|
4437
4442
|
paddingLeft: "20px !important",
|
|
4438
4443
|
paddingRight: "20px !important",
|
|
4439
4444
|
marginBottom: "1rem",
|
|
4440
|
-
marginTop: "8rem"
|
|
4445
|
+
marginTop: "8rem",
|
|
4446
|
+
paddingTop: "0px !mportant",
|
|
4447
|
+
paddingBottom: "0px !mportant"
|
|
4441
4448
|
}
|
|
4442
4449
|
},
|
|
4443
4450
|
serviceCol: {
|
|
@@ -4615,7 +4622,7 @@ var CardTicketSearch = ({
|
|
|
4615
4622
|
className: styles.formContainerCol,
|
|
4616
4623
|
children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit(handleFormSubmit), children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
|
|
4617
4624
|
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 6, xxl: 6, xxxl: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { gap: "16px" }, className: styles.formFieldRow, children: [
|
|
4618
|
-
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { children: [
|
|
4625
|
+
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: [
|
|
4619
4626
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4620
4627
|
reactGridSystem.Col,
|
|
4621
4628
|
{
|
|
@@ -4626,6 +4633,9 @@ var CardTicketSearch = ({
|
|
|
4626
4633
|
xl: 12,
|
|
4627
4634
|
xxl: 12,
|
|
4628
4635
|
xxxl: 12,
|
|
4636
|
+
style: {
|
|
4637
|
+
borderBottom: `1px solid ${reactComponents.tokens.colorNeutralStroke1}`
|
|
4638
|
+
},
|
|
4629
4639
|
children: [
|
|
4630
4640
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4631
4641
|
InputDynamic_default,
|
|
@@ -4652,37 +4662,33 @@ var CardTicketSearch = ({
|
|
|
4652
4662
|
required: true
|
|
4653
4663
|
}
|
|
4654
4664
|
),
|
|
4655
|
-
/* @__PURE__ */ jsxRuntime.
|
|
4656
|
-
|
|
4657
|
-
|
|
4658
|
-
|
|
4659
|
-
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
|
|
4666
|
-
|
|
4667
|
-
|
|
4668
|
-
|
|
4669
|
-
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
)
|
|
4683
|
-
}
|
|
4684
|
-
)
|
|
4685
|
-
] })
|
|
4665
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4666
|
+
reactComponents.Button,
|
|
4667
|
+
{
|
|
4668
|
+
onClick: onSwitchClick,
|
|
4669
|
+
className: styles.buttonSwitch,
|
|
4670
|
+
shape: "circular",
|
|
4671
|
+
appearance: "secondary",
|
|
4672
|
+
size: "large",
|
|
4673
|
+
disabled: switchDisabled,
|
|
4674
|
+
"aria-label": labels.switchAriaLabel,
|
|
4675
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4676
|
+
"div",
|
|
4677
|
+
{
|
|
4678
|
+
className: `${styles.switchIcon} ${isRotating ? styles.switchIconRotate : ""}`,
|
|
4679
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4680
|
+
"img",
|
|
4681
|
+
{
|
|
4682
|
+
src: "/assets/images/icons/switch.svg",
|
|
4683
|
+
alt: labels.switchAriaLabel,
|
|
4684
|
+
width: 26,
|
|
4685
|
+
height: 26
|
|
4686
|
+
}
|
|
4687
|
+
)
|
|
4688
|
+
}
|
|
4689
|
+
)
|
|
4690
|
+
}
|
|
4691
|
+
)
|
|
4686
4692
|
]
|
|
4687
4693
|
}
|
|
4688
4694
|
),
|
|
@@ -4857,6 +4863,40 @@ var CardTicketSearch = ({
|
|
|
4857
4863
|
},
|
|
4858
4864
|
className: styles.serviceCol,
|
|
4859
4865
|
children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: [
|
|
4866
|
+
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4867
|
+
reactGridSystem.Col,
|
|
4868
|
+
{
|
|
4869
|
+
xs: 12,
|
|
4870
|
+
sm: 12,
|
|
4871
|
+
md: 12,
|
|
4872
|
+
lg: 12,
|
|
4873
|
+
xl: 12,
|
|
4874
|
+
xxl: 12,
|
|
4875
|
+
xxxl: 12,
|
|
4876
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4877
|
+
InputDynamic_default,
|
|
4878
|
+
{
|
|
4879
|
+
name: "serviceClass",
|
|
4880
|
+
label: labels.serviceClassLabel,
|
|
4881
|
+
control,
|
|
4882
|
+
type: "text",
|
|
4883
|
+
contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4884
|
+
react.Icon,
|
|
4885
|
+
{
|
|
4886
|
+
icon: "fluent:ribbon-star-24-filled",
|
|
4887
|
+
color: reactComponents.tokens.colorBrandBackground
|
|
4888
|
+
}
|
|
4889
|
+
),
|
|
4890
|
+
appearance: "filled-lighter",
|
|
4891
|
+
size: "large",
|
|
4892
|
+
placeholder: labels.placeholderTypeClass,
|
|
4893
|
+
onClick: onServiceClassClick,
|
|
4894
|
+
required: true,
|
|
4895
|
+
disabled: serviceClassDisabled
|
|
4896
|
+
}
|
|
4897
|
+
)
|
|
4898
|
+
}
|
|
4899
|
+
) }) }) }),
|
|
4860
4900
|
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: [
|
|
4861
4901
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4862
4902
|
reactGridSystem.Col,
|
|
@@ -4868,40 +4908,9 @@ var CardTicketSearch = ({
|
|
|
4868
4908
|
xl: 12,
|
|
4869
4909
|
xxl: 12,
|
|
4870
4910
|
xxxl: 12,
|
|
4871
|
-
|
|
4872
|
-
|
|
4873
|
-
|
|
4874
|
-
name: "serviceClass",
|
|
4875
|
-
label: labels.serviceClassLabel,
|
|
4876
|
-
control,
|
|
4877
|
-
type: "text",
|
|
4878
|
-
contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4879
|
-
react.Icon,
|
|
4880
|
-
{
|
|
4881
|
-
icon: "fluent:ribbon-star-24-filled",
|
|
4882
|
-
color: reactComponents.tokens.colorBrandBackground
|
|
4883
|
-
}
|
|
4884
|
-
),
|
|
4885
|
-
appearance: "filled-lighter",
|
|
4886
|
-
size: "large",
|
|
4887
|
-
placeholder: labels.placeholderTypeClass,
|
|
4888
|
-
onClick: onServiceClassClick,
|
|
4889
|
-
required: true,
|
|
4890
|
-
disabled: serviceClassDisabled
|
|
4891
|
-
}
|
|
4892
|
-
)
|
|
4893
|
-
}
|
|
4894
|
-
),
|
|
4895
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4896
|
-
reactGridSystem.Col,
|
|
4897
|
-
{
|
|
4898
|
-
xs: 12,
|
|
4899
|
-
sm: 12,
|
|
4900
|
-
md: 12,
|
|
4901
|
-
lg: 12,
|
|
4902
|
-
xl: 12,
|
|
4903
|
-
xxl: 12,
|
|
4904
|
-
xxxl: 12,
|
|
4911
|
+
style: {
|
|
4912
|
+
borderBottom: showPassengerField ? `1px solid ${reactComponents.tokens.colorNeutralStroke1}` : "none"
|
|
4913
|
+
},
|
|
4905
4914
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4906
4915
|
InputDynamic_default,
|
|
4907
4916
|
{
|
|
@@ -4927,7 +4936,7 @@ var CardTicketSearch = ({
|
|
|
4927
4936
|
)
|
|
4928
4937
|
}
|
|
4929
4938
|
),
|
|
4930
|
-
showPassengerField && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4939
|
+
showPassengerField && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4931
4940
|
reactGridSystem.Col,
|
|
4932
4941
|
{
|
|
4933
4942
|
xs: 12,
|
|
@@ -4959,7 +4968,7 @@ var CardTicketSearch = ({
|
|
|
4959
4968
|
}
|
|
4960
4969
|
)
|
|
4961
4970
|
}
|
|
4962
|
-
)
|
|
4971
|
+
) })
|
|
4963
4972
|
] }) }) }),
|
|
4964
4973
|
/* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4965
4974
|
reactComponents.Button,
|
|
@@ -14533,6 +14542,107 @@ var CardProfileMenu = ({
|
|
|
14533
14542
|
) });
|
|
14534
14543
|
};
|
|
14535
14544
|
|
|
14545
|
+
// src/components/NoContent/NoContent.constants.ts
|
|
14546
|
+
var DEFAULT_LABELS40 = {
|
|
14547
|
+
id: {
|
|
14548
|
+
defaultImageAlt: "Tidak ada konten",
|
|
14549
|
+
defaultTitle: "Data {konten} belum bisa dimuat",
|
|
14550
|
+
defaultMessage: "Silahkan coba muat ulang halaman ini atau cek kembali beberapa saat lagi.",
|
|
14551
|
+
defaultButtonText: "Muat Ulang"
|
|
14552
|
+
},
|
|
14553
|
+
en: {
|
|
14554
|
+
defaultImageAlt: "No content available",
|
|
14555
|
+
defaultTitle: "Data {content} could not be loaded",
|
|
14556
|
+
defaultMessage: "Please try reloading this page or check back in a few moments.",
|
|
14557
|
+
defaultButtonText: "Reload"
|
|
14558
|
+
}
|
|
14559
|
+
};
|
|
14560
|
+
var getFormattedDefaultTitle = (template, content) => {
|
|
14561
|
+
if (content) {
|
|
14562
|
+
return template.replace(/\{(konten|content)\}/g, content);
|
|
14563
|
+
}
|
|
14564
|
+
return template.replace(/\s*\{(konten|content)\}\s*/g, " ").trim();
|
|
14565
|
+
};
|
|
14566
|
+
var useStyles42 = reactComponents.makeStyles({
|
|
14567
|
+
root: {
|
|
14568
|
+
display: "flex",
|
|
14569
|
+
flexDirection: "column",
|
|
14570
|
+
alignItems: "center",
|
|
14571
|
+
justifyContent: "center",
|
|
14572
|
+
gap: reactComponents.tokens.spacingVerticalL,
|
|
14573
|
+
textAlign: "center",
|
|
14574
|
+
paddingTop: reactComponents.tokens.spacingVerticalXXL,
|
|
14575
|
+
paddingBottom: reactComponents.tokens.spacingVerticalXXL,
|
|
14576
|
+
paddingLeft: reactComponents.tokens.spacingHorizontalXL,
|
|
14577
|
+
paddingRight: reactComponents.tokens.spacingHorizontalXL,
|
|
14578
|
+
width: "100%"
|
|
14579
|
+
},
|
|
14580
|
+
image: {
|
|
14581
|
+
maxWidth: "100%",
|
|
14582
|
+
height: "auto"
|
|
14583
|
+
},
|
|
14584
|
+
textContainer: {
|
|
14585
|
+
display: "flex",
|
|
14586
|
+
flexDirection: "column",
|
|
14587
|
+
alignItems: "center",
|
|
14588
|
+
gap: reactComponents.tokens.spacingVerticalS,
|
|
14589
|
+
maxWidth: "400px"
|
|
14590
|
+
},
|
|
14591
|
+
title: {
|
|
14592
|
+
fontWeight: "600"
|
|
14593
|
+
},
|
|
14594
|
+
message: {
|
|
14595
|
+
color: reactComponents.tokens.colorNeutralForeground3,
|
|
14596
|
+
textAlign: "center"
|
|
14597
|
+
}
|
|
14598
|
+
});
|
|
14599
|
+
var NoContent = ({
|
|
14600
|
+
title,
|
|
14601
|
+
content,
|
|
14602
|
+
message,
|
|
14603
|
+
imageSrc = "/assets/images/illustrations/no-content.svg",
|
|
14604
|
+
imageAlt,
|
|
14605
|
+
imageWidth = 240,
|
|
14606
|
+
imageHeight = 180,
|
|
14607
|
+
actionButton,
|
|
14608
|
+
language = "id",
|
|
14609
|
+
labels,
|
|
14610
|
+
className
|
|
14611
|
+
}) => {
|
|
14612
|
+
const styles = useStyles42();
|
|
14613
|
+
const mergedLabels = { ...DEFAULT_LABELS40[language], ...labels };
|
|
14614
|
+
const displayTitle = title ?? getFormattedDefaultTitle(mergedLabels.defaultTitle, content);
|
|
14615
|
+
const displayMessage = message ?? mergedLabels.defaultMessage;
|
|
14616
|
+
const displayImageAlt = imageAlt ?? mergedLabels.defaultImageAlt;
|
|
14617
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reactComponents.mergeClasses(styles.root, className), children: [
|
|
14618
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14619
|
+
"img",
|
|
14620
|
+
{
|
|
14621
|
+
src: imageSrc,
|
|
14622
|
+
alt: displayImageAlt,
|
|
14623
|
+
width: imageWidth,
|
|
14624
|
+
height: imageHeight,
|
|
14625
|
+
className: styles.image
|
|
14626
|
+
}
|
|
14627
|
+
),
|
|
14628
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.textContainer, children: [
|
|
14629
|
+
/* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.title, children: displayTitle }),
|
|
14630
|
+
typeof displayMessage === "string" ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.message, children: displayMessage }) : displayMessage
|
|
14631
|
+
] }),
|
|
14632
|
+
actionButton && /* @__PURE__ */ jsxRuntime.jsx(
|
|
14633
|
+
reactComponents.Button,
|
|
14634
|
+
{
|
|
14635
|
+
type: "button",
|
|
14636
|
+
appearance: actionButton.appearance || "primary",
|
|
14637
|
+
onClick: actionButton.onClick,
|
|
14638
|
+
shape: "circular",
|
|
14639
|
+
style: { width: "100%" },
|
|
14640
|
+
children: actionButton.text
|
|
14641
|
+
}
|
|
14642
|
+
)
|
|
14643
|
+
] });
|
|
14644
|
+
};
|
|
14645
|
+
|
|
14536
14646
|
exports.API_CONFIG = API_CONFIG;
|
|
14537
14647
|
exports.API_ENDPOINTS = API_ENDPOINTS;
|
|
14538
14648
|
exports.API_ERROR_MESSAGES = API_ERROR_MESSAGES;
|
|
@@ -14596,6 +14706,8 @@ exports.ModalSelectDate = ModalSelectDate;
|
|
|
14596
14706
|
exports.ModalService = ModalService;
|
|
14597
14707
|
exports.ModalTotalPassengers = ModalTotalPassengers;
|
|
14598
14708
|
exports.ModalTypeOfService = ModalTypeOfService;
|
|
14709
|
+
exports.NoContent = NoContent;
|
|
14710
|
+
exports.NoContentDefaultLabels = DEFAULT_LABELS40;
|
|
14599
14711
|
exports.PASSENGER_TYPE = PASSENGER_TYPE;
|
|
14600
14712
|
exports.SortMenu = SortMenu;
|
|
14601
14713
|
exports.Stepper = Stepper;
|