@asdp/ferryui 0.1.22-dev.9825 → 0.1.22-dev.9838

package/dist/index.d.mts

@@ -775,7 +775,7 @@ interface CardTicketSearchSummaryProps {
      */
     departureDate: string;
     /**
-     * Service class text (e.g., "3 Kelas Layanan")
+     * Service type text (e.g., "3 Service Types")
      */
     serviceClass: string;
     /**
@@ -1377,7 +1377,7 @@ interface ModalServiceProps {
     onClose: () => void;
     /**
      * Modal title
-     * @default "Pilih Kelas Layanan"
+     * @default "Pilih Jenis Layanan"
      */
     title?: string;
     /**
@@ -1436,7 +1436,7 @@ interface ModalServiceProps {
  * <ModalService
  *   open={isOpen}
  *   onClose={() => setIsOpen(false)}
- *   title="Pilih Kelas Layanan"
+ *   title="Pilih Jenis Layanan"
  *   services={servicesList}
  *   selectedServiceIds={selectedIds}
  *   onSave={handleSave}
@@ -2448,7 +2448,7 @@ interface ModalSearchTicketProps extends Partial<DialogProps> {
  *     startDate: '12 Januari 2026',
  *     roundTrip: false,
  *     endDate: '',
- *     serviceClass: '2 Kelas Layanan',
+ *     serviceClass: '2 Jenis Layanan',
  *     typeOfService: 'Pejalan Kaki',
  *     passenger: '2 Penumpang',
  *   }}

package/dist/index.d.ts

@@ -775,7 +775,7 @@ interface CardTicketSearchSummaryProps {
      */
     departureDate: string;
     /**
-     * Service class text (e.g., "3 Kelas Layanan")
+     * Service type text (e.g., "3 Service Types")
      */
     serviceClass: string;
     /**
@@ -1377,7 +1377,7 @@ interface ModalServiceProps {
     onClose: () => void;
     /**
      * Modal title
-     * @default "Pilih Kelas Layanan"
+     * @default "Pilih Jenis Layanan"
      */
     title?: string;
     /**
@@ -1436,7 +1436,7 @@ interface ModalServiceProps {
  * <ModalService
  *   open={isOpen}
  *   onClose={() => setIsOpen(false)}
- *   title="Pilih Kelas Layanan"
+ *   title="Pilih Jenis Layanan"
  *   services={servicesList}
  *   selectedServiceIds={selectedIds}
  *   onSave={handleSave}
@@ -2448,7 +2448,7 @@ interface ModalSearchTicketProps extends Partial<DialogProps> {
  *     startDate: '12 Januari 2026',
  *     roundTrip: false,
  *     endDate: '',
- *     serviceClass: '2 Kelas Layanan',
+ *     serviceClass: '2 Jenis Layanan',
  *     typeOfService: 'Pejalan Kaki',
  *     passenger: '2 Penumpang',
  *   }}

package/dist/index.js

@@ -1628,11 +1628,7 @@ var CardTicket = ({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.ticketTime, children: [
               /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { children: departureItem?.arrivedDay }),
-              /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Title2, { children: [
-                departureItem?.arrivedTime,
-                " ",
-                mergedLabels.timezoneLabel
-              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Title2, { children: departureItem?.arrivedTime }),
               /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { children: routeItem?.portTo + ", " + routeItem?.branchTo })
             ] })
           ] }) }),
@@ -5475,7 +5471,7 @@ var DEFAULT_LABELS8 = {
     toLabel: "Ke",
     departureDateLabel: "Tanggal Berangkat",
     returnDateLabel: "Tanggal Pulang",
-    serviceClassLabel: "Kelas Layanan",
+    serviceClassLabel: "Jenis Layanan",
     typeOfServiceLabel: "Jenis Penumpang",
     passengerLabel: "Penumpang",
     roundTripLabel: "Pulang Pergi",
@@ -5484,7 +5480,7 @@ var DEFAULT_LABELS8 = {
     placeholderDestinationPort: "Pilih Pelabuhan Tujuan",
     placeholderDepartureDate: "Pilih Tanggal Keberangkatan",
     placeholderReturnDate: "Pilih Tanggal Kepulangan",
-    placeholderTypeClass: "Pilih Kelas Layanan",
+    placeholderTypeClass: "Pilih Jenis Layanan",
     placeholderTypeService: "Pilih Jenis Penumpang",
     placeholderPassenger: "Pilih Jumlah Penumpang",
     errorOriginRequired: "Pelabuhan asal wajib diisi",
@@ -5503,7 +5499,7 @@ var DEFAULT_LABELS8 = {
     toLabel: "To",
     departureDateLabel: "Departure Date",
     returnDateLabel: "Return Date",
-    serviceClassLabel: "Service Class",
+    serviceClassLabel: "Service Type",
     typeOfServiceLabel: "Type Of Passenger",
     passengerLabel: "Passenger",
     roundTripLabel: "Round Trip",
@@ -5512,7 +5508,7 @@ var DEFAULT_LABELS8 = {
     placeholderDestinationPort: "Select Destination Port",
     placeholderDepartureDate: "Select Departure Date",
     placeholderReturnDate: "Select Return Date",
-    placeholderTypeClass: "Select Service Class",
+    placeholderTypeClass: "Select Service Type",
     placeholderTypeService: "Select Service Type",
     placeholderPassenger: "Select Number of Passengers",
     errorOriginRequired: "Origin port is required",
@@ -6180,7 +6176,7 @@ var DEFAULT_LABELS9 = {
     originHarbor: "Pelabuhan Keberangkatan",
     destinationHarbor: "Pelabuhan Tujuan",
     departureDate: "Tanggal Keberangkatan",
-    serviceClass: "Kelas Layanan",
+    serviceClass: "Jenis Layanan",
     typeOfService: "Jenis Penumpang",
     totalPassengers: "Jumlah Penumpang",
     changeSearchButton: "Ganti Pencarian",
@@ -6190,7 +6186,7 @@ var DEFAULT_LABELS9 = {
     originHarbor: "Departure Port",
     destinationHarbor: "Destination Port",
     departureDate: "Departure Date",
-    serviceClass: "Service Class",
+    serviceClass: "Service Type",
     typeOfService: "Type Of Passenger",
     totalPassengers: "Total Passengers",
     changeSearchButton: "Change Search",
@@ -7562,22 +7558,22 @@ var ModalSelectDate = ({
 // src/components/ModalService/ModalService.constants.ts
 var DEFAULT_LABELS13 = {
   id: {
-    title: "Pilih Kelas Layanan",
+    title: "Pilih Jenis Layanan",
     loading: "Memuat...",
     error: "Gagal memuat layanan",
     selectAll: "Pilih Semua",
     saveButton: "Simpan",
     closeAriaLabel: "Tutup",
-    emptyContent: "Kelas Layanan"
+    emptyContent: "Jenis Layanan"
   },
   en: {
-    title: "Select Service Class",
+    title: "Select Service Type",
     loading: "Loading...",
     error: "Error loading services",
     selectAll: "Select All",
     saveButton: "Save",
     closeAriaLabel: "Close",
-    emptyContent: "Service Class"
+    emptyContent: "Service Type"
   }
 };
 var useStyles14 = reactComponents.makeStyles({
@@ -9046,7 +9042,7 @@ var SortMenu = ({
 var DEFAULT_LABELS17 = {
   id: {
     title: "Filter dengan",
-    serviceTypeLabel: "Jenis Penumpang",
+    serviceTypeLabel: "Jenis Layanan",
     departureTimeLabel: "Waktu pergi",
     arrivalTimeLabel: "Waktu tiba",
     priceLabel: "Harga",
@@ -9176,11 +9172,32 @@ var useStyles18 = reactComponents.makeStyles({
   },
   outlinePrimary: {
     color: reactComponents.tokens.colorBrandBackground,
+    backgroundColor: "transparent",
     ...reactComponents.shorthands.border("1px", "solid", reactComponents.tokens.colorBrandBackground),
     ":hover": {
-      backgroundColor: reactComponents.tokens.colorBrandBackgroundHover,
-      ...reactComponents.shorthands.borderColor(reactComponents.tokens.colorBrandBackgroundHover),
-      color: reactComponents.tokens.colorNeutralForegroundOnBrand
+      backgroundColor: "transparent",
+      color: reactComponents.tokens.colorBrandBackground,
+      ...reactComponents.shorthands.borderColor(reactComponents.tokens.colorBrandBackground)
+    },
+    ":active": {
+      backgroundColor: "transparent",
+      color: reactComponents.tokens.colorBrandBackground,
+      ...reactComponents.shorthands.borderColor(reactComponents.tokens.colorBrandBackground)
+    }
+  },
+  primaryNoHover: {
+    backgroundColor: reactComponents.tokens.colorBrandBackground,
+    color: reactComponents.tokens.colorNeutralForegroundOnBrand,
+    ...reactComponents.shorthands.border("1px", "solid", reactComponents.tokens.colorBrandBackground),
+    ":hover": {
+      backgroundColor: reactComponents.tokens.colorBrandBackground,
+      color: reactComponents.tokens.colorNeutralForegroundOnBrand,
+      ...reactComponents.shorthands.borderColor(reactComponents.tokens.colorBrandBackground)
+    },
+    ":active": {
+      backgroundColor: reactComponents.tokens.colorBrandBackground,
+      color: reactComponents.tokens.colorNeutralForegroundOnBrand,
+      ...reactComponents.shorthands.borderColor(reactComponents.tokens.colorBrandBackground)
     }
   },
   outlineDanger: {
@@ -9430,7 +9447,7 @@ var ModalFilterTicket = ({
             reactComponents.Button,
             {
               appearance: isSelected ? "primary" : "outline",
-              className: isSelected ? "" : styles.outlinePrimary,
+              className: isSelected ? styles.primaryNoHover : styles.outlinePrimary,
               size: "large",
               onClick: () => handleServiceTypeToggle(service),
               style: { width: "100%" },
@@ -9570,7 +9587,16 @@ var ModalFilterTicket = ({
           children: mergedLabels.resetButton
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Button, { appearance: "primary", onClick: onApply, shape: "circular", children: mergedLabels.applyButton })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactComponents.Button,
+        {
+          appearance: "primary",
+          disabled: selectedServiceTypes.length === 0,
+          onClick: onApply,
+          shape: "circular",
+          children: mergedLabels.applyButton
+        }
+      )
     ] })
   ] }) }) });
 };
@@ -9754,8 +9780,8 @@ var DEFAULT_LABELS19 = {
     returnDateLabel: "Tanggal Pulang",
     returnDatePlaceholder: "Pilih Tanggal Pulang",
     returnDateRequired: "Tanggal Pulang wajib diisi",
-    serviceClassLabel: "Kelas Layanan",
-    serviceClassPlaceholder: "Pilih Kelas Layanan",
+    serviceClassLabel: "Jenis Layanan",
+    serviceClassPlaceholder: "Pilih Jenis Layanan",
     typeOfServiceLabel: "Jenis penumpang",
     typeOfServicePlaceholder: "Pilih Jenis penumpang",
     passengerLabel: "Penumpang",
@@ -9778,8 +9804,8 @@ var DEFAULT_LABELS19 = {
     returnDateLabel: "Return Date",
     returnDatePlaceholder: "Select Return Date",
     returnDateRequired: "Return date is required",
-    serviceClassLabel: "Service Class",
-    serviceClassPlaceholder: "Select Service Class",
+    serviceClassLabel: "Service Type",
+    serviceClassPlaceholder: "Select Service Type",
     typeOfServiceLabel: "Type of Passenger",
     typeOfServicePlaceholder: "Select Type of Passenger",
     passengerLabel: "Passenger",