@asdp/ferryui 0.1.22-dev.9610 → 0.1.22-dev.9698

package/dist/index.d.mts

@@ -3051,8 +3051,12 @@ interface CardVehicleOwnerFormProps {
     /**
      * Options for load type select inputs
      */
-    loadTypeOptions?: SelectOption[];
-    loadTypes?: LoadType[];
+    loadTypeOptions?: (LoadType & {
+        commodityId: number;
+    })[];
+    loadTypes?: (LoadType & {
+        commodityId: number;
+    })[];
     /**
      * Options for industry select inputs
      */
@@ -3790,6 +3794,12 @@ interface FileUploadProps<T extends FieldValues = FieldValues> {
      */
     pdfIcon?: string;
     downloadTemplateDocument?: boolean;
+    /**
+     * Optional info label text to display with an info icon next to the label.
+     * When not provided, no info label is displayed.
+     * Example: 'Maximum file size is 10MB'
+     */
+    infoLabel?: string;
 }
 
 declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps<react_hook_form.FieldValues> & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -3051,8 +3051,12 @@ interface CardVehicleOwnerFormProps {
     /**
      * Options for load type select inputs
      */
-    loadTypeOptions?: SelectOption[];
-    loadTypes?: LoadType[];
+    loadTypeOptions?: (LoadType & {
+        commodityId: number;
+    })[];
+    loadTypes?: (LoadType & {
+        commodityId: number;
+    })[];
     /**
      * Options for industry select inputs
      */
@@ -3790,6 +3794,12 @@ interface FileUploadProps<T extends FieldValues = FieldValues> {
      */
     pdfIcon?: string;
     downloadTemplateDocument?: boolean;
+    /**
+     * Optional info label text to display with an info icon next to the label.
+     * When not provided, no info label is displayed.
+     * Example: 'Maximum file size is 10MB'
+     */
+    infoLabel?: string;
 }
 
 declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps<react_hook_form.FieldValues> & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -4242,7 +4242,8 @@ var InputDynamic = ({
         ...provided,
         minHeight: "40px",
         // fontSize: tokens.fontSizeBase400,
-        transition: "all 0.2s ease"
+        transition: "all 0.2s ease",
+        cursor: disabled ? "not-allowed" : "pointer"
       };
       if (currentAppearance === "outline") {
         return {
@@ -12794,6 +12795,7 @@ var CardVehicleOwnerForm = ({
                                           onUpdateOwner(owner.id, {
                                             cargoItems: updatedCargoItems
                                           });
+                                          setValue(`owners.${index}.cargo.${cargoIndex}.cargoType`, "");
                                         },
                                         options: commodityOptions,
                                         placeholder: mergedLabels.selectPlaceholder,
@@ -12844,7 +12846,12 @@ var CardVehicleOwnerForm = ({
                                             cargoItems: updatedCargoItems
                                           });
                                         },
-                                        options: loadTypeOptions,
+                                        options: loadTypeOptions.filter((lt) => lt.commodityId === (getValues(
+                                          `owners.${index}.cargo.${cargoIndex}.commodity`
+                                        ) || "")).map((lt) => ({
+                                          value: lt.id.toString(),
+                                          label: `${lt.name} (${lt.unit?.name})`
+                                        })),
                                         placeholder: mergedLabels.selectPlaceholder,
                                         required: true,
                                         size: "large",
@@ -15892,8 +15899,8 @@ var uploadStyles = reactComponents.makeStyles({
     pointerEvents: "none"
   },
   filePreviewImage: {
-    width: "48px",
-    height: "48px",
+    width: "32px",
+    height: "32px",
     borderRadius: reactComponents.tokens.borderRadiusSmall,
     objectFit: "cover"
   },
@@ -15901,6 +15908,18 @@ var uploadStyles = reactComponents.makeStyles({
     maxWidth: "100%",
     maxHeight: "70vh",
     objectFit: "contain"
+  },
+  infoLabel: {
+    '& [role="note"]': {
+      backgroundColor: "black",
+      color: "white"
+    }
+  },
+  label: {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    display: "block"
   }
 });
 var FileUpload = React__default.default.forwardRef(
@@ -15916,7 +15935,8 @@ var FileUpload = React__default.default.forwardRef(
     language = "id",
     labels: customLabels,
     pdfIcon,
-    downloadTemplateDocument = false
+    downloadTemplateDocument = false,
+    infoLabel
   }, ref) => {
     const mergedLabels = { ...DEFAULT_LABELS39[language], ...customLabels };
     const styles = uploadStyles();
@@ -16049,8 +16069,11 @@ var FileUpload = React__default.default.forwardRef(
             return /* @__PURE__ */ jsxRuntime.jsxs(
               reactComponents.Field,
               {
+                ref,
                 required,
-                label: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: label }),
+                label: {
+                  children: (_, slotProps) => infoLabel ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.InfoLabel, { ...slotProps, info: infoLabel, className: styles.infoLabel, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label }) }) : /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label })
+                },
                 className: styles.fieldContainer,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -16130,8 +16153,10 @@ var FileUpload = React__default.default.forwardRef(
               {
                 ref,
                 required,
-                label: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: label }),
                 className: styles.fieldContainer,
+                label: {
+                  children: (_, slotProps) => infoLabel ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.InfoLabel, { ...slotProps, info: infoLabel, className: styles.infoLabel, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label }) }) : /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label })
+                },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     reactGridSystem.Container,