@muhgholy/next-drive 2.1.0 → 2.2.0

package/dist/client/components/drive/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/client/components/drive/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAmRxC,eAAO,MAAM,YAAY,yBA8BxB,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/client/components/drive/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA8RxC,eAAO,MAAM,YAAY,yBAgCxB,CAAC"}

package/dist/client/components/ui/sheet.d.ts

@@ -10,6 +10,7 @@ declare const sheetVariants: (props?: ({
     side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    hideCloseButton?: boolean;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {

package/dist/client/components/ui/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,UAAU,iBACN,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACrE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAI;AAE1C,QAAA,MAAM,YAAY,0FAkBhB,CAAA;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACH,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACnB,CAAA"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,UAAU,iBACN,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACrE,YAAY,CAAC,OAAO,aAAa,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,0FAoBhB,CAAA;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACH,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACnB,CAAA"}

package/dist/client/index.js

@@ -634,7 +634,7 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React3.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React3.forwardRef(({ side = "right", className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     SheetPrimitive.Content,
@@ -644,7 +644,7 @@ var SheetContent = React3.forwardRef(({ side = "right", className, children, ...
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        !hideCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
           /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -2025,7 +2025,7 @@ var DriveUpload = (props) => {
   }, [handleFiles]);
   const hasUploadsInProgress = uploads.some((u) => ["uploading", "queued", "pending"].includes(u.status));
   const activeUploads = uploads.filter((u) => ["uploading", "queued", "pending"].includes(u.status));
-  const renderDialog = () => /* @__PURE__ */ jsx(Dialog, { open: showUploadsDialog, onOpenChange: setShowUploadsDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md p-0 gap-0", children: [
+  const renderDialog = () => /* @__PURE__ */ jsx(Dialog, { open: showUploadsDialog, onOpenChange: setShowUploadsDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md p-0 gap-0", showCloseButton: false, children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "px-4 py-3 border-b flex-row items-center justify-between space-y-0", children: [
       /* @__PURE__ */ jsx(DialogTitle, { className: "text-base", children: "Upload Status" }),
       hasUploadsInProgress && /* @__PURE__ */ jsx(
@@ -2540,7 +2540,7 @@ var DriveFileChooser = (props) => {
     ] }) })
   ] });
 };
-var SidebarContent = () => {
+var SidebarContent = ({ onNavigate }) => {
   const {
     accounts,
     activeAccountId,
@@ -2548,7 +2548,8 @@ var SidebarContent = () => {
     callAPI,
     refreshAccounts,
     currentView,
-    setCurrentView
+    setCurrentView,
+    isLoading
   } = useDrive();
   const [renameDialog, setRenameDialog] = useState({
     open: false,
@@ -2611,6 +2612,14 @@ var SidebarContent = () => {
     window.addEventListener("storage", storageListener);
   };
   return /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col bg-muted/5 dark:bg-muted/10", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-1 w-full", children: isLoading && /* @__PURE__ */ jsx(
+      Progress,
+      {
+        value: void 0,
+        className: "h-full rounded-none bg-transparent",
+        indicatorClassName: "animate-pulse bg-primary/60"
+      }
+    ) }),
     /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-border/50", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
       /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "w-full justify-between px-2 h-11 hover:bg-muted/50 dark:hover:bg-muted/30", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 text-left min-w-0 flex-1", children: [
@@ -2627,16 +2636,21 @@ var SidebarContent = () => {
       ] }) }),
       /* @__PURE__ */ jsxs(DropdownMenuContent, { className: "w-56", align: "start", children: [
         /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide", children: "Storage" }),
-        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setActiveAccountId(null), className: "gap-2 py-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm", children: "Local Storage" }),
-          activeAccountId === null && /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" })
-        ] }),
+        /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => {
+          setActiveAccountId(null);
+          setCurrentView("BROWSE");
+          onNavigate?.();
+        }, className: "gap-2 py-2", children: activeAccountId === null && /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" }) }),
         accounts.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
         accounts.map((account) => /* @__PURE__ */ jsxs("div", { className: "flex items-center group", children: [
           /* @__PURE__ */ jsxs(
             DropdownMenuItem,
             {
-              onClick: () => setActiveAccountId(account.id),
+              onClick: () => {
+                setActiveAccountId(account.id);
+                setCurrentView("BROWSE");
+                onNavigate?.();
+              },
               className: "flex-1 gap-2 py-2 pr-1",
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -2700,7 +2714,10 @@ var SidebarContent = () => {
             "w-full justify-start gap-2.5 h-9 px-2.5 font-medium",
             currentView !== "TRASH" ? "bg-primary/10 text-primary hover:bg-primary/15 dark:bg-primary/15 dark:hover:bg-primary/20" : "hover:bg-muted/50 dark:hover:bg-muted/30"
           ),
-          onClick: () => setCurrentView("BROWSE"),
+          onClick: () => {
+            setCurrentView("BROWSE");
+            onNavigate?.();
+          },
           children: [
             /* @__PURE__ */ jsx(FolderOpen, { className: "size-4" }),
             "My Files"
@@ -2715,7 +2732,10 @@ var SidebarContent = () => {
             "w-full justify-start gap-2.5 h-9 px-2.5 font-medium",
             currentView === "TRASH" ? "bg-destructive/10 text-destructive hover:bg-destructive/15 dark:bg-destructive/15" : "hover:bg-muted/50 dark:hover:bg-muted/30"
           ),
-          onClick: () => setCurrentView("TRASH"),
+          onClick: () => {
+            setCurrentView("TRASH");
+            onNavigate?.();
+          },
           children: [
             /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
             "Trash"
@@ -2756,8 +2776,9 @@ var SidebarContent = () => {
   ] });
 };
 var DriveSidebar = () => {
+  const [sheetOpen, setSheetOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxs(Sheet, { children: [
+    /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [
       /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         Button,
         {
@@ -2768,10 +2789,10 @@ var DriveSidebar = () => {
           children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
         }
       ) }),
-      /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: "w-70 sm:w-80 p-0", children: [
+      /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: "w-70 sm:w-80 p-0", hideCloseButton: true, children: [
         /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
         /* @__PURE__ */ jsx(SheetDescription, { className: "sr-only", children: "Storage accounts and navigation" }),
-        /* @__PURE__ */ jsx(SidebarContent, {})
+        /* @__PURE__ */ jsx(SidebarContent, { onNavigate: () => setSheetOpen(false) })
       ] })
     ] }) }),
     /* @__PURE__ */ jsx("div", { className: "hidden lg:flex w-full h-full", children: /* @__PURE__ */ jsx(SidebarContent, {}) })