@multiplatform.one/frappe-ui 7.66.0 → 7.68.0

package/dist/cjs/fields/Date/index.native.js

@@ -22,369 +22,10 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var index_native_exports = {};
-__export(index_native_exports, {
-  Date: () => DateField
+var Date_exports = {};
+__export(Date_exports, {
+  Date: () => import_catalog.Date
 });
-module.exports = __toCommonJS(index_native_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_theme = require("@multiplatform.one/theme");
-var import_forms = require("@multiplatform.one/forms");
-var import_react = require("react");
-var import_react_native = require("react-native");
-var import_react_native_safe_area_context = require("react-native-safe-area-context");
-var import_platform = require("@multiplatform.one/platform");
-var import_tamagui = require("tamagui");
-var import_useKeyboardInset = require("../../shared/useKeyboardInset.native.js");
+module.exports = __toCommonJS(Date_exports);
 var import_catalog = require("./catalog.native.js");
-var import_dateTimePickerLoader = require("./dateTimePickerLoader.native.js");
-var import_sheetKeyboard = require("./sheetKeyboard.native.js");
-var import_wire = require("./wire.native.js");
-var import_components = require("@multiplatform.one/components");
-function _instanceof(left, right) {
-  "@swc/helpers - instanceof";
-
-  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-    return !!right[Symbol.hasInstance](left);
-  } else {
-    return left instanceof right;
-  }
-}
-function formatDisplayValue(value, type) {
-  if (!value) return "";
-  try {
-    var date = (0, import_wire.fromFrappeDateValue)(value, type);
-    if (type === "time") return (0, import_theme.formatTimeOfDay)(date);
-    if (type === "datetime") return (0, import_theme.formatAbsoluteDateTime)(date, {
-      year: "always"
-    });
-    return (0, import_theme.formatAbsoluteDate)(date, {
-      year: "always"
-    });
-  } catch (unused) {
-    return value;
-  }
-}
-function toWireValue(raw, type) {
-  if (raw == null || raw === "") return "";
-  if (_instanceof(raw, Date)) return Number.isNaN(raw.getTime()) ? "" : (0, import_wire.toFrappeDateValue)(raw, type);
-  return String(raw);
-}
-function seedDate(wire, type) {
-  if (!wire) return /* @__PURE__ */new Date();
-  try {
-    var parsed = (0, import_wire.fromFrappeDateValue)(wire, type);
-    return Number.isNaN(parsed.getTime()) ? /* @__PURE__ */new Date() : parsed;
-  } catch (unused) {
-    return /* @__PURE__ */new Date();
-  }
-}
-function useNativePickerScheme() {
-  var themeName = (0, import_tamagui.useThemeName)();
-  var osScheme = (0, import_react_native.useColorScheme)();
-  if (themeName) return String(themeName).startsWith("dark") ? "dark" : "light";
-  return osScheme === "dark" ? "dark" : "light";
-}
-function OsDateField(param) {
-  var {
-    DateTimePicker,
-    ...props
-  } = param;
-  var _ref, _ref1;
-  var _theme_accentColor, _useContext;
-  var {
-    defaultValue,
-    disabled,
-    error: errorProp,
-    form,
-    helperText,
-    id: idProp,
-    inputProps: _inputProps,
-    label,
-    labelProps,
-    maxDate,
-    minDate,
-    mode,
-    name,
-    onBlur,
-    onChange,
-    placeholder,
-    preserveValue,
-    readOnly,
-    required,
-    size,
-    skeleton,
-    type = "date",
-    validators,
-    value
-  } = (0, import_tamagui.useProps)(props);
-  var {
-    resolvedForm,
-    knobProps,
-    id
-  } = (0, import_forms.useFormField)({
-    form,
-    id: idProp
-  });
-  var resolvedValidators = (0, import_forms.useResolvedValidators)(required, validators, label, name);
-  var themeVariant = useNativePickerScheme();
-  var theme = (0, import_tamagui.useTheme)();
-  var accentColor = (_theme_accentColor = theme.accentColor) === null || _theme_accentColor === void 0 ? void 0 : _theme_accentColor.val;
-  var keyboardInset = (0, import_useKeyboardInset.useKeyboardInset)();
-  var {
-    height: windowHeight
-  } = (0, import_react_native.useWindowDimensions)();
-  var topInset = (_ref = (_ref1 = (_useContext = (0, import_react.useContext)(import_react_native_safe_area_context.SafeAreaInsetsContext)) === null || _useContext === void 0 ? void 0 : _useContext.top) !== null && _ref1 !== void 0 ? _ref1 : import_react_native_safe_area_context.initialWindowMetrics === null || import_react_native_safe_area_context.initialWindowMetrics === void 0 ? void 0 : import_react_native_safe_area_context.initialWindowMetrics.insets.top) !== null && _ref !== void 0 ? _ref : 0;
-  var maxHeight = (0, import_sheetKeyboard.dateSheetMaxHeight)(windowHeight, keyboardInset, topInset);
-  var [showPicker, setShowPicker] = (0, import_react.useState)(false);
-  var [showTimePicker, setShowTimePicker] = (0, import_react.useState)(false);
-  var [tempDate, setTempDate] = (0, import_react.useState)(null);
-  var fieldType = type;
-  var isIOS = import_platform.platform.isIos;
-  var sheetBottomPadding = (0, import_sheetKeyboard.dateSheetBottomPadding)(keyboardInset, isIOS);
-  var pickerMode = fieldType === "time" || fieldType === "datetime" && showTimePicker ? "time" : "date";
-  var iosDisplay = pickerMode === "time" ? "spinner" : "inline";
-  function closePicker() {
-    setShowPicker(false);
-    setShowTimePicker(false);
-    setTempDate(null);
-  }
-  function renderControl(wire, hasError, commit, blur) {
-    var seed = seedDate(wire, fieldType);
-    var displayValue = formatDisplayValue(wire, fieldType);
-    var resolvedPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : fieldType === "time" ? "Select time" : fieldType === "datetime" ? "Select date & time" : "Select date";
-    function emit(picked) {
-      commit === null || commit === void 0 ? void 0 : commit(picked);
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, import_wire.toFrappeDateValue)(picked, fieldType));
-    }
-    function openPicker() {
-      if (disabled || readOnly) return;
-      setTempDate(seed);
-      setShowPicker(true);
-      setShowTimePicker(false);
-    }
-    function cancel() {
-      closePicker();
-      blur === null || blur === void 0 ? void 0 : blur();
-    }
-    function handleAndroidChange(event, selected) {
-      if (event.type === "dismissed") {
-        cancel();
-        return;
-      }
-      if (event.type !== "set" || !selected) return;
-      if (fieldType === "datetime" && !showTimePicker) {
-        setTempDate(selected);
-        setShowPicker(false);
-        setShowTimePicker(true);
-        setTimeout(function () {
-          return setShowPicker(true);
-        }, 100);
-        return;
-      }
-      var picked = fieldType === "datetime" && tempDate ? new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate(), selected.getHours(), selected.getMinutes()) : selected;
-      emit(picked);
-      closePicker();
-      blur === null || blur === void 0 ? void 0 : blur();
-    }
-    function handleIOSChange(_event, selected) {
-      if (!selected) return;
-      if (fieldType === "datetime" && showTimePicker && tempDate) {
-        setTempDate(new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate(), selected.getHours(), selected.getMinutes()));
-        return;
-      }
-      setTempDate(selected);
-    }
-    function confirm() {
-      emit(tempDate !== null && tempDate !== void 0 ? tempDate : seed);
-      closePicker();
-      blur === null || blur === void 0 ? void 0 : blur();
-    }
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-        onPress: openPicker,
-        disabled: disabled || readOnly,
-        justifyContent: "flex-start",
-        size: size || knobProps.sizeToken,
-        ...knobProps.borderRadius,
-        borderColor: hasError ? "$red8" : "$borderColor",
-        backgroundColor: disabled ? "$color4" : "$background",
-        "aria-label": typeof label === "string" ? label : void 0,
-        "aria-invalid": hasError || void 0,
-        "aria-required": required || void 0,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          color: displayValue ? import_forms.formCommonColors.text : import_forms.formCommonColors.muted,
-          children: displayValue || resolvedPlaceholder
-        })
-      }), /* Android: the Material dialog is its own window. */
-      showPicker && !isIOS && /* @__PURE__ */(0, import_jsx_runtime.jsx)(DateTimePicker, {
-        value: tempDate || seed,
-        mode: pickerMode,
-        display: "default",
-        onChange: handleAndroidChange,
-        minimumDate: fieldType !== "time" ? minDate : void 0,
-        maximumDate: fieldType !== "time" ? maxDate : void 0
-      }), /* iOS: the picker has no chrome of its own, so it rides a sheet. */
-      showPicker && isIOS && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Modal, {
-        transparent: true,
-        animationType: "fade",
-        visible: showPicker,
-        onRequestClose: cancel,
-        children: (
-        /*
-          A plain padded column, not KeyboardAvoidingView: inside a Modal
-          the latter pads the container while the sheet keeps its own
-          fixed height, so the sheet overflows off the TOP instead of
-          shrinking (MPO-64). Fade keeps the scrim planted (MPO-62);
-          only the panel sits at the bottom, capped above the keyboard.
-        */
-        /* @__PURE__ */
-        (0, import_jsx_runtime.jsxs)(import_react_native.View, {
-          style: {
-            flex: 1,
-            justifyContent: "flex-end",
-            paddingBottom: keyboardInset
-          },
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-            style: import_react_native.StyleSheet.absoluteFill,
-            onPress: cancel,
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-              pointerEvents: "none",
-              flex: 1,
-              backgroundColor: "$shadow6"
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-            onPress: function onPress(e) {
-              return e.stopPropagation();
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-              ...knobProps.elevatedSurface,
-              // Bottom sheet: the two off-screen corners eject from the
-              // surface fragment's radius, the visible pair keeps it.
-              borderBottomLeftRadius: 0,
-              borderBottomRightRadius: 0,
-              maxHeight,
-              flexShrink: 1,
-              minHeight: 0,
-              paddingBottom: sheetBottomPadding,
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-                justifyContent: "space-between",
-                ...knobProps.panelPadding,
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                  size: "$3",
-                  chromeless: true,
-                  onPress: cancel,
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-                    color: import_forms.formCommonColors.text,
-                    children: "Cancel"
-                  })
-                }), fieldType === "datetime" && !showTimePicker && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                  size: "$3",
-                  chromeless: true,
-                  onPress: function onPress() {
-                    return setShowTimePicker(true);
-                  },
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-                    color: "$accentColor",
-                    children: "Next"
-                  })
-                }), (fieldType !== "datetime" || showTimePicker) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                  size: "$3",
-                  chromeless: true,
-                  onPress: confirm,
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-                    color: "$accentColor",
-                    children: "Done"
-                  })
-                })]
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-                ...knobProps.panelPadding,
-                flexShrink: 1,
-                minHeight: 0,
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DateTimePicker, {
-                  value: tempDate || seed,
-                  mode: pickerMode,
-                  display: iosDisplay,
-                  themeVariant,
-                  accentColor,
-                  onChange: handleIOSChange,
-                  minimumDate: fieldType !== "time" ? minDate : void 0,
-                  maximumDate: fieldType !== "time" ? maxDate : void 0,
-                  style: {
-                    width: "100%",
-                    height: (0, import_sheetKeyboard.datePickerHeight)(pickerMode, maxHeight)
-                  }
-                })
-              })]
-            })
-          })]
-        }))
-      })]
-    });
-  }
-  if (skeleton) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldLayout, {
-      id,
-      label,
-      size,
-      knobProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: knobProps.sizeToken
-      })
-    });
-  }
-  if (!resolvedForm || !name) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldLayout, {
-      id,
-      label,
-      labelProps,
-      error: errorProp,
-      helperText,
-      required,
-      size,
-      knobProps,
-      onBlur,
-      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
-      // the sibling label/helper readable) — it needs the disabled state.
-      disabled,
-      children: renderControl(toWireValue(value, fieldType), !!errorProp, void 0, onBlur)
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Field, {
-    defaultValue,
-    form: resolvedForm,
-    mode,
-    name,
-    preserveValue,
-    validators: resolvedValidators,
-    children: function children(field) {
-      var resolvedError = (0, import_forms.getFieldError)(field, errorProp);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldLayout, {
-        id,
-        label,
-        labelProps,
-        error: resolvedError,
-        helperText,
-        required,
-        size,
-        knobProps,
-        disabled,
-        children: renderControl(toWireValue(value !== null && value !== void 0 ? value : field.state.value, fieldType), !!resolvedError, (0, import_forms.mergeFieldHandler)(field, "handleChange"), (0, import_forms.mergeFieldHandler)(field, "handleBlur", onBlur))
-      });
-    }
-  });
-}
-function DateField(props) {
-  var DateTimePicker = (0, import_dateTimePickerLoader.loadDateTimePicker)();
-  if (!DateTimePicker) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_catalog.Date, {
-    ...props
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(OsDateField, {
-    ...props,
-    DateTimePicker
-  });
-}
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Date/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["index_native_exports","__export","Date","DateField","module","exports","__toCommonJS","import_jsx_runtime","require","import_theme","import_forms","import_react","import_react_native","import_react_native_safe_area_context","import_platform","import_tamagui","import_useKeyboardInset","import_catalog","import_dateTimePickerLoader","import_sheetKeyboard","import_wire","import_components","_instanceof","left","right","Symbol","hasInstance","formatDisplayValue","value","type","date","fromFrappeDateValue","formatTimeOfDay","formatAbsoluteDateTime","year","formatAbsoluteDate","unused","toWireValue","raw","Number","isNaN","getTime","toFrappeDateValue","String","seedDate","wire","parsed","useNativePickerScheme","themeName","useThemeName","osScheme","useColorScheme","startsWith","OsDateField","param","DateTimePicker","props","_ref","_ref1","_theme_accentColor","_useContext","defaultValue","disabled","error","errorProp","form","helperText","id","idProp","inputProps","_inputProps","label","labelProps","maxDate","minDate","mode","name","onBlur","onChange","placeholder","preserveValue","readOnly","required","size","skeleton","validators","useProps","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","themeVariant","theme","useTheme","accentColor","val","keyboardInset","useKeyboardInset","height","windowHeight","useWindowDimensions","topInset","useContext","SafeAreaInsetsContext","top","initialWindowMetrics","insets","maxHeight","dateSheetMaxHeight","showPicker","setShowPicker","useState","showTimePicker","setShowTimePicker","tempDate","setTempDate","fieldType","isIOS","platform","isIos","sheetBottomPadding","dateSheetBottomPadding","pickerMode","iosDisplay","closePicker","renderControl","hasError","commit","blur","seed","displayValue","resolvedPlaceholder","emit","picked","openPicker","cancel","handleAndroidChange","event","selected","setTimeout","getFullYear","getMonth","getDate","getHours","getMinutes","handleIOSChange","_event","confirm","jsxs","YStack","gap","children","jsx","Button","onPress","justifyContent","sizeToken","borderRadius","borderColor","backgroundColor","Text","color","formCommonColors","text","muted","display","minimumDate","maximumDate","Modal","transparent","animationType","visible","onRequestClose","View","style","flex","paddingBottom","Pressable","StyleSheet","absoluteFill","pointerEvents","e","stopPropagation","elevatedSurface","borderBottomLeftRadius","borderBottomRightRadius","flexShrink","minHeight","XStack","panelPadding","chromeless","width","datePickerHeight","FieldLayout","Skeleton","variant","Field","field","resolvedError","getFieldError","state","mergeFieldHandler","loadDateTimePicker"],"sources":["../../../../src/fields/Date/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Date_exports","__export","Date","import_catalog","module","exports"],"sources":["../../../../src/fields/Date/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAC,cAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAAqB,CAAAK,YAAA","ignoreList":[]}

package/dist/cjs/fields/FileUpload.cjs

@@ -240,6 +240,19 @@ function FileUpload({
       })]
     });
   }
+  const fileActions = !readOnly && !transfer ? overMedia => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ActionButton, {
+      kind: "replace",
+      overMedia,
+      disabled: isLocked,
+      onPress: handleClick
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ActionButton, {
+      kind: "remove",
+      overMedia,
+      disabled: isLocked,
+      onPress: handleRemove
+    })]
+  }) : void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     ...knobProps.gap,
     children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
@@ -279,17 +292,13 @@ function FileUpload({
             fontSize: "$2",
             children: formatFileSize(transfer.file.size)
           })]
-        }), transfer.status === "uploading" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$2",
-          variant: "outlined",
-          icon: import_react.XIcon,
-          "aria-label": t("Cancel {{name}}", {
+        }), transfer.status === "uploading" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ActionButton, {
+          kind: "cancel",
+          label: t("Cancel {{name}}", {
             name: transfer.file.name
           }),
           disabled: isLocked,
-          onPress: handleCancel,
-          ...knobProps.borderRadius,
-          children: t("Cancel")
+          onPress: handleCancel
         }) : null]
       }), transfer.status === "uploading" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
         "data-file-upload": "progress",
@@ -322,27 +331,20 @@ function FileUpload({
           children: transfer.action
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           ...knobProps.gap,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            size: "$2",
-            variant: "outlined",
-            "aria-label": t("Retry {{name}}", {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ActionButton, {
+            kind: "retry",
+            label: t("Retry {{name}}", {
               name: transfer.file.name
             }),
             disabled: isLocked,
-            onPress: handleRetry,
-            ...knobProps.borderRadius,
-            children: t("Retry")
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            size: "$2",
-            variant: "outlined",
-            icon: import_react.XIcon,
-            "aria-label": t("Remove {{name}}", {
+            onPress: handleRetry
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ActionButton, {
+            kind: "remove",
+            label: t("Remove {{name}}", {
               name: transfer.file.name
             }),
             disabled: isLocked,
-            onPress: handleRemoveFailed,
-            ...knobProps.borderRadius,
-            children: t("Remove")
+            onPress: handleRemoveFailed
           })]
         })]
       }) : null]
@@ -353,49 +355,39 @@ function FileUpload({
       onPress: handleClick,
       ...knobProps.borderRadius,
       children: t("Choose File")
-    }) : null, value ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      ...knobProps.gap,
-      children: [isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+    }) : null, value ? isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      position: "relative",
+      alignSelf: "flex-start",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
         src: value,
         alt: t("Uploaded file preview"),
         width: previewSize,
         height: previewSize,
         ...knobProps.borderRadius,
         objectFit: "cover"
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$2",
-        alignItems: "center",
-        ...knobProps.panelPadding,
-        ...{
-          backgroundColor: "$color2"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
-          size: 20
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          flex: 1,
-          numberOfLines: 1,
-          children: value.split("/").pop() || value
-        })]
-      }), !readOnly && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      }), fileActions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        "data-file-upload": "preview-actions",
+        position: "absolute",
+        top: "$2",
+        right: "$2",
+        zIndex: 1,
         ...knobProps.gap,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$2",
-          variant: "outlined",
-          icon: import_react.UploadIcon,
-          disabled: isLocked,
-          onPress: handleClick,
-          ...knobProps.borderRadius,
-          children: t("Replace")
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$2",
-          variant: "outlined",
-          icon: import_react.XIcon,
-          disabled: isLocked,
-          onPress: handleRemove,
-          ...knobProps.borderRadius,
-          children: t("Remove")
-        })]
+        children: fileActions(true)
       }) : null]
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      ...knobProps.panelPadding,
+      ...{
+        backgroundColor: "$color2"
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+        size: 20
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        flex: 1,
+        numberOfLines: 1,
+        children: value.split("/").pop() || value
+      }), fileActions?.(false)]
     }) : null, helperText && !error && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
       color: "$color11",
       fontSize: "$2",