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

package/dist/index.d.mts

@@ -969,7 +969,7 @@ interface EmptyContentProps {
      * Title for the empty state
      * If not provided, falls back to the default label for the given language
      */
-    title?: string;
+    title?: ReactNode | string;
     /**
      * Dynamic content name to replace `{konten}` or `{content}` placeholder in the default title
      */

package/dist/index.d.ts

@@ -969,7 +969,7 @@ interface EmptyContentProps {
      * Title for the empty state
      * If not provided, falls back to the default label for the given language
      */
-    title?: string;
+    title?: ReactNode | string;
     /**
      * Dynamic content name to replace `{konten}` or `{content}` placeholder in the default title
      */

package/dist/index.js

@@ -1614,7 +1614,7 @@ var CardTicket = ({
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.ticketInfo, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.ticketTime, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { children: "KAMIS" }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { children: departureItem?.departureDay }),
               /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Title2, { children: departureItem?.departureTime }),
               /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { children: routeItem?.portFrom + ", " + routeItem?.branchFrom })
             ] }),
@@ -1627,7 +1627,7 @@ var CardTicket = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.dividerContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:vehicle-ship-24-regular", height: 24 }) }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.ticketTime, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { children: "KAMIS" }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { children: departureItem?.arrivedDay }),
               /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Title2, { children: [
                 departureItem?.arrivedTime,
                 " ",
@@ -4260,6 +4260,15 @@ var InputDynamic = ({
   const shouldFocusRef = React.useRef(false);
   const isBackspaceNavigationRef = React.useRef(false);
   const rawEmailOrPhoneInputRef = React.useRef("");
+  const [selectPortalTarget, setSelectPortalTarget] = React.useState(null);
+  React.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) {
@@ -4345,7 +4354,12 @@ var InputDynamic = ({
       menuPortal: (base) => ({
         ...base,
         zIndex: 9999999,
-        borderRadius: reactComponents.tokens.borderRadiusMedium
+        borderRadius: reactComponents.tokens.borderRadiusMedium,
+        // Explicitly set typography so portal children inherit correct values
+        // regardless of where in the DOM tree the portal is mounted
+        fontSize: reactComponents.tokens.fontSizeBase400,
+        fontFamily: reactComponents.tokens.fontFamilyBase,
+        lineHeight: reactComponents.tokens.lineHeightBase400
       }),
       control: getControlStyles,
       menu: (provided) => ({
@@ -4848,7 +4862,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":
@@ -4908,7 +4925,10 @@ var InputDynamic = ({
                 ]
               }
             ),
-            menuPlacement
+            menuPlacement: menuPlacement || "auto",
+            menuShouldScrollIntoView: false,
+            menuPortalTarget: selectPortalTarget,
+            menuPosition: "fixed"
           }
         );
       case "phone": {
@@ -6625,8 +6645,8 @@ var useStyles11 = reactComponents.makeStyles({
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
-    gap: reactComponents.tokens.spacingVerticalS,
-    maxWidth: "400px"
+    gap: reactComponents.tokens.spacingVerticalS
+    // maxWidth: "400px",
   },
   title: {
     fontWeight: "600"
@@ -6666,7 +6686,7 @@ var EmptyContent = ({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.textContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.title, children: displayTitle }),
+      typeof displayTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.title, children: displayTitle }) : displayTitle,
       typeof displayMessage === "string" ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.message, children: displayMessage }) : displayMessage
     ] }),
     actionButton && /* @__PURE__ */ jsxRuntime.jsx(
@@ -16139,10 +16159,7 @@ var FileUpload = React__default.default.forwardRef(
               reactComponents.Field,
               {
                 ref,
-                required,
-                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 })
-                },
+                label: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.InfoLabel, { info: infoLabel, required, className: styles.infoLabel, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: label }) }),
                 className: styles.fieldContainer,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -16221,11 +16238,8 @@ var FileUpload = React__default.default.forwardRef(
               reactComponents.Field,
               {
                 ref,
-                required,
                 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 })
-                },
+                label: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.InfoLabel, { info: infoLabel, required, className: styles.infoLabel, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: label }) }),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     reactGridSystem.Container,