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

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { makeStyles, tokens, createLightTheme, createDarkTheme, shorthands, Popover, PopoverTrigger, Input, PopoverSurface, Field, Caption1Strong, Caption2, Button, Body1, Body1Strong, Caption1, Dialog, DialogSurface, DialogBody, DialogTitle, DialogTrigger, DialogContent, Carousel, CarouselButton, CarouselViewport, mergeClasses, CarouselSlider, CarouselNav, CarouselNavButton, CarouselCard, Skeleton, SkeletonItem, Subtitle2, Card, Tooltip, Badge, Title2, Divider, Title3, Label, Text, Subtitle1, Checkbox, MessageBar, MessageBarBody, Accordion, AccordionItem, AccordionHeader, AccordionPanel, RadioGroup, Menu, MenuTrigger, MenuPopover, MenuList, Radio, DialogActions, Caption2Strong, Body2, Body1Stronger, Caption1Stronger, Display, Image, Title1, TabList, Tab, typographyStyles, Switch, Textarea, Link } from '@fluentui/react-components';
+import { makeStyles, tokens, createLightTheme, createDarkTheme, shorthands, Popover, PopoverTrigger, Input, PopoverSurface, Field, Caption1Strong, Caption2, Button, InfoLabel, Body1, Body1Strong, Caption1, Dialog, DialogSurface, DialogBody, DialogTitle, DialogTrigger, DialogContent, Carousel, CarouselButton, CarouselViewport, mergeClasses, CarouselSlider, CarouselNav, CarouselNavButton, CarouselCard, Skeleton, SkeletonItem, Subtitle2, Card, Tooltip, Badge, Title2, Divider, Title3, Label, Text, Subtitle1, Checkbox, MessageBar, MessageBarBody, Accordion, AccordionItem, AccordionHeader, AccordionPanel, RadioGroup, Menu, MenuTrigger, MenuPopover, MenuList, Radio, DialogActions, Caption2Strong, Body2, Body1Stronger, Caption1Stronger, Display, Image, Title1, TabList, Tab, typographyStyles, Switch, Textarea, Link } from '@fluentui/react-components';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { forwardRef, useState, useRef, useEffect, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
 import { ArrowDownloadRegular, Dismiss24Regular, DismissRegular, SubtractRegular, AddRegular, DeleteRegular, InfoRegular, SearchRegular } from '@fluentui/react-icons';
@@ -4233,7 +4233,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 {
@@ -12785,6 +12786,7 @@ var CardVehicleOwnerForm = ({
                                           onUpdateOwner(owner.id, {
                                             cargoItems: updatedCargoItems
                                           });
+                                          setValue(`owners.${index}.cargo.${cargoIndex}.cargoType`, "");
                                         },
                                         options: commodityOptions,
                                         placeholder: mergedLabels.selectPlaceholder,
@@ -12835,7 +12837,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",
@@ -15883,8 +15890,8 @@ var uploadStyles = makeStyles({
     pointerEvents: "none"
   },
   filePreviewImage: {
-    width: "48px",
-    height: "48px",
+    width: "32px",
+    height: "32px",
     borderRadius: tokens.borderRadiusSmall,
     objectFit: "cover"
   },
@@ -15892,6 +15899,18 @@ var uploadStyles = 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.forwardRef(
@@ -15907,7 +15926,8 @@ var FileUpload = React.forwardRef(
     language = "id",
     labels: customLabels,
     pdfIcon,
-    downloadTemplateDocument = false
+    downloadTemplateDocument = false,
+    infoLabel
   }, ref) => {
     const mergedLabels = { ...DEFAULT_LABELS39[language], ...customLabels };
     const styles = uploadStyles();
@@ -16040,8 +16060,11 @@ var FileUpload = React.forwardRef(
             return /* @__PURE__ */ jsxs(
               Field,
               {
+                ref,
                 required,
-                label: /* @__PURE__ */ jsx(Body1, { children: label }),
+                label: {
+                  children: (_, slotProps) => infoLabel ? /* @__PURE__ */ jsx(InfoLabel, { ...slotProps, info: infoLabel, className: styles.infoLabel, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: label }) }) : /* @__PURE__ */ jsx(Body1, { className: styles.label, children: label })
+                },
                 className: styles.fieldContainer,
                 children: [
                   /* @__PURE__ */ jsx(
@@ -16121,8 +16144,10 @@ var FileUpload = React.forwardRef(
               {
                 ref,
                 required,
-                label: /* @__PURE__ */ jsx(Body1, { children: label }),
                 className: styles.fieldContainer,
+                label: {
+                  children: (_, slotProps) => infoLabel ? /* @__PURE__ */ jsx(InfoLabel, { ...slotProps, info: infoLabel, className: styles.infoLabel, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: label }) }) : /* @__PURE__ */ jsx(Body1, { className: styles.label, children: label })
+                },
                 children: [
                   /* @__PURE__ */ jsxs(
                     Container,