@webdevarif/dashui 0.2.3 → 0.2.5

package/dist/index.d.mts

@@ -367,7 +367,6 @@ interface MediaPickerDialogProps {
     folders?: MediaPickerDialogFolder[];
     loading?: boolean;
     total: number;
-    uploads?: UploadItem[];
     typeFilter?: string;
     onTypeChange?: (type: string) => void;
     search?: string;
@@ -378,11 +377,12 @@ interface MediaPickerDialogProps {
     onLoadMore?: () => void;
     hasMore?: boolean;
     multiple?: boolean;
+    initialSelected?: string[];
     /** "images" = only show image type tabs; "all" = show all type tabs */
     accept?: "images" | "all";
     onSelect: (files: MediaCardFile[]) => void;
 }
-declare function MediaPickerDialog({ open, onOpenChange, title, files, folders, loading, total, uploads, typeFilter, onTypeChange, search, onSearch, activeFolderId, onFolderChange, onUpload, onLoadMore, hasMore, multiple, accept, onSelect, }: MediaPickerDialogProps): react_jsx_runtime.JSX.Element;
+declare function MediaPickerDialog({ open, onOpenChange, title, files, folders, loading, total, typeFilter, onTypeChange, search, onSearch, activeFolderId, onFolderChange, onUpload, onLoadMore, hasMore, multiple, initialSelected, accept, onSelect, }: MediaPickerDialogProps): react_jsx_runtime.JSX.Element;
 
 interface ImagePickerFieldProps {
     value?: string;

package/dist/index.d.ts

@@ -367,7 +367,6 @@ interface MediaPickerDialogProps {
     folders?: MediaPickerDialogFolder[];
     loading?: boolean;
     total: number;
-    uploads?: UploadItem[];
     typeFilter?: string;
     onTypeChange?: (type: string) => void;
     search?: string;
@@ -378,11 +377,12 @@ interface MediaPickerDialogProps {
     onLoadMore?: () => void;
     hasMore?: boolean;
     multiple?: boolean;
+    initialSelected?: string[];
     /** "images" = only show image type tabs; "all" = show all type tabs */
     accept?: "images" | "all";
     onSelect: (files: MediaCardFile[]) => void;
 }
-declare function MediaPickerDialog({ open, onOpenChange, title, files, folders, loading, total, uploads, typeFilter, onTypeChange, search, onSearch, activeFolderId, onFolderChange, onUpload, onLoadMore, hasMore, multiple, accept, onSelect, }: MediaPickerDialogProps): react_jsx_runtime.JSX.Element;
+declare function MediaPickerDialog({ open, onOpenChange, title, files, folders, loading, total, typeFilter, onTypeChange, search, onSearch, activeFolderId, onFolderChange, onUpload, onLoadMore, hasMore, multiple, initialSelected, accept, onSelect, }: MediaPickerDialogProps): react_jsx_runtime.JSX.Element;
 
 interface ImagePickerFieldProps {
     value?: string;

package/dist/index.js

@@ -2030,7 +2030,6 @@ function MediaPickerDialog({
   folders = [],
   loading = false,
   total,
-  uploads = [],
   typeFilter = "all",
   onTypeChange,
   search = "",
@@ -2041,10 +2040,11 @@ function MediaPickerDialog({
   onLoadMore,
   hasMore = false,
   multiple = false,
+  initialSelected = [],
   accept = "all",
   onSelect
 }) {
-  const [localSelected, setLocalSelected] = React20.useState(/* @__PURE__ */ new Set());
+  const [localSelected, setLocalSelected] = React20.useState(new Set(initialSelected));
   const [isDragging, setIsDragging] = React20.useState(false);
   const fileInputRef = React20.useRef(null);
   const dragCounterRef = React20.useRef(0);
@@ -2055,6 +2055,16 @@ function MediaPickerDialog({
       dragCounterRef.current = 0;
     }
   }, [open]);
+  const prevInitialRef = React20.useRef("");
+  React20.useEffect(() => {
+    if (!open) return;
+    const key = initialSelected.join(",");
+    if (key === prevInitialRef.current) return;
+    prevInitialRef.current = key;
+    if (initialSelected.length > 0) {
+      setLocalSelected(new Set(initialSelected));
+    }
+  }, [open, initialSelected]);
   const handleDragEnter = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -2111,7 +2121,6 @@ function MediaPickerDialog({
       onUpload(e.target.files);
     }
   };
-  const activeUploads = uploads.filter((u) => u.status === "uploading");
   const firstSelected = files.find((f) => localSelected.has(f.id));
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     DialogContent,
@@ -2217,20 +2226,6 @@ function MediaPickerDialog({
                 )
               ] })
             ] }),
-            activeUploads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "border-b px-4 py-2 space-y-1.5 shrink-0", children: activeUploads.map((u, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "flex-1 truncate text-xs text-muted-foreground", children: u.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-1.5 w-24 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-                "div",
-                {
-                  className: "h-full rounded-full bg-primary transition-all duration-200",
-                  style: { width: `${u.progress}%` }
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-[10px] text-muted-foreground w-6 text-right", children: [
-                u.progress,
-                "%"
-              ] })
-            ] }, i)) }),
             /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
               "div",
               {