@asdp/ferryui 0.1.22-dev.9706 → 0.1.22-dev.9767

package/dist/index.mjs

@@ -1605,7 +1605,7 @@ var CardTicket = ({
           ) }),
           /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: styles.ticketInfo, children: [
             /* @__PURE__ */ jsxs("div", { className: styles.ticketTime, children: [
-              /* @__PURE__ */ jsx(Caption1, { children: "KAMIS" }),
+              /* @__PURE__ */ jsx(Caption1, { children: departureItem?.departureDay }),
               /* @__PURE__ */ jsx(Title2, { children: departureItem?.departureTime }),
               /* @__PURE__ */ jsx(Caption1, { children: routeItem?.portFrom + ", " + routeItem?.branchFrom })
             ] }),
@@ -1618,7 +1618,7 @@ var CardTicket = ({
               /* @__PURE__ */ jsx("div", { className: styles.dividerContainer, children: /* @__PURE__ */ jsx(Divider, { children: /* @__PURE__ */ jsx(Icon, { icon: "fluent:vehicle-ship-24-regular", height: 24 }) }) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: styles.ticketTime, children: [
-              /* @__PURE__ */ jsx(Caption1, { children: "KAMIS" }),
+              /* @__PURE__ */ jsx(Caption1, { children: departureItem?.arrivedDay }),
               /* @__PURE__ */ jsxs(Title2, { children: [
                 departureItem?.arrivedTime,
                 " ",
@@ -4251,6 +4251,15 @@ var InputDynamic = ({
   const shouldFocusRef = useRef(false);
   const isBackspaceNavigationRef = useRef(false);
   const rawEmailOrPhoneInputRef = useRef("");
+  const [selectPortalTarget, setSelectPortalTarget] = useState(null);
+  useEffect(() => {
+    if (typeof document !== "undefined") {
+      const provider = document.querySelector(
+        ".fui-FluentProvider"
+      );
+      setSelectPortalTarget(provider ?? document.body);
+    }
+  }, []);
   const getPhoneInputValue = (val) => {
     let cleaned = val.startsWith("+") ? stripNonDigits(val.substring(1)) : stripNonDigits(val);
     if (onlyCountries && onlyCountries.length > 0 && cleaned) {
@@ -4336,7 +4345,12 @@ var InputDynamic = ({
       menuPortal: (base) => ({
         ...base,
         zIndex: 9999999,
-        borderRadius: tokens.borderRadiusMedium
+        borderRadius: tokens.borderRadiusMedium,
+        // Explicitly set typography so portal children inherit correct values
+        // regardless of where in the DOM tree the portal is mounted
+        fontSize: tokens.fontSizeBase400,
+        fontFamily: tokens.fontFamilyBase,
+        lineHeight: tokens.lineHeightBase400
       }),
       control: getControlStyles,
       menu: (provided) => ({
@@ -4839,7 +4853,10 @@ var InputDynamic = ({
             getOptionLabel: (option) => option.label,
             getOptionValue: (option) => option.value,
             isOptionDisabled: (option) => option.disabled || false,
-            menuPlacement
+            menuPlacement: menuPlacement || "auto",
+            menuShouldScrollIntoView: false,
+            menuPortalTarget: selectPortalTarget,
+            menuPosition: "fixed"
           }
         );
       case "country":
@@ -4899,7 +4916,10 @@ var InputDynamic = ({
                 ]
               }
             ),
-            menuPlacement
+            menuPlacement: menuPlacement || "auto",
+            menuShouldScrollIntoView: false,
+            menuPortalTarget: selectPortalTarget,
+            menuPosition: "fixed"
           }
         );
       case "phone": {
@@ -6616,8 +6636,8 @@ var useStyles11 = makeStyles({
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
-    gap: tokens.spacingVerticalS,
-    maxWidth: "400px"
+    gap: tokens.spacingVerticalS
+    // maxWidth: "400px",
   },
   title: {
     fontWeight: "600"
@@ -6657,7 +6677,7 @@ var EmptyContent = ({
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: styles.textContainer, children: [
-      /* @__PURE__ */ jsx(Subtitle1, { className: styles.title, children: displayTitle }),
+      typeof displayTitle === "string" ? /* @__PURE__ */ jsx(Subtitle1, { className: styles.title, children: displayTitle }) : displayTitle,
       typeof displayMessage === "string" ? /* @__PURE__ */ jsx(Body1, { className: styles.message, children: displayMessage }) : displayMessage
     ] }),
     actionButton && /* @__PURE__ */ jsx(
@@ -16130,10 +16150,7 @@ var FileUpload = React.forwardRef(
               Field,
               {
                 ref,
-                required,
-                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 })
-                },
+                label: /* @__PURE__ */ jsx(InfoLabel, { info: infoLabel, required, className: styles.infoLabel, children: /* @__PURE__ */ jsx(Body1, { children: label }) }),
                 className: styles.fieldContainer,
                 children: [
                   /* @__PURE__ */ jsx(
@@ -16212,11 +16229,8 @@ var FileUpload = React.forwardRef(
               Field,
               {
                 ref,
-                required,
                 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 })
-                },
+                label: /* @__PURE__ */ jsx(InfoLabel, { info: infoLabel, required, className: styles.infoLabel, children: /* @__PURE__ */ jsx(Body1, { children: label }) }),
                 children: [
                   /* @__PURE__ */ jsxs(
                     Container,