@muhgholy/next-drive 4.23.13 → 4.23.14

package/dist/client/index.js

@@ -3167,7 +3167,7 @@ var DriveFileChooser = (props) => {
   }, [multiple, value, onChange]);
   const hasSelection = value && (Array.isArray(value) ? value.length > 0 : true);
   const displayFiles = useMemo(() => !value ? [] : Array.isArray(value) ? value : [value], [value]);
-  return /* @__PURE__ */ jsxs("div", { className: cn("nd:w-full", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("nd:w-full nd:min-w-0", className), children: [
     !hasSelection ? /* @__PURE__ */ jsxs(
       Button,
       {
@@ -3193,7 +3193,7 @@ var DriveFileChooser = (props) => {
     ) : (
       /* Selected Files Display */
       /* @__PURE__ */ jsxs("div", { className: cn("nd:rounded-lg nd:border", error ? "nd:border-destructive" : "nd:border-border", disabled && "nd:opacity-50"), children: [
-        !multiple && displayFiles[0] && displayFiles[0].file && /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-3 nd:p-2.5", children: [
+        !multiple && displayFiles[0] && displayFiles[0].file && /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-3 nd:p-2.5 nd:min-w-0", children: [
           /* @__PURE__ */ jsx("div", { className: "nd:size-12 nd:rounded-lg nd:overflow-hidden nd:bg-muted/30 nd:flex nd:items-center nd:justify-center nd:shrink-0", children: displayFiles[0].file.mime?.startsWith("image/") ? /* @__PURE__ */ jsx("img", { src: createUrl(displayFiles[0]), alt: displayFiles[0].file.name || "", className: "nd:size-full nd:object-cover" }) : getFileIcon(displayFiles[0].file.mime || "", false, "nd:size-6 nd:text-muted-foreground") }),
           /* @__PURE__ */ jsxs("div", { className: "nd:flex-1 nd:min-w-0", children: [
             /* @__PURE__ */ jsx("p", { className: "nd:text-sm nd:font-medium nd:truncate", children: displayFiles[0].file.name || "Unknown" }),
@@ -3220,7 +3220,7 @@ var DriveFileChooser = (props) => {
               !disabled && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs nd:text-muted-foreground", onClick: () => onChange([]), children: "Clear" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "nd:max-h-40 nd:overflow-y-auto nd:divide-y nd:divide-border/50", children: displayFiles.filter((file) => file?.file).map((file) => /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-2.5 nd:px-3 nd:py-2 nd:hover:bg-muted/20", children: [
+          /* @__PURE__ */ jsx("div", { className: "nd:max-h-40 nd:overflow-y-auto nd:divide-y nd:divide-border/50", children: displayFiles.filter((file) => file?.file).map((file) => /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-2.5 nd:px-3 nd:py-2 nd:hover:bg-muted/20 nd:min-w-0", children: [
             /* @__PURE__ */ jsx("div", { className: "nd:size-8 nd:rounded nd:overflow-hidden nd:bg-muted/30 nd:flex nd:items-center nd:justify-center nd:shrink-0", children: file.file.mime?.startsWith("image/") ? /* @__PURE__ */ jsx("img", { src: createUrl(file), alt: file.file.name || "", className: "nd:size-full nd:object-cover" }) : getFileIcon(file.file.mime || "", false, "nd:size-4 nd:text-muted-foreground") }),
             /* @__PURE__ */ jsxs("div", { className: "nd:flex-1 nd:min-w-0", children: [
               /* @__PURE__ */ jsx("p", { className: "nd:text-sm nd:truncate", children: file.file.name || "Unknown" }),
@@ -3237,9 +3237,9 @@ var DriveFileChooser = (props) => {
     error && helperText && /* @__PURE__ */ jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1.5", children: helperText }),
     unauthenticatedMode && /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", accept, multiple, className: "nd:hidden", onChange: handleFilePick }),
     activeUploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "nd:mt-2 nd:space-y-2", children: activeUploads.map((u) => /* @__PURE__ */ jsxs("div", { className: "nd:rounded-lg nd:border nd:px-3 nd:py-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-2 nd:min-w-0", children: [
         u.status === "error" ? /* @__PURE__ */ jsx(X, { className: "nd:size-4 nd:text-destructive nd:shrink-0" }) : /* @__PURE__ */ jsx(Loader2, { className: "nd:size-4 nd:animate-spin nd:text-muted-foreground nd:shrink-0" }),
-        /* @__PURE__ */ jsx("span", { className: "nd:text-sm nd:truncate nd:flex-1", children: u.name }),
+        /* @__PURE__ */ jsx("span", { className: "nd:text-sm nd:truncate nd:flex-1 nd:min-w-0", children: u.name }),
         /* @__PURE__ */ jsx("span", { className: "nd:text-xs nd:text-muted-foreground nd:shrink-0", children: u.status === "error" ? "Failed" : `${Math.round(u.currentChunk / Math.max(1, u.totalChunks) * 100)}%` })
       ] }),
       u.status !== "error" && /* @__PURE__ */ jsx(Progress, { value: Math.round(u.currentChunk / Math.max(1, u.totalChunks) * 100), className: "nd:mt-1.5" }),