@asdp/ferryui 0.1.22-dev.9949 → 0.1.22-dev.9969

package/dist/index.d.mts

@@ -3073,14 +3073,19 @@ interface CardVehicleOwnerFormProps {
      */
     commodityOptions?: SelectOption[];
     /**
-     * Options for load type select inputs
+     * Options for load type select inputs (raw, used as fallback)
      */
     loadTypeOptions?: (LoadType & {
-        commodityId: number;
+        commodityId?: number;
     })[];
     loadTypes?: (LoadType & {
-        commodityId: number;
+        commodityId?: number;
     })[];
+    /**
+     * Map of commodityId -> SelectOption[] fetched from backend per cargo commodity.
+     * When provided, each cargo's cargoType dropdown will use the matching entry.
+     */
+    loadTypeOptionsByCommodityId?: Record<string, SelectOption[]>;
     /**
      * Options for industry select inputs
      */

package/dist/index.d.ts

@@ -3073,14 +3073,19 @@ interface CardVehicleOwnerFormProps {
      */
     commodityOptions?: SelectOption[];
     /**
-     * Options for load type select inputs
+     * Options for load type select inputs (raw, used as fallback)
      */
     loadTypeOptions?: (LoadType & {
-        commodityId: number;
+        commodityId?: number;
     })[];
     loadTypes?: (LoadType & {
-        commodityId: number;
+        commodityId?: number;
     })[];
+    /**
+     * Map of commodityId -> SelectOption[] fetched from backend per cargo commodity.
+     * When provided, each cargo's cargoType dropdown will use the matching entry.
+     */
+    loadTypeOptionsByCommodityId?: Record<string, SelectOption[]>;
     /**
      * Options for industry select inputs
      */

package/dist/index.js

@@ -12535,6 +12535,7 @@ var CardVehicleOwnerForm = ({
   commodityOptions = [],
   loadTypeOptions = [],
   loadTypes = [],
+  loadTypeOptionsByCommodityId = {},
   industryOptions = [],
   loadCategoryOptions = [],
   language = "id",
@@ -13151,10 +13152,18 @@ var CardVehicleOwnerForm = ({
                                             cargoItems: updatedCargoItems
                                           });
                                         },
-                                        options: loadTypeOptions.map((lt) => ({
-                                          value: lt.id.toString(),
-                                          label: `${lt.name} (${lt.unit?.name})`
-                                        })),
+                                        options: (() => {
+                                          const selectedCommodityId = watch(
+                                            `owners.${index}.cargo.${cargoIndex}.commodity`
+                                          );
+                                          if (selectedCommodityId && loadTypeOptionsByCommodityId[selectedCommodityId]) {
+                                            return loadTypeOptionsByCommodityId[selectedCommodityId];
+                                          }
+                                          return loadTypeOptions.map((lt) => ({
+                                            value: lt.id.toString(),
+                                            label: `${lt.name}${lt.unit?.name ? ` (${lt.unit.name})` : ""}`
+                                          }));
+                                        })(),
                                         placeholder: mergedLabels.selectPlaceholder,
                                         required: true,
                                         size: "large",